/** @package bcna-frontend */ /** @package bcna-frontend * Misc helpers, polyfills, etc */ header nav.navigation > ul:after, header nav.navigation div.submenu div.wrap:after, footer div.first:after, footer div.first nav:after, footer div.second div.wrap:after, footer div.third div.wrap:after, ul.breadcrumb:after, main > div.content:after, main div.before:after, span.checkboxlist li:after, span.radiobuttonlist li:after, .contourFieldSet:after, main.network div.header div.online:after, div.network-nav div.wrap:after, div.network-nav ul.section:after, div.network-nav ul.member:after, div.network-profile div.wrap:after, div.network-profile div.details div.title:after, div.article.post div.meta:after, div.post-list div.meta:after, div.comments div.actions-container:after, main.form div.form:after, div.supportgroup div.wrap:after, div.item-list.members ul li:after, div.item-list.contacts ul li:after, aside div.item-list.groups ul li:after, div.item-list.mygroups ul li:after, div.item-list.mylistings ul li:after, div.pagination ul:after, div.gallery ul:after, div.search div.wrap:after, div.order-link div.ctas:after, ul.social:after, .messagebox-header-actions:after, div.messages ul.messages li .actions-container:after, div.results-map div.mapinfo:after, div.person-details:after, .promo-lightbox__content-header:after { content: ''; display: table; clear: both; } /** @package bcna-frontend * Reset styles */ html, body, div, span, applet, object, iframe, h1, div.header h1, div.header p.title, .promo-lightbox__content-subheading, h2, .promo-lightbox__date-day, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } @font-face { font-family: "icons"; src: url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.eot"); font-weight: normal; font-style: normal; } @font-face { font-family: "icons"; src: url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.eot"); src: url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.eot?#iefix") format("embedded-opentype"), url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.woff") format("woff"), url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.ttf") format("truetype"), url("../fonts/icons-3cc8607ab29fb87b3593aab84ac62805.svg?#icons") format("svg"); font-weight: normal; font-style: normal; } .icon, div.gallery ul span.video:before, div.post-list div.post.with-image div.image span.video:before, button.pink:after, header nav.navigation > ul > li:after, header nav.navigation div.submenu a:hover:after, header nav.navigation div.submenu a:focus:after, header nav.quicklinks li.logged-in > a:after, header nav.quicklinks > ul > li:nth-child(2):after, header nav.quicklinks > ul > li:nth-child(3):after, header nav.quicklinks > ul > li:nth-child(4) a:after, header nav.quicklinks > ul > li:nth-child(5) a:after, header nav.quicklinks > ul > li:nth-child(6) a:after, nav.language:after, nav.language p:after, header form.search button.submit:before, header a.phone:before, footer div.first nav.contact a.phone:before, footer div.first nav.quicklinks li:after, #mobile-nav .pre-menu .mobile-nav-trigger:after, #mobile-nav .pre-menu .language:after, #mobile-nav .pre-menu .language p:after, #mobile-nav form .submit:before, #mobile-nav nav li.has-submenu.submenu-open > div:first-child a i:after, #mobile-nav nav li.has-submenu a i:after, a.mobile-nav-trigger:after, a.action.post:after, a.action.approve:after, a.action.deny:after, a.action.join:after, a.action.go:after, a.action.disconnect:after, .select:after, div.upload div.preview:before, div.privacy-popup div.submit button.submit:after, .validation > span:before, .input-clear:before, .contourFieldSet li.submit button.submit:after, .contourFieldSet a.settings:before, .contourFieldSet div.settings:before, .fancybox-close:before, .modal-close-btn:before, main.network div.header div.login a.join:after, main.network div.before a.create:after, main.network div.before button.broadcast:after, div.search.posts ul.search li:last-child button:before, div.network-nav ul.member a.post:after, div.network-nav.member-nav-mobile a.post:after, div.network-profile div.overview a.join:after, div.network-profile div.overview button.join:after, div.network-profile div.overview a.edit:after, div.network-profile div.overview .approve:after, div.network-profile div.overview .deny:after, div.network-profile div.overview .disconnect:after, div.network-profile div.details p.location:before, div.network-profile div.details p.tags:before, div.network-profile div.details p.audience:before, div.network-profile div.details a.profile:after, #invite-members .tt-suggestion span .add:after, #invite-members .tt-suggestion span .added:after, div.article.post div.meta a.comments:before, div.post-list div.meta a.comments:before, div.comments div.actions-container a.comments:before, div.article.post div.meta ul.tags:before, div.post-list div.meta ul.tags:before, div.comments div.actions-container ul.tags:before, div.homepage-call-to-actions > div > div.testimonial .actions .join:after, div.homepage-call-to-actions > div > div.resources .actions a:after, #homepage-header .carousel-container .carousel .slide-body .button:after, #homepage-header #support-us-cta a:after, div.item-list .connect:after, div.item-list .disconnect:after, div.item-list .approve:after, div.item-list .deny:after, div.item-list .never:after, div.item-list .order:after, div.item-list .join:after, div.item-list .leave:after, div.item-list .review:after, div.item-list .cancel-request:after, div.item-list.news.featured a.more:after, div.item-list.homepage-latest a.more:after, div.item-list.homepage-spotlight a.more:after, .item-list__stat--events:before, .item-list__stat--members:before, .item-list__stat--posts:before, div.pagination ul li:first-child a:before, div.pagination ul li:first-child button:before, div.pagination ul li:last-child a:before, div.pagination ul li:last-child button:before, div.gallery a.page.prev:before, div.gallery a.page.next:before, div.comments button.comment:after, .new-comment .post:after, .mce-tinymce.mce-container .mce-i-underline:before, .mce-tinymce.mce-container .mce-i-alignleft:before, .mce-tinymce.mce-container .mce-i-aligncenter:before, .mce-tinymce.mce-container .mce-i-alignright:before, .mce-tinymce.mce-container .mce-i-numlist:before, .mce-tinymce.mce-container .mce-i-bullist:before, .mce-tinymce.mce-container .mce-i-indent:before, .mce-tinymce.mce-container .mce-i-outdent:before, .mce-tinymce.mce-container .mce-i-link:before, .mce-tinymce.mce-container .mce-i-image:before, .mce-tinymce.mce-container .mce-i-media:before, .mce-i-browse:before, .mce-i-checkbox:before, div.contact-list ul li:after, div.link-list a:after, article div.link-list a.link:before, article div.link-list a.document:before, div.link-list.module.tell-friend .submit:after, div.search div.select:after, div.search button.submit:after, div.search ul.links a:after, div.order-link a:after, ul.social a:before, div.results-view a.list:after, div.results-view a.map:after, .messagebox-header-actions button.new:after, .messagebox-search-submit:after, .message-toggle-checkbox:before, .message-outline-status.status-read:before, .message-outline-status.status-unread:before, .messages-back a:before, div.quote .readmore:after, div.faqs li:after, .members-search-submit:after, .promo-lightbox__buttons .button:after { font-family: "icons"; display: block; vertical-align: middle; line-height: 1; font-weight: normal; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alert, .validation > span:before { content: "\f101"; } .icon-aligncenter, .mce-tinymce.mce-container .mce-i-aligncenter:before { content: "\f102"; } .icon-alignleft, .mce-tinymce.mce-container .mce-i-alignleft:before { content: "\f103"; } .icon-alignright, .mce-tinymce.mce-container .mce-i-alignright:before { content: "\f104"; } .icon-arrow-d, header nav.navigation > ul > li:after, header nav.quicklinks li.logged-in > a:after, header nav.quicklinks > ul > li:nth-child(2):after, header nav.quicklinks > ul > li:nth-child(3):after, nav.language:after, #mobile-nav .pre-menu .language:after, #mobile-nav nav li.has-submenu a i:after, .select:after, div.search div.select:after, div.faqs li:after { content: "\f105"; } .icon-arrow-l, div.pagination ul li:first-child a:before, div.pagination ul li:first-child button:before, div.gallery a.page.prev:before, .messages-back a:before { content: "\f106"; } .icon-arrow-r, button.pink:after, header nav.navigation div.submenu a:hover:after, header nav.navigation div.submenu a:focus:after, header nav.quicklinks > ul > li:nth-child(4) a:after, header nav.quicklinks > ul > li:nth-child(5) a:after, header nav.quicklinks > ul > li:nth-child(6) a:after, footer div.first nav.quicklinks li:after, a.action.post:after, a.action.join:after, a.action.go:after, div.privacy-popup div.submit button.submit:after, .contourFieldSet li.submit button.submit:after, main.network div.header div.login a.join:after, main.network div.before button.broadcast:after, div.network-nav ul.member a.post:after, div.network-nav.member-nav-mobile a.post:after, div.network-profile div.overview a.join:after, div.network-profile div.overview button.join:after, div.network-profile div.overview a.edit:after, div.network-profile div.details a.profile:after, div.homepage-call-to-actions > div > div.testimonial .actions .join:after, div.homepage-call-to-actions > div > div.resources .actions a:after, #homepage-header .carousel-container .carousel .slide-body .button:after, #homepage-header #support-us-cta a:after, div.item-list .order:after, div.item-list .join:after, div.item-list .review:after, div.item-list.news.featured a.more:after, div.item-list.homepage-latest a.more:after, div.item-list.homepage-spotlight a.more:after, div.pagination ul li:last-child a:before, div.pagination ul li:last-child button:before, div.gallery a.page.next:before, .new-comment .post:after, div.link-list a:after, div.link-list.module.tell-friend .submit:after, div.search button.submit:after, div.search ul.links a:after, div.order-link a:after, div.quote .readmore:after, .promo-lightbox__buttons .button:after { content: "\f107"; } .icon-arrow-u, #mobile-nav nav li.has-submenu.submenu-open > div:first-child a i:after, div.faqs li.active:after { content: "\f108"; } .icon-blank { content: "\f109"; } .icon-bullist, .mce-tinymce.mce-container .mce-i-bullist:before { content: "\f10a"; } .icon-camera, .mce-tinymce.mce-container .mce-i-image:before { content: "\f10b"; } .icon-chat, div.network-profile div.details p.audience:before { content: "\f10c"; } .icon-close-round, #mobile-nav .pre-menu .mobile-nav-trigger:after { content: "\f10d"; } .icon-close, a.action.deny:after, a.action.disconnect:after, div.network-profile div.overview .deny:after, div.network-profile div.overview .disconnect:after, div.item-list .disconnect:after, div.item-list .deny:after, div.item-list .never:after, div.item-list .leave:after, div.item-list .cancel-request:after { content: "\f10e"; } .icon-comment, div.article.post div.meta a.comments:before, div.post-list div.meta a.comments:before, div.comments div.actions-container a.comments:before { content: "\f10f"; } .icon-computer, div.contact-list ul li.website:after { content: "\f110"; } .icon-config, .contourFieldSet a.settings:before, .contourFieldSet div.settings:before { content: "\f111"; } .icon-document, article div.link-list a.document:before { content: "\f112"; } .icon-facebook, ul.social a.facebook:before { content: "\f113"; } .icon-grid, div.results-view a.list:after { content: "\f114"; } .icon-indent, .mce-tinymce.mce-container .mce-i-indent:before { content: "\f115"; } .icon-language, nav.language p:after, #mobile-nav .pre-menu .language p:after { content: "\f116"; } .icon-link, .mce-tinymce.mce-container .mce-i-link:before, article div.link-list a.link:before { content: "\f117"; } .icon-location, div.network-profile div.details p.location:before, div.results-view a.map:after { content: "\f118"; } .icon-mail-read, .message-outline-status.status-read:before { content: "\f119"; } .icon-mail-unread, .message-outline-status.status-unread:before { content: "\f11a"; } .icon-mail, div.contact-list ul li.email:after { content: "\f11b"; } .icon-menu, a.mobile-nav-trigger:after { content: "\f11c"; } .icon-modal-close, .input-clear:before, .fancybox-close:before, .modal-close-btn:before { content: "\f11d"; } .icon-numlist, .mce-tinymce.mce-container .mce-i-numlist:before { content: "\f11e"; } .icon-outdent, .mce-tinymce.mce-container .mce-i-outdent:before { content: "\f11f"; } .icon-phone, header a.phone:before, footer div.first nav.contact a.phone:before, div.contact-list ul li.phone:after { content: "\f120"; } .icon-play, div.gallery ul span.video:before, div.post-list div.post.with-image div.image span.video:before { content: "\f121"; } .icon-plus, a.action.approve:after, main.network div.before a.create:after, div.network-profile div.overview .approve:after, #invite-members .tt-suggestion span .add:after, div.item-list .connect:after, div.item-list .approve:after, div.comments button.comment:after, .messagebox-header-actions button.new:after { content: "\f122"; } .icon-print, ul.social a.print:before { content: "\f123"; } .icon-search, header form.search button.submit:before, #mobile-nav form .submit:before, div.search.posts ul.search li:last-child button:before, .mce-i-browse:before, .messagebox-search-submit:after, .members-search-submit:after { content: "\f124"; } .icon-select { content: "\f125"; } .icon-share, ul.social a.share:before { content: "\f126"; } .icon-stats-events, .item-list__stat--events:before { content: "\f127"; } .icon-stats-members, .item-list__stat--members:before { content: "\f128"; } .icon-stats-posts, .item-list__stat--posts:before { content: "\f129"; } .icon-tick, #invite-members .tt-suggestion span .added:after, .mce-i-checkbox:before, .message-toggle-checkbox:before { content: "\f12a"; } .icon-ticket, div.network-profile div.details p.tags:before, div.article.post div.meta ul.tags:before, div.post-list div.meta ul.tags:before, div.comments div.actions-container ul.tags:before { content: "\f12b"; } .icon-twitter, ul.social a.twitter:before { content: "\f12c"; } .icon-underline, .mce-tinymce.mce-container .mce-i-underline:before { content: "\f12d"; } .icon-upload, div.upload div.preview:before { content: "\f12e"; } .icon-user, div.contact-list ul li.contact:after { content: "\f12f"; } .icon-video, .mce-tinymce.mce-container .mce-i-media:before { content: "\f130"; } .icon-youtube, ul.social a.youtube:before { content: "\f131"; } /** Extends icon classes created by grunt-webfont * @param (string) $icon - the icon to use (without icon- prefix) */ .sprite-amex { width: 45px; height: 32px; background-position: 0px -40px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-amex-2x, main.donate.form li.cardtype ul.radiogroup li.amex label { width: 22.5px; height: 16px; background-position: 0px -20px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-arrow-left { width: 50px; height: 50px; background-position: 0px -350px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-arrow-left-2x, .Zebra_DatePicker .dp_header .dp_previous { width: 25px; height: 25px; background-position: 0px -175px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-arrow-right { width: 50px; height: 50px; background-position: 0px -410px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-arrow-right-2x, .Zebra_DatePicker .dp_header .dp_next { width: 25px; height: 25px; background-position: 0px -205px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-checkbox-on { width: 40px; height: 40px; background-position: 0px -250px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-checkbox-on-2x, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { width: 20px; height: 20px; background-position: 0px -125px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-checkbox { width: 40px; height: 40px; background-position: 0px -300px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-checkbox-2x, [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { width: 20px; height: 20px; background-position: 0px -150px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-diners { width: 45px; height: 32px; background-position: 0px -82px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-diners-2x, main.donate.form li.cardtype ul.radiogroup li.diners label { width: 22.5px; height: 16px; background-position: 0px -41px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-discover { width: 45px; height: 32px; background-position: 0px -124px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-discover-2x, main.donate.form li.cardtype ul.radiogroup li.discover label { width: 22.5px; height: 16px; background-position: 0px -62px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-icon-calendar { width: 30px; height: 30px; background-position: 0px 0px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-icon-calendar-2x, button.Zebra_DatePicker_Icon { width: 15px; height: 15px; background-position: 0px 0px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-mastercard { width: 45px; height: 32px; background-position: 0px -166px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-mastercard-2x, main.donate.form li.cardtype ul.radiogroup li.mastercard label { width: 22.5px; height: 16px; background-position: 0px -83px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } .sprite-visa { width: 45px; height: 32px; background-position: 0px -208px; background-image: url(/assets/css/images/sprites.png); display: block; } .sprite-visa-2x, main.donate.form li.cardtype ul.radiogroup li.visa label { width: 22.5px; height: 16px; background-position: 0px -104px; background-image: url(/assets/css/images/sprites.png); background-size: 25px auto; display: block; } /** Extends sprite classes created by grunt-spritesmith * @param (string) $sprite - the sprite to use (without sprite- prefix) */ /** @package bcna-frontend * CSS3 arrow creator * https://gist.github.com/kirkas/9560076 */ /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.9.7 - 2015-02-13T15:09:21.838Z * License: MIT */ /*! * ui-select * http://github.com/angular-ui/ui-select * Version: 0.9.5 - 2014-12-12T16:07:20.859Z * License: MIT */ /* Style when highlighting a search. */ .ui-select-highlight { font-weight: bold; } .ui-select-offscreen { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } /* Select2 theme */ /* Mark invalid Select2 */ .ng-dirty.ng-invalid > a.select2-choice { border-color: #D44950; } .select2-result-single { padding-left: 0; } .select2-locked > .select2-search-choice-close { display: none; } .select-locked > .ui-select-match-close { display: none; } /* Selectize theme */ /* Helper class to show styles when focus */ .selectize-input.selectize-focus { border-color: #007FBB !important; } /* Fix input width for Selectize theme */ .selectize-control > .selectize-input > input { width: 100%; } /* Fix dropdown width for Selectize theme */ .selectize-control > .selectize-dropdown { width: 100%; } /* Mark invalid Selectize */ .ng-dirty.ng-invalid > div.selectize-input { border-color: #D44950; } /* Bootstrap theme */ /* Helper class to show styles when focus */ .btn-default-focus { color: #333; background-color: #EBEBEB; border-color: #ADADAD; text-decoration: none; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .ui-select-bootstrap .ui-select-toggle { position: relative; } .ui-select-bootstrap .ui-select-toggle > .caret { position: absolute; height: 100%; top: 50%; right: 10px; margin-top: -2px; } /* Fix Bootstrap dropdown position when inside a input-group */ .input-group > .ui-select-bootstrap.dropdown { /* Instead of relative */ position: static; } .input-group > .ui-select-bootstrap > input.ui-select-search.form-control { border-radius: 4px; /* FIXME hardcoded value :-/ */ border-top-right-radius: 0; border-bottom-right-radius: 0; } .ui-select-bootstrap > .ui-select-match { /* Instead of center because of .btn */ text-align: left; } .ui-select-bootstrap > .ui-select-match > .caret { position: absolute; top: 45%; right: 15px; } /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */ .ui-select-bootstrap > .ui-select-choices { width: 100%; height: auto; max-height: 200px; overflow-x: hidden; } .ui-select-multiple.ui-select-bootstrap { height: auto; padding: .3em; } .ui-select-multiple.ui-select-bootstrap input.ui-select-search { background-color: transparent !important; /* To prevent double background when disabled */ border: none; outline: none; height: 1.666666em; } .ui-select-multiple.ui-select-bootstrap .ui-select-match .close { font-size: 1.6em; line-height: 0.75; } .ui-select-multiple.ui-select-bootstrap .ui-select-match-item { outline: 0; } .ui-select-bootstrap .ui-select-choices-row > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .ui-select-bootstrap .ui-select-choices-row > a:hover, .ui-select-bootstrap .ui-select-choices-row > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .ui-select-bootstrap .ui-select-choices-row.active > a { color: #fff; text-decoration: none; outline: 0; background-color: #428bca; } .ui-select-bootstrap .ui-select-choices-row.disabled > a, .ui-select-bootstrap .ui-select-choices-row.active.disabled > a { color: #777; cursor: not-allowed; background-color: #fff; } /* fix hide/show angular animation */ .ui-select-match.ng-hide-add, .ui-select-search.ng-hide-add { display: none !important; } /* Mark invalid Bootstrap */ .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match { border-color: #D44950; } /* Version: 3.4.5 Timestamp: Mon Nov 4 08:22:42 PST 2013 */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 26px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; border-radius: 4px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(top, #eee 0%, #fff 90%); } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("/assets/css/images/select2.png") right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .select2-drop-active { border: 1px solid #5897fb; border-top: none; } .select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; border-radius: 0 4px 4px 0; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(top, #ccc 0%, #eee 60%); } .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url("/assets/css/images/select2.png") no-repeat 0 1px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url("/assets/css/images/select2.png") no-repeat 100% -22px; background: url("/assets/css/images/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/assets/css/images/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/assets/css/images/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/assets/css/images/select2.png") no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url("/assets/css/images/select2-spinner.gif") no-repeat 100%; background: url("/assets/css/images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("/assets/css/images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/assets/css/images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("/assets/css/images/select2-spinner.gif") no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(top, #fff 0%, #eee 50%); } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(bottom, #fff 0%, #eee 50%); } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; } .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results .select2-highlighted { background: #3875d7; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url("/assets/css/images/select2-spinner.gif") no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(top, #eee 1%, #fff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url("/assets/css/images/select2-spinner.gif") no-repeat 100% !important; } .select2-default { color: #999 !important; } .select2-container-multi .select2-choices .select2-search-choice { padding: 5px 5px 5px 18px; margin: 2px 0 0 5px; position: relative; line-height: 13px; color: #333333; cursor: default; background: #e8dcdc; border: 1px solid #d9d2d2; border-radius: 2px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #decccc; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 5px; font-size: 1px; outline: none; background: url("/assets/css/images/select2.png") right top no-repeat; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /* Retina-ize icons */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url("/assets/css/images/select2x2.png") !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; } .select2-search input { background-position: 100% -21px !important; } } /** @package bcna-frontend * Mixins */ /** REM font size with px fallback * @param (string) $size - the font size in px * @requires $base-font-size variable */ /** Font size/family/line-height shortcut */ div.header div.wrap, div.search { position: relative; max-width: 1190px; margin: 0 auto; } header > div.wrap, footer div.wrap, div.header div.table, main > div.content, div.network-nav div.wrap, div.network-profile div.wrap, div.supportgroup div.wrap, div.search div.wrap { position: relative; max-width: 960px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 999px) { header > div.wrap, footer div.wrap, div.header div.table, main > div.content, div.network-nav div.wrap, div.network-profile div.wrap, div.supportgroup div.wrap, div.search div.wrap { padding-left: 20px; padding-right: 20px; } } header nav.quicklinks li.logged-out a, header nav.quicklinks > ul > li > ul a, nav.language ul a, footer div.first a, div.header div.highlight a, #mobile-nav .pre-menu .language ul a, ul.breadcrumb a, .contourFieldSet a.more, div.network-nav a, div.network-nav ul.member ul a, div.network-nav.member-nav-mobile ul a, div.item-list.members h3 a, div.item-list.contacts h3 a, div.item-list.mygroups h3 a, div.item-list.mylistings h3 a, div.item-list.news h3 a, div.item-list.events h3 a, div.item-list.services h3 a, div.item-list.resources h3 a, div.item-list.groups h3 a, div.item-list.members-landing h3 a, div.item-list.homepage-latest h3 a, div.item-list.homepage-spotlight h3 a, div.post-list div.excerpt h3 a, div.search ul.links a, div.results-view a, .messagebox-header-bulk-actions-menu a, div.sub-content h3 a { color: inherit; text-decoration: none; } header nav.quicklinks li.logged-out a:hover, header nav.quicklinks > ul > li > ul a:hover, nav.language ul a:hover, footer div.first a:hover, div.header div.highlight a:hover, #mobile-nav .pre-menu .language ul a:hover, ul.breadcrumb a:hover, .contourFieldSet a.more:hover, div.network-nav a:hover, div.network-nav ul.member ul a:hover, div.network-nav.member-nav-mobile ul a:hover, div.item-list.members h3 a:hover, div.item-list.contacts h3 a:hover, div.item-list.mygroups h3 a:hover, div.item-list.mylistings h3 a:hover, div.item-list.news h3 a:hover, div.item-list.events h3 a:hover, div.item-list.services h3 a:hover, div.item-list.resources h3 a:hover, div.item-list.groups h3 a:hover, div.item-list.members-landing h3 a:hover, div.item-list.homepage-latest h3 a:hover, div.item-list.homepage-spotlight h3 a:hover, div.post-list div.excerpt h3 a:hover, div.search ul.links a:hover, div.results-view a:hover, .messagebox-header-bulk-actions-menu a:hover, div.sub-content h3 a:hover, header nav.quicklinks li.logged-out a:focus, header nav.quicklinks > ul > li > ul a:focus, nav.language ul a:focus, footer div.first a:focus, div.header div.highlight a:focus, #mobile-nav .pre-menu .language ul a:focus, ul.breadcrumb a:focus, .contourFieldSet a.more:focus, div.network-nav a:focus, div.network-nav ul.member ul a:focus, div.network-nav.member-nav-mobile ul a:focus, div.item-list.members h3 a:focus, div.item-list.contacts h3 a:focus, div.item-list.mygroups h3 a:focus, div.item-list.mylistings h3 a:focus, div.item-list.news h3 a:focus, div.item-list.events h3 a:focus, div.item-list.services h3 a:focus, div.item-list.resources h3 a:focus, div.item-list.groups h3 a:focus, div.item-list.members-landing h3 a:focus, div.item-list.homepage-latest h3 a:focus, div.item-list.homepage-spotlight h3 a:focus, div.post-list div.excerpt h3 a:focus, div.search ul.links a:focus, div.results-view a:focus, .messagebox-header-bulk-actions-menu a:focus, div.sub-content h3 a:focus { color: #e64097; } header nav.quicklinks li.logged-out a:hover:after, header nav.quicklinks > ul > li > ul a:hover:after, nav.language ul a:hover:after, footer div.first a:hover:after, div.header div.highlight a:hover:after, #mobile-nav .pre-menu .language ul a:hover:after, ul.breadcrumb a:hover:after, .contourFieldSet a.more:hover:after, div.network-nav a:hover:after, div.network-nav ul.member ul a:hover:after, div.item-list.members h3 a:hover:after, div.item-list.contacts h3 a:hover:after, div.item-list.mygroups h3 a:hover:after, div.item-list.mylistings h3 a:hover:after, div.item-list.news h3 a:hover:after, div.item-list.events h3 a:hover:after, div.item-list.services h3 a:hover:after, div.item-list.resources h3 a:hover:after, div.item-list.groups h3 a:hover:after, div.item-list.members-landing h3 a:hover:after, div.item-list.homepage-latest h3 a:hover:after, div.item-list.homepage-spotlight h3 a:hover:after, div.post-list div.excerpt h3 a:hover:after, div.search ul.links a:hover:after, div.results-view a:hover:after, .messagebox-header-bulk-actions-menu a:hover:after, div.sub-content h3 a:hover:after, header nav.quicklinks li.logged-out a:focus:after, header nav.quicklinks > ul > li > ul a:focus:after, nav.language ul a:focus:after, footer div.first a:focus:after, div.header div.highlight a:focus:after, #mobile-nav .pre-menu .language ul a:focus:after, ul.breadcrumb a:focus:after, .contourFieldSet a.more:focus:after, div.network-nav a:focus:after, div.network-nav ul.member ul a:focus:after, div.item-list.members h3 a:focus:after, div.item-list.contacts h3 a:focus:after, div.item-list.mygroups h3 a:focus:after, div.item-list.mylistings h3 a:focus:after, div.item-list.news h3 a:focus:after, div.item-list.events h3 a:focus:after, div.item-list.services h3 a:focus:after, div.item-list.resources h3 a:focus:after, div.item-list.groups h3 a:focus:after, div.item-list.members-landing h3 a:focus:after, div.item-list.homepage-latest h3 a:focus:after, div.item-list.homepage-spotlight h3 a:focus:after, div.post-list div.excerpt h3 a:focus:after, div.search ul.links a:focus:after, div.results-view a:focus:after, .messagebox-header-bulk-actions-menu a:focus:after, div.sub-content h3 a:focus:after { color: inherit; } div.item-list.news p.tag, div.item-list.events p.tag, div.item-list.services p.tag, div.item-list.resources p.tag, div.item-list.groups p.tag, div.item-list.members-landing p.tag, div.item-list.homepage-latest p.tag, div.item-list.homepage-spotlight p.tag, div.post-list div.post.with-image div.image span.tag, div.sub-content p.tag { font-size: 12px; font-size: 0.7058823529rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; width: 45px; height: 45px; padding-top: 7px; position: absolute; top: 0; right: 0; background: #e64097; color: #ffffff; text-align: center; text-transform: uppercase; margin: 0; } div.item-list.news p.tag strong, div.item-list.events p.tag strong, div.item-list.services p.tag strong, div.item-list.resources p.tag strong, div.item-list.groups p.tag strong, div.item-list.members-landing p.tag strong, div.item-list.homepage-latest p.tag strong, div.item-list.homepage-spotlight p.tag strong, div.post-list div.post.with-image div.image span.tag strong, div.sub-content p.tag strong { font-size: 18px; font-size: 1.0588235294rem; font-weight: 500; display: block; } div.item-list.news p.tag sup, div.item-list.events p.tag sup, div.item-list.services p.tag sup, div.item-list.resources p.tag sup, div.item-list.groups p.tag sup, div.item-list.members-landing p.tag sup, div.item-list.homepage-latest p.tag sup, div.item-list.homepage-spotlight p.tag sup, div.post-list div.post.with-image div.image span.tag sup, div.sub-content p.tag sup { font-size: 10px; font-size: 0.5882352941rem; font-weight: 300; text-transform: none; vertical-align: top; } div.gallery ul span.video, div.post-list div.post.with-image div.image span.video { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } div.gallery ul span.video:before, div.post-list div.post.with-image div.image span.video:before { font-size: 40px; width: 40px; height: 40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; color: #000; background: #fff; border-radius: 50%; } /** @package bcna-frontend * Common layout styles */ * { box-sizing: border-box; } html { font-family: "Lato", sans-serif; font-size: 17px; line-height: 1.6; color: #333333; cursor: default; } html, body { width: 100%; height: 100%; } header, main, footer { min-width: 320px; background: #FFFFFF; } main { position: relative; z-index: 1; min-height: 100%; /*padding-top: $header; margin-top: -$header;*/ } @media only screen and (min-width: 800px) and (max-width: 999px) { main { padding-top: 190px; margin-top: -190px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { main { padding-top: 160px; margin-top: -160px; } } article { position: relative; } @media screen and (min-width: 800px), print { article { width: 75%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { article { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } aside { position: relative; } @media screen and (min-width: 800px), print { aside { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { aside { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { aside { clear: both; } } div.margin-left-only { max-width: 620px; margin: 0px; } @media only screen and (min-width: 1000px) { main.article { /*img, div.gallery { max-width: none; width: 114.9%; margin: $module-spacing 0; margin-left: -$article-gutter; }*/ } main.article div.article, main.article div.items { margin-left: 80px; margin-right: 80px; } main.article td img { margin: 0; width: auto; max-width: 100%; } } :disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; cursor: not-allowed; } ::selection { background: #bbe3fa; } ::-moz-selection { background: #bbe3fa; } iframe { width: 100%; } .loading { padding-top: 50px; } .loading img { width: 32px; height: 32px; margin: 0 auto; } .text-right { text-align: right; } .ng-cloak { display: none; } .loading-spinner { margin: 0px auto; font-size: 7px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(230, 64, 151, 0.2); border-right: 1.1em solid rgba(230, 64, 151, 0.2); border-bottom: 1.1em solid rgba(230, 64, 151, 0.2); border-left: 1.1em solid #e64097; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; border-radius: 50%; width: 10em; height: 10em; } .loading-spinner:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } button.link { background: none !important; border: none; padding: 0 !important; border-bottom: 1px solid #333333; color: #333333; text-decoration: none; font-family: "Lato", sans-serif; font-size: 15px; } button.link:hover { color: #e64097; border-bottom-color: #e64097; } button.pink { border: 0; text-decoration: none; display: block; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } button.pink:hover, button.pink:focus { text-decoration: none; } button.pink:hover, button.pink:focus { background: #ff57af; color: #ffffff; } button.pink:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } button.pink[disabled] { background-color: #ec6db0; } .ng-cloak { display: none; } .loading-spinner { margin: 0px auto; font-size: 7px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(230, 64, 151, 0.2); border-right: 1.1em solid rgba(230, 64, 151, 0.2); border-bottom: 1.1em solid rgba(230, 64, 151, 0.2); border-left: 1.1em solid #e64097; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; border-radius: 50%; width: 10em; height: 10em; } .loading-spinner:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .slideupdown-wrapper { -webkit-transition: height 0.4s 0.25s; transition: height 0.4s 0.25s; } /** @package bcna-frontend * Page header styles */ #skiptocontent { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } header { height: 212px; position: relative; z-index: 2; border-top: 5px solid #f2ebeb; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 800px) and (max-width: 999px) { header { height: 190px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { header { height: 190px; } } @media only screen and (max-width: 599px) { header { height: 160px; } } header > div.wrap { height: 100%; } header div.logo { display: block; position: absolute; bottom: 20px; left: 15px; width: 130px; z-index: 10; } @media only screen and (max-width: 999px) { header div.logo { width: 95px; left: 20px; } } @media only screen and (max-width: 599px) { header div.logo { width: 75px; bottom: 22px; } } header ul { margin: 0; padding: 0; list-style-type: none; } header ul li { margin: 0; padding: 0; list-style-type: none; } header ul li:before { display: none; } header nav.navigation { position: absolute; bottom: 0; right: 0; width: 100%; z-index: 1; } @media only screen and (max-width: 999px) { header nav.navigation { display: none; } } header nav.navigation > ul { padding: 15px 0; border-top: 1px solid #dedede; float: right; } header nav.navigation > ul > li { font-size: 16px; font-size: 0.9411764706rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; min-width: 140px; float: left; border-left: 1px solid #dedede; padding: 0 14px; } header nav.navigation > ul > li:first-child { border-left: 0; padding-left: 2px; } header nav.navigation > ul > li:after { font-size: 10px; width: 10px; height: 10px; float: right; position: relative; top: -15px; color: #01385e; } header nav.navigation > ul > li > a { color: inherit; text-decoration: none; display: block; position: relative; padding-right: 22px; } header nav.navigation > ul > li > a:after, header nav.navigation > ul > li > a:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } header nav.navigation > ul > li > a:after { border-width: 20px; border-top-color: #ffffff; bottom: -40px; right: 50%; margin-right: -20px; } header nav.navigation > ul > li > a:before { border-width: 21px; border-top-color: #c5c5c5; bottom: -42px; right: 50%; margin-right: -21px; } header nav.navigation > ul > li > a:before, header nav.navigation > ul > li > a:after { z-index: 2; margin-bottom: -22px; display: none; } header nav.navigation > ul > li.has-children:hover:after, header nav.navigation > ul > li.has-children:hover > a, header nav.navigation > ul > li.has-children:focus:after, header nav.navigation > ul > li.has-children:focus > a { color: #e64097; } header nav.navigation > ul > li.has-children:hover > a:before, header nav.navigation > ul > li.has-children:hover > a:after, header nav.navigation > ul > li.has-children:focus > a:before, header nav.navigation > ul > li.has-children:focus > a:after { display: block; } header nav.navigation > ul > li.has-children:hover div.submenu, header nav.navigation > ul > li.has-children:focus div.submenu { left: 0; } header nav.navigation div.submenu { position: absolute; z-index: 1; left: -9999em; width: 100%; min-height: 100%; padding-top: 29px; } header nav.navigation div.submenu div.wrap { position: relative; background: #ffffff; padding: 25px 0; border: 1px solid #dedede; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } header nav.navigation div.submenu div.wrap:before { content: ''; display: block; position: absolute; width: 100%; margin-left: -1px; top: -8px; height: 1px; border: 1px solid #dedede; border-bottom-width: 5px; } header nav.navigation div.submenu ul { float: left; width: 25%; border-left: 1px solid #dedede; border-right: 1px solid #dedede; margin-left: -1px; } header nav.navigation div.submenu ul:first-child { border-left: 0; margin-left: 0; } header nav.navigation div.submenu ul:last-of-type { border-right: 0; } header nav.navigation div.submenu li { font-size: 18px; font-size: 1.0588235294rem; font-family: "Lato", sans-serif; font-weight: 300; margin: 0 2px; } header nav.navigation div.submenu strong { font-size: 17px; font-size: 1rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; display: block; margin-top: 15px; } header nav.navigation div.submenu li:first-child strong { margin-top: 0; } header nav.navigation div.submenu a { display: block; position: relative; padding: 8px 40px 8px 25px; color: #333333; } header nav.navigation div.submenu a:hover, header nav.navigation div.submenu a:focus { text-decoration: none; background: #e64097; color: #ffffff; } header nav.navigation div.submenu a:hover:after, header nav.navigation div.submenu a:focus:after { font-size: 10px; width: 10px; height: 10px; position: absolute; right: 20px; top: 50%; margin-top: -5px; } @media only screen and (max-width: 999px) { header nav.quicklinks { width: 100%; } } @media only screen and (min-width: 600px), print { header nav.quicklinks a { padding: 5px; } } @media only screen and (min-width: 1000px) { header nav.quicklinks .journey-bar li:after { content: none !important; } } @media only screen and (max-width: 999px) { header nav.quicklinks > ul { width: 100%; } } @media only screen and (max-width: 999px) { header nav.quicklinks > ul > li:nth-child(4), header nav.quicklinks > ul > li:nth-child(5), header nav.quicklinks > ul > li:nth-child(6) { width: 33.333%; } } header nav.quicklinks > ul > li:nth-child(4) > a, header nav.quicklinks > ul > li:nth-child(5) > a, header nav.quicklinks > ul > li:nth-child(6) > a { font-size: 14px; font-size: 0.8235294118rem; white-space: nowrap; } @media only screen and (max-width: 599px) { header nav.quicklinks > ul > li:nth-child(4) > a, header nav.quicklinks > ul > li:nth-child(5) > a, header nav.quicklinks > ul > li:nth-child(6) > a { font-size: 9px; font-size: 0.5294117647rem; padding-right: 22px !important; } } @media only screen and (max-width: 599px) { header nav.quicklinks > ul > li:nth-child(4) > a:after, header nav.quicklinks > ul > li:nth-child(5) > a:after, header nav.quicklinks > ul > li:nth-child(6) > a:after { top: 13px !important; } } header nav.quicklinks > ul > li:nth-child(4) > ul a, header nav.quicklinks > ul > li:nth-child(5) > ul a, header nav.quicklinks > ul > li:nth-child(6) > ul a { color: #01385e; } header nav.quicklinks { font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; position: absolute; top: -5px; right: 0; } @media only screen and (min-width: 1000px) { header nav.quicklinks { display: flex; position: relative; justify-content: flex-end; } } @media only screen and (max-width: 599px) { header nav.quicklinks > ul { width: 100%; } } header nav.quicklinks > ul > li { float: left; color: #333333; position: relative; z-index: 10; } @media only screen and (min-width: 1000px) { header nav.quicklinks > ul > li:hover > ul { left: auto; } } header nav.quicklinks > ul > li:hover > ul.active { left: auto; } @media only screen and (max-width: 599px) { header nav.quicklinks > ul > li { width: 50%; } } header nav.quicklinks > ul > li > a { display: block; padding: 16px 20px 8px 16px; text-decoration: none; } @media only screen and (max-width: 599px) { header nav.quicklinks > ul > li > a { padding-top: 8px; padding-left: 12px; } } header nav.quicklinks li.logged-out a { float: left; padding-left: 0; padding-right: 0; } header nav.quicklinks li.logged-out a:nth-child(2):before { content: ''; margin: 0 10px; text-decoration: none; display: inline-block; border-left: 1px solid #333333; height: 14px; position: relative; top: 2px; } header nav.quicklinks li.logged-in img { float: left; width: 32px; height: 32px; border-radius: 50%; position: relative; top: -4px; margin-right: 6px; } header nav.quicklinks li.logged-in > a:after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 23px; right: 0; color: #999999; } header nav.quicklinks li.logged-in > span { max-width: 180px; text-overflow: ellipsis; overflow: hidden; display: inline-block; } header nav.quicklinks li.logged-in ul:before { left: 21px; } header nav.quicklinks li.logged-in ul:after { left: 22px; } header nav.quicklinks li.logged-in:hover > a, header nav.quicklinks li.logged-in:hover a:after { color: #e64097; } header nav.quicklinks > ul > li:nth-child(2), header nav.quicklinks > ul > li:nth-child(3) { margin-left: 8px; } header nav.quicklinks > ul > li:nth-child(2):after, header nav.quicklinks > ul > li:nth-child(3):after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 23px; right: 0; color: #999999; } header nav.quicklinks > ul > li:nth-child(2):hover:after, header nav.quicklinks > ul > li:nth-child(2):focus:after, header nav.quicklinks > ul > li:nth-child(3):hover:after, header nav.quicklinks > ul > li:nth-child(3):focus:after { color: #e64097; } header nav.quicklinks > ul > li:nth-child(2) ul:before, header nav.quicklinks > ul > li:nth-child(2) ul:after { right: auto; left: 44px; } header nav.quicklinks > ul > li:nth-child(2) ul:after { margin-left: 1px; } @media only screen and (min-width: 600px), print { header nav.quicklinks > ul > li:nth-child(3) { margin-right: 12px; } } header nav.quicklinks > ul > li:nth-child(3) ul:before, header nav.quicklinks > ul > li:nth-child(3) ul:after { right: auto; left: 52px; } header nav.quicklinks > ul > li:nth-child(3) ul:after { margin-left: 1px; } header nav.quicklinks > ul > li:nth-child(4) ul:before, header nav.quicklinks > ul > li:nth-child(4) ul:after { right: 82%; } header nav.quicklinks > ul > li:nth-child(4) a, header nav.quicklinks > ul > li:nth-child(5) a, header nav.quicklinks > ul > li:nth-child(6) a { padding-right: 32px; } header nav.quicklinks > ul > li:nth-child(4) a:after, header nav.quicklinks > ul > li:nth-child(5) a:after, header nav.quicklinks > ul > li:nth-child(6) a:after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 23px; right: 10px; } header nav.quicklinks > ul > li:nth-child(4):hover:after, header nav.quicklinks > ul > li:nth-child(4):focus:after, header nav.quicklinks > ul > li:nth-child(5):hover:after, header nav.quicklinks > ul > li:nth-child(5):focus:after, header nav.quicklinks > ul > li:nth-child(6):hover:after, header nav.quicklinks > ul > li:nth-child(6):focus:after { color: #e64097; } header nav.quicklinks > ul > li:nth-child(4) { background: #f2ebeb; } header nav.quicklinks > ul > li:nth-child(4) a:hover:after, header nav.quicklinks > ul > li:nth-child(4) a:focus:after { color: #e64097; } header nav.quicklinks > ul > li:nth-child(5) { background: #e6dfdf; font-weight: 500; } header nav.quicklinks > ul > li:nth-child(5) a:hover:after, header nav.quicklinks > ul > li:nth-child(5) a:focus:after { color: #e64097; } header nav.quicklinks > ul > li:nth-child(6) { background: #01385e; font-weight: 500; } header nav.quicklinks > ul > li:nth-child(6) a { color: #ffffff; } header nav.quicklinks > ul > li:nth-child(6) a:hover, header nav.quicklinks > ul > li:nth-child(6) a:focus { background: #014b80; } header nav.quicklinks > ul > li > ul { font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding-top: 15px; position: absolute; z-index: 2; left: -9999em; min-width: 111%; } header nav.quicklinks > ul > li > ul li { padding: 2px; color: #666666; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-left: 1px solid #dedede; border-right: 1px solid #dedede; } header nav.quicklinks > ul > li > ul li:first-child { border-top: 1px solid #dedede; } header nav.quicklinks > ul > li > ul li:last-child { border-bottom: 1px solid #dedede; } header nav.quicklinks > ul > li > ul a { display: block; padding: 16px 16px; white-space: nowrap; position: relative; z-index: 0; margin-top: -12px; } header nav.quicklinks > ul > li > ul a:after { display: none; } header nav.quicklinks > ul > li > ul a:hover, header nav.quicklinks > ul > li > ul a:focus { background: #e64097; color: #ffffff; z-index: 1; } header nav.quicklinks > ul > li > ul li:first-child a { margin-top: 0; } header nav.quicklinks > ul > li > ul:after, header nav.quicklinks > ul > li > ul:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } header nav.quicklinks > ul > li > ul:after { border-width: 10px; border-bottom-color: #ffffff; top: -20px; right: 50%; margin-right: -10px; } header nav.quicklinks > ul > li > ul:before { border-width: 11px; border-bottom-color: #c5c5c5; top: -22px; right: 50%; margin-right: -11px; } header nav.quicklinks > ul > li > ul:before, header nav.quicklinks > ul > li > ul:after { margin-top: 16px; } @media only screen and (max-width: 999px) { header nav.quicklinks > ul > li:nth-child(1), header nav.quicklinks > ul > li:nth-child(2), header nav.quicklinks > ul > li:nth-child(3) { display: none; } } header nav.language p { width: 330px; } nav.language { font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; position: absolute; top: 74px; right: 420px; padding-right: 18px; } nav.language:after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 7px; right: 0; color: #999999; } nav.language:hover:after { color: #e64097; } nav.language p { margin: 0 0 5px 0; position: absolute; right: 20px; width: 200px; text-align: right; background-color: #fff; } nav.language p:after { font-size: 23px; width: 23px; height: 23px; margin-left: 8px; float: right; color: #000; } nav.language:hover ul { left: -200px; top: 20px; } nav.language ul { font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding-top: 15px; position: absolute; z-index: 2; left: -9999em; min-width: 111%; } nav.language ul li { padding: 2px; color: #666666; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-left: 1px solid #dedede; border-right: 1px solid #dedede; } nav.language ul li:first-child { border-top: 1px solid #dedede; } nav.language ul li:last-child { border-bottom: 1px solid #dedede; } nav.language ul a { display: block; padding: 16px 16px; white-space: nowrap; position: relative; z-index: 0; margin-top: -12px; } nav.language ul a:after { display: none; } nav.language ul a:hover, nav.language ul a:focus { background: #e64097; color: #ffffff; z-index: 1; } nav.language ul li:first-child a { margin-top: 0; } nav.language ul:after, nav.language ul:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } nav.language ul:after { border-width: 10px; border-bottom-color: #ffffff; top: -20px; right: 50%; margin-right: -10px; } nav.language ul:before { border-width: 11px; border-bottom-color: #c5c5c5; top: -22px; right: 50%; margin-right: -11px; } nav.language ul:before, nav.language ul:after { margin-top: 16px; } nav.language .fade-on { -webkit-transition: 1s; transition: 1s; opacity: 1; } nav.language .fade-off { -webkit-transition: 1s; transition: 1s; opacity: 0; } header form.search { position: absolute; top: 64px; right: 5px; width: 160px; height: 36px; border-radius: 36px; padding-right: 36px; background: #f2ebeb; } @media only screen and (max-width: 999px) { header form.search { display: none; } } header form.search input.search { display: block; width: 100%; height: auto; margin: 7px 0 0 0; padding: 0 0 0 15px; background: transparent; border: 0; outline: none; } header form.search button.submit { display: block; width: 16px; height: 16px; overflow: hidden; padding: 0; border: 0; background: transparent; position: absolute; top: 10px; right: 13px; color: #e64097; } header form.search button.submit:before { font-size: 16px; width: 16px; height: 16px; } header a.phone { position: absolute; top: 67px; right: 205px; color: #e64097; font-size: 21px; text-decoration: none; } header a.phone:before { font-size: 20px; width: 20px; height: 20px; position: absolute; left: -25px; top: 7px; } header a.phone:hover { color: #ff57af; text-decoration: none; } @media only screen and (max-width: 999px) { header a.phone { top: 80px; right: 117px; } } @media only screen and (max-width: 599px) { header a.phone { width: 32px; height: 32px; overflow: hidden; right: 78px; top: 50%; margin-top: -36px; padding-left: 30px; } header a.phone:before { font-size: 32px; width: 32px; height: 32px; left: 0; top: 0; } } header .user-mobile { position: relative; top: 30px; } @media only screen and (min-width: 1000px) { header .user-mobile { display: none; } } @media only screen and (min-width: 600px), print { header .user-mobile { top: 50px; } } header .user-mobile ul { display: flex; justify-content: flex-end; } header .user-mobile ul li { display: block; width: auto; z-index: 0; padding-top: 8px; padding-left: 12px; color: #333333; font-size: 14px; } header .user-mobile li:after { content: none; } /** @package bcna-frontend * Page footer styles */ footer { position: relative; z-index: 0; background: none; } footer ul { margin: 0; padding: 0; list-style-type: none; } footer ul li { margin: 0; padding: 0; list-style-type: none; } footer ul li:before { display: none; } footer div.first { background: #f2ebeb; padding: 35px 0; } footer div.first h2, footer div.first .promo-lightbox__date-day { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; margin-bottom: 20px; margin-bottom: 1.1764705882rem; font-size: 30px; font-size: 1.7647058824rem; } footer div.first h2:after, footer div.first .promo-lightbox__date-day:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items footer div.first h2, div.items footer div.first .promo-lightbox__date-day { margin-bottom: -25px; } footer div.first h3 { font-size: 18px; font-size: 1.0588235294rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; margin: 0px 0px 8px 0px; color: #333333; } footer div.first nav { float: left; width: 50%; } footer div.first nav div { float: left; width: 50%; } footer div.first a { font-size: 16px; font-size: 0.9411764706rem; line-height: 1.5; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } footer div.first nav.contact div.media { padding-left: 10px; } footer div.first nav.contact a { border-bottom: 1px solid #c6c1c1; } footer div.first nav.contact a.phone { margin: 10px 0; border-bottom: 0; color: #e64097; font-size: 22px; font-weight: normal; } footer div.first nav.contact a.phone:before { display: inline-block; margin-right: 6px; vertical-align: middle; } footer div.first nav.contact a.phone:hover { color: #ff57af; } footer div.first nav.contact div.social-cont { width: 100%; clear: both; margin: 15px 0; } footer div.first nav.contact div.social-cont ul.social:after { content: ''; display: table; clear: both; } footer div.first nav.contact div.social-cont ul.social li { margin-right: 50px; } footer div.first nav.contact div.social-cont ul.social a { font-size: 0; text-decoration: none; border: none; } footer div.first nav.contact div.social-cont ul.social a:before { color: #c73180; font-size: 45px; text-decoration: none; } @media only screen and (max-width: 799px) { footer div.first nav.contact div.social-cont ul.social li { float: none; display: inline-block; margin: 0 10px; overflow: hidden; width: 32px; height: 32px; } footer div.first nav.contact div.social-cont ul.social a:before { margin: 0; font-size: 32px; } } footer div.first nav.quicklinks { padding-left: 10px; } footer div.first nav.quicklinks .links { width: 100%; } footer div.first nav.quicklinks li { position: relative; padding-left: 20px; margin-bottom: 4px; width: 48%; float: left; } footer div.first nav.quicklinks li:after { font-size: 10px; width: 10px; height: 10px; color: #e64097; position: absolute; top: 10px; left: 0; } @media only screen and (max-width: 799px) { footer div.first nav div { float: none; width: auto; } footer div.first nav div.freecall { margin-bottom: 15px; } footer div.first nav.quicklinks { width: 60%; } footer div.first nav.contact { width: 40%; } footer div.first nav.contact div.media { padding-left: 0px; } } @media only screen and (max-width: 599px) { footer div.first nav.quicklinks { display: none; } footer div.first nav.contact { width: 100%; } } footer div.second { font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding: 29px 0; background: #e64097; border-top: 5px solid #c73180; } @media only screen and (max-width: 599px) { footer div.second { padding: 20px 0; } } @media only screen and (max-width: 799px) { footer div.second div.wrap { text-align: center; } } footer div.second ul.languages li { display: inline-block; margin-right: 40px; color: #ffffff; font-size: 16px; } @media only screen and (max-width: 799px) { footer div.second ul.languages li { margin-right: 10px; } } footer div.third { font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding: 15px 0px; background: #01385e; color: #ffffff; clear: both; } footer div.third p { margin: 0px; } footer div.third p.copyright { float: left; font-weight: 500; } @media only screen and (max-width: 599px) { footer div.third p.copyright { float: none; text-align: center; } } footer div.third div.copyright { display: inline-block; width: 33%; } @media only screen and (max-width: 799px) { footer div.third div.copyright { text-align: center; display: block; width: 100%; } } footer div.third div.legal-cont { text-align: center; display: inline-block; width: 33%; } footer div.third div.legal-cont ul li { display: inline-block; } footer div.third div.legal-cont ul li:first-of-type::after { content: ' | '; } @media only screen and (max-width: 799px) { footer div.third div.legal-cont { text-align: center; display: block; width: 100%; } } footer div.third div.flags { display: inline-block; text-align: center; padding-left: 10px; } @media only screen and (max-width: 799px) { footer div.third div.flags { display: block; } } @media only screen and (max-width: 599px) { footer div.third div.flags { display: block; } } footer div.third div.flags ul { display: inline-block; list-style-type: none; } footer div.third div.flags ul li { display: inline-block; } footer div.third div.flags ul li img { position: relative; display: inline; vertical-align: middle; } footer div.third p.agency { float: right; } @media only screen and (max-width: 599px) { footer div.third p.agency { float: none; text-align: center; } } footer div.third a { color: #ffffff; } /** @package bcna-frontend * Landing page header */ div.header { height: 220px; background-repeat: no-repeat; background-position: center; } div.header div.wrap { height: 100%; } div.header div.title { display: inline-block; min-width: 320px; max-width: 430px; padding: 25px; background: #ffffff; border-left: 5px solid #e64097; } @media only screen and (max-width: 599px) { div.header div.title { width: 100%; max-width: none; padding: 20px 15px; } } div.header h1, div.header p.title, div.header .promo-lightbox__content-subheading, div.header p.title { margin: 0; line-height: 1.3; } div.header h1:after, div.header p.title:after, div.header .promo-lightbox__content-subheading:after, div.header p.title:after { display: none; } div.header p { margin: 0; } div.header p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; color: #666666; margin: 0 0 5px 0; } div.header div.highlight { position: absolute; bottom: 20px; right: 20px; background: #ffffff; } @media only screen and (max-width: 999px) { div.header div.highlight { display: none; } } div.header div.highlight p { font-size: 22px; font-size: 1.2941176471rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; color: #666666; float: left; height: 46px; padding: 12px 14px; margin: 0; } div.header div.highlight p.date { font-size: 13px; font-size: 0.7647058824rem; font-weight: 300; display: block; padding: 7px; float: right; background: #e64097; color: #ffffff; text-align: center; text-transform: uppercase; } div.header div.highlight p.date strong { font-size: 18px; font-size: 1.0588235294rem; font-weight: 500; display: block; } div.header div.highlight p.date sup { font-size: 10px; font-size: 0.5882352941rem; vertical-align: top; text-transform: lowercase; } div.header div.highlight a { text-decoration: none; } div.header div.table { display: table; width: 100%; height: 100%; } div.header div.cell { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 599px) { div.header { height: auto !important; } div.header div.table { padding: 0; } } /** @package bcna-frontend * Mobile nav - TODO */ #mobile-nav { background: #FFFFFF; display: none; height: 100%; top: 0; right: 0; margin: 0; padding: 0 0 88px; overflow: hidden; position: fixed; width: 320px; z-index: 0; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; } @media only screen and (max-width: 999px) { #mobile-nav { display: block; } } body.mobile-nav-open header, body.mobile-nav-open main, body.mobile-nav-open footer { -webkit-transform: translate(-320px, 0); transform: translate(-320px, 0); box-shadow: 0 0 5px #333; } body header, body main, body footer { position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; } #mobile-nav { padding: 5px; } #mobile-nav.mobile-nav-open { visibility: visible; overflow-y: scroll; } #mobile-nav .pre-menu { padding: 15px; position: relative; } #mobile-nav .pre-menu:after { content: ''; display: table; clear: both; } #mobile-nav .pre-menu .mobile-nav-trigger { float: left; color: #ec008c; position: static; margin-top: 0; font-size: 35px; font-size: 2.0588235294rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } #mobile-nav .pre-menu .mobile-nav-trigger:after { font-size: 35px; width: 35px; height: 35px; position: static; } #mobile-nav .pre-menu .language { position: absolute; right: 3px; top: 50%; margin-top: -13px; padding-right: 18px; font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } #mobile-nav .pre-menu .language:after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 7px; right: 0; color: #999999; } .no-touch #mobile-nav .pre-menu .language:hover:after, #mobile-nav .pre-menu .language.tapped:after { color: #e64097; } .no-touch #mobile-nav .pre-menu .language:hover ul, #mobile-nav .pre-menu .language.tapped ul { right: 0px; left: auto; } #mobile-nav .pre-menu .language p { margin: 0 0 5px 0; } #mobile-nav .pre-menu .language p:after { font-size: 23px; width: 23px; height: 23px; margin-left: 8px; float: right; color: #000; } #mobile-nav .pre-menu .language ul { font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding-top: 15px; position: absolute; z-index: 2; left: -9999em; min-width: 111%; } #mobile-nav .pre-menu .language ul li { padding: 2px; color: #666666; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-left: 1px solid #dedede; border-right: 1px solid #dedede; } #mobile-nav .pre-menu .language ul li:first-child { border-top: 1px solid #dedede; } #mobile-nav .pre-menu .language ul li:last-child { border-bottom: 1px solid #dedede; } #mobile-nav .pre-menu .language ul a { display: block; padding: 16px 16px; white-space: nowrap; position: relative; z-index: 0; margin-top: -12px; } #mobile-nav .pre-menu .language ul a:after { display: none; } #mobile-nav .pre-menu .language ul a:hover, #mobile-nav .pre-menu .language ul a:focus { background: #e64097; color: #ffffff; z-index: 1; } #mobile-nav .pre-menu .language ul li:first-child a { margin-top: 0; } #mobile-nav .pre-menu .language ul:after, #mobile-nav .pre-menu .language ul:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } #mobile-nav .pre-menu .language ul:after { border-width: 10px; border-bottom-color: #ffffff; top: -20px; right: 50%; margin-right: -10px; } #mobile-nav .pre-menu .language ul:before { border-width: 11px; border-bottom-color: #c5c5c5; top: -22px; right: 50%; margin-right: -11px; } #mobile-nav .pre-menu .language ul:before, #mobile-nav .pre-menu .language ul:after { margin-top: 16px; } #mobile-nav form { position: relative; width: 290px; height: 36px; border-radius: 36px; padding-right: 36px; background: #f2ebeb; margin: 10px; } #mobile-nav form .search { display: block; width: 100%; height: 100%; padding-left: 15px; background: transparent; border: 0; outline: none; } #mobile-nav form .submit { display: block; width: 16px; height: 16px; overflow: hidden; padding: 0; border: 0; background: transparent; position: absolute; top: 10px; right: 13px; color: #e64097; } #mobile-nav form .submit:before { font-size: 16px; width: 16px; height: 16px; } #mobile-nav nav ul { margin: 0; } #mobile-nav nav li { margin: 0; } #mobile-nav nav li a { border-width: 0 0 1px; border-color: #dedede; border-style: solid; } #mobile-nav nav li:before { content: none; } #mobile-nav nav li:first-child a { border-top-width: 1px; } #mobile-nav nav li.has-submenu.submenu-open > div:first-child { margin: 5px 0; } #mobile-nav nav li.has-submenu.submenu-open > div:first-child a { border-bottom-width: 0; } #mobile-nav nav li.has-submenu.submenu-open > div:first-child a i:after { font-size: 10px; width: 10px; height: 10px; } #mobile-nav nav li.has-submenu.submenu-open > .submenu { display: block; } #mobile-nav nav li.has-submenu a { text-decoration: none; } #mobile-nav nav li.has-submenu a i:after { font-size: 10px; width: 10px; height: 10px; position: absolute; top: 50%; right: 0px; margin-top: -18px; padding: 0 13px; text-align: center; } #mobile-nav nav li.has-submenu a i:after, #mobile-nav nav li.has-submenu.submenu-open > div:first-child a i:after { width: auto; height: auto; line-height: 36px; } #mobile-nav nav li > div:first-child a { display: block; position: relative; margin: 0 15px; padding: 15px 35px 15px 0; font-size: 17px; font-size: 1rem; line-height: 22px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; } #mobile-nav nav li > strong:first-child a { display: block; position: relative; margin: 0 15px; font-size: 17px; font-size: 1rem; line-height: 12px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; } #mobile-nav nav .submenu { display: none; } #mobile-nav nav .submenu li a { color: #01385e; padding-left: 10px; } #mobile-nav nav .submenu li a strong { font-weight: 500; } #mobile-nav nav .submenu li .submenu li a { color: #595959; font-weight: 300; } #mobile-nav nav .submenu li > strong a { display: block; position: relative; margin: 0 15px; padding: 10px 0; font-size: 18px; font-size: 1.0588235294rem; line-height: 20px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; color: #333333; } #mobile-nav nav .submenu li > div a { display: block; position: relative; margin: 0 15px; padding: 10px 0px 10px 10px; border-bottom: 1px solid #dedede; font-size: 16px; font-size: 0.9411764706rem; line-height: 20px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #333333; } #mobile-nav nav.navigation .has-submenu a i:after { background: #f2ebeb; color: #01385e; } #mobile-nav nav.navigation .has-submenu.submenu-open > div:first-child { background: #ec008c; margin: 5px 0; } #mobile-nav nav.navigation .has-submenu.submenu-open > div:first-child a { color: #ffffff; } #mobile-nav nav.navigation .has-submenu.submenu-open > div:first-child a i:after { color: #ffffff; background: #ea489d; } #mobile-nav nav.navigation > ul > li:last-child a { border-bottom-width: 0; } #mobile-nav nav.quicklinks li > div:first-child a { font-size: 14px; font-size: 0.8235294118rem; line-height: 22px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; } #mobile-nav nav.quicklinks li.has-submenu a i:after { background: transparent; color: #ec008c; } #mobile-nav nav.quicklinks li.has-submenu.submenu-open a i:after { color: #ec008c; } #mobile-nav-inner { min-height: 3000px; } a.mobile-nav-trigger { display: none; position: absolute; right: 40px; top: 50%; color: #e64097; text-decoration: none; text-align: center; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; } a.mobile-nav-trigger:hover { text-decoration: none; color: #ff57af; } @media only screen and (max-width: 999px) { a.mobile-nav-trigger { display: block; } } @media only screen and (max-width: 599px) { a.mobile-nav-trigger { display: block; bottom: auto; right: 20px; top: 50%; margin-top: -40px; } } a.mobile-nav-trigger:after { font-size: 40px; width: 40px; height: 40px; margin: 0 auto; } @media only screen and (max-width: 999px) { a.mobile-nav-trigger { top: auto; bottom: 20px; } header a.phone { top: auto; bottom: 25px; } header nav.language { bottom: 25px; top: auto; right: 300px; } header nav.language p { bottom: 0; } header nav.language:after { bottom: 10px; top: auto; } } @media only screen and (max-width: 699px) { header nav.language { display: none; } } /** @package bcna-frontend * Breadcrumb links */ ul.breadcrumb { margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-size: 0.8235294118rem; color: #666666; margin-bottom: 20px; } ul.breadcrumb li { margin: 0; padding: 0; list-style-type: none; } ul.breadcrumb li:before { display: none; } @media only screen and (min-width: 600px), print { ul.breadcrumb { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } ul.breadcrumb li { float: left; } ul.breadcrumb li:after { content: '\002F'; padding: 0 6px; } ul.breadcrumb li:last-child:after { display: none; } /** @package bcna-frontend * General content styles */ h1, div.header h1, div.header p.title, .promo-lightbox__content-subheading { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; } h1:after, div.header h1:after, div.header p.title:after, .promo-lightbox__content-subheading:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items h1, div.items div.header h1, div.header div.items h1, div.items div.header p.title, div.header div.items p.title, div.items .promo-lightbox__content-subheading { margin-bottom: -25px; } h2, .promo-lightbox__date-day { font-size: 28px; font-size: 1.6470588235rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; color: #666666; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 5px; margin-bottom: 0.2941176471rem; } aside h2, aside .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; } @media only screen and (min-width: 600px), print { aside h2, aside .promo-lightbox__date-day { margin-top: 0; margin-bottom: -40px; margin-bottom: -2.3529411765rem; } } @media only screen and (max-width: 599px) { aside h2, aside .promo-lightbox__date-day { margin-top: 0; margin-bottom: -20px; margin-bottom: -1.1764705882rem; } } h3 { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 5px; margin-bottom: 0.2941176471rem; } h4 { font-size: 17px; font-size: 1rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 5px; margin-bottom: 0.2941176471rem; } h5 { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 5px; margin-bottom: 0.2941176471rem; } /** Copy styles */ p { font-size: 15px; font-size: 0.8823529412rem; margin-top: 5px; margin-top: 0.2941176471rem; margin-bottom: 20px; margin-bottom: 1.1764705882rem; } p a { color: #2193d5; } p a:hover, p a:focus { color: #e64097; } .page-content li a { color: #2193d5; } article a { color: #2193d5; } .carousel article a { color: #333333; } a { color: inherit; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a, select, button, label, input[type="button"], input[type="submit"], input[type="checkbox"], input[type="radio"], input[type="file"] { cursor: pointer; } a.more { font-style: italic; } article a.more:after { content: '\2026'; } aside a.more { font-size: 14px; font-size: 0.8235294118rem; color: #2193d5; display: block; margin-top: 50px; margin-bottom: 50px; margin-top: -50px; } @media only screen and (max-width: 599px) { aside a.more { margin-top: 30px; margin-bottom: 30px; } } aside a.more:hover, aside a.more:focus { color: #e64097; text-decoration: none; } aside a.more:after { content: '\003E'; vertical-align: middle; margin-left: 3px; } a.feature { font-size: 18px; font-size: 1.0588235294rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; color: #666666; border-bottom: 1px solid #666666; } a.feature:hover, a.feature:focus { text-decoration: none; border-color: #e64097; } strong { font-weight: 600; } em { font-style: italic; } u { text-decoration: underline; } sup { vertical-align: top; font-size: 70%; } /** Images */ img { display: block; width: 100%; max-width: 100%; height: auto; } img[width], img[height] { width: auto; max-width: none; } /** Lists */ ul, ol { margin-top: 5px; margin-top: 0.2941176471rem; margin-bottom: 20px; margin-bottom: 1.1764705882rem; } ul li, ol li { margin-left: 40px; margin-left: 2.3529411765rem; } ul > li:before { content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #e64097; margin-top: 9px; margin-left: -26px; } ol > li { list-style-type: decimal; } ol > li li { list-style-type: lower-roman; } .content li { font-size: 15px; font-size: 0.8823529412rem; } /** Quotes */ blockquote { margin-top: 50px; margin-top: 2.9411764706rem; margin-bottom: 50px; margin-bottom: 2.9411764706rem; margin-left: 0; margin-right: 0; position: relative; padding-left: 60px; } @media only screen and (min-width: 1000px) { main.article blockquote { padding-left: 80px; margin-left: -80px; } } blockquote:before { font: 120px/1 'Georgia', sans-serif; font-style: italic; color: #01385e; content: '\201C'; position: absolute; left: -10px; top: -6px; } blockquote p { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; margin: 0; } table { width: 100% !important; border-collapse: collapse; margin: 1.8em 0; font-size: 15px; font-size: 0.8823529412rem; } table th, table td { vertical-align: top; padding: 10px 15px; border: 1px solid #dedede; } table th { /*width: 30%;*/ font-weight: 600; } table td { /*width: 70%;*/ } table a { color: #e64097; } @media only screen and (min-width: 600px) and (max-width: 799px) { table th, table td { /*display: block; width: 100%;*/ border-bottom-width: 0; } table tr:last-child td { border-bottom-width: 1px; } } @media only screen and (max-width: 599px) { table th, table td { /*display: block; width: 100%;*/ border-bottom-width: 0; } table tr:last-child td { border-bottom-width: 1px; } } table.no-border { border: 0; } table.no-border td { border: 0; } p.note { font-size: 15px; font-size: 0.8823529412rem; padding: 10px 12px; margin-bottom: 30px; border: 1px solid #dedede; } p.note em { font-style: normal; color: #e64097; } /** Action links */ a.action.post { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; } a.action.post:hover, a.action.post:focus { text-decoration: none; } a.action.post:hover, a.action.post:focus { background: #ff57af; color: #ffffff; } a.action.post:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } a.action.approve { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #bbda56; color: #333333; } a.action.approve:hover, a.action.approve:focus { text-decoration: none; } a.action.approve:hover, a.action.approve:focus { background: #d2f462; color: #333333; } a.action.approve:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } a.action.deny { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e14e4e; color: #ffffff; } a.action.deny:hover, a.action.deny:focus { text-decoration: none; } a.action.deny:hover, a.action.deny:focus { background: #f85f5f; color: #ffffff; } a.action.deny:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } a.action.join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #01385e; color: #ffffff; } a.action.join:hover, a.action.join:focus { text-decoration: none; } a.action.join:hover, a.action.join:focus { background: #014b80; color: #ffffff; } a.action.join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } a.action.go { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } a.action.go:hover, a.action.go:focus { text-decoration: none; } a.action.go:hover, a.action.go:focus { background: #f2ebeb; color: #333333; } a.action.go:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } a.action.disconnect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } a.action.disconnect:hover, a.action.disconnect:focus { text-decoration: none; } a.action.disconnect:hover, a.action.disconnect:focus { background: #f2ebeb; color: #333333; } a.action.disconnect:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } a.action.cancel { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; text-align: center; } a.action.cancel:hover, a.action.cancel:focus { text-decoration: none; } a.action.cancel:hover, a.action.cancel:focus { background: #f2ebeb; color: #333333; } hr { margin-top: 50px; margin-top: 2.9411764706rem; margin-bottom: 50px; margin-bottom: 2.9411764706rem; background: transparent; height: 0; border: 0; border-top: 1px solid #dedede; } p.style { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 6px; border-bottom: 1px solid #999; color: #999; } main > div.content { position: relative; min-height: 500px; padding-top: 35px; padding-bottom: 35px; } main > div.content > .loading-spinner { margin-top: 30px; } @media only screen and (max-width: 599px) { main > div.content { padding-top: 20px; padding-bottom: 20px; } } @media only screen and (min-width: 600px), print { main > div.content > div.wrap { margin-left: -20px; } main > div.content > div.wrap:after { content: ''; display: table; clear: both; } } main div.article { clear: both; margin-bottom: 40px; } @media only screen and (max-width: 599px) { main div.article { margin-bottom: 30px; } } main div.article > :first-child { margin-top: 0; } main div.items { clear: both; } @media screen and (min-width: 800px), print { main nav.section { width: 75%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { main nav.section { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.landing article h2, main.landing article .promo-lightbox__date-day { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; } main.landing article h2:after, main.landing article .promo-lightbox__date-day:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items main.landing article h2, div.items main.landing article .promo-lightbox__date-day { margin-bottom: -25px; } main.landing div.items h2, main.landing div.items .promo-lightbox__date-day { margin-bottom: -25px; } main.search div.before h1, main.search div.before div.header p.title, div.header main.search div.before p.title, main.search div.before .promo-lightbox__content-subheading, main.search div.before h2, main.search div.before .promo-lightbox__date-day { font-size: 16px; font-size: 0.9411764706rem; font-family: "Lato", sans-serif; font-weight: 500; float: left; color: #333333; margin: 0; height: 90px; padding-top: 16px; } main.search div.before h1 span, main.search div.before div.header p.title span, div.header main.search div.before p.title span, main.search div.before .promo-lightbox__content-subheading span, main.search div.before h2 span, main.search div.before .promo-lightbox__date-day span { font-style: italic; } main.search div.before h1:after, main.search div.before div.header p.title:after, div.header main.search div.before p.title:after, main.search div.before .promo-lightbox__content-subheading:after, main.search div.before h2:after, main.search div.before .promo-lightbox__date-day:after { display: none; } main div.before { min-height: 56px; } main div.before p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; color: #666666; float: none; } main div.before p.subtitle span.date { font-weight: 300; padding-left: 6px; } main div.before p.subtitle span.date.nopadding { padding-left: 0; } main div.before .before__action { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } main div.before .before__action:hover, main div.before .before__action:focus { text-decoration: none; } main div.before .before__action:hover, main div.before .before__action:focus { background: #ff57af; color: #333333; } main div.before .before__action:hover, main div.before .before__action:focus { color: white; } @media only screen and (max-width: 599px) { main div.before .before__action { margin-bottom: 20px; } } @media only screen and (min-width: 600px), print { main div.before .before__action { float: right; margin-top: 2px; } } div.before ul.social { float: right; margin-top: 12px; } @media only screen and (max-width: 999px) { div.before ul.social { float: none; clear: both; margin-top: 0; margin-bottom: 20px; } } div.inline-help { float: right; position: relative; cursor: pointer; margin-top: 10px; } ul.form div.inline-help { margin-top: -27px; } div.inline-help:before { font-size: 13px; font-size: 0.7647058824rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; content: '\003F'; display: block; box-sizing: border-box; text-align: center; padding-top: 6px; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; background: #f2ebeb; } div.inline-help:hover:before, div.inline-help.active:before { background: #e64097; color: #ffffff; } div.inline-help p.help { font-size: 15px; font-size: 0.8823529412rem; line-height: 1.3; font-family: "Lato", sans-serif; position: absolute; z-index: 999; width: 220px; min-height: 60px; padding: 10px 12px; background: #fff; border: 1px solid #dedede; margin-top: -43px; margin-left: 45px; display: none; } div.inline-help p.help:before, div.inline-help p.help:after { margin-top: 8px; } div.inline-help p.help.right:after, div.inline-help p.help.right:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.inline-help p.help.right:after { border-width: 10px; border-right-color: #ffffff; left: -20px; top: 10px; } div.inline-help p.help.right:before { border-width: 11px; border-right-color: #c5c5c5; left: -22px; top: 9px; } div.inline-help p.help.left { margin-left: -240px; } div.inline-help p.help.left:after, div.inline-help p.help.left:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.inline-help p.help.left:after { border-width: 10px; border-left-color: #ffffff; right: -20px; top: 10px; } div.inline-help p.help.left:before { border-width: 11px; border-left-color: #c5c5c5; right: -22px; top: 9px; } div.inline-help.active p { display: block; } div.module ul { margin: 0; padding: 0; list-style-type: none; } div.module ul li { margin: 0; padding: 0; list-style-type: none; } div.module ul li:before { display: none; } article div.module:first-child, aside div.module:first-child { margin-top: 0; } .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .ellip, .ellip-line { position: relative; overflow: hidden; } .right-to-left, .right-to-left p, .right-to-left h1, .right-to-left div.header h1, div.header .right-to-left h1, .right-to-left div.header p.title, div.header .right-to-left p.title, .right-to-left .promo-lightbox__content-subheading, .right-to-left h2, .right-to-left .promo-lightbox__date-day, .right-to-left h3, .right-to-left td, .right-to-left li, .right-to-left a { unicode-bidi: bidi-override; direction: rtl; } .alert { margin: 10px 0; padding: 10px; border-radius: 3px; } .alert.warning { border: 1px solid red; background: #ffdede; color: #252525; } /** @package bcna-frontend * Form styles */ input { /*-webkit-appearance: none;*/ } .datepickerfield { max-width: 400px; } input.text, textarea, .datepickerfield, div.select { font-size: 14px; font-size: 0.8235294118rem; line-height: 1.4; font-family: "Lato", sans-serif; display: block; width: 100%; height: 50px; padding: 14px; background: #f2ebeb; border: 1px solid #d9d2d2; border-radius: 2px; margin: 0; } textarea { height: auto; min-height: 90px; } .select { position: relative; } .select:after { font-size: 9px; width: 9px; height: 9px; position: absolute; z-index: 0; top: 60%; right: 12px; margin-top: -9px; color: #999999; pointer-events: none; } .select div.value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .select select { font-size: 14px; font-size: 0.8235294118rem; line-height: 1.4; font-family: "Lato", sans-serif; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background: transparent; padding: 10px; border: 0 none; /*@include opacity(0);*/ -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding-right: 25px; } .select select::-ms-expand { display: none; } span.checkboxlist, span.radiobuttonlist { margin: 0; padding: 0; list-style-type: none; margin-top: 5px; } span.checkboxlist li, span.radiobuttonlist li { margin: 0; padding: 0; list-style-type: none; } span.checkboxlist li:before, span.radiobuttonlist li:before { display: none; } span.checkboxlist li, span.radiobuttonlist li { margin-bottom: 15px; } span.checkboxlist label, span.radiobuttonlist label { font-size: 15px; font-size: 0.8823529412rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; display: inline-block; position: relative; padding-left: 30px; } span.checkboxlist label strong, span.radiobuttonlist label strong { font-weight: 400; } span.radiobuttonlist label { padding-left: 0; } span.radiobuttonlist label input { margin-right: 10px; } /* Checkboxes */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { overflow: hidden; text-indent: -9999em; box-sizing: content-box; content: ''; position: absolute; top: 2px; left: 0px; } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { overflow: hidden; text-indent: -9999em; box-sizing: content-box; content: ''; position: absolute; top: 2px; left: 0px; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } div.upload { margin-bottom: 20px; } div.upload div.preview { background: #f2ebeb; border: 1px solid #d9d2d2; position: relative; min-height: 160px; } div.upload div.preview.loaded { min-height: 0; } div.upload div.preview:before { font-size: 48px; width: 48px; height: 48px; color: #ffffff; position: absolute; z-index: 0; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; } div.upload div.preview img { position: relative; z-index: 1; } div.upload div.fileinput { position: relative; overflow: hidden; height: 100px; } div.upload div.fileinput:before { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; display: block; min-width: 0; text-align: center; margin-top: 20px; margin-bottom: 10px; content: 'Choose image'; } div.upload div.fileinput:before:hover, div.upload div.fileinput:before:focus { text-decoration: none; } div.upload div.fileinput:before:hover, div.upload div.fileinput:before:focus { background: #ff57af; color: #ffffff; } div.upload div.fileinput div.value { font-size: 14px; font-size: 0.8235294118rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; display: none; } div.upload div.fileinput.placeholder div.value { display: block; } div.upload div.fileinput input { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; font-size: 999em; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a.help { display: block; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; background: #f2ebeb; text-decoration: none; float: right; } a.help:hover, a.help:focus { background: #e64097; color: #ffffff; } a.help:before { font-size: 13px; font-size: 0.7647058824rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; content: '\003F'; display: block; text-align: center; padding-top: 6px; margin-bottom: 999em; } .contourFieldSet a.help { margin-top: -27px; } div.privacy-popup { position: absolute; width: 300px; z-index: 1; right: 31px; top: -50px; color: #000; border: 1px solid #91b0e7; background-color: #ffffff; padding: 25px 20px; display: none; font-size: 14px; font-size: 0.8235294118rem; } div.privacy-popup:after, div.privacy-popup:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.privacy-popup:after { border-width: 17px; border-left-color: #ffffff; right: -34px; top: 50%; margin-top: -17px; } div.privacy-popup:before { border-width: 18px; border-left-color: #91b0e7; right: -36px; top: 50%; margin-top: -18px; } div.privacy-popup:before, div.privacy-popup:after { z-index: 2; margin-bottom: -22px; top: 55px; } div.privacy-popup.visible { display: block; } div.privacy-popup strong, div.privacy-popup small { display: block; } div.privacy-popup strong { margin-bottom: 15px; } div.privacy-popup label { display: block; overflow: hidden; } div.privacy-popup label input { float: left; margin: 5px 20px 0 0; -webkit-appearance: radio; } div.privacy-popup label span { display: block; overflow: hidden; } div.privacy-popup small { font-size: 12px; font-size: 0.7058823529rem; display: block; margin-top: 10px; } div.privacy-popup div.submit { margin-top: 10px; } @media only screen and (min-width: 600px), print { div.privacy-popup div.submit { float: right; text-align: right; margin-top: 30px; } } @media only screen and (max-width: 599px) { div.privacy-popup div.submit { text-align: left; } } div.privacy-popup div.submit button.submit { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; height: 36px; width: 95px; min-width: 0; padding: 10px 21px; margin-top: 0; text-align: left; font-size: 14px; font-size: 0.8235294118rem; } div.privacy-popup div.submit button.submit:hover, div.privacy-popup div.submit button.submit:focus { text-decoration: none; } div.privacy-popup div.submit button.submit:hover, div.privacy-popup div.submit button.submit:focus { background: #ff57af; color: #ffffff; } div.privacy-popup div.submit button.submit:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } @media only screen and (max-width: 599px) { div.privacy-popup div.submit button.submit { width: 145px; } } div.select.placeholder div.value { color: #666666; font-style: italic; } *::-webkit-input-placeholder { color: #666666; font-style: italic; } *:-moz-placeholder { color: #666666; font-style: italic; } *::-moz-placeholder { color: #666666; font-style: italic; } *:-ms-input-placeholder { color: #666666; font-style: italic; } .text--error { color: #f85f5f; } .field-validation-error { color: red; } .validation .field-validation-valid { display: none; } .validation > span { font-size: 14px; font-size: 0.8235294118rem; line-height: 1.33em; font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; color: #f85f5f; padding-top: 5px; padding-left: 20px; position: relative; overflow: hidden; display: block; } .validation > span:before { font-size: 18px; width: 18px; height: 18px; position: absolute; left: 0; top: 5px; } #dob-select { height: 50px; } #dob-select .select-day { display: inline-block; width: 28%; margin-right: 20px; } #dob-select .select-month { display: inline-block; width: 27%; margin-right: 20px; } #dob-select .select-year { display: inline-block; width: 30%; } .hp-pet-name, .hp-pet-name > input { height: 0; width: 0; margin-left: 5000px; } .select2-container-multi .select2-choices { font-size: 14px; font-size: 0.8235294118rem; line-height: 1.4; font-family: "Lato", sans-serif; display: block; width: 100%; height: 50px; padding: 9px 5px; background: #f2ebeb; border: 1px solid #d9d2d2; border-radius: 2px; margin: 0; } a.button { text-align: center; } input[type=text]::-ms-clear { display: none; width: 0; height: 0; } input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .contourFieldSet .loading { padding-top: 0px; display: inline-block; } .contourFieldSet .loading img { width: 32px; height: 32px; position: relative; top: 10px; right: 10px; } .input-clear { position: absolute; right: 10px; top: 17px; background: #999494; width: 18px; height: 18px; border-radius: 50%; font-size: 8px; text-align: center; cursor: pointer; } .input-clear:before { line-height: 18px; color: #FFF; } .contour legend { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-bottom: 5px; margin-bottom: 0.2941176471rem; font-weight: bold; } .contourFieldSet { margin: 0; padding: 0; list-style-type: none; margin-left: -20px; margin-bottom: -25px; } .contourFieldSet li { margin: 0; padding: 0; list-style-type: none; } .contourFieldSet li:before { display: none; } .contourFieldSet:after { content: ''; display: table; clear: both; } .contourFieldSet .contourField { margin-bottom: 25px; font-size: 15px; font-size: 0.8823529412rem; } .contourFieldSet .thirds { width: 33.33%; } .contourFieldSet .w10 { width: 10%; } .contourFieldSet .w20 { width: 20%; } .contourFieldSet .w30 { width: 30%; } .contourFieldSet .w40 { width: 40%; } .contourFieldSet .w50 { width: 50%; } .contourFieldSet .contourField > label { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 2px; margin-left: 0.1176470588rem; margin-right: 0; display: inline-block; font-weight: 400; } .contourFieldSet .contourField > label strong { font-weight: 600; margin-right: 8px; } .contourFieldSet li.required > label strong:after { content: '\002A'; color: #e64097; padding-left: 2px; } .contourFieldSet ul.toggle { -webkit-transition: height 0.25s; transition: height 0.25s; } .contourFieldSet h2, .contourFieldSet .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 0; margin-top: 20px; margin-bottom: 0; } .contourFieldSet h2 small, .contourFieldSet .promo-lightbox__date-day small { font-size: 14px; } @media only screen and (min-width: 600px), print { .contourFieldSet li.cancel, .contourFieldSet li.submit { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { .contourFieldSet li.cancel, .contourFieldSet li.submit { text-align: center; } } @media only screen and (min-width: 600px), print { .contourFieldSet li.cancel { float: left; } } .contourFieldSet li.cancel .cancel { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; text-align: center; margin-top: 6px; } .contourFieldSet li.cancel .cancel:hover, .contourFieldSet li.cancel .cancel:focus { text-decoration: none; } .contourFieldSet li.cancel .cancel:hover, .contourFieldSet li.cancel .cancel:focus { background: #f2ebeb; color: #333333; } @media only screen and (max-width: 599px) { .contourFieldSet li.cancel .cancel { width: 145px; } } @media only screen and (min-width: 600px), print { .contourFieldSet li.submit { float: right; text-align: right; margin-top: 30px; } } .contourFieldSet li.submit button.submit { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; } .contourFieldSet li.submit button.submit:hover, .contourFieldSet li.submit button.submit:focus { text-decoration: none; } .contourFieldSet li.submit button.submit:hover, .contourFieldSet li.submit button.submit:focus { background: #ff57af; color: #ffffff; } .contourFieldSet li.submit button.submit:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } @media only screen and (max-width: 599px) { .contourFieldSet li.submit button.submit { width: 145px; } } .contourFieldSet li.location button { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; margin: -40px 20px 0 0; float: right; } .contourFieldSet li.location button:hover, .contourFieldSet li.location button:focus { text-decoration: none; } .contourFieldSet li.location button:hover, .contourFieldSet li.location button:focus { background: #f2ebeb; color: #333333; } .contourFieldSet li.location .settings { margin-top: -25px; } .contourFieldSet li.relationship li { width: 50%; display: inline-block; } .contourFieldSet li.status { margin-bottom: 0px; } .contourFieldSet a.settings { display: block; float: right; margin-top: 8px; width: 13px; height: 13px; overflow: hidden; color: #999999; text-decoration: none; } .contourFieldSet a.settings:hover, .contourFieldSet a.settings:focus { color: #e64097; } .contourFieldSet a.settings:before { font-size: 13px; width: 13px; height: 13px; } .contourFieldSet div.settings { position: relative; float: right; margin-top: 8px; width: 13px; height: 13px; color: #999999; text-decoration: none; cursor: pointer; } .contourFieldSet div.settings:hover, .contourFieldSet div.settings:focus { color: #e64097; } .contourFieldSet div.settings:hover .privacy-popup, .contourFieldSet div.settings:focus .privacy-popup { color: #000; } .contourFieldSet div.settings:before { font-size: 13px; width: 13px; height: 13px; } .contourFieldSet div.settings div.select { position: absolute; top: -20px; left: 0; background: transparent; border: 0; } .contourFieldSet div.settings div.select:after, .contourFieldSet div.settings div.select div.value { display: none; } .contourFieldSet div.settings select { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .contourFieldSet a.more { font-size: 14px; font-size: 0.8235294118rem; display: block; margin-top: -5px; font-style: italic; text-transform: lowercase; text-decoration: none; } .contourFieldSet a.more:before { content: '\002B'; padding-right: 5px; } .contourFieldSet p { margin: 0; } .contourFieldSet p.info { font-size: 15px; font-size: 0.8823529412rem; margin: 25px 0 0 0; padding: 12px 15px; border: 1px solid #dedede; } .contourFieldSet p.info:first-child { margin-top: 0; } .contourPage .legend { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-bottom: 5px; margin-bottom: 0.2941176471rem; font-weight: bold; } .input-clear { position: absolute; right: 10px; top: 17px; background: #999494; width: 18px; height: 18px; border-radius: 50%; font-size: 8px; text-align: center; cursor: pointer; } .input-clear:before { line-height: 18px; color: #FFF; } /** @package bcna-frontend * Fancybox styles */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #ffffff; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/assets/css/images/fancybox_loading.gif") center center no-repeat; } .fancybox-close { display: block; position: absolute; top: 20px; right: 20px; width: 48px; height: 48px; padding-top: 8px; cursor: pointer; z-index: 8040; background: #01385e; text-align: center; text-decoration: none; } .fancybox-close:hover, .fancybox-close:focus { background: #e64097; text-decoration: none; } .fancybox-close:before { font-size: 14px; width: 14px; height: 14px; display: inline-block; color: #ffffff; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent; /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0, 0, 0, 0.4); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("/asset/css/images/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /** @package bcna-frontend * Modal popup styles */ div.bcna-modal li.submit { margin-top: 10px; } div.bcna-modal li.forgot { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-top: 20px; margin-top: 1.1764705882rem; font-size: 15px; font-size: 0.8823529412rem; } @media only screen and (max-width: 599px) { div.bcna-modal li.forgot { width: 100%; } } div.bcna-modal p.login a, div.bcna-modal li.forgot a { color: #333333; text-decoration: underline; } div.bcna-modal p.login a:hover, div.bcna-modal p.login a:focus, div.bcna-modal li.forgot a:hover, div.bcna-modal li.forgot a:focus { color: #e64097; } div.modal.login h1, div.modal.login div.header p.title, div.header div.modal.login p.title, div.modal.login .promo-lightbox__content-subheading, div.modal.login p.login { display: inline-block; } div.modal.login p.login { padding-left: 20px; font-size: 18px; font-size: 1.0588235294rem; } .modal__close-button { position: absolute; cursor: pointer; z-index: 8040; background: #01385e; text-align: center; text-decoration: none; width: 46px; height: 46px; top: 20px; right: 20px; padding: 10px 18px; border: none; } .modal__close-button::before { font-size: 10px; display: block; color: #FFF; font-weight: 800; content: "\f11d"; font-family: "icons"; } .modal__close-button:hover { background-color: #014b80; } .modal__content { background-color: #fff; padding: 60px 60px 20px 60px; } .modal__content--confirm p { text-align: center; } .modal__content--confirm p:last-child { margin-bottom: 40px; } .modal__buttons { overflow: auto; margin-top: 20px; } .modal__buttons--left { float: left; } .modal__buttons--right { float: right; text-align: right; } .modal__buttons--centre { text-align: center; } .modal__buttons button.cancel { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; margin-right: 10px; } .modal__buttons button.cancel:hover, .modal__buttons button.cancel:focus { text-decoration: none; } .modal__buttons button.cancel:hover, .modal__buttons button.cancel:focus { background: #f2ebeb; color: #333333; } .modal__buttons button.ok { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; margin-left: 10px; } .modal__buttons button.ok:hover, .modal__buttons button.ok:focus { text-decoration: none; } .modal__buttons button.ok:hover, .modal__buttons button.ok:focus { background: #ff57af; color: #ffffff; } .modal__buttons button { display: inline; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 98; background-color: #000; } .modal-backdrop.fade { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .modal-backdrop.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .modal-header { padding: 1em; min-height: 2em; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1; } .modal-body { position: relative; padding: 0; } .modal-footer { padding: 0; text-align: right; } .modal-footer:after { content: ''; display: table; clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media screen and (min-width: 800px), print { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media only screen and (min-width: 1000px) { .modal-lg { width: 900px; } } .modal-close-btn { position: absolute; cursor: pointer; z-index: 8040; background: #01385e; text-align: center; text-decoration: none; right: -10px; top: -10px; border-radius: 100%; width: 30px; height: 30px; } .modal-close-btn:before { font-size: 10px; width: 10px; height: 10px; display: inline-block; color: white; font-weight: 800; } @media only screen and (max-width: 599px) { .modal-close-btn { right: -6px; top: -6px; } } /* Zebra_DatePicker: a lightweight jQuery date picker plugin Default theme copyright (c) 2011 - 2014 Stefan Gabos http://stefangabos.ro/jquery/zebra-datepicker/ */ .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .Zebra_DatePicker { position: absolute; background: #e64097; z-index: 100; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; } .Zebra_DatePicker * { margin: 0; padding: 0; color: #000; background: transparent; border: none; } /* = GLOBALS ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: auto; } .Zebra_DatePicker td, .Zebra_DatePicker th { text-align: center; padding: 2.5px 0 2.5px; font-weight: normal; } .Zebra_DatePicker td { cursor: pointer; } .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 0px; } .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { background: #ffffff; width: 30px; } /* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS) ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker.dp_visible { display: block; visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out; } .Zebra_DatePicker.dp_hidden { display: none; visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } /* = HEADER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_header td { color: #FFF; } .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { padding: 0; margin: 0 auto; } .Zebra_DatePicker .dp_header .dp_previous { border-right: 1px solid #ffffff; overflow: hidden; text-indent: -9999em; box-sizing: content-box; } .Zebra_DatePicker .dp_header .dp_next { border-left: 1px solid #ffffff; overflow: hidden; text-indent: -9999em; box-sizing: content-box; } .Zebra_DatePicker .dp_header .dp_hover { background-color: #c73380; color: #FFF; } /* = DATEPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_daypicker { border-left: 1px solid #d9d2d2; border-right: 1px solid #d9d2d2; } .Zebra_DatePicker .dp_daypicker th { background: #f2ebeb; } .Zebra_DatePicker td.dp_not_in_month { background: #ffffff; color: #CDCDCD; cursor: default; } .Zebra_DatePicker td.dp_not_in_month_selectable { background: #ffffff; color: #CDCDCD; cursor: pointer; } .Zebra_DatePicker td.dp_weekend { /*background: #D8D8D8*/ } .Zebra_DatePicker td.dp_weekend_disabled { color: #CCC; cursor: default; } .Zebra_DatePicker td.dp_selected { background: #ff57af; color: #FFF !important; } .Zebra_DatePicker td.dp_week_number { background: #f2ebeb; color: #555; cursor: text; font-style: italic; } /* = MONTHPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_monthpicker td { width: 33%; } /* = YEARPICKER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_yearpicker td { width: 33%; } /* = FOOTER ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_footer { background-color: #f2ebeb; border-left: 1px solid #d9d2d2; border-right: 1px solid #d9d2d2; border-bottom: 1px solid #d9d2d2; } .Zebra_DatePicker .dp_footer .dp_hover { background-color: #e6dfdf; color: #e64097; } /* = SELECT CURRENT DAY ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_today { color: #9e9e9e; padding: 3px; } /* = CLEAR DATE ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker .dp_clear { color: #9e9e9e; padding: 3px; } /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES) ----------------------------------------------------------------------------------------------------------------------*/ .Zebra_DatePicker td.dp_current { color: #C40000; } .Zebra_DatePicker td.dp_disabled_current { color: #E38585; } .Zebra_DatePicker td.dp_disabled { background: #F3F3F3; color: #CDCDCD; cursor: default; } .Zebra_DatePicker td.dp_hover { background: #e64097; color: #FFF; } /* = ICON ----------------------------------------------------------------------------------------------------------------------*/ button.Zebra_DatePicker_Icon { display: block; position: absolute; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; overflow: hidden; text-indent: -9999em; box-sizing: content-box; background-color: transparent; top: 17px; right: 0px; } button.Zebra_DatePicker_Icon_Disabled { background-image: url("../calendar-disabled.png"); } /* don't set vertical margins! */ button.Zebra_DatePicker_Icon { margin: 0 0 0 3px; } button.Zebra_DatePicker_Icon_Inside { margin: 0 10px 0 0; } /** @package bcna-frontend * Twitter Typeahead */ .twitter-typeahead { width: 100%; } .tt-dropdown-menu { background-color: #ffffff; width: 100%; padding: 10px; border: 1px solid #dedede; } .tt-suggestion { padding: 5px 10px; line-height: 24px; } .tt-suggestion.tt-cursor { background-color: #ffedf6; cursor: pointer; } .text--left { text-align: left; } .text--right { text-align: right; } .text--center { text-align: center; } .text--strong { font-weight: 700; } /*#contour label.fieldLabel, .contour label.fieldLabel { @include heading-large; @include margins(20px, false, 5px); padding: 0; }*/ #contour fieldset, .contour fieldset { padding: 0; margin: 0; border: none !important; } .contourNavigation input[type=submit] { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } .contourNavigation input[type=submit]:hover, .contourNavigation input[type=submit]:focus { text-decoration: none; } .contourNavigation input[type=submit]:hover, .contourNavigation input[type=submit]:focus { background: #ff57af; color: #ffffff; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-dot { display: inline-block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #999999; } .owl-theme .owl-controls .owl-dot.active { background: #e64097; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(/assets/css/images/AjaxLoader.gif) no-repeat center center; } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /** @package bcna-frontend * News section */ /** @package bcna-frontend * Resources section */ main.resources.landing { /*div.item-list.resources { .actions { position: static; } }*/ } main.resources.landing .items .before { min-height: 86px; } div.search.resources ul { margin-left: -20px; } div.search.resources ul:after { content: ''; display: table; clear: both; } div.search.resources li { width: 37.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.resources li:last-child { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } @media only screen and (max-width: 599px) { div.search.resources li:nth-child(1) { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.resources li:nth-child(2) { width: 60%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.resources li:nth-child(3) { width: 40%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 380px) { div.search.resources li:nth-child(2) { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.resources li:nth-child(3) { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } /** @package bcna-frontend * Services section */ main.services.landing div.header { height: 375px; } @media only screen and (min-width: 600px), print { main.services.landing div.header div.title { margin-top: -55px; } } main.services.detail div.gallery { margin-left: 0; width: auto; } @media only screen and (min-width: 1000px) { main.services.detail table.service-details { margin-left: -80px; width: 129%; } } @media only screen and (min-width: 600px) and (min-width: 600px), print { main.services.form li.suburb, main.services.form li.email, main.services.form li.phone { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 599px) { main.services.form li.suburb, main.services.form li.email, main.services.form li.phone { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (min-width: 600px), print { main.services.form li.state, main.services.form li.postcode { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 599px) { main.services.form li.state, main.services.form li.postcode { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } div.search.services ul.search { margin-left: -20px; } div.search.services ul.search:after { content: ''; display: table; clear: both; } @media only screen and (max-width: 999px) { div.search.services ul.search li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.search.services ul.search li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { div.search.services ul.search li { width: 16.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.services ul.search li:first-child { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } table.service-details { margin-top: 0; } table.service-details th, table.service-details td { border: 0; border-bottom: 1px solid #dedede; } table.service-details th { min-width: 180px; width: 30%; } table.service-details td { width: 70%; } table.service-details ul { margin: 0; padding: 0; list-style-type: none; } table.service-details ul li { margin: 0; padding: 0; list-style-type: none; } table.service-details ul li:before { display: none; } table.service-details ul li:before { display: none; } table.service-details a { color: #e64097; } /** @package bcna-frontend * Events section pages */ @media only screen and (min-width: 600px), print { main.events div.header { height: 375px; } main.events div.header div.title { margin-top: -55px; } } main.events.detail div.gallery { margin-left: 0; width: auto; } div.search.events ul.search { margin-left: -20px; } div.search.events ul.search:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 1000px) { div.search.events ul.search li { width: 16.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 800px) and (max-width: 999px) { div.search.events ul.search li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { div.search.events ul.search li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.search.events ul.search li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } table.event-details { margin-top: 0; } table.event-details th, table.event-details td { background: #f2ebeb; border: 1px solid #ffffff; } table.event-details th { min-width: 180px; width: 30%; } table.event-details td { width: 70%; } table.event-details ul { margin: 0; padding: 0; list-style-type: none; } table.event-details ul li { margin: 0; padding: 0; list-style-type: none; } table.event-details ul li:before { display: none; } table.event-details ul li:before { display: none; } table.event-details a { color: #e64097; } /** @package bcna-frontend * Online network section */ main.network { /*@include mq-large { div.article, div.items { margin-right: $article-gutter; } }*/ } @media only screen and (min-width: 600px), print { main.network div.header { height: 375px; } main.network div.header div.title { width: 430px; } } main.network div.header div.login { font-size: 18px; font-size: 1.0588235294rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin-top: 20px; } main.network div.header div.login a.join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #01385e; color: #ffffff; width: 166px; margin-right: 5px; } main.network div.header div.login a.join:hover, main.network div.header div.login a.join:focus { text-decoration: none; } main.network div.header div.login a.join:hover, main.network div.header div.login a.join:focus { background: #e64097; color: #ffffff; } main.network div.header div.login a.join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } main.network div.header div.login a.login { text-decoration: none; border-bottom: 1px solid #666666; } main.network div.header div.login a.login:hover, main.network div.header div.login a.login:focus { color: #e64097; border-color: #e64097; } main.network div.header div.online { margin-top: 25px; } @media only screen and (max-width: 599px) { main.network div.header div.online { display: none; } } main.network div.header div.online .image { float: left; width: 44px; height: 44px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center top; margin-right: 10px; } main.network div.header div.online p { font-size: 10px; font-size: 0.5882352941rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; float: right; margin-top: 2px; color: #01385e; } main.network div.header div.online span.count { font-size: 28px; font-size: 1.6470588235rem; font-weight: 300; display: block; } @media screen and (min-width: 800px), print { main.network div.pagination { margin-left: 80px; } } main.network div.before h1, main.network div.before div.header p.title, div.header main.network div.before p.title, main.network div.before .promo-lightbox__content-subheading, main.network div.before h2, main.network div.before .promo-lightbox__date-day { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; } main.network div.before h1:after, main.network div.before div.header p.title:after, div.header main.network div.before p.title:after, main.network div.before .promo-lightbox__content-subheading:after, main.network div.before h2:after, main.network div.before .promo-lightbox__date-day:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items main.network div.before h1, div.items main.network div.before div.header p.title, div.header div.items main.network div.before p.title, div.items main.network div.before .promo-lightbox__content-subheading, div.items main.network div.before h2, div.items main.network div.before .promo-lightbox__date-day { margin-bottom: -25px; } @media only screen and (min-width: 600px), print { main.network div.before h1, main.network div.before div.header p.title, div.header main.network div.before p.title, main.network div.before .promo-lightbox__content-subheading, main.network div.before h2, main.network div.before .promo-lightbox__date-day { float: left; } } main.network div.before a.create { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; float: right; margin-top: 10px; /*@include mq-large { margin-right: $article-gutter; }*/ } main.network div.before a.create:hover, main.network div.before a.create:focus { text-decoration: none; } main.network div.before a.create:hover, main.network div.before a.create:focus { background: #f2ebeb; color: #333333; } main.network div.before a.create:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } @media only screen and (max-width: 599px) { main.network div.before a.create { float: none; clear: both; margin-top: 0; margin-bottom: 40px; } } main.network div.before button.broadcast { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; float: right; margin-top: 10px; margin-right: 20px; /*@include mq-large { margin-right: $article-gutter; }*/ } main.network div.before button.broadcast:hover, main.network div.before button.broadcast:focus { text-decoration: none; } main.network div.before button.broadcast:hover, main.network div.before button.broadcast:focus { background: #ff57af; color: #ffffff; } main.network div.before button.broadcast:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } @media only screen and (max-width: 599px) { main.network div.before button.broadcast { float: none; clear: both; margin-top: 0; margin-bottom: 40px; } } @media only screen and (min-width: 1000px) { main.network.groups.landing div.article, main.network.groups.landing div.items { margin-right: 0; } } @media only screen and (min-width: 1000px) { main.network.group.members div.article, main.network.group.members div.items { margin-left: 80px; margin-right: 80px; } } @media only screen and (min-width: 600px), print { main.network.create-post article { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } main.network.create-post article div.article { margin-left: 80px; margin-right: 80px; } } @media only screen and (min-width: 1000px) { main.network.profile div.before div.search.posts { clear: none; margin-right: 80px; margin-bottom: 0; } main.network.profile div.before div.search.posts li:first-child { float: right; } } @media only screen and (max-width: 999px) { main.network.profile div.before div.search.posts { clear: both; max-width: 300px; } main.network.profile div.before div.search.posts li:first-child { float: none; width: auto; } } @media only screen and (max-width: 599px) { main.network.profile div.before div.search.posts { max-width: 100%; } } @media only screen and (min-width: 1000px) { main.network.mygroups div.article, main.network.mygroups div.items, main.network.mylistings div.article, main.network.mylistings div.items, main.network.mycontacts div.article, main.network.mycontacts div.items { margin-left: 80px; margin-right: 80px; } } main.network.mygroups div.pagination, main.network.mylistings div.pagination, main.network.mycontacts div.pagination { margin-left: 0; } @media only screen and (min-width: 600px), print { main.network.event.form ul.form li.date { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.network.event.form ul.form li.date li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } @media only screen and (min-width: 600px), print { main.network.event.form ul.form li.suburb { width: 60%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.network.event.form ul.form li.suburb { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px), print { main.network.event.form ul.form li.state, main.network.event.form ul.form li.postcode { width: 20%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.network.event.form ul.form li.state, main.network.event.form ul.form li.postcode { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px), print { main.network.messages article { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } main.network.messages article div.items { margin-left: 80px; margin-right: 80px; } } main.network.messages .select:after { background-color: #ffffff; } main.network.group.form li.activities, main.network.group.form li.support, main.network.group.form li.suburb, main.network.group.form li.state { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } @media only screen and (min-width: 600px), print { .form li.language { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { .form li.hobbies, .form li.interests { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.network.profile.settings div.form, main.network.profile.publications div.form { margin-right: 80px; } } @media only screen and (min-width: 600px), print { main.network.publications li.phone, main.network.publications li.mobile, main.network.publications li.suburb { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px), print { main.network.publications li.state, main.network.publications li.postcode { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.network.publications li.state, main.network.publications li.postcode { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } div.search.posts { clear: both; margin: 0; padding: 0; min-width: 0; background: transparent; margin-bottom: 50px; } @media only screen and (min-width: 600px), print { div.search.posts { margin-bottom: 50px; } } @media only screen and (max-width: 599px) { div.search.posts { margin-bottom: 30px; } } div.search.posts ul.search { margin-left: -20px; position: relative; } div.search.posts ul.search:after { content: ''; display: table; clear: both; } div.search.posts ul.search li { padding-bottom: 0; } div.search.posts ul.search li.loading { padding-top: 10px; width: 10%; display: none; } @media only screen and (min-width: 800px) and (max-width: 999px) { div.search.posts ul.search li.loading { position: absolute; right: -55px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { div.search.posts ul.search li.loading { position: absolute; right: -55px; } } @media only screen and (max-width: 599px) { div.search.posts ul.search li.loading { width: 100%; } } div.search.posts ul.search li:nth-child(4) { float: right; } div.search.posts ul.search li:last-child button { position: absolute; top: 17px; right: 15px; background: transparent; border-radius: 0; padding: 0; width: 15px; height: 15px; min-width: 0; overflow: hidden; } div.search.posts ul.search li:last-child button:before { font-size: 15px; width: 15px; height: 15px; color: #666666; } @media only screen and (max-width: 599px) { div.search.posts ul.search li:last-child button { top: auto; bottom: 0; margin-bottom: 16px; } } @media only screen and (min-width: 1000px) { div.search.posts ul.search li { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 800px) and (max-width: 999px) { div.search.posts ul.search li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { div.search.posts ul.search li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.search.posts ul.search li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-top: 20px; } div.search.posts ul.search li:first-child { margin-top: 0; } div.search.posts ul.search li:last-child { margin-top: 0; } } div.search.posts div.select, div.search.posts input { background: #f2ebeb; } div.search.posts input.search { border-radius: 50px; } main.network.group-event-detail .content .image { position: relative; float: left; width: 22%; } main.network.group-event-detail .content .text { margin-left: 22%; padding-left: 25px; } /** @package bcna-frontend * Network logged-in nav bar */ div.network-nav { position: relative; z-index: 1; background: #e6dfdf; font-size: 16px; font-size: 0.9411764706rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; } @media only screen and (max-width: 999px) { div.network-nav { display: none; } } div.network-nav h2, div.network-nav .promo-lightbox__date-day { font-weight: 300; margin: 0 0 15px 8px; color: #01385e; font-size: 24px; font-size: 1.4117647059rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; } div.network-nav ul { margin: 0; padding: 0; list-style-type: none; } div.network-nav ul li { margin: 0; padding: 0; list-style-type: none; } div.network-nav ul li:before { display: none; } div.network-nav div.wrap { padding-top: 32px; padding-bottom: 15px; } div.network-nav a.active:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.network-nav a.active:after { border-width: 15px; border-top-color: #e6dfdf; bottom: -30px; right: 50%; margin-right: -15px; } div.network-nav a.active:after { margin-bottom: -15px; } @media only screen and (min-width: 1000px) { div.network-nav ul.section { float: left; margin-left: 10px; } } @media only screen and (max-width: 999px) { div.network-nav ul.section { margin-top: -15px; } } div.network-nav ul.section > li { float: left; position: relative; padding: 0 25px; border-right: 1px solid #666666; } div.network-nav ul.section > li:first-child { padding-left: 0; } div.network-nav ul.section > li:first-child a:before { margin-left: -27px; } div.network-nav ul.section > li:last-child { border-right: 0; } @media only screen and (min-width: 1000px) { div.network-nav ul.member { float: right; margin-right: 10px; } } @media only screen and (max-width: 999px) { div.network-nav ul.member { margin-top: 35px; } } div.network-nav ul.member > li { float: left; position: relative; padding: 0 12px; } div.network-nav ul.member > li:first-child { padding-left: 0; } div.network-nav ul.member a.post { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; margin-top: -18px; min-width: 130px; } div.network-nav ul.member a.post:hover, div.network-nav ul.member a.post:focus { text-decoration: none; } div.network-nav ul.member a.post:hover, div.network-nav ul.member a.post:focus { background: #ff57af; color: #ffffff; } div.network-nav ul.member a.post:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } div.network-nav ul.member > li:last-child { padding-right: 70px; } div.network-nav ul.member > li:last-child div.portrait { position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 50%; top: -23px; max-height: 60px; } div.network-nav ul.member span.count { display: block; float: right; background: #e64097; color: #ffffff; font-weight: 300; border-radius: 50%; height: 30px; min-width: 30px; text-align: center; padding-top: 8px; margin: -9px 0 -5px 6px; } div.network-nav ul.member ul { font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding-top: 15px; position: absolute; z-index: 2; left: -9999em; min-width: 111%; margin-top: 0; } div.network-nav ul.member ul li { padding: 2px; color: #666666; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-left: 1px solid #dedede; border-right: 1px solid #dedede; } div.network-nav ul.member ul li:first-child { border-top: 1px solid #dedede; } div.network-nav ul.member ul li:last-child { border-bottom: 1px solid #dedede; } div.network-nav ul.member ul a { display: block; padding: 16px 16px; white-space: nowrap; position: relative; z-index: 0; margin-top: -12px; } div.network-nav ul.member ul a:after { display: none; } div.network-nav ul.member ul a:hover, div.network-nav ul.member ul a:focus { background: #e64097; color: #ffffff; z-index: 1; } div.network-nav ul.member ul li:first-child a { margin-top: 0; } div.network-nav ul.member ul:after, div.network-nav ul.member ul:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.network-nav ul.member ul:after { border-width: 10px; border-bottom-color: #ffffff; top: -20px; right: 50%; margin-right: -10px; } div.network-nav ul.member ul:before { border-width: 11px; border-bottom-color: #c5c5c5; top: -22px; right: 50%; margin-right: -11px; } div.network-nav ul.member ul:before, div.network-nav ul.member ul:after { margin-top: 16px; } div.network-nav ul.member ul.subnav-post { margin-top: -10px; } div.network-nav ul.member ul:before, div.network-nav ul.member ul:after { left: 23px; } div.network-nav ul.member li:hover ul { left: auto; } div.network-nav.member-nav-mobile { padding: 20px 15px; } @media only screen and (min-width: 1000px) { div.network-nav.member-nav-mobile { display: none; } } @media only screen and (max-width: 999px) { div.network-nav.member-nav-mobile { display: block; } } div.network-nav.member-nav-mobile:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.network-nav.member-nav-mobile:after { border-width: 20px; border-top-color: #e6dfdf; bottom: -40px; left: 20px; } div.network-nav.member-nav-mobile > div:after { content: ''; display: table; clear: both; } div.network-nav.member-nav-mobile form { width: 50%; float: left; } div.network-nav.member-nav-mobile a.post { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; min-width: 130px; float: right; } div.network-nav.member-nav-mobile a.post:hover, div.network-nav.member-nav-mobile a.post:focus { text-decoration: none; } div.network-nav.member-nav-mobile a.post:hover, div.network-nav.member-nav-mobile a.post:focus { background: #ff57af; color: #ffffff; } div.network-nav.member-nav-mobile a.post:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } div.network-nav.member-nav-mobile ul { font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; padding-top: 15px; position: absolute; z-index: 2; left: -9999em; min-width: 111%; margin-top: -10px; right: 10px; left: auto; min-width: 200px; top: 70px; display: none; } div.network-nav.member-nav-mobile ul li { padding: 2px; color: #666666; background: #ffffff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); border-left: 1px solid #dedede; border-right: 1px solid #dedede; } div.network-nav.member-nav-mobile ul li:first-child { border-top: 1px solid #dedede; } div.network-nav.member-nav-mobile ul li:last-child { border-bottom: 1px solid #dedede; } div.network-nav.member-nav-mobile ul a { display: block; padding: 16px 16px; white-space: nowrap; position: relative; z-index: 0; margin-top: -12px; } div.network-nav.member-nav-mobile ul a:after { display: none; } div.network-nav.member-nav-mobile ul a:hover, div.network-nav.member-nav-mobile ul a:focus { background: #e64097; color: #ffffff; z-index: 1; } div.network-nav.member-nav-mobile ul li:first-child a { margin-top: 0; } div.network-nav.member-nav-mobile ul:after, div.network-nav.member-nav-mobile ul:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } div.network-nav.member-nav-mobile ul:after { border-width: 10px; border-bottom-color: #ffffff; top: -20px; right: 50%; margin-right: -10px; } div.network-nav.member-nav-mobile ul:before { border-width: 11px; border-bottom-color: #c5c5c5; top: -22px; right: 50%; margin-right: -11px; } div.network-nav.member-nav-mobile ul:before, div.network-nav.member-nav-mobile ul:after { margin-top: 16px; } div.network-nav.member-nav-mobile ul.show { display: block; } div.network-nav.member-nav-mobile ul:before, div.network-nav.member-nav-mobile ul:after { left: 143px; } /** @package bcna-frontend * Network profile area (group / member detail pages) */ div.network-profile { background: #f2ebeb; } div.network-profile div.wrap { padding-top: 50px; padding-bottom: 50px; } div.network-profile div.overview { float: left; width: 160px; } @media only screen and (max-width: 599px) { div.network-profile div.overview { float: none; width: auto; margin-bottom: 30px; } } div.network-profile div.overview p.joined { font-size: 14px; font-size: 0.8235294118rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } div.network-profile div.overview img { width: 100%; max-width: 300px; margin-bottom: 30px; margin-left: auto; margin-right: auto; } main.profile div.network-profile div.overview img { border-radius: 50%; } div.network-profile div.overview a.join, div.network-profile div.overview button.join { border: 0; text-decoration: none; display: block; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; margin: 30px 0 50px 0; } div.network-profile div.overview a.join:hover, div.network-profile div.overview a.join:focus, div.network-profile div.overview button.join:hover, div.network-profile div.overview button.join:focus { text-decoration: none; } div.network-profile div.overview a.join:hover, div.network-profile div.overview a.join:focus, div.network-profile div.overview button.join:hover, div.network-profile div.overview button.join:focus { background: #ff57af; color: #ffffff; } div.network-profile div.overview a.join:after, div.network-profile div.overview button.join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.overview a.edit { border: 0; text-decoration: none; display: block; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; margin: 30px 0 50px 0; } div.network-profile div.overview a.edit:hover, div.network-profile div.overview a.edit:focus { text-decoration: none; } div.network-profile div.overview a.edit:hover, div.network-profile div.overview a.edit:focus { background: #e64097; color: #333333; } div.network-profile div.overview a.edit:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.overview a.edit:hover, div.network-profile div.overview a.edit:focus { color: #ffffff; } div.network-profile div.overview .edit.edit-group { margin: 30px 0px 0px 0px; } div.network-profile div.overview div.actions { margin-bottom: 20px; } div.network-profile div.overview ul.stats { margin: 0; padding: 0; list-style-type: none; } div.network-profile div.overview ul.stats li { margin: 0; padding: 0; list-style-type: none; } div.network-profile div.overview ul.stats li:before { display: none; } div.network-profile div.overview ul.stats li { font-size: 16px; font-size: 0.9411764706rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; position: relative; margin-bottom: 20px; padding-right: 10px; } div.network-profile div.overview ul.stats a { display: block; border-bottom: 1px solid #aaa; color: #666666; text-decoration: none; margin-right: 40px; } div.network-profile div.overview ul.stats a:hover, div.network-profile div.overview ul.stats a:focus { color: #e64097; } div.network-profile div.overview ul.stats span.count { font-size: 13px; font-size: 0.7647058824rem; line-height: 1; color: #666666; text-align: center; display: block; position: absolute; top: -4px; right: 0; min-width: 26px; min-height: 26px; border-radius: 26px; padding-top: 7px; background: #ffffff; } div.network-profile div.overview .approve { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #bbda56; color: #333333; width: 100%; margin-top: 10px; } div.network-profile div.overview .approve:hover, div.network-profile div.overview .approve:focus { text-decoration: none; } div.network-profile div.overview .approve:hover, div.network-profile div.overview .approve:focus { background: #d2f462; color: #333333; } div.network-profile div.overview .approve:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.overview .deny { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e14e4e; color: #ffffff; width: 100%; margin-top: 10px; } div.network-profile div.overview .deny:hover, div.network-profile div.overview .deny:focus { text-decoration: none; } div.network-profile div.overview .deny:hover, div.network-profile div.overview .deny:focus { background: #f85f5f; color: #ffffff; } div.network-profile div.overview .deny:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.overview .connect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; width: 100%; margin-top: 10px; } div.network-profile div.overview .connect:hover, div.network-profile div.overview .connect:focus { text-decoration: none; } div.network-profile div.overview .connect:hover, div.network-profile div.overview .connect:focus { background: #ff57af; color: #ffffff; } div.network-profile div.overview .connect:after { content: ''; margin: 0; width: 0; } div.network-profile div.overview .disconnect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; width: 100%; margin-top: 10px; } div.network-profile div.overview .disconnect:hover, div.network-profile div.overview .disconnect:focus { text-decoration: none; } div.network-profile div.overview .disconnect:hover, div.network-profile div.overview .disconnect:focus { background: #f2ebeb; color: #333333; } div.network-profile div.overview .disconnect:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.details { margin-left: 240px; } @media only screen and (max-width: 599px) { div.network-profile div.details { margin-left: 0; } } div.network-profile div.details div.title { float: left; width: 100%; } div.network-profile div.details div.bio { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dedede; min-height: 80px; } div.network-profile div.details div.bio div.content { -webkit-transition: height 0.25s; transition: height 0.25s; overflow: hidden; } div.network-profile div.details div.bio div.content p:last-child { margin-bottom: 0; } div.network-profile div.details p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin: 0; color: #666666; } div.network-profile div.details h1, div.network-profile div.details div.header p.title, div.header div.network-profile div.details p.title, div.network-profile div.details .promo-lightbox__content-subheading { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; margin-top: 0; margin-bottom: 20px; margin-bottom: 1.1764705882rem; } div.network-profile div.details h1:after, div.network-profile div.details div.header p.title:after, div.header div.network-profile div.details p.title:after, div.network-profile div.details .promo-lightbox__content-subheading:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items div.network-profile div.details h1, div.items div.network-profile div.details div.header p.title, div.header div.items div.network-profile div.details p.title, div.items div.network-profile div.details .promo-lightbox__content-subheading { margin-bottom: -25px; } @media only screen and (min-width: 1000px) { div.network-profile div.details h1, div.network-profile div.details div.header p.title, div.header div.network-profile div.details p.title, div.network-profile div.details .promo-lightbox__content-subheading { float: left; width: 70%; } } div.network-profile div.details h1:after, div.network-profile div.details div.header p.title:after, div.header div.network-profile div.details p.title:after, div.network-profile div.details .promo-lightbox__content-subheading:after { display: none; } @media only screen and (max-width: 599px) { div.network-profile div.details h1, div.network-profile div.details div.header p.title, div.header div.network-profile div.details p.title, div.network-profile div.details .promo-lightbox__content-subheading { width: auto; } } @media only screen and (min-width: 1000px) { div.network-profile div.details ul.social { float: right; margin-right: 10px; } } @media only screen and (max-width: 999px) { div.network-profile div.details ul.social { margin-top: 0; margin-bottom: 20px; margin-bottom: 1.1764705882rem; } } div.network-profile div.details h2, div.network-profile div.details .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 0; } div.network-profile div.details div.meta p { margin-top: 0; margin-bottom: 15px; margin-bottom: 0.8823529412rem; } @media only screen and (min-width: 1000px) { div.network-profile div.details p.location { float: left; width: 50%; } } div.network-profile div.details p.location:before { font-size: 28px; width: 28px; height: 28px; float: left; margin-right: 20px; color: #e64097; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #e64097; } @media only screen and (min-width: 1000px) { div.network-profile div.details p.tags { float: right; width: 50%; } } div.network-profile div.details p.tags:before { font-size: 28px; width: 28px; height: 28px; float: left; margin-right: 10px; color: #e64097; } div.network-profile div.details p.audience:before { font-size: 30px; width: 30px; height: 30px; float: left; margin-right: 10px; color: #e64097; } div.network-profile div.details a.profile { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; margin-top: 10px; } div.network-profile div.details a.profile:hover, div.network-profile div.details a.profile:focus { text-decoration: none; } div.network-profile div.details a.profile:hover, div.network-profile div.details a.profile:focus { background: #e6dfdf; color: #333333; } div.network-profile div.details a.profile:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.network-profile div.details a.profile:hover, div.network-profile div.details a.profile:focus { color: #ffffff; background: #e64097; } .network.profile .overview .portrait, .network.group .overview .portrait { width: 160px; height: 160px; } .network.group .overview .portrait { border-radius: 0; } .portrait { width: 32px; height: 32px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center top; overflow: hidden; margin-bottom: 30px; } .portrait a { display: block; width: 100%; height: 100%; } #invite-members { margin: 0 0 20px; } #invite-members h4 { text-transform: uppercase; margin-bottom: 15px; font-size: 12px; font-size: 0.7058823529rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; } #invite-members input { padding: 15px; width: 100%; font-size: 14px; font-size: 0.8235294118rem; } #invite-members .tt-suggestion { font-size: 14px; font-size: 0.8235294118rem; } #invite-members .tt-suggestion:after { content: ''; display: table; clear: both; } #invite-members .tt-suggestion span { float: right; display: inline-block; font-size: 14px; font-size: 0.8235294118rem; line-height: 24px; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; } #invite-members .tt-suggestion span .add, #invite-members .tt-suggestion span .added { text-decoration: none; } #invite-members .tt-suggestion span .add:after, #invite-members .tt-suggestion span .added:after { margin-top: -2px; margin-left: 10px; display: inline-block; } #invite-members .tt-suggestion span .add:after { font-size: 8px; width: 8px; height: 8px; } #invite-members .tt-suggestion span .added:after { font-size: 11px; width: 11px; height: 11px; } /** @package bcna-frontend * Post styles * Some elements are shared (post-meta, post-subtutle) so are defined as * %placeholders and @extended by their respective parent elements. */ div.article.post div.meta, div.post-list div.meta, div.comments div.actions-container { position: relative; } div.article.post div.meta a, div.post-list div.meta a, div.comments div.actions-container a { font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; text-decoration: none; } div.article.post div.meta a:hover, div.post-list div.meta a:hover, div.comments div.actions-container a:hover, div.article.post div.meta a:focus, div.post-list div.meta a:focus, div.comments div.actions-container a:focus { color: #e64097; } div.article.post div.meta .meta-left, div.post-list div.meta .meta-left, div.comments div.actions-container .meta-left { position: absolute; top: 10px; left: 10px; } div.article.post div.meta .add, div.post-list div.meta .add, div.comments div.actions-container .add, div.article.post div.meta .reply, div.post-list div.meta .reply, div.comments div.actions-container .reply, div.article.post div.meta .message, div.post-list div.meta .message, div.comments div.actions-container .message, div.article.post div.meta button.recommend, div.post-list div.meta button.recommend, div.comments div.actions-container button.recommend { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; min-width: 100px; float: left; margin-right: 10px; text-align: center; } div.article.post div.meta .add:hover, div.post-list div.meta .add:hover, div.comments div.actions-container .add:hover, div.article.post div.meta .add:focus, div.post-list div.meta .add:focus, div.comments div.actions-container .add:focus, div.article.post div.meta .reply:hover, div.post-list div.meta .reply:hover, div.comments div.actions-container .reply:hover, div.article.post div.meta .reply:focus, div.post-list div.meta .reply:focus, div.comments div.actions-container .reply:focus, div.article.post div.meta .message:hover, div.post-list div.meta .message:hover, div.comments div.actions-container .message:hover, div.article.post div.meta .message:focus, div.post-list div.meta .message:focus, div.comments div.actions-container .message:focus, div.article.post div.meta button.recommend:hover, div.post-list div.meta button.recommend:hover, div.comments div.actions-container button.recommend:hover, div.article.post div.meta button.recommend:focus, div.post-list div.meta button.recommend:focus, div.comments div.actions-container button.recommend:focus { text-decoration: none; } div.article.post div.meta .add:hover, div.post-list div.meta .add:hover, div.comments div.actions-container .add:hover, div.article.post div.meta .add:focus, div.post-list div.meta .add:focus, div.comments div.actions-container .add:focus, div.article.post div.meta .reply:hover, div.post-list div.meta .reply:hover, div.comments div.actions-container .reply:hover, div.article.post div.meta .reply:focus, div.post-list div.meta .reply:focus, div.comments div.actions-container .reply:focus, div.article.post div.meta .message:hover, div.post-list div.meta .message:hover, div.comments div.actions-container .message:hover, div.article.post div.meta .message:focus, div.post-list div.meta .message:focus, div.comments div.actions-container .message:focus, div.article.post div.meta button.recommend:hover, div.post-list div.meta button.recommend:hover, div.comments div.actions-container button.recommend:hover, div.article.post div.meta button.recommend:focus, div.post-list div.meta button.recommend:focus, div.comments div.actions-container button.recommend:focus { background: #f2ebeb; color: #333333; } div.article.post div.meta button.recommend span.count:before, div.post-list div.meta button.recommend span.count:before, div.comments div.actions-container button.recommend span.count:before { content: '\007C'; margin-left: 3px; margin-right: 6px; } div.article.post div.meta a.comments, div.post-list div.meta a.comments, div.comments div.actions-container a.comments { float: left; margin-top: 0px; color: inherit; height: 38px; line-height: 38px; } div.article.post div.meta a.comments:before, div.post-list div.meta a.comments:before, div.comments div.actions-container a.comments:before { font-size: 24px; width: 24px; height: 24px; margin-right: 3px; display: inline-block; color: #e64097; } div.article.post div.meta a.comments span.action, div.post-list div.meta a.comments span.action, div.comments div.actions-container a.comments span.action { display: none; } div.article.post div.meta ul.tags, div.post-list div.meta ul.tags, div.comments div.actions-container ul.tags { display: block; clear: both; margin: 0; } div.article.post div.meta ul.tags li, div.post-list div.meta ul.tags li, div.comments div.actions-container ul.tags li { float: none; display: inline-block; margin-bottom: 0; margin-right: 3px; margin-left: 0; height: 38px; line-height: 38px; } div.article.post div.meta ul.tags li:before, div.post-list div.meta ul.tags li:before, div.comments div.actions-container ul.tags li:before { display: none; } div.article.post div.meta ul.tags li a, div.post-list div.meta ul.tags li a, div.comments div.actions-container ul.tags li a { color: inherit; font-weight: 400; } div.article.post div.meta ul.tags li a:hover, div.post-list div.meta ul.tags li a:hover, div.comments div.actions-container ul.tags li a:hover, div.article.post div.meta ul.tags li a:focus, div.post-list div.meta ul.tags li a:focus, div.comments div.actions-container ul.tags li a:focus { color: #e64097; } div.article.post div.meta ul.tags li:after, div.post-list div.meta ul.tags li:after, div.comments div.actions-container ul.tags li:after { content: ','; } div.article.post div.meta ul.tags li:last-child:after, div.post-list div.meta ul.tags li:last-child:after, div.comments div.actions-container ul.tags li:last-child:after { content: ''; } div.article.post div.meta ul.tags:before, div.post-list div.meta ul.tags:before, div.comments div.actions-container ul.tags:before { font-size: 24px; width: 24px; height: 24px; margin-right: 8px; display: inline-block; color: #e64097; line-height: 38px; height: 38px; } @media only screen and (max-width: 599px) { div.article.post div.meta ul.tags, div.post-list div.meta ul.tags, div.comments div.actions-container ul.tags { margin-top: 10px; } } div.article.post div.meta form.report, div.post-list div.meta form.report, div.comments div.actions-container form.report { width: 150px; } div.article.post div.meta form.report div.select, div.post-list div.meta form.report div.select, div.comments div.actions-container form.report div.select { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; height: 38px; min-width: 0; } div.article.post div.meta form.report div.select:hover, div.post-list div.meta form.report div.select:hover, div.comments div.actions-container form.report div.select:hover, div.article.post div.meta form.report div.select:focus, div.post-list div.meta form.report div.select:focus, div.comments div.actions-container form.report div.select:focus { text-decoration: none; } div.article.post div.meta form.report div.select:hover, div.post-list div.meta form.report div.select:hover, div.comments div.actions-container form.report div.select:hover, div.article.post div.meta form.report div.select:focus, div.post-list div.meta form.report div.select:focus, div.comments div.actions-container form.report div.select:focus { background: #f2ebeb; color: #333333; } div.article.post div.meta form.report div.select div.value, div.post-list div.meta form.report div.select div.value, div.comments div.actions-container form.report div.select div.value { font-style: normal; color: inherit !important; width: 100%; padding-right: 0; } @media only screen and (max-width: 599px) { div.article.post div.meta div.action:after, div.post-list div.meta div.action:after, div.comments div.actions-container div.action:after, div.article.post div.meta div.interact:after, div.post-list div.meta div.interact:after, div.comments div.actions-container div.interact:after { content: ''; display: table; clear: both; } } div.article.post div.subtitle, div.post-list div.subtitle, div.comments div.subtitle { padding-top: 4px; /* span { a { color: inherit; } } */ } div.article.post div.subtitle p.action, div.post-list div.subtitle p.action, div.comments div.subtitle p.action, div.article.post div.subtitle p.date, div.post-list div.subtitle p.date, div.comments div.subtitle p.date { font-size: 12px; font-size: 0.7058823529rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; margin: 0; } div.article.post div.subtitle span.name, div.post-list div.subtitle span.name, div.comments div.subtitle span.name, div.article.post div.subtitle span.date, div.post-list div.subtitle span.date, div.comments div.subtitle span.date { font-weight: 600; text-transform: uppercase; } div.article.post div.subtitle span.name a, div.post-list div.subtitle span.name a, div.comments div.subtitle span.name a { color: #2193d5; } @media only screen and (min-width: 600px), print { div.article.post div.subtitle, div.post-list div.subtitle, div.comments div.subtitle { height: 28px; } div.article.post div.subtitle p.action, div.post-list div.subtitle p.action, div.comments div.subtitle p.action { float: left; } div.article.post div.subtitle p.date, div.post-list div.subtitle p.date, div.comments div.subtitle p.date { float: right; } } @media only screen and (max-width: 599px) { div.article.post div.subtitle p.action, div.post-list div.subtitle p.action, div.comments div.subtitle p.action, div.article.post div.subtitle p.date, div.post-list div.subtitle p.date, div.comments div.subtitle p.date { margin-bottom: 10px; } } div.article.post div.content { margin-left: 80px; margin-bottom: 40px; } @media only screen and (max-width: 599px) { div.article.post div.content { margin-left: 0; padding-bottom: 20px; margin-bottom: 20px; } } div.article.post div.details { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 40px 0; margin-bottom: 40px; } @media only screen and (max-width: 599px) { div.article.post div.details { padding: 30px 0; margin-bottom: 30px; } } div.article.post div.details.above { border: 0; padding: 0; } @media only screen and (max-width: 599px) { div.article.post div.details.above { margin-bottom: 20px; } } div.article.post div.details.above div.subtitle { padding-top: 24px; } @media only screen and (max-width: 599px) { div.article.post div.details.above div.subtitle { padding-top: 12px; } } div.article.post div.portrait { float: left; width: 60px; height: 60px; } div.article.post div.portrait img { width: 100%; border-radius: 50%; margin: 0; } @media only screen and (max-width: 599px) { div.article.post div.portrait { display: none; } } div.article.post div.subtitle { margin-left: 80px; } @media only screen and (max-width: 599px) { div.article.post div.subtitle { margin-left: 0; } } div.article.post div.meta { margin-left: 80px; } @media only screen and (max-width: 599px) { div.article.post div.meta { margin-left: 0; padding-top: 5px; } } div.article.post div.meta div.interact { float: left; } @media only screen and (max-width: 599px) { div.article.post div.meta div.interact { float: none; clear: both; margin-top: 10px; } } div.article.post div.meta p.tags { float: left; margin-top: 12px; } div.article.post div.meta form.report { float: left; margin-right: 20px; } @media only screen and (max-width: 599px) { div.article.post div.meta form.report { float: none; clear: both; } } /** @package bcna-frontend * Donate form page */ main.donate.form li.amount ul.radiogroup { margin-left: -20px; } main.donate.form li.amount ul.radiogroup:after { content: ''; display: table; clear: both; } main.donate.form li.amount ul.radiogroup li { width: 12.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } main.donate.form li.amount ul.radiogroup li:last-child { width: 37.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } @media only screen and (min-width: 1000px) { main.donate.form li.amount ul.radiogroup li { width: 12.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } main.donate.form li.amount ul.radiogroup li:last-child { width: 37.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.amount ul.radiogroup li { width: 20%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 20px; } main.donate.form li.amount ul.radiogroup li:last-child { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 400px) { main.donate.form li.amount ul.radiogroup li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 20px; } } main.donate.form li.amount ul.radiogroup label { font-size: 15px; font-size: 0.8823529412rem; line-height: 1; font-style: italic; text-align: center; display: block; padding-top: 16px; height: 50px; border: 1px solid #dedede; background: #f2ebeb; } main.donate.form li.amount ul.radiogroup label.active { color: #ffffff; background: #e64097; border-color: #e64097; } main.donate.form li.amount ul.radiogroup input[type="radio"] { display: none; } @media only screen and (min-width: 1000px) { main.donate.form li.type { width: 37.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.type { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.donate.form li.type { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.title { width: 16.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.title { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.firstname { width: 41.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.firstname { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.lastname { width: 41.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.email { width: 41.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.areacode { width: 16.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.areacode { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.phone { width: 41.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.phone { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.suburb { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.state, main.donate.form li.postcode { width: 16.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.state, main.donate.form li.postcode { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.cardnumber { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.cardexpiry { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.donate.form li.month, main.donate.form li.year { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 0; } @media only screen and (min-width: 1000px) { main.donate.form li.cardname { width: 66.6666666667%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.cardname { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.donate.form li.cardname { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (min-width: 1000px) { main.donate.form li.cardccv { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 999px) { main.donate.form li.cardccv { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { main.donate.form li.cardccv { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.donate.form li.cardccv label { display: block; clear: both; } main.donate.form li.cardccv input { width: 73%; float: left; } main.donate.form li.cardccv a.help { float: right; margin-top: 12px; } main.donate.form li.submit { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-top: 20px; margin-bottom: 40px; } @media only screen and (max-width: 599px) { main.donate.form li.submit { float: none; } main.donate.form li.submit button.submit { float: none; margin: 0 auto; } } main.donate.form li.cardtype { margin-bottom: 10px; } main.donate.form li.cardtype ul.radiogroup li { float: left; margin-right: 10px; margin-bottom: 10px; } main.donate.form li.cardtype ul.radiogroup input[type="radio"] { display: none; } main.donate.form li.cardtype ul.radiogroup label { border-width: 2px; border-style: solid; border-color: #ffffff; border-radius: 6px; } main.donate.form li.cardtype ul.radiogroup label.active { border-color: #e64097; background-color: #e64097; } main.donate.form li.cardtype ul.radiogroup li.visa label { overflow: hidden; text-indent: -9999em; box-sizing: content-box; } main.donate.form li.cardtype ul.radiogroup li.mastercard label { overflow: hidden; text-indent: -9999em; box-sizing: content-box; } main.donate.form li.cardtype ul.radiogroup li.amex label { overflow: hidden; text-indent: -9999em; box-sizing: content-box; } main.donate.form li.cardtype ul.radiogroup li.diners label { overflow: hidden; text-indent: -9999em; box-sizing: content-box; } main.donate.form li.cardtype ul.radiogroup li.discover label { overflow: hidden; text-indent: -9999em; box-sizing: content-box; } /** @package bcna-frontend * General search section */ div.search.general ul { margin-left: -20px; } div.search.general ul:after { content: ''; display: table; clear: both; } div.search.general li { width: 37.5%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.general li:last-child { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } @media only screen and (max-width: 599px) { div.search.general li:nth-child(1) { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.general li:nth-child(2) { width: 60%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.general li:nth-child(3) { width: 40%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 380px) { div.search.general li:nth-child(2) { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.search.general li:nth-child(3) { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } /** @package bcna-frontend * Full-width form page styles */ @media only screen and (min-width: 600px), print { main.form article { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.form aside { display: none; } @media screen and (min-width: 800px), print { main.form div.before { margin-left: 220px; } } main.form div.before h1, main.form div.before div.header p.title, div.header main.form div.before p.title, main.form div.before .promo-lightbox__content-subheading, main.form div.before h2, main.form div.before .promo-lightbox__date-day { float: left; width: 90%; } main.form div.before a.help { margin-top: 10px; } @media screen and (min-width: 800px), print { main.form div.form div.section-1 { width: 160px; float: left; margin-top: -110px; } } @media screen and (min-width: 800px), print { main.form div.form div.section-2 { margin-left: 220px; } } @media screen and (min-width: 800px), print { main.form div.form div.upload { width: 160px; } } main.form div.form a.help { margin-top: -27px; } main.form.contour article { width: 75%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } main.form.contour aside { display: block; } main.form.contour article { width: 100% !important; border-left-width: 0px !important; } /** @package bcna-frontend * Join page styles */ @media only screen and (min-width: 1000px) { main.join article { padding-right: 80px; } } @media screen and (min-width: 800px), print { main.join li.username, main.join li.email, main.join li.password { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.title { width: 20%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.name { width: 40%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.dob { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.experience { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.suburb { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media screen and (min-width: 800px), print { main.join li.state, main.join li.postcode { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } main.join li.submit { margin-top: 30px; } #members-filter { max-width: 1190px; margin: 0 auto; background: #f2ebeb; text-align: center; } #members-filter ul { display: block; list-style: none; max-width: 960px; margin: 0 auto; height: 100%; padding: 25px 0 5px 0; text-align: left; /* .select { .select { min-width: 80px; } &:after { width: 15px; background-color: $white; } } .category { width: 160px; } .activities { width: 120px; } .username { width: 120px; border-left-width: 0; } .relationship { width: 180px; } .postcode { width: 87px; } .submit .submit { min-width: 135px; } */ } #members-filter ul li { width: auto; margin: 0; margin-bottom: 20px; border-left-width: 15px; } #members-filter ul .select .select, #members-filter ul .text { background: #ffffff; border: none; padding: 14px 9px; } #members-filter ul .submit { float: left; } #members-filter ul button.submit { width: 100%; } @media only screen and (max-width: 999px) { #members-filter ul { margin-right: 20px; } } @media only screen and (min-width: 1000px) { #members-filter ul li { width: 14%; } #members-filter ul li.submit { width: 16%; } } @media only screen and (min-width: 800px) and (max-width: 999px) { #members-filter ul li { width: 33.333%; } } @media only screen and (min-width: 600px) and (max-width: 799px) { #members-filter ul li { width: 33.333%; } } @media only screen and (max-width: 599px) { #members-filter ul li { width: 100%; } } /** @package bcna-frontend * Support group pages */ div.supportgroup { background: #f2ebeb; padding-top: 50px; padding-bottom: 50px; } @media only screen and (min-width: 600px), print { div.supportgroup div.inner { margin-left: -20px; } div.supportgroup div.inner:after { content: ''; display: table; clear: both; } } div.supportgroup ul.breadcrumb { border-left: 0; } div.supportgroup img.supportgroup { float: left; width: 160px; margin: 0 0 20px 0; } @media only screen and (max-width: 599px) { div.supportgroup img.supportgroup { display: none; } } div.supportgroup h1, div.supportgroup div.header p.title, div.header div.supportgroup p.title, div.supportgroup .promo-lightbox__content-subheading { clear: left; } blockquote.user-story { margin: 0; padding: 0; } blockquote.user-story:before { content: none; } blockquote.user-story p { /*quotes: '"' '"';*/ max-height: 180px; font-size: 20px; font-size: 1.1764705882rem; line-height: 1.5; font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; /*&:before { content: open-quote; } &:after { content: close-quote; }*/ } @media only screen and (max-width: 599px) { blockquote.user-story p { font-size: 16px; font-size: 0.9411764706rem; line-height: 2; width: 90%; margin: 0 auto; } } blockquote.user-story footer { font-size: 18px; font-size: 1.0588235294rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; background: transparent; margin: 15px 0; } blockquote.user-story footer cite { display: block; font-weight: 600; } @media only screen and (max-width: 599px) { blockquote.user-story footer { font-size: 12px; font-size: 0.7058823529rem; } blockquote.user-story footer cite { font-size: 14px; font-size: 0.8235294118rem; } } blockquote.user-story .author { display: inline-block; } blockquote.user-story .author img { width: 120px; height: 120px; border-radius: 50%; width: auto; display: inline-block; } @media only screen and (min-width: 600px), print { #homepage > .content > .wrap { margin-left: 0; } } @media only screen and (max-width: 599px) { #homepage > .content { padding-left: 12px; padding-right: 12px; } #homepage h1, #homepage div.header p.title, div.header #homepage p.title, #homepage .promo-lightbox__content-subheading { font-size: 21px; } #homepage h1:after, #homepage div.header p.title:after, div.header #homepage p.title:after, #homepage .promo-lightbox__content-subheading:after { border-bottom-width: 3px; width: 70px; } } @media only screen and (max-width: 599px) { .mobile-hide { display: none; } } div.homepage-call-to-actions { text-align: center; margin: 0 auto; } div.homepage-call-to-actions:after { content: ''; display: table; clear: both; } div.homepage-call-to-actions > div { display: inline-block; } div.homepage-call-to-actions > div > div { float: left; padding: 0 15px; width: 50%; font-size: 18px; font-size: 1.0588235294rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } div.homepage-call-to-actions > div > div h1, div.homepage-call-to-actions > div > div div.header p.title, div.header div.homepage-call-to-actions > div > div p.title, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading { margin: 0 auto 30px; font-size: 30px; } div.homepage-call-to-actions > div > div h1 > a:hover, div.homepage-call-to-actions > div > div div.header h1 > a:hover, div.homepage-call-to-actions > div > div div.header p.title > a:hover, div.header div.homepage-call-to-actions > div > div p.title > a:hover, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading > a:hover, div.homepage-call-to-actions > div > div h1 a:active, div.homepage-call-to-actions > div > div div.header p.title a:active, div.header div.homepage-call-to-actions > div > div p.title a:active, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading a:active { text-decoration: none; } div.homepage-call-to-actions > div > div h1:after, div.homepage-call-to-actions > div > div div.header p.title:after, div.header div.homepage-call-to-actions > div > div p.title:after, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading:after { margin: 14px auto 0; } div.homepage-call-to-actions > div > div img { margin: 0; display: inline-block; width: 285px; } div.homepage-call-to-actions > div > div.testimonial { margin: 0; max-width: 405px; } div.homepage-call-to-actions > div > div.testimonial .actions { margin-top: 15px; } div.homepage-call-to-actions > div > div.testimonial .actions a { margin-right: 5px; } div.homepage-call-to-actions > div > div.testimonial .actions .join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #01385e; color: #ffffff; min-width: 165px; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { background: #014b80; color: #ffffff; } div.homepage-call-to-actions > div > div.testimonial .actions .join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } div.homepage-call-to-actions > div > div.testimonial .actions .login { text-decoration: underline; } @media only screen and (min-width: 1200px) { div.homepage-call-to-actions > div > div.testimonial { margin: 0 80px 0 0; } } div.homepage-call-to-actions > div > div.resources { max-width: 415px; } div.homepage-call-to-actions > div > div.resources h2, div.homepage-call-to-actions > div > div.resources .promo-lightbox__date-day { font-size: inherit; } div.homepage-call-to-actions > div > div.resources h2 strong, div.homepage-call-to-actions > div > div.resources .promo-lightbox__date-day strong { display: inline-block; background: #e64097; color: #ffffff; padding: 0 3px; position: relative; top: -2px; margin-left: 5px; font-size: 12px; font-size: 0.7058823529rem; line-height: 18px; } div.homepage-call-to-actions > div > div.resources h2 a:hover, div.homepage-call-to-actions > div > div.resources .promo-lightbox__date-day a:hover { text-decoration: none; } div.homepage-call-to-actions > div > div.resources p { margin-top: 9px; margin-bottom: 0; font-weight: 300; line-height: 1.5; } div.homepage-call-to-actions > div > div.resources p .more { font-style: normal; color: #333333; text-decoration: underline; } div.homepage-call-to-actions > div > div.resources .actions { margin-top: 25px; } div.homepage-call-to-actions > div > div.resources .actions a { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { background: #ff57af; color: #ffffff; } div.homepage-call-to-actions > div > div.resources .actions a:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } div.homepage-call-to-actions > div > div.resources .actions .resources { background: #c73380; } @media only screen and (max-width: 1199px) { div.homepage-call-to-actions > div > div.resources .actions .resources { margin-top: 10px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { div.homepage-call-to-actions > div > div.resources .actions .resources { margin-top: 10px; } } @media only screen and (min-width: 600px) and (max-width: 799px) { div.homepage-call-to-actions > div > div { float: none; padding: 0; } div.homepage-call-to-actions > div > div.testimonial, div.homepage-call-to-actions > div > div.resources { width: auto; max-width: 100%; margin: 0; } div.homepage-call-to-actions > div > div.testimonial .actions { margin-top: 35px; } div.homepage-call-to-actions > div > div.testimonial .actions .join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #01385e; color: #ffffff; height: auto; font-weight: 300; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { background: #014b80; color: #ffffff; } div.homepage-call-to-actions > div > div.testimonial .actions .join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.homepage-call-to-actions > div > div.resources { margin-top: 35px; } div.homepage-call-to-actions > div > div.resources h2 strong, div.homepage-call-to-actions > div > div.resources .promo-lightbox__date-day strong { top: -1px; } div.homepage-call-to-actions > div > div.resources .more { display: block; } div.homepage-call-to-actions > div > div.resources .actions a { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; font-weight: 300; height: auto; display: block; margin: 0 auto; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { background: #ff57af; color: #ffffff; } div.homepage-call-to-actions > div > div.resources .actions a:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.homepage-call-to-actions > div > div.resources .actions .order { width: 130px; } div.homepage-call-to-actions > div > div.resources .actions .resources { width: 195px; margin-top: 25px; } div.homepage-call-to-actions > div > div h1, div.homepage-call-to-actions > div > div div.header p.title, div.header div.homepage-call-to-actions > div > div p.title, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading { width: 75%; } } @media only screen and (max-width: 599px) { div.homepage-call-to-actions > div > div { float: none; padding: 0; font-size: 14px; font-size: 0.8235294118rem; } div.homepage-call-to-actions > div > div.testimonial, div.homepage-call-to-actions > div > div.resources { width: auto; max-width: 100%; margin: 0; } div.homepage-call-to-actions > div > div.testimonial .actions { font-size: 14px; font-size: 0.8235294118rem; margin-top: 35px; } div.homepage-call-to-actions > div > div.testimonial .actions .join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #01385e; color: #ffffff; height: auto; font-weight: 300; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.testimonial .actions .join:hover, div.homepage-call-to-actions > div > div.testimonial .actions .join:focus { background: #014b80; color: #ffffff; } div.homepage-call-to-actions > div > div.testimonial .actions .join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.homepage-call-to-actions > div > div.resources { margin-top: 35px; } div.homepage-call-to-actions > div > div.resources h2 strong, div.homepage-call-to-actions > div > div.resources .promo-lightbox__date-day strong { top: -1px; } div.homepage-call-to-actions > div > div.resources p { font-size: 16px; font-size: 0.9411764706rem; line-height: 1; font-family: "Lato", sans-serif; } div.homepage-call-to-actions > div > div.resources .actions a { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; font-weight: 300; height: auto; display: block; margin: 0 auto; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { text-decoration: none; } div.homepage-call-to-actions > div > div.resources .actions a:hover, div.homepage-call-to-actions > div > div.resources .actions a:focus { background: #ff57af; color: #ffffff; } div.homepage-call-to-actions > div > div.resources .actions a:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.homepage-call-to-actions > div > div.resources .actions .order { width: 130px; } div.homepage-call-to-actions > div > div.resources .actions .resources { width: 195px; margin-top: 25px; } div.homepage-call-to-actions > div > div h1, div.homepage-call-to-actions > div > div div.header p.title, div.header div.homepage-call-to-actions > div > div p.title, div.homepage-call-to-actions > div > div .promo-lightbox__content-subheading { width: 75%; } } div.homepage-call-to-actions img { width: auto; } .homepage-information.content-toggle { min-width: 320px; border-top: 5px #ae246d solid; margin-top: 30px; position: relative; background-color: #f7f0f0; } .homepage-information.content-toggle li { margin: 0; } .homepage-information.content-toggle li:before { content: none; } .homepage-information.content-toggle .content { max-width: 960px; height: 100%; margin: 0 auto; text-align: center; } .homepage-information.content-toggle .content h1, .homepage-information.content-toggle .content div.header p.title, div.header .homepage-information.content-toggle .content p.title, .homepage-information.content-toggle .content .promo-lightbox__content-subheading { position: relative; } .homepage-information.content-toggle .content .image { border-radius: 50%; width: 120px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center top; margin: 0 auto; background-color: #FFF; } .homepage-information.content-toggle h1, .homepage-information.content-toggle div.header p.title, div.header .homepage-information.content-toggle p.title, .homepage-information.content-toggle .promo-lightbox__content-subheading { color: #ffffff; margin: 0 0 35px; } .homepage-information.content-toggle h1:after, .homepage-information.content-toggle div.header p.title:after, div.header .homepage-information.content-toggle p.title:after, .homepage-information.content-toggle .promo-lightbox__content-subheading:after { border-bottom-color: #ffffff; margin: 30px auto 0; } .homepage-information-heading { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; margin: 0px 15px; position: relative; padding: 33px 0px; } .homepage-information-heading:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items .homepage-information-heading { margin-bottom: -25px; } .homepage-information-heading:after { margin-top: 14px; margin: 14px auto 0px auto; } .homepage-information-wrapper { padding: 0px 0px; background: url(/assets/css/images/info-resources-bg.jpg); background-size: cover; background-position: center center; position: relative; } @media (max-width: 700px) { .homepage-information-wrapper:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } .homepage-information-wrapper:after { border-width: 24px; border-bottom-color: #f7f0f0; top: -48px; left: 24px; } .homepage-information-wrapper:after { bottom: 0px; top: auto; left: 50%; margin-left: -24px; } } .homepage-information-carousel:after { content: ''; display: table; clear: both; } .homepage-information-carousel .owl-controls { display: none; } .homepage-information-carousel article { list-style: none; float: none; width: 100%; position: relative; height: 230px; margin: 0 auto; border: none; } .homepage-information-carousel article:after, .homepage-information-carousel article:before { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; visibility: visible; } .homepage-information-carousel article:after { border-width: 24px; border-bottom-color: #f7f0f0; top: -48px; left: 24px; } .homepage-information-carousel article:before { border-width: 25px; border-bottom-color: #f7f0f0; top: -50px; left: 23px; } .homepage-information-carousel article:after { display: none; top: auto; bottom: 0px; left: 50%; margin-left: -24px; } .homepage-information-carousel article.active:before, .homepage-information-carousel article.active:after { display: block; } .homepage-information-carousel article > a { display: inline-block; color: #333333; text-decoration: none; font-size: 18px; font-size: 1.0588235294rem; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; } .homepage-information-carousel article img { width: auto; margin: 0 0 15px; border-radius: 50%; display: inline-block; } .homepage-information-carousel article.head-friends-_-family a span { display: inline-block; width: 70%; } @media (max-width: 700px) { .homepage-information-carousel article:before, .homepage-information-carousel article:after { display: none; content: none; } } @media only screen and (max-width: 799px) { .homepage-information-carousel article > a { font-size: 16px; } } .resources-wrapper { width: 100%; left: 0; background: #f7f0f0; padding-bottom: 50px; } @media only screen and (min-width: 600px) and (max-width: 799px) { .resources-wrapper { position: static; min-height: 0; } } @media only screen and (max-width: 599px) { .resources-wrapper { position: static; min-height: 0; } .resources-wrapper:before { top: auto; bottom: 48px; position: relative; left: 0; } .resources-wrapper:after { top: 417px; bottom: auto; left: 50%; margin-left: -24px; } } .resources-wrapper .resources { padding-top: 50px; max-width: 960px; margin: 0 auto; } .resources-wrapper .resources:after { content: ''; display: table; clear: both; } .resources-wrapper .resources h2, .resources-wrapper .resources .promo-lightbox__date-day { font-size: 30px; font-size: 1.7647058824rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; } .resources-wrapper .resources h2:after, .resources-wrapper .resources .promo-lightbox__date-day:after { content: ''; display: block; width: 100px; margin: 14px auto 0; border-bottom: 5px solid #e64097; } .resources-wrapper .resources a { font-size: 18px; font-size: 1.0588235294rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #333333; text-decoration: underline; } .resources-wrapper .resources > div { float: left; } .resources-wrapper .resources .helpful-links { width: 25%; } .resources-wrapper .resources .helpful-links li { float: none; display: list-item; width: 80%; margin: 0 auto 20px; } .resources-wrapper .resources .personal-stories { width: 41%; border-width: 0px 1px; border-color: #ffffff; border-style: solid; margin: 0 3%; } .resources-wrapper .resources .personal-stories img { margin: 0; } .resources-wrapper .resources .personal-stories .user-story { width: 91%; display: inline-block; margin: 0; padding: 0; } .resources-wrapper .resources .did-you-know { width: 27%; } .resources-wrapper .resources .did-you-know p { width: 90%; margin: 0 auto 20px; font-size: 17px; font-size: 1rem; line-height: 2; font-family: "Lato", sans-serif; } .resources-wrapper .resources .did-you-know a { font-size: 17px; font-size: 1rem; } @media only screen and (min-width: 600px) and (max-width: 799px) { .resources-wrapper .resources { padding-top: 0; } .resources-wrapper .resources > div { float: none; padding-top: 50px; } .resources-wrapper .resources .helpful-links, .resources-wrapper .resources .personal-stories, .resources-wrapper .resources .did-you-know { width: auto; } .resources-wrapper .resources h2:after, .resources-wrapper .resources .promo-lightbox__date-day:after { border-bottom-width: 3px; } .resources-wrapper .resources .helpful-links ul, .resources-wrapper .resources .helpful-links ul li:last-child { margin-bottom: 0; } .resources-wrapper .resources .personal-stories { margin: 50px 0 0; padding-bottom: 50px; border-width: 1px 0; } .resources-wrapper .resources .personal-stories .user-story { width: auto; } } @media only screen and (max-width: 599px) { .resources-wrapper .resources { padding-top: 0; } .resources-wrapper .resources > div { float: none; padding-top: 50px; } .resources-wrapper .resources .helpful-links, .resources-wrapper .resources .personal-stories, .resources-wrapper .resources .did-you-know { width: auto; } .resources-wrapper .resources h2, .resources-wrapper .resources .promo-lightbox__date-day { font-size: 21px; font-size: 1.2352941176rem; } .resources-wrapper .resources h2:after, .resources-wrapper .resources .promo-lightbox__date-day:after { border-bottom-width: 3px; } .resources-wrapper .resources a { font-size: 16px; font-size: 0.9411764706rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; } .resources-wrapper .resources .helpful-links ul, .resources-wrapper .resources .helpful-links ul li:last-child { margin-bottom: 0; } .resources-wrapper .resources .personal-stories { margin: 50px 0 0; padding-bottom: 50px; border-width: 1px 0; } .resources-wrapper .resources .personal-stories .user-story { width: auto; } } #homepage-header { height: 395px; } #homepage-header:after { content: ''; display: table; clear: both; } @media only screen and (min-width: 600px) and (max-width: 799px) { #homepage-header { height: auto; } } #homepage-header .carousel-container { width: 750px; height: 100%; float: left; } @media only screen and (min-width: 1200px) { #homepage-header .carousel-container { width: 900px; } } @media only screen and (min-width: 800px) and (max-width: 999px) { #homepage-header .carousel-container { width: 65%; } } @media only screen and (min-width: 600px) and (max-width: 799px) { #homepage-header .carousel-container { float: none; width: auto; } } @media only screen and (max-width: 599px) { #homepage-header .carousel-container { float: none; width: auto; } } #homepage-header .carousel-container .carousel { height: 100%; overflow: hidden; } #homepage-header .carousel-container .carousel article { height: 100%; float: none; width: auto; border-width: 0; } #homepage-header .carousel-container .carousel article > a { height: 395px; display: block; text-decoration: none; background-size: contain; background-position: top center; background-repeat: no-repeat; } #homepage-header .carousel-container .carousel article > a p:hover, #homepage-header .carousel-container .carousel article > a h1:hover, #homepage-header .carousel-container .carousel article > a div.header p.title:hover, div.header #homepage-header .carousel-container .carousel article > a p.title:hover, #homepage-header .carousel-container .carousel article > a .promo-lightbox__content-subheading:hover { text-decoration: none; } @media only screen and (max-width: 799px) { #homepage-header .carousel-container .carousel article > a { display: block; height: auto; width: 100%; padding-top: 44%; } } #homepage-header .carousel-container .carousel article .slide-body a { color: inherit; } #homepage-header .carousel-container .carousel .slide-body { background: #ffffff; border-left: 5px solid #e64097; padding: 20px; width: 430px; height: 300px; position: absolute; top: 50%; left: 105px; margin-top: -150px; } #homepage-header .carousel-container .carousel .slide-body a:hover { text-decoration: none; } #homepage-header .carousel-container .carousel .slide-body a:hover p, #homepage-header .carousel-container .carousel .slide-body a:hover h1, #homepage-header .carousel-container .carousel .slide-body a:hover div.header p.title, div.header #homepage-header .carousel-container .carousel .slide-body a:hover p.title, #homepage-header .carousel-container .carousel .slide-body a:hover .promo-lightbox__content-subheading { text-decoration: none; } #homepage-header .carousel-container .carousel .slide-body .subtitle { font-weight: 300; width: auto; } #homepage-header .carousel-container .carousel .slide-body p { width: 90%; } #homepage-header .carousel-container .carousel .slide-body h1, #homepage-header .carousel-container .carousel .slide-body div.header p.title, div.header #homepage-header .carousel-container .carousel .slide-body p.title, #homepage-header .carousel-container .carousel .slide-body .promo-lightbox__content-subheading { margin-bottom: 10px; line-height: 1.1; } #homepage-header .carousel-container .carousel .slide-body h1:after, #homepage-header .carousel-container .carousel .slide-body div.header p.title:after, div.header #homepage-header .carousel-container .carousel .slide-body p.title:after, #homepage-header .carousel-container .carousel .slide-body .promo-lightbox__content-subheading:after { border-bottom-width: 0; } @media only screen and (max-width: 599px) { #homepage-header .carousel-container .carousel .slide-body h1, #homepage-header .carousel-container .carousel .slide-body div.header p.title, div.header #homepage-header .carousel-container .carousel .slide-body p.title, #homepage-header .carousel-container .carousel .slide-body .promo-lightbox__content-subheading { font-size: 27px; } } #homepage-header .carousel-container .carousel .slide-body .button { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; position: absolute; bottom: 20px; } #homepage-header .carousel-container .carousel .slide-body .button:hover, #homepage-header .carousel-container .carousel .slide-body .button:focus { text-decoration: none; } #homepage-header .carousel-container .carousel .slide-body .button:hover, #homepage-header .carousel-container .carousel .slide-body .button:focus { background: #ff57af; color: #ffffff; } #homepage-header .carousel-container .carousel .slide-body .button:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } @media only screen and (max-width: 799px) { #homepage-header .carousel-container .carousel .slide-body { position: relative; margin: 0px; left: auto; top: auto; width: auto; display: block; } #homepage-header .carousel-container .carousel .slide-body .button { position: static; margin-top: 20px; } } #homepage-header .owl-theme .owl-controls { position: absolute; left: 105px; bottom: 5px; margin-top: 0; } #homepage-header .owl-theme .owl-controls .owl-page.active span, #homepage-header .owl-theme .owl-controls .owl-page:hover span { background: #e64097; } #homepage-header .owl-theme .owl-controls .owl-page span { background: #01385e; opacity: 1; margin: 0 10px 0 0; } #homepage-header .owl-theme .owl-controls .owl-page:last-child span { margin-right: 0; } @media only screen and (max-width: 799px) { #homepage-header .owl-theme .owl-controls { left: 0px; width: 100%; text-align: center; } } #homepage-header #support-us-cta { background: #e64097; width: auto; height: 100%; overflow: hidden; position: relative; color: #ffffff; min-height: 310px; } #homepage-header #support-us-cta h1, #homepage-header #support-us-cta div.header p.title, div.header #homepage-header #support-us-cta p.title, #homepage-header #support-us-cta .promo-lightbox__content-subheading { color: #ffffff; } #homepage-header #support-us-cta h1:after, #homepage-header #support-us-cta div.header p.title:after, div.header #homepage-header #support-us-cta p.title:after, #homepage-header #support-us-cta .promo-lightbox__content-subheading:after { border-bottom-color: #ffffff; } #homepage-header #support-us-cta div { margin: 12px 30px 0; border-bottom: 1px solid #ff7bd2; } #homepage-header #support-us-cta .actions { margin: 0; position: absolute; bottom: 0; border: 0; width: 100%; } #homepage-header #support-us-cta p { padding-bottom: 25px; } #homepage-header #support-us-cta a { display: block; padding: 30px; height: 80px; position: relative; text-decoration: none; background: #e64097; font-size: 22px; font-size: 1.2941176471rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } #homepage-header #support-us-cta a:hover { background: #ff57af; } #homepage-header #support-us-cta a:after { font-size: 10px; width: 10px; height: 10px; position: absolute; right: 30px; top: 38px; } #homepage-header #support-us-cta a + a { background: #c73380; } #homepage-header #support-us-cta a + a:hover { background: #ff57af; } @media only screen and (max-width: 799px) { #homepage-header #support-us-cta { min-height: 0px; } #homepage-header #support-us-cta .support-us-description { display: none; } #homepage-header #support-us-cta .actions { position: static; } #homepage-header #support-us-cta a { width: 50%; float: left; } } @media only screen and (max-width: 599px) { #homepage-header #support-us-cta { overflow: auto; } #homepage-header #support-us-cta h1, #homepage-header #support-us-cta div.header p.title, div.header #homepage-header #support-us-cta p.title, #homepage-header #support-us-cta .promo-lightbox__content-subheading { font-size: 21px; } #homepage-header #support-us-cta div { margin: 12px 12px 0; } #homepage-header #support-us-cta p { font-size: 16px; width: 80%; } #homepage-header #support-us-cta a { font-size: 18px; padding: 12px; height: 62px; line-height: 2; font-weight: 300; width: 100%; float: none; } #homepage-header #support-us-cta a:after { font-size: 8px; width: 8px; height: 8px; right: 15px; top: 28px; } } /** @package bcna-frontend * Item list modules * Base list styles are defined below as %placeholders. * Individual item lists @extend these and add any additional styling. */ div.item-list .connect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } div.item-list .connect:hover, div.item-list .connect:focus { text-decoration: none; } div.item-list .connect:hover, div.item-list .connect:focus { background: #f2ebeb; color: #333333; } div.item-list .connect:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .disconnect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } div.item-list .disconnect:hover, div.item-list .disconnect:focus { text-decoration: none; } div.item-list .disconnect:hover, div.item-list .disconnect:focus { background: #f2ebeb; color: #333333; } div.item-list .disconnect:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .approve { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #bbda56; color: #333333; } div.item-list .approve:hover, div.item-list .approve:focus { text-decoration: none; } div.item-list .approve:hover, div.item-list .approve:focus { background: #d2f462; color: #333333; } div.item-list .approve:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .deny { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e14e4e; color: #ffffff; } div.item-list .deny:hover, div.item-list .deny:focus { text-decoration: none; } div.item-list .deny:hover, div.item-list .deny:focus { background: #f85f5f; color: #ffffff; } div.item-list .deny:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .never { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e14e4e; color: #ffffff; } div.item-list .never:hover, div.item-list .never:focus { text-decoration: none; } div.item-list .never:hover, div.item-list .never:focus { background: #f85f5f; color: #ffffff; } div.item-list .never:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .order { border: 0; text-decoration: none; display: block; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } div.item-list .order:hover, div.item-list .order:focus { text-decoration: none; } div.item-list .order:hover, div.item-list .order:focus { background: #ff57af; color: #ffffff; } div.item-list .order:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .join { border: 0; text-decoration: none; display: block; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } div.item-list .join:hover, div.item-list .join:focus { text-decoration: none; } div.item-list .join:hover, div.item-list .join:focus { background: #ff57af; color: #ffffff; } div.item-list .join:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .leave { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } div.item-list .leave:hover, div.item-list .leave:focus { text-decoration: none; } div.item-list .leave:hover, div.item-list .leave:focus { background: #f2ebeb; color: #333333; } div.item-list .leave:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .review { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } div.item-list .review:hover, div.item-list .review:focus { text-decoration: none; } div.item-list .review:hover, div.item-list .review:focus { background: #ff57af; color: #ffffff; } div.item-list .review:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list .cancel-request { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } div.item-list .cancel-request:hover, div.item-list .cancel-request:focus { text-decoration: none; } div.item-list .cancel-request:hover, div.item-list .cancel-request:focus { background: #f2ebeb; color: #333333; } div.item-list .cancel-request:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } div.item-list button { margin-top: 10px; } div.item-list .cta { margin-bottom: 10px; } div.item-list .content { margin-bottom: 10px; } div.item-list div.actions { text-align: center; } aside div.item-list div.actions { display: none; } aside div.item-list div.actions a { display: block; min-width: 0; text-align: left; } div.item-list.members, div.item-list.contacts, aside div.item-list.groups, div.item-list.mygroups, div.item-list.mylistings { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.item-list.members, div.item-list.contacts, aside div.item-list.groups, div.item-list.mygroups, div.item-list.mylistings { margin-top: 30px; margin-bottom: 30px; } } div.item-list.members ul, div.item-list.contacts ul, aside div.item-list.groups ul, div.item-list.mygroups ul, div.item-list.mylistings ul { padding-bottom: 10px; } div.item-list.members ul li, div.item-list.contacts ul li, aside div.item-list.groups ul li, div.item-list.mygroups ul li, div.item-list.mylistings ul li { padding: 0; margin: 0 0 20px 0; } div.item-list.members div.image, div.item-list.contacts div.image, aside div.item-list.groups div.image, div.item-list.mygroups div.image, div.item-list.mylistings div.image { float: left; width: 55px; height: 55px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center top; } @media only screen and (max-width: 800px) { article div.item-list.members div.image, article div.item-list.contacts div.image, article aside div.item-list.groups div.image, aside article div.item-list.groups div.image, article div.item-list.mygroups div.image, article div.item-list.mylistings div.image { display: none; } } div.item-list.members div.details, div.item-list.contacts div.details, aside div.item-list.groups div.details, div.item-list.mygroups div.details, div.item-list.mylistings div.details { margin-left: 25%; padding-left: 20px; } @media only screen and (max-width: 800px) { article div.item-list.members div.details, article div.item-list.contacts div.details, article aside div.item-list.groups div.details, aside article div.item-list.groups div.details, article div.item-list.mygroups div.details, article div.item-list.mylistings div.details { margin-left: 0; padding-left: 0; } } div.item-list.members h3, div.item-list.contacts h3, aside div.item-list.groups h3, div.item-list.mygroups h3, div.item-list.mylistings h3 { font-size: 16px; font-size: 0.9411764706rem; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; font-weight: 500; color: #333333; } div.item-list.members img, div.item-list.contacts img, aside div.item-list.groups img, div.item-list.mygroups img, div.item-list.mylistings img { width: 100%; margin: 0; } article div.item-list.members li, article div.item-list.contacts li, article aside div.item-list.groups li, aside article div.item-list.groups li, article div.item-list.mygroups li, article div.item-list.mylistings li { border: 1px solid #dedede; padding: 20px; } article div.item-list.members div.actions, article div.item-list.contacts div.actions, article aside div.item-list.groups div.actions, aside article div.item-list.groups div.actions, article div.item-list.mygroups div.actions, article div.item-list.mylistings div.actions { margin-top: -15px; } article div.item-list.members div.actions a, article div.item-list.contacts div.actions a, article aside div.item-list.groups div.actions a, aside article div.item-list.groups div.actions a, article div.item-list.mygroups div.actions a, article div.item-list.mylistings div.actions a { margin-right: 15px; margin-top: 10px; } aside div.item-list.members a.more, aside div.item-list.contacts a.more, aside div.item-list.groups a.more, aside div.item-list.mygroups a.more, aside div.item-list.mylistings a.more, aside div.item-list.members p.description, aside div.item-list.contacts p.description, aside div.item-list.groups p.description, aside div.item-list.mygroups p.description, aside div.item-list.mylistings p.description { display: none; } div.item-list.actions-static div.actions { position: static !important; } div.item-list.news, div.item-list.events, div.item-list.services { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.item-list.news, div.item-list.events, div.item-list.services { margin-top: 30px; margin-bottom: 30px; } } div.item-list.news ul, div.item-list.events ul, div.item-list.services ul { margin-left: -20px; } div.item-list.news ul:after, div.item-list.events ul:after, div.item-list.services ul:after { content: ''; display: table; clear: both; } div.item-list.news ul li, div.item-list.events ul li, div.item-list.services ul li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.news ul li, div.item-list.events ul li, div.item-list.services ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.news ul li, div.item-list.events ul li, div.item-list.services ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.news ul li:last-child, div.item-list.events ul li:last-child, div.item-list.services ul li:last-child { padding-bottom: 0; } } article div.item-list.news ul li, article div.item-list.events ul li, article div.item-list.services ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.news ul li, article div.item-list.events ul li, article div.item-list.services ul li { margin-bottom: 20px; } } aside div.item-list.news ul li, aside div.item-list.events ul li, aside div.item-list.services ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.news div.details, div.item-list.events div.details, div.item-list.services div.details { padding-top: 20px; } div.item-list.news h3, div.item-list.events h3, div.item-list.services h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.news p.subtitle, div.item-list.events p.subtitle, div.item-list.services p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.news p.subtitle, aside div.item-list.events p.subtitle, aside div.item-list.services p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.news p.subtitle span.date, div.item-list.events p.subtitle span.date, div.item-list.services p.subtitle span.date { float: right; } div.item-list.news p.description, div.item-list.events p.description, div.item-list.services p.description { margin-top: 12px; } div.item-list.news img, div.item-list.events img, div.item-list.services img { width: 100%; margin: 0; } div.item-list.news .image, div.item-list.services .image { background-size: cover; background-repeat: no-repeat; background-position: center top; height: 140px; } div.item-list.news div.actions, div.item-list.services div.actions { bottom: -20px; } div.item-list.resources { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.item-list.resources { margin-top: 30px; margin-bottom: 30px; } } div.item-list.resources ul { margin-left: -20px; } div.item-list.resources ul:after { content: ''; display: table; clear: both; } div.item-list.resources ul li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.resources ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.resources ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.resources ul li:last-child { padding-bottom: 0; } } article div.item-list.resources ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.resources ul li { margin-bottom: 20px; } } aside div.item-list.resources ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.resources div.details { padding-top: 20px; } div.item-list.resources h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.resources p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.resources p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.resources p.subtitle span.date { float: right; } div.item-list.resources p.description { margin-top: 12px; } div.item-list.resources img { width: 100%; margin: 0; } div.item-list.groups { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.item-list.groups { margin-top: 30px; margin-bottom: 30px; } } div.item-list.groups ul { margin-left: -20px; } div.item-list.groups ul:after { content: ''; display: table; clear: both; } div.item-list.groups ul li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.groups ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.groups ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.groups ul li:last-child { padding-bottom: 0; } } article div.item-list.groups ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.groups ul li { margin-bottom: 20px; } } aside div.item-list.groups ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.groups div.details { padding-top: 20px; } div.item-list.groups h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.groups p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.groups p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.groups p.subtitle span.date { float: right; } div.item-list.groups p.description { margin-top: 12px; } div.item-list.groups img { width: 100%; margin: 0; } div.item-list.groups p.members { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 20px; margin-top: 1.1764705882rem; margin-bottom: 20px; margin-bottom: 1.1764705882rem; margin-left: 0; margin-right: 0; } div.item-list.groups p.members a { color: #333333; } div.item-list.groups div.image { height: 140px; width: 220px; background-size: cover; } article div.item-list.groups p.subtitle { display: none; } aside div.item-list.groups div.details { padding-top: 0; } aside div.item-list.groups h3 { margin-top: 0; margin-bottom: 12px; margin-bottom: 0.7058823529rem; margin-right: 0; } aside div.item-list.groups p.members { display: none; } aside div.item-list.groups a.join { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e6dfdf; color: #333333; } aside div.item-list.groups a.join:hover, aside div.item-list.groups a.join:focus { text-decoration: none; } aside div.item-list.groups a.join:hover, aside div.item-list.groups a.join:focus { background: #f2ebeb; color: #333333; } div.item-list.members-landing { margin-top: 50px; margin-bottom: 50px; /*p.exp { height: 100px; @media only screen and (max-width: $bp-small) { height: auto; } }*/ } @media only screen and (max-width: 599px) { div.item-list.members-landing { margin-top: 30px; margin-bottom: 30px; } } div.item-list.members-landing ul { margin-left: -20px; } div.item-list.members-landing ul:after { content: ''; display: table; clear: both; } div.item-list.members-landing ul li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.members-landing ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.members-landing ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.members-landing ul li:last-child { padding-bottom: 0; } } article div.item-list.members-landing ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.members-landing ul li { margin-bottom: 20px; } } aside div.item-list.members-landing ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.members-landing div.details { padding-top: 20px; } div.item-list.members-landing h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.members-landing p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.members-landing p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.members-landing p.subtitle span.date { float: right; } div.item-list.members-landing p.description { margin-top: 12px; } div.item-list.members-landing img { width: 100%; margin: 0; } div.item-list.members-landing h3 { text-overflow: ellipsis; overflow: hidden; } div.item-list.members-landing .image { border-radius: 50%; width: 160px; height: 160px; background-size: cover; margin: 0 auto; /*@media only screen and (max-width: $bp-medium) { height: 170px; } @media only screen and (max-width: $bp-small) { height: auto; }*/ } div.item-list.members-landing .connect { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; } div.item-list.members-landing .connect:hover, div.item-list.members-landing .connect:focus { text-decoration: none; } div.item-list.members-landing .connect:hover, div.item-list.members-landing .connect:focus { background: #ff57af; color: #ffffff; } div.item-list.members-landing .connect:after { content: ''; margin: 0; width: 0; } div.item-list.members div.image { height: 160px; width: 160px; background-size: cover; border-radius: 50%; } aside div.item-list.members li { display: table; width: 100%; } aside div.item-list.members div.image { display: table-cell; vertical-align: middle; height: 60px; width: 60px; } aside div.item-list.members div.details { display: table-cell; vertical-align: middle; width: 100%; } aside div.item-list.members div.content, aside div.item-list.members h3 { margin-bottom: 0; } div.item-list.members .members-list-details { display: table; height: 60px; } div.item-list.members .members-list-details > div { display: table-cell; vertical-align: middle; } div.item-list.members .members-list-details h3 { margin: 0px; } div.item-list.news.featured div.image, div.item-list.homepage-latest div.image, div.item-list.homepage-spotlight div.image { border-bottom: 5px solid #e64097; } div.item-list.news.featured div.details, div.item-list.homepage-latest div.details, div.item-list.homepage-spotlight div.details { padding: 0; background: #f2ebeb; } div.item-list.news.featured div.content, div.item-list.homepage-latest div.content, div.item-list.homepage-spotlight div.content { padding: 20px; } div.item-list.news.featured h3, div.item-list.homepage-latest h3, div.item-list.homepage-spotlight h3 { margin: 0; } div.item-list.news.featured a.more, div.item-list.homepage-latest a.more, div.item-list.homepage-spotlight a.more { font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; font-style: normal; text-transform: uppercase; text-decoration: none; display: block; padding: 15px 20px; background: #e6dfdf; } div.item-list.news.featured a.more:after, div.item-list.homepage-latest a.more:after, div.item-list.homepage-spotlight a.more:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; color: #666666; } div.item-list.news.featured a.more:hover:after, div.item-list.homepage-latest a.more:hover:after, div.item-list.homepage-spotlight a.more:hover:after, div.item-list.news.featured a.more:focus:after, div.item-list.homepage-latest a.more:focus:after, div.item-list.homepage-spotlight a.more:focus:after { color: #e64097; } div.item-list.mygroups div.image { width: 160px; height: 160px; border-radius: 0; } div.item-list.mygroups p.description { margin: 0; } div.item-list.mygroups p.members span.count { font-weight: 600; } div.item-list.mylistings dl { margin-bottom: 20px; margin-bottom: 1.1764705882rem; } div.item-list.mylistings dl dt { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; float: left; width: 90px; margin-top: 5.5px; margin-top: 0.3235294118rem; } div.item-list.mylistings dl dd { margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 90px; margin-left: 5.2941176471rem; } div.item-list.mylistings dl dd.email { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } div.item-list.mylistings p.category { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 8px; margin-top: 0.4705882353rem; color: #e64097; } div.item-list.mylistings a.review { float: right; margin-right: 0; } div.item-list.homepage-latest { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.item-list.homepage-latest { margin-top: 30px; margin-bottom: 30px; } } div.item-list.homepage-latest ul { margin-left: -20px; } div.item-list.homepage-latest ul:after { content: ''; display: table; clear: both; } div.item-list.homepage-latest ul li { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.homepage-latest ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.homepage-latest ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.homepage-latest ul li:last-child { padding-bottom: 0; } } article div.item-list.homepage-latest ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.homepage-latest ul li { margin-bottom: 20px; } } aside div.item-list.homepage-latest ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.homepage-latest div.details { padding-top: 20px; } div.item-list.homepage-latest h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.homepage-latest p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.homepage-latest p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.homepage-latest p.subtitle span.date { float: right; } div.item-list.homepage-latest p.description { margin-top: 12px; } div.item-list.homepage-latest img { width: 100%; margin: 0; } div.item-list.homepage-latest div.details { padding-top: 0; } div.item-list.homepage-latest div.content { padding: 8px; min-height: 135px; } div.item-list.homepage-latest div.actions { position: static; } div.item-list.homepage-latest div.image { width: 100%; padding-top: 63.6363636364%; background-size: cover; } div.item-list.homepage-latest a.more { padding: 20px 8px; } @media only screen and (max-width: 599px) { div.item-list.homepage-latest { margin-top: 0; margin-bottom: 20px; } div.item-list.homepage-latest h1, div.item-list.homepage-latest div.header p.title, div.header div.item-list.homepage-latest p.title, div.item-list.homepage-latest .promo-lightbox__content-subheading { width: 90%; } div.item-list.homepage-latest h3 { font-size: 14px; } div.item-list.homepage-latest p.subtitle { font-size: 10px; margin-bottom: 3px; } div.item-list.homepage-latest div.content { padding: 5px; height: auto; min-height: 0px; margin-bottom: 0px; } div.item-list.homepage-latest a.more { font-size: 10px; padding: 10px 5px; } div.item-list.homepage-latest a.more:after { font-size: 8px; width: 8px; height: 8px; margin-top: 1px; } div.item-list.homepage-latest ul { margin-left: -12px; } div.item-list.homepage-latest ul li { border-left-width: 12px; } } div.item-list.homepage-spotlight { margin-top: 50px; margin-bottom: 50px; margin-top: 30px; } @media only screen and (max-width: 599px) { div.item-list.homepage-spotlight { margin-top: 30px; margin-bottom: 30px; } } div.item-list.homepage-spotlight ul { margin-left: -20px; } div.item-list.homepage-spotlight ul:after { content: ''; display: table; clear: both; } div.item-list.homepage-spotlight ul li { width: 25%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.item-list.homepage-spotlight ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.item-list.homepage-spotlight ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.item-list.homepage-spotlight ul li:last-child { padding-bottom: 0; } } article div.item-list.homepage-spotlight ul li { margin-bottom: 30px; } @media only screen and (max-width: 599px) { article div.item-list.homepage-spotlight ul li { margin-bottom: 20px; } } aside div.item-list.homepage-spotlight ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; margin-bottom: 10px; } div.item-list.homepage-spotlight div.details { padding-top: 20px; } div.item-list.homepage-spotlight h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 400; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; color: #333333; } div.item-list.homepage-spotlight p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 8px; margin-bottom: 0.4705882353rem; margin-left: 0; margin-right: 0; } aside div.item-list.homepage-spotlight p.subtitle { margin-top: 0; margin-bottom: 5px; margin-bottom: 0.2941176471rem; margin-left: 0; margin-right: 0; } div.item-list.homepage-spotlight p.subtitle span.date { float: right; } div.item-list.homepage-spotlight p.description { margin-top: 12px; } div.item-list.homepage-spotlight img { width: 100%; margin: 0; } div.item-list.homepage-spotlight div.image { border-bottom-width: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; width: 100%; padding-top: 63.6363636364%; } div.item-list.homepage-spotlight div.details { padding-top: 0; background: transparent; } div.item-list.homepage-spotlight div.details h3 { font-size: 22px; font-size: 1.2941176471rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; } div.item-list.homepage-spotlight div.content { padding: 8px 0px; height: 121px; } div.item-list.homepage-spotlight div.actions { position: static; } div.item-list.homepage-spotlight a.more { padding: 20px 8px; } @media only screen and (max-width: 599px) { div.item-list.homepage-spotlight { margin-top: 0; margin-bottom: 20px; } div.item-list.homepage-spotlight h1, div.item-list.homepage-spotlight div.header p.title, div.header div.item-list.homepage-spotlight p.title, div.item-list.homepage-spotlight .promo-lightbox__content-subheading { width: 90%; } div.item-list.homepage-spotlight div.details h3 { font-size: 14px; font-size: 0.8235294118rem; } div.item-list.homepage-spotlight p.subtitle { font-size: 10px; font-size: 0.5882352941rem; margin-bottom: 3px; } div.item-list.homepage-spotlight div.content { padding: 5px; height: 85px; } div.item-list.homepage-spotlight ul { margin-left: -12px; } div.item-list.homepage-spotlight ul li { border-left-width: 12px; } } div.item-list.activity-feed { margin-bottom: 50px; } div.item-list.activity-feed .activity-feed__list { margin-top: 50px; max-height: 480px; overflow: hidden; padding-bottom: 40px; position: relative; } div.item-list.activity-feed .activity-feed__list:after { content: " "; display: block; height: 40px; width: 100%; position: absolute; bottom: 0px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } div.item-list.activity-feed p { margin: 0; } div.item-list.activity-feed .activity-feed__activity-link { display: block; overflow: hidden; padding: 8px 3px; } div.item-list.activity-feed .activity-feed__activity-link:hover { background: #F3EAEB; text-decoration: none; } div.item-list.activity-feed .activity-feed__portrait { background-image: url(/asset/images/placeholder-user.png); background-size: cover; width: 50px; height: 50px; border-radius: 50px; float: left; } div.item-list.activity-feed .activity-feed__details { margin-left: 25%; padding-left: 20px; } div.item-list.activity-feed .activity-feed__created_user { color: #2193d5; font-weight: bold; text-transform: uppercase; } div.item-list.activity-feed .activity-feed__quote { font-weight: bold; } div.item-list.activity-feed .activity-feed__activity { -webkit-transition: max-height 1s, opacity 1s; transition: max-height 1s, opacity 1s; opacity: 0; max-height: 0; } div.item-list.activity-feed .activity-feed__activity--visible { opacity: 1; max-height: 240px; } .item-list__heading { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px solid #e6dfdf; } .item-list__stats:after { content: ''; display: table; clear: both; } .item-list__stat { float: left; margin: 0; margin-right: 16px; font-size: 12px; } .item-list__stat:before { font-size: 14px; float: left; margin-top: 2px; margin-right: 5px; } .item-list__stat--posts:before { margin-top: 4px; } /** @package bcna-frontend * "In the section" links module */ div.section-list { margin: 30px 0; } div.section-list h2, div.section-list .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; margin-bottom: 20px; } div.section-list ul { margin-left: -20px; } div.section-list ul:after { content: ''; display: table; clear: both; } div.section-list ul li { width: 33.3333333333%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; position: relative; padding-bottom: 20px; } @media only screen and (min-width: 600px) and (max-width: 799px) { div.section-list ul li { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.section-list ul li { width: 100%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } div.section-list ul li:last-child { padding-bottom: 0; } } div.section-list a { font-size: 20px; font-size: 1.1764705882rem; line-height: 1.2; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; color: #666666; text-decoration: none; display: block; background: #f2ebeb; border-top: 5px solid #e64097; padding: 20px; min-height: 120px; } div.section-list a:hover, div.section-list a:focus { background: #e64097; color: #ffffff; } @media only screen and (max-width: 599px) { div.section-list a { min-height: 0; } } /** @package bcna-frontend * PAgination module */ div.pagination { margin-bottom: 30px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 599px) { div.pagination { margin-top: 0; margin-bottom: 50px; } } div.pagination ul { font-size: 14px; font-size: 0.8235294118rem; line-height: 1; text-align: center; font-style: italic; } div.pagination ul li { display: inline-block; width: 85px; margin: 0 10px; background: #f2ebeb; } div.pagination ul li button { border: none; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; width: 100%; display: block; } div.pagination ul li a:before, div.pagination ul li button:before { position: absolute; top: 50%; margin-top: -5px; color: #999999; } div.pagination ul li:first-child { text-align: right; } div.pagination ul li:first-child a:before, div.pagination ul li:first-child button:before { font-size: 10px; width: 10px; height: 10px; left: 10px; } div.pagination ul li:last-child { text-align: left; } div.pagination ul li:last-child a:before, div.pagination ul li:last-child button:before { font-size: 10px; width: 10px; height: 10px; right: 10px; } div.pagination a, div.pagination button { text-decoration: none; display: block; position: relative; padding: 16px 12px; } div.pagination a:before, div.pagination button:before { position: absolute; top: 50%; margin-top: -5px; color: #999999; } div.pagination a:hover, div.pagination a:focus, div.pagination button:hover, div.pagination button:focus { background: #e64097; color: #ffffff; } div.pagination a:hover:before, div.pagination a:focus:before, div.pagination button:hover:before, div.pagination button:focus:before { color: inherit; } div.pagination a:not([href]), div.pagination a:not([href]):hover, div.pagination a:not([href]):focus, div.pagination button:not([href]), div.pagination button:not([href]):hover, div.pagination button:not([href]):focus { color: #999999; background: inherit; cursor: default; } /** @package bcna-frontend * Image/cideo gallery module - note that the full markup is generated by bcna.gallery.js */ div.gallery { margin-top: 50px; margin-bottom: 50px; background: #f2ebeb; position: relative; } @media only screen and (max-width: 599px) { div.gallery { margin-top: 30px; margin-bottom: 30px; } } div.gallery * { outline: none; } div.gallery img { margin: 0; width: 100%; } div.gallery div.viewer.video { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } div.gallery div.viewer.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } div.gallery div.thumbnails { padding: 20px 30px; position: relative; } div.gallery ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; } div.gallery ul li { margin: 0; padding: 0; list-style-type: none; } div.gallery ul li:before { display: none; } div.gallery ul li { float: left; text-align: center; } div.gallery ul li a { display: block; position: relative; padding: 10px; } div.gallery a.page { position: absolute; top: 50%; padding: 10px; margin-top: -17px; color: #01385e; text-decoration: none; } div.gallery a.page.prev { left: 0; } div.gallery a.page.prev:before { font-size: 14px; width: 14px; height: 14px; } div.gallery a.page.next { right: 0; } div.gallery a.page.next:before { font-size: 14px; width: 14px; height: 14px; } div.gallery a.page:hover:before, div.gallery a.page:focus:before { color: #e64097; } /** @package bcna-frontend * Sidebar simple feedback form module */ div.feedback { margin-top: 50px; margin-bottom: 50px; color: #666666; } @media only screen and (max-width: 599px) { div.feedback { margin-top: 30px; margin-bottom: 30px; } } div.feedback label.fieldLabel { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; line-height: 1.4; color: #333333; background: #f2ebeb; margin: 0; padding: 10px 12px; display: block; } div.feedback ul.checkboxes label { font-size: 16px; font-size: 0.9411764706rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; } div.feedback p.response { display: block; position: relative; padding: 12px; border: 1px solid #dedede; border-top: 0; } div.feedback div.checkbox { top: 14px; left: 12px; } div.feedback p.response { display: none; } /** @package bcna-frontend * News section feature article module */ @media only screen and (min-width: 600px), print { div.feature-article { margin-left: 0; margin-bottom: 50px; } div.feature-article:after { content: ''; display: table; clear: both; } } @media only screen and (min-width: 600px), print { div.feature-article div.image { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; } } @media only screen and (max-width: 599px) { div.feature-article div.image { margin-bottom: 20px; } } @media only screen and (min-width: 600px), print { div.feature-article div.details { width: 50%; float: left; border-style: solid; border-color: transparent; border-left-width: 20px; padding-left: 2px; } } div.feature-article p.subtitle { font-size: 12px; font-size: 0.7058823529rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 600; text-transform: uppercase; margin-top: 0; margin-bottom: 0; } div.feature-article p.subtitle span.date { float: right; } div.feature-article h2, div.feature-article .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; font-size: 35px; font-size: 2.0588235294rem; margin-top: 0; margin-bottom: 10px; margin-bottom: 0.5882352941rem; } div.feature-article h2 a, div.feature-article .promo-lightbox__date-day a { text-decoration: none; } div.feature-article h2 a:hover, div.feature-article .promo-lightbox__date-day a:hover, div.feature-article h2 a:focus, div.feature-article .promo-lightbox__date-day a:focus { color: #e64097; } /** @package bcna-frontend * Post list module */ div.post-list ul li { margin-bottom: 70px; } @media only screen and (max-width: 599px) { div.post-list ul li { margin-bottom: 40px; } } div.post-list div.portrait { float: left; width: 60px; height: 60px; display: none; } @media screen and (min-width: 800px), print { div.post-list div.portrait { display: block; } } @media screen and (min-width: 800px), print { div.post-list div.post { margin-left: 80px; } } div.post-list div.excerpt { position: relative; border: 1px solid #f2ebeb; padding: 20px; padding-bottom: 0; } div.post-list div.excerpt h3 { font-size: 16px; font-size: 0.9411764706rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; margin-top: 0; margin-bottom: 10px; margin-bottom: 0.5882352941rem; color: #333333; } div.post-list div.excerpt h3 a { text-decoration: none; } div.post-list div.excerpt h3 a:hover { text-decoration: underline; } div.post-list div.excerpt p { margin: 0; } div.post-list div.excerpt p.featured { font-size: 12px; font-size: 0.7058823529rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; padding: 10px 14px; text-transform: uppercase; background: #e64097; color: #ffffff; position: absolute; top: 0; left: 20px; } div.post-list div.excerpt div.summary p { margin-top: 5px; margin-top: 0.2941176471rem; margin-bottom: 20px; margin-bottom: 1.1764705882rem; } div.post-list div.excerpt div.summary .more { font-size: 15px; font-size: 0.8823529412rem; } div.post-list div.post.featured div.excerpt { padding-top: 45px; } div.post-list div.post.with-image div.image { position: relative; float: left; width: 22%; } @media only screen and (max-width: 599px) { div.post-list div.post.with-image div.image { display: none; } } div.post-list div.post.with-image div.image img { width: 100%; } @media only screen and (min-width: 600px), print { div.post-list div.post.with-image div.text { margin-left: 22%; padding-left: 25px; } } div.post-list div.meta { background: #f2ebeb; padding: 10px; padding-right: 25px; } div.post-list div.meta .meta-left { position: static; } div.post-list div.meta button.recommend:hover, div.post-list div.meta button.recommend:focus { background: #e64097; color: #ffffff; } /** @package bcna-frontend * Post comments module */ @media only screen and (min-width: 1000px) { div.comments { padding-right: 80px; } } div.comments h2, div.comments .promo-lightbox__date-day { font-size: 32px; font-size: 1.8823529412rem; line-height: 1.3; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; margin: 0 0 25px 0; color: #01385e; font-size: 24px; font-size: 1.4117647059rem; float: left; margin: 0 0 30px 80px; } div.comments h2:after, div.comments .promo-lightbox__date-day:after { content: ''; display: block; width: 100px; margin-top: 14px; border-bottom: 5px solid #e64097; } div.items div.comments h2, div.items div.comments .promo-lightbox__date-day { margin-bottom: -25px; } @media only screen and (max-width: 599px) { div.comments h2, div.comments .promo-lightbox__date-day { float: none; margin-left: 0; margin-bottom: 20px; } } div.comments button.comment { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 14px; font-size: 0.8235294118rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; padding: 12px 22px; border-radius: 20px; background: #e64097; color: #ffffff; float: right; } div.comments button.comment:hover, div.comments button.comment:focus { text-decoration: none; } div.comments button.comment:hover, div.comments button.comment:focus { background: #ff57af; color: #ffffff; } div.comments button.comment:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 3px; margin-left: 10px; } @media only screen and (max-width: 599px) { div.comments button.comment { float: none; } } div.comments ul { clear: both; } @media only screen and (max-width: 599px) { div.comments ul { margin-top: 20px; } } div.comments ul li { margin-bottom: 20px; padding-top: 20px; } @media only screen and (max-width: 599px) { div.comments ul li { margin-bottom: 30px; } } div.comments ul li > ul { border-left: 1px solid #dedede; } @media only screen and (min-width: 600px), print { div.comments ul li > ul { margin-left: 80px; } } div.comments div.portrait { float: left; width: 60px; height: 60px; } div.comments div.portrait img { border-radius: 50%; } @media only screen and (max-width: 599px) { div.comments div.portrait { display: none; } } div.comments div.comment { margin-left: 80px; } @media only screen and (max-width: 599px) { div.comments div.comment { margin-left: 0; } } div.comments div.comment.response { margin-left: 20px; } div.comments div.comment.response > .subtitle { display: table-row; } div.comments div.comment.response > .subtitle > .portrait, div.comments div.comment.response > .subtitle > p { display: table-cell; float: none; } div.comments div.comment.response > .subtitle > .portrait { height: 30px; width: 30px; margin-bottom: 0; } div.comments div.comment.response > .subtitle > p { padding-left: 10px; vertical-align: middle; } div.comments div.comment.response > .content { margin-top: 12px; } div.comments div.subtitle { text-transform: uppercase; } div.comments div.actions-container { border-top: 0; margin: 1em 0; } div.comments div.actions-container .actions { overflow: hidden; } div.comments div.actions-container .actions .reply, div.comments div.actions-container .actions form.report, div.comments div.actions-container .actions .select, div.comments div.actions-container .actions select.report { padding-left: 0; text-align: left; margin-left: 0; margin-right: 10px; } @media only screen and (max-width: 599px) { div.comments div.actions-container .actions .reply, div.comments div.actions-container .actions form.report, div.comments div.actions-container .actions .select, div.comments div.actions-container .actions select.report { margin-left: 0; } } div.comments div.actions-container .actions a.reply, div.comments div.actions-container .actions form.report > .select > select { float: none; display: inline-block; min-width: 0; padding: 0; height: auto; width: auto; } div.comments div.actions-container .actions form.report { display: inline-block; } div.comments div.actions-container .actions form.report > .select, div.comments div.actions-container .actions form.report > .select:hover { background: none; padding: 0; height: 1em; } div.comments div.actions-container .actions form.report > .select::after, div.comments div.actions-container .actions form.report > .select:hover::after { content: none; } div.comments div.actions-container .actions form.report > .select > select, div.comments div.actions-container .actions form.report > .select:hover > select { top: initial; left: initial; font-weight: 500; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; border-left: 1px solid #dedede; padding-left: 1em; } div.comments div.actions-container .actions .reply { background: none; width: auto; } @media only screen and (max-width: 599px) { div.comments div.actions-container .actions .reply { float: left; } } div.comments div.content { overflow: hidden; } div.comments div.content p { margin-top: 0; } div.comments div.content p:last-child { margin-bottom: 0; } div.comments div.content ul, div.comments div.content ol { margin: 0 0 20px 0; } div.comments div.content ul li, div.comments div.content ol li { margin: 0 0 0 25px; padding: 0; } div.comments div.content ul li:before { content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #e64097; margin-top: 9px; margin-left: -26px; } div.comments div.content ol li { list-style-type: decimal; } div.comments ul.responses .new-comment-container { margin-left: 0; } div.comments ul.responses > li { padding-top: 0; } .new-comment-container { /*display: none;*/ margin-top: 10px; margin-left: 80px; } .new-comment-container .loading { padding-top: 20px; display: inline-block; float: right; } .new-comment-container .loading img { width: 32px; height: 32px; position: relative; top: 10px; right: 10px; } .new-comment { background: #f2ebeb; padding: 20px 15px; overflow: auto; max-width: 581px; margin: 0 auto; } .new-comment h3 { margin: 0; padding-bottom: 10px; } .new-comment .post { border: 0; text-decoration: none; display: inline-block; min-width: 145px; font-size: 17px; font-size: 1rem; line-height: 1; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 500; height: 50px; padding: 16.5px 22px; border-radius: 50px; background: #e64097; color: #ffffff; margin-top: 20px; min-width: 130px; float: right; } .new-comment .post:hover, .new-comment .post:focus { text-decoration: none; } .new-comment .post:hover, .new-comment .post:focus { background: #ff57af; color: #ffffff; } .new-comment .post:after { font-size: 10px; width: 10px; height: 10px; float: right; margin-top: 4px; margin-left: 10px; } .mce-tinymce.mce-container.mce-panel { border-radius: 2px; } .network.create-post .mce-tinymce.mce-container, .network.group.form .mce-tinymce.mce-container { background-color: #f2ebeb; border: 1px solid #d9d2d2; } .network.create-post .mce-edit-area, .network.group.form .mce-edit-area { background-color: #f2ebeb; } .network.create-post .mce-toolbar-grp, .network.group.form .mce-toolbar-grp { background-color: #ffffff; border: 1px solid #d9d2d2 !important; } .mce-tinymce.mce-container { background-color: #ffffff; } .mce-tinymce.mce-container .mce-container-body { padding: 5px; } .mce-tinymce.mce-container .mce-btn-group .mce-btn, .mce-tinymce.mce-container .mce-btn-group .mce-btn:hover { background: none transparent; border: none; box-shadow: none; -webkit-box-shadow: none; filter: none; } .mce-tinymce.mce-container, .mce-tinymce.mce-container .mce-panel { background-image: none; filter: none; border: none; } .mce-tinymce.mce-container .mce-btn button { font-size: 16px; font-size: 0.9411764706rem; font-family: 'Lato', sans-serif; line-height: 18px; padding: 4px 6px; } .mce-tinymce.mce-container .mce-btn button, .mce-tinymce.mce-container .mce-btn button i { text-align: center; text-shadow: none; } .mce-tinymce.mce-container .mce-i-bold:before, .mce-tinymce.mce-container .mce-i-italic:before { font-family: 'Lato', sans-serif; font-size: 16px; width: 20px; height: 20px; } .mce-tinymce.mce-container .mce-i-bold:before { content: 'B'; } .mce-tinymce.mce-container .mce-i-italic:before { content: 'i'; } .mce-tinymce.mce-container .mce-i-underline:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-alignleft:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-aligncenter:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-alignright:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-numlist:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-bullist:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-indent:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-outdent:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-link:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-image:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-i-media:before { font-size: 16px; width: 16px; height: 16px; } .mce-tinymce.mce-container .mce-btn-group.mce-last { margin-left: 10px; } .mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent; text-decoration: none; color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: normal; text-align: left; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; direction: ltr; } .mce-widget button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mce-container *[unselectable] { -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } .mce-fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .mce-fade.mce-in { opacity: 1; } .mce-tinymce { visibility: inherit !important; position: relative; } .mce-fullscreen { border: 0; padding: 0; margin: 0; overflow: hidden; height: 100%; z-index: 100; } div.mce-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: auto; } .mce-tinymce { display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mce-wordcount { position: absolute; top: 0; right: 0; padding: 8px; } div.mce-edit-area { background: #FFF; filter: none; padding: 5px; } div.mce-edit-area iframe { font-size: 14px; font-size: 0.8235294118rem; } .mce-content-body { overflow: auto; } .mce-content-body img { width: auto; } .mce-statusbar { position: relative; } .mce-statusbar .mce-container-body { position: relative; } .mce-fullscreen .mce-resizehandle { display: none; } .mce-charmap { border-collapse: collapse; } .mce-charmap td { cursor: default; border: 1px solid #9e9e9e; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; padding: 2px; } .mce-charmap td div { text-align: center; } .mce-charmap td:hover { background: #d9d9d9; } .mce-grid td div { border: 1px solid #d6d6d6; width: 12px; height: 12px; margin: 2px; cursor: pointer; } .mce-grid td div:focus { border-color: #a1a1a1; } .mce-grid { border-spacing: 2px; border-collapse: separate; } .mce-grid a { display: block; border: 1px solid transparent; } .mce-grid a:hover, .mce-grid a:focus { border-color: #a1a1a1; } .mce-grid-border { margin: 0 4px 0 4px; } .mce-grid-border a { border-color: #d6d6d6; width: 13px; height: 13px; } .mce-grid-border a:hover, .mce-grid-border a.mce-active { border-color: #a1a1a1; background: #c8def4; } .mce-text-center { text-align: center; } div.mce-tinymce-inline { width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mce-toolbar-grp { padding-bottom: 2px; } .mce-toolbar-grp .mce-flow-layout-item { margin-bottom: 0; } .mce-rtl .mce-wordcount { left: 0; right: auto; } .mce-container, .mce-container-body { display: block; } .mce-autoscroll { overflow: hidden; } .mce-scrollbar { position: absolute; width: 7px; height: 100%; top: 2px; right: 2px; opacity: .4; filter: alpha(opacity=40); zoom: 1; } .mce-scrollbar-h { top: auto; right: auto; left: 2px; bottom: 2px; width: 100%; height: 7px; } .mce-scrollbar-thumb { position: absolute; background-color: #000; border: 1px solid #888; border-color: rgba(85, 85, 85, 0.6); width: 5px; height: 100%; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mce-scrollbar-h .mce-scrollbar-thumb { width: 100%; height: 5px; } .mce-scrollbar:hover, .mce-scrollbar.mce-active { background-color: #AAA; opacity: .6; filter: alpha(opacity=60); zoom: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mce-scroll { position: relative; } .mce-panel { border-radius: 2px; border: 0 solid #9e9e9e; background-color: #f2ebeb; background-image: -moz-linear-gradient(top, #fdfdfd, #ddd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#ddd)); background-image: -webkit-linear-gradient(top, #fdfdfd, #ddd); background-image: -o-linear-gradient(top, #fdfdfd, #ddd); background-image: linear-gradient(to bottom, #fdfdfd, #ddd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#ffdddddd', GradientType=0); zoom: 1; } .mce-floatpanel { position: absolute; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .mce-floatpanel.mce-fixed { position: fixed; } .mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .mce-floatpanel .mce-arrow { border-width: 11px; } .mce-floatpanel .mce-arrow:after { border-width: 10px; content: ""; } .mce-floatpanel.mce-popover { filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background: transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); top: 0; left: 0; background: #fff; border: 1px solid #9e9e9e; border: 1px solid rgba(0, 0, 0, 0.25); } .mce-floatpanel.mce-popover.mce-bottom { margin-top: 10px; *margin-top: 0; } .mce-floatpanel.mce-popover.mce-bottom > .mce-arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #9e9e9e; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .mce-floatpanel.mce-popover.mce-bottom.mce-start { margin-left: -22px; } .mce-floatpanel.mce-popover.mce-bottom.mce-start > .mce-arrow { left: 20px; } .mce-floatpanel.mce-popover.mce-bottom.mce-end { margin-left: 22px; } .mce-floatpanel.mce-popover.mce-bottom.mce-end > .mce-arrow { right: 10px; left: auto; } .mce-fullscreen { border: 0; padding: 0; margin: 0; overflow: hidden; background: #fff; height: 100%; } div.mce-fullscreen { position: fixed; top: 0; left: 0; } #mce-modal-block { opacity: 0; filter: alpha(opacity=0); zoom: 1; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; } #mce-modal-block.mce-in { opacity: .3; filter: alpha(opacity=30); zoom: 1; } .mce-window-move { cursor: move; } .mce-window { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background: transparent; background: #fff; position: fixed; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 150ms ease-in; transition: opacity 150ms ease-in; } .mce-window.mce-in { opacity: 1; } .mce-window-head { padding: 9px 15px; border-bottom: 1px solid #c5c5c5; position: relative; } .mce-window-head .mce-close { position: absolute; right: 15px; top: 9px; font-size: 20px; font-weight: bold; line-height: 20px; color: #858585; cursor: pointer; height: 20px; overflow: hidden; } .mce-close:hover { color: #adadad; } .mce-window-head .mce-title { line-height: 20px; font-size: 20px; font-weight: bold; text-rendering: optimizelegibility; padding-right: 10px; } .mce-window .mce-container-body { display: block; } .mce-foot { display: block; background-color: #fff; border-top: 1px solid #c5c5c5; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .mce-window-head .mce-dragh { position: absolute; top: 0; left: 0; cursor: move; width: 90%; height: 100%; } .mce-window iframe { width: 100%; height: 100%; } .mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mce-rtl .mce-window-head .mce-close { position: absolute; right: auto; left: 15px; } .mce-rtl .mce-window-head .mce-dragh { left: auto; right: 0; } .mce-rtl .mce-window-head .mce-title { direction: rtl; text-align: right; } .mce-abs-layout { position: relative; } body .mce-abs-layout-item, .mce-abs-end { position: absolute; } .mce-abs-end { width: 1px; height: 1px; } .mce-container-body.mce-abs-layout { overflow: hidden; } .mce-tooltip { position: absolute; padding: 5px; opacity: .8; filter: alpha(opacity=80); zoom: 1; } .mce-tooltip-inner { font-size: 11px; background-color: #000; color: #fff; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; white-space: normal; } .mce-tooltip-inner { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mce-tooltip-inner { -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; } .mce-tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .mce-tooltip-arrow-n { border-bottom-color: #000; } .mce-tooltip-arrow-s { border-top-color: #000; } .mce-tooltip-arrow-e { border-left-color: #000; } .mce-tooltip-arrow-w { border-right-color: #000; } .mce-tooltip-nw, .mce-tooltip-sw { margin-left: -14px; } .mce-tooltip-n .mce-tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-nw .mce-tooltip-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-ne .mce-tooltip-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-s .mce-tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-sw .mce-tooltip-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-se .mce-tooltip-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .mce-tooltip-e .mce-tooltip-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .mce-tooltip-w .mce-tooltip-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .mce-btn { border: 1px solid #b1b1b1; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25); position: relative; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #fff, #d9d9d9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, #fff, #d9d9d9); background-image: -o-linear-gradient(top, #fff, #d9d9d9); background-image: linear-gradient(to bottom, #fff, #d9d9d9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0); zoom: 1; } .mce-open { height: 28px; } .mce-ico { line-height: 16px; speak: none; vertical-align: text-top; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; background: transparent center center; background-size: cover; width: 16px; height: 16px; color: #333; } .mce-i-browse:before { font-size: 15px; width: 15px; height: 15px; margin-top: 1px; } .mce-i-checkbox { padding: 0px 0px 0px 2px; } .mce-i-checkbox:before { font-size: 15px; width: 15px; height: 15px; } .mce-checkbox .mce-label { font-size: 12px; } .mce-btn:hover, .mce-btn:focus { color: #333; background-color: #e3e3e3; background-image: -moz-linear-gradient(top, #f2f2f2, #ccc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ccc)); background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc); background-image: -o-linear-gradient(top, #f2f2f2, #ccc); background-image: linear-gradient(to bottom, #f2f2f2, #ccc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffcccccc', GradientType=0); zoom: 1; } .mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: .4; filter: alpha(opacity=40); zoom: 1; } .mce-btn.mce-active, .mce-btn.mce-active:hover { background-color: #d6d6d6; background-image: -moz-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: -o-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: linear-gradient(to bottom, #e6e6e6, #c0c0c0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc0c0c0', GradientType=0); zoom: 1; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .mce-btn:not(.mce-disabled):active { background-color: #d6d6d6; background-image: -moz-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#c0c0c0)); background-image: -webkit-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: -o-linear-gradient(top, #e6e6e6, #c0c0c0); background-image: linear-gradient(to bottom, #e6e6e6, #c0c0c0); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc0c0c0', GradientType=0); zoom: 1; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .mce-btn button { padding: 4px 10px; font-size: 14px; line-height: 20px; *line-height: 16px; cursor: pointer; color: #333; text-align: center; overflow: visible; -webkit-appearance: none; } .mce-btn button::-moz-focus-inner { border: 0; padding: 0; } .mce-btn i { text-shadow: 1px 1px #fff; } .mce-primary { min-width: 50px; color: #fff; border: 1px solid #b1b1b1; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #08c, #04c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c)); background-image: -webkit-linear-gradient(top, #08c, #04c); background-image: -o-linear-gradient(top, #08c, #04c); background-image: linear-gradient(to bottom, #08c, #04c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); zoom: 1; } .mce-primary:hover, .mce-primary:focus { background-color: #005fb3; background-image: -moz-linear-gradient(top, #0077b3, #003cb3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#003cb3)); background-image: -webkit-linear-gradient(top, #0077b3, #003cb3); background-image: -o-linear-gradient(top, #0077b3, #003cb3); background-image: linear-gradient(to bottom, #0077b3, #003cb3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077b3', endColorstr='#ff003cb3', GradientType=0); zoom: 1; } .mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: .4; filter: alpha(opacity=40); zoom: 1; } .mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active { background-color: #005299; background-image: -moz-linear-gradient(top, #069, #039); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#069), to(#039)); background-image: -webkit-linear-gradient(top, #069, #039); background-image: -o-linear-gradient(top, #069, #039); background-image: linear-gradient(to bottom, #069, #039); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006699', endColorstr='#ff003399', GradientType=0); zoom: 1; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .mce-primary button, .mce-primary button i { color: #fff; text-shadow: 1px 1px #333; } .mce-btn-large button { padding: 9px 14px; font-size: 16px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mce-btn-large i { margin-top: 2px; } .mce-btn-small button { padding: 1px 5px; font-size: 12px; *padding-bottom: 2px; } .mce-btn-small i { line-height: 20px; vertical-align: top; *line-height: 18px; } .mce-btn .mce-caret { margin-top: 8px; margin-left: 0; } .mce-btn-small .mce-caret { margin-top: 8px; margin-left: 0; } .mce-caret { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; vertical-align: top; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .mce-disabled .mce-caret { border-top-color: #aaa; } .mce-caret.mce-up { border-bottom: 4px solid #333; border-top: 0; } .mce-rtl .mce-btn button { direction: rtl; } .mce-btn-group .mce-btn { border-width: 1px 0 1px 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mce-btn-group .mce-first { border-left: 1px solid #b1b1b1; border-left: 1px solid rgba(0, 0, 0, 0.25); -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .mce-btn-group .mce-last { border-right: 1px solid #b1b1b1; border-right: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .mce-btn-group .mce-first.mce-last { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mce-btn-group .mce-btn.mce-flow-layout-item { margin: 0; } .mce-checkbox { cursor: pointer; } i.mce-i-checkbox { margin: 0 3px 0 0; border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #fff, #d9d9d9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9)); background-image: -webkit-linear-gradient(top, #fff, #d9d9d9); background-image: -o-linear-gradient(top, #fff, #d9d9d9); background-image: linear-gradient(to bottom, #fff, #d9d9d9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0); zoom: 1; text-indent: -10em; *font-size: 0; *line-height: 0; *text-indent: 0; overflow: hidden; } .mce-checked i.mce-i-checkbox { color: #333; font-size: 16px; line-height: 16px; text-indent: 0; } .mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox { border: 1px solid rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); } .mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox { color: #acacac; } .mce-rtl .mce-checkbox { direction: rtl; text-align: right; } .mce-rtl i.mce-i-checkbox { margin: 0 0 0 3px; } .mce-colorbutton .mce-ico { position: relative; } .mce-colorbutton-grid { margin: 4px; } .mce-colorbutton button { padding-right: 4px; } .mce-colorbutton .mce-preview { padding-right: 3px; display: block; position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: 7px; background: gray; width: 13px; height: 2px; overflow: hidden; } .mce-colorbutton.mce-btn-small .mce-preview { margin-left: -16px; padding-right: 0; width: 16px; } .mce-colorbutton .mce-open { padding-left: 4px; border-left: 1px solid transparent; border-right: 1px solid transparent; } .mce-colorbutton:hover .mce-open { border-left-color: #bdbdbd; border-right-color: #bdbdbd; } .mce-colorbutton.mce-btn-small .mce-open { padding: 0 3px 0 3px; } .mce-rtl .mce-colorbutton { direction: rtl; } .mce-rtl .mce-colorbutton .mce-preview { margin-left: 0; padding-right: 0; padding-left: 4px; margin-right: -14px; } .mce-rtl .mce-colorbutton.mce-btn-small .mce-preview { margin-left: 0; padding-right: 0; margin-right: -17px; padding-left: 0; } .mce-rtl .mce-colorbutton button { padding-right: 10px; padding-left: 10px; } .mce-rtl .mce-colorbutton .mce-open { padding-left: 4px; padding-right: 4px; } .mce-combobox { display: inline-block; *display: inline; *zoom: 1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); *height: 32px; } .mce-combobox input { border: 1px solid #c5c5c5; border-right-color: #c5c5c5; height: 28px; } .mce-combobox.mce-disabled input { color: #adadad; } .mce-combobox.mce-has-open input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .mce-combobox .mce-btn { border-left: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .mce-combobox button { padding-right: 8px; padding-left: 8px; } .mce-combobox.mce-disabled .mce-btn button { cursor: default; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: .4; filter: alpha(opacity=40); zoom: 1; } .mce-path { display: inline-block; *display: inline; *zoom: 1; padding: 8px; white-space: normal; } .mce-path .mce-txt { display: inline-block; padding-right: 3px; } .mce-path .mce-path-body { display: inline-block; } .mce-path-item { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; color: #333; } .mce-path-item:hover { text-decoration: underline; } .mce-path-item:focus { background: #666; color: #fff; } .mce-path .mce-divider { display: inline; } .mce-disabled .mce-path-item { color: #aaa; } .mce-rtl .mce-path { direction: rtl; } .mce-fieldset { border: 0 solid #9E9E9E; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .mce-fieldset > .mce-container-body { margin-top: -15px; } .mce-fieldset-title { margin-left: 5px; padding: 0 5px 0 5px; } .mce-fit-layout { display: inline-block; *display: inline; *zoom: 1; } .mce-fit-layout-item { position: absolute; } .mce-flow-layout-item { display: inline-block; *display: inline; *zoom: 1; } .mce-flow-layout-item { margin: 2px 0 2px 2px; } .mce-flow-layout-item.mce-last { margin-right: 2px; } .mce-flow-layout { white-space: normal; } .mce-tinymce-inline .mce-flow-layout { white-space: nowrap; } .mce-rtl .mce-flow-layout { text-align: right; direction: rtl; } .mce-rtl .mce-flow-layout-item { margin: 2px 2px 2px 0; } .mce-rtl .mce-flow-layout-item.mce-last { margin-left: 2px; } .mce-iframe { border: 0 solid #9e9e9e; width: 100%; height: 100%; } .mce-label { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); overflow: hidden; } .mce-label.mce-autoscroll { overflow: auto; } .mce-label.mce-disabled { color: #aaa; } .mce-label.mce-multiline { white-space: pre-wrap; } .mce-label.mce-error { color: #a00; } .mce-rtl .mce-label { text-align: right; direction: rtl; } .mce-menubar .mce-menubtn { border-color: transparent; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: none; } .mce-menubar { border: 1px solid #c4c4c4; } .mce-menubar .mce-menubtn button span { color: #333; } .mce-menubar .mce-caret { border-top-color: #333; } .mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus { border-color: transparent; background: #e6e6e6; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mce-menubtn span { color: #333; margin-right: 2px; line-height: 20px; *line-height: 16px; } .mce-menubtn.mce-btn-small span { font-size: 12px; } .mce-menubtn.mce-fixed-width span { display: inline-block; overflow-x: hidden; text-overflow: ellipsis; width: 90px; } .mce-menubtn.mce-fixed-width.mce-btn-small span { width: 70px; } .mce-menubtn .mce-caret { *margin-top: 6px; } .mce-rtl .mce-menubtn button { direction: rtl; text-align: right; } .mce-listbox button { text-align: left; padding-right: 20px; position: relative; } .mce-listbox .mce-caret { position: absolute; margin-top: -2px; right: 8px; top: 50%; } .mce-rtl .mce-listbox .mce-caret { right: auto; left: 8px; } .mce-rtl .mce-listbox button { padding-right: 10px; padding-left: 20px; } .mce-menu-item { display: block; padding: 6px 15px 6px 12px; clear: both; font-weight: normal; line-height: 20px; color: #333; white-space: nowrap; cursor: pointer; line-height: normal; border-left: 4px solid transparent; margin-bottom: 1px; } .mce-menu-item .mce-ico, .mce-menu-item .mce-text { color: #333; } .mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled .mce-ico { color: #adadad; } .mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text { color: #fff; } .mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico { color: #fff; } .mce-menu-item.mce-disabled:hover { background: #ccc; } .mce-menu-shortcut { display: inline-block; color: #adadad; } .mce-menu-shortcut { display: inline-block; *display: inline; *zoom: 1; padding: 0 15px 0 20px; } .mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut { color: #fff; } .mce-menu-item .mce-caret { margin-top: 4px; *margin-top: 3px; margin-right: 6px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; } .mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret { border-left-color: #fff; } .mce-menu-align .mce-menu-shortcut { *margin-top: -2px; } .mce-menu-align .mce-menu-shortcut, .mce-menu-align .mce-caret { position: absolute; right: 0; } .mce-menu-item.mce-active i { visibility: visible; } .mce-menu-item-normal.mce-active { background-color: #c8def4; } .mce-menu-item-preview.mce-active { border-left: 5px solid #aaa; } .mce-menu-item-normal.mce-active .mce-text { color: #333; } .mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico { color: #fff; } .mce-menu-item-normal.mce-active:focus .mce-text, .mce-menu-item-normal.mce-active:focus .mce-ico { color: #fff; } .mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus { text-decoration: none; color: #fff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #08c, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3)); background-image: -webkit-linear-gradient(top, #08c, #0077b3); background-image: -o-linear-gradient(top, #08c, #0077b3); background-image: linear-gradient(to bottom, #08c, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); zoom: 1; } div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover { border: 0; padding: 0; height: 1px; margin: 9px 1px; overflow: hidden; background: #cbcbcb; border-bottom: 1px solid #fff; cursor: default; filter: none; } .mce-menu.mce-rtl { direction: rtl; } .mce-rtl .mce-menu-item { text-align: right; direction: rtl; padding: 6px 12px 6px 15px; } .mce-menu-align.mce-rtl .mce-menu-shortcut, .mce-menu-align.mce-rtl .mce-caret { right: auto; left: 0; } .mce-rtl .mce-menu-item .mce-caret { margin-left: 6px; margin-right: 0; border-right: 4px solid #333; border-left: 0; } .mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret { border-left-color: transparent; border-right-color: #fff; } .mce-menu { position: absolute; left: 0; top: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background: transparent; z-index: 1000; padding: 5px 0 5px 0; margin: 2px 0 0; min-width: 160px; background: #fff; border: 1px solid #989898; border: 1px solid rgba(0, 0, 0, 0.2); z-index: 1002; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); max-height: 400px; overflow: auto; overflow-x: hidden; } .mce-menu i { display: none; } .mce-menu-has-icons i { display: inline-block; *display: inline; } .mce-menu-sub-tr-tl { margin: -6px 0 0 -1px; } .mce-menu-sub-br-bl { margin: 6px 0 0 -1px; } .mce-menu-sub-tl-tr { margin: -6px 0 0 1px; } .mce-menu-sub-bl-br { margin: 6px 0 0 1px; } .mce-container-body .mce-resizehandle { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; visibility: visible; cursor: s-resize; margin: 0; } .mce-container-body .mce-resizehandle-both { cursor: se-resize; } i.mce-i-resize { color: #333; } .mce-spacer { visibility: hidden; } .mce-splitbtn .mce-open { border-left: 1px solid transparent; border-right: 1px solid transparent; } .mce-splitbtn:hover .mce-open { border-left-color: #bdbdbd; border-right-color: #bdbdbd; } .mce-splitbtn button { padding-right: 4px; } .mce-splitbtn .mce-open { padding-left: 4px; } .mce-splitbtn .mce-open.mce-active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .mce-splitbtn.mce-btn-small .mce-open { padding: 0 3px 0 3px; } .mce-rtl .mce-splitbtn { direction: rtl; text-align: right; } .mce-rtl .mce-splitbtn button { padding-right: 10px; padding-left: 10px; } .mce-rtl .mce-splitbtn .mce-open { padding-left: 4px; padding-right: 4px; } .mce-stack-layout-item { display: block; } .mce-tabs { display: block; border-bottom: 1px solid #c5c5c5; } .mce-tab { display: inline-block; *display: inline; *zoom: 1; border: 1px solid #c5c5c5; border-width: 0 1px 0 0; background: #e3e3e3; padding: 8px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); height: 13px; cursor: pointer; } .mce-tab:hover { background: #fdfdfd; } .mce-tab.mce-active { background: #fdfdfd; border-bottom-color: transparent; margin-bottom: -1px; height: 14px; } .mce-rtl .mce-tabs { text-align: right; direction: rtl; } .mce-rtl .mce-tab { border-width: 0 0 0 1px; } .mce-textbox { background: #fff; border: 1px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); display: inline-block; -webkit-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; height: 28px; resize: none; padding: 0 4px 0 4px; white-space: pre-wrap; *white-space: pre; color: #333; } .mce-textbox:focus, .mce-textbox.mce-focus { border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); } .mce-placeholder .mce-textbox { color: #aaa; } .mce-textbox.mce-multiline { padding: 4px; } .mce-textbox.mce-disabled { color: #adadad; } .mce-rtl .mce-textbox { text-align: right; direction: rtl; } .mce-throbber { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; filter: alpha(opacity=60); zoom: 1; background: #fff url("../img/loader.gif") no-repeat center center; } .mce-throbber-inline { position: static; height: 50px; } /** @package bcna-frontend * contact list module */ div.contact-list { margin-top: 50px; margin-bottom: 50px; } @media only screen and (max-width: 599px) { div.contact-list { margin-top: 30px; margin-bottom: 30px; } } div.contact-list h2, div.contact-list .promo-lightbox__date-day { font-size: 24px; font-size: 1.4117647059rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; font-weight: 300; color: #01385e; line-height: 1.4; color: #ffffff; background: #e64097; margin: 0; padding: 10px 12px; } div.contact-list ul { margin: 0; padding: 0; list-style-type: none; font-size: 16px; font-size: 0.9411764706rem; font-family: "Gotham SSm A", "Gotham SSm B", sans-serif; color: #666666; } div.contact-list ul li { margin: 0; padding: 0; list-style-type: none; } div.contact-list ul li:before { display: none; } div.contact-list ul li { position: relative; padding: 12px; padding-left: 55px; border: 1px solid #dedede; border-top: 0; } div.contact-list ul li:after { position: absolute; top: 12px; left: 16px; font-size: 24px; } div.contact-list ul li.website:after { font-size: 28px; width: 28px; height: 28px; margin-left: -2px; } div.contact-list ul:last-child { margin-top: 10px; border-top: 1px solid #dedede; } div.contact-list strong { font-weight: 600; } div.contact-list a { color: #e64097; } /** @package bcna-frontend * Simple link list module * Used for linked documents, categories, archives, etc * Links may be given "link" and "document" classes, which will display an icon when in the main
(not displayed in