/* This stylesheet generated by Transfonter (https://transfonter.org) on July 14, 2017 7:45 PM */ @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Book.woff2") format("woff2"), url("./fonts/AvenirLTStd-Book.woff") format("woff"), url("./fonts/AvenirLTStd-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Light.woff2") format("woff2"), url("./fonts/AvenirLTStd-Light.woff") format("woff"), url("./fonts/AvenirLTStd-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-HeavyOblique.woff2") format("woff2"), url("./fonts/AvenirLTStd-HeavyOblique.woff") format("woff"), url("./fonts/AvenirLTStd-HeavyOblique.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-BookOblique.woff2") format("woff2"), url("./fonts/AvenirLTStd-BookOblique.woff") format("woff"), url("./fonts/AvenirLTStd-BookOblique.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Heavy.woff2") format("woff2"), url("./fonts/AvenirLTStd-Heavy.woff") format("woff"), url("./fonts/AvenirLTStd-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; } /*============================================= = Variables =============================================*/ /*---------- General Colors ----------*/ /*---------- Brand Colors ----------*/ /*---------- Animation Properties ----------*/ /*---------- Subsection comment block ----------*/ /*---------- Dimensions ----------*/ /*---------- Font Variables ----------*/ /*---------- MeBox ----------*/ /*---------- Header ----------*/ /*---------- Navigation ----------*/ /*---------- Body ----------*/ /*---------- Panel ----------*/ /*---------- Content ----------*/ /*---------- Profile Content ----------*/ /*---------- Crumbs ----------*/ /*---------- Footer ----------*/ /*---------- Lists ----------*/ /*---------- Form Elements ----------*/ /*---------- Message ----------*/ /*---------- Media Query Breakpoints ----------*/ /*---------- Image Buttons ----------*/ /*===== End of Variables ======*/ /*============================================= = Utility mixins and functions =============================================*/ @media screen and (max-width: 850px) { .NoScroll { height: 100vh; overflow: hidden; position: fixed; left: 0; right: 0; } } /*===== End of Utility mixins and functions ======*/ /*============================================= = Core Patches = Fixes that apply to every theme =============================================*/ .Button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; transition: background 0.1s ease, border 0.1s ease; background: #004042; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; } .Button:hover, .Button:active, .Button:focus { background: #cafff4; color: #FFF; border-color: #000000; } .MenuItem a { transition: 0.2s ease-out color; } .MenuItems a:hover { color: #02837a !important; text-decoration: none; background-color: rgba(32, 41, 42, 0.04) !important; } .Aside { margin: 0; } .DismissMessage { margin-top: 0; margin-bottom: 12px; } .UserBox, .MeBox { margin: 0; } .MeBox { min-height: initial; display: flex; } .MeBox > .PhotoWrap { float: none; } .MeBox .MeMenu { display: flex; align-items: center; } .MeBox .Username { margin-left: 6px; } .UserBox .WhoIs, .MeBox .WhoIs { min-height: initial; line-height: inherit; } .CategoryTable tr, .DataTableWrap tr { border-bottom: #000000 1px solid; } .CategoryTable tr.Read, .DataTableWrap tr.Read { background: none; } .CategoryTable td, .DataTableWrap td { border-bottom: #000000 1px solid; vertical-align: middle; } .CategoryTable tr:last-child td, .DataTableWrap tr:last-child td { border-bottom: none; } .CategoryTable td .Wrap, .DataTableWrap td .Wrap { padding-left: 12px; padding-right: 12px; position: relative; } .CategoryTable tbody td.CategoryName .PhotoWrap, .DataTableWrap tbody td.CategoryName .PhotoWrap { margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .CategoryTable tbody td.CategoryName .CategoryPhoto, .DataTableWrap tbody td.CategoryName .CategoryPhoto { max-width: 60px; } .CategoryTable thead td, .DataTableWrap thead td { line-height: 40px; } .CategoryTable thead td.BigCount .Wrap, .DataTableWrap thead td.BigCount .Wrap { display: flex; align-items: center; justify-content: center; } .CategoryTable tbody .Wrap, .DataTableWrap tbody .Wrap { padding: 6px; position: relative; } .CategoryTable tbody td.CategoryName .Title, .CategoryTable tbody td.CategoryName td h2, .CategoryTable tbody td.CategoryName td h3, .CategoryTable tbody td.DiscussionName .Title, .CategoryTable tbody td.DiscussionName td h2, .CategoryTable tbody td.DiscussionName td h3, .DataTableWrap tbody td.CategoryName .Title, .DataTableWrap tbody td.CategoryName td h2, .DataTableWrap tbody td.CategoryName td h3, .DataTableWrap tbody td.DiscussionName .Title, .DataTableWrap tbody td.DiscussionName td h2, .DataTableWrap tbody td.DiscussionName td h3 { font-weight: bold; } .CategoryTable tbody .Options, .DataTableWrap tbody .Options { position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; } .CategoryTable td.BigCount, .DataTableWrap td.BigCount { padding: 0 4px; vertical-align: middle; text-align: center; } .CategoryTable .ChildCategories, .DataTableWrap .ChildCategories { border-top: none; } .Options .Arrow::before { color: #004042; } .PhotoWrap.Hidden { display: none; } .DataList .Item { border: none; } .DataList .Item.Read { background: none; } .ButtonGroup.Multi { display: flex; } .ButtonGroup.Multi .Button:first-child { flex: 1; } .PageTitle .Options { height: initial; } .ItemDiscussion { margin-bottom: initial; } .HasNew { background: #02837a; color: #FFF; padding: 0 6px; margin-right: 6px; } #SignoutWarning { bottom: initial; background: #FFF; } #SignoutWarning * { line-height: 40px; } .MultipleEntryMethods { flex-wrap: wrap; } .MultipleEntryMethods .Methods { margin-left: 0; padding: 18px 0; } .CreateAccount { margin-top: 12px; } .Activities ul.DataList, .Activities .ActivityComments .ItemContent { margin-left: 0; } body { box-sizing: border-box; } * { box-sizing: inherit; } .ProfilePhoto { height: 40px; width: 40px; border-radius: 40px; box-shadow: inset 0 0 1px rgba(32, 41, 42, 0.2); } .Count, .Reactions .Count { background-color: #02837a; padding: 3px 6px 2px; font-size: 12px; } .MenuItems, .FlyoutMenu { border: rgba(32, 41, 42, 0.2) 1px solid; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); } .MenuItems::before, .FlyoutMenu::before { opacity: 0.4; } .Dropdown.MenuItems { min-width: 100%; } .Dropdown.MenuItems a { line-height: 28px; padding-top: 4px; padding-bottom: 4px; } body > svg { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } body.Section-Profile .MeBox { display: flex; } body.Section-Profile .User > .DismissMessage { clear: both; position: static; float: right; width: 100%; } .Popup #UserBadgeForm p, .Popup #UserBadgeForm h1 { margin-bottom: 12px; display: block; } .Popup #UserBadgeForm textarea { display: block; width: 100%; margin-top: 6px; } .Popup #UserBadgeForm button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: inherit; transition: background 0.1s ease, border 0.1s ease; background: #004042; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; margin-top: 10px; float: right; margin-top: -16px; } .Popup #UserBadgeForm button:hover, .Popup #UserBadgeForm button:active, .Popup #UserBadgeForm button:focus { background: #004042; color: #FFF; border-color: #004042; } /*===== End of Core Patches ======*/ .DataList .Item, .MessageList .Item { border: rgba(32, 41, 42, 0.2) 1px solid; background: none; margin-bottom: 12px; padding: 12px !important; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); border-radius: 3px; } .DataList .Item:hover, .DataList .Item:active, .MessageList .Item:hover, .MessageList .Item:active { background: rgba(32, 41, 42, 0.03); } .DataList .Title a, .MessageList .Title a { font-size: 18px; } .DataList .Item.Activity .Title a, .MessageList .Item.Activity .Title a { font-size: 14px; } .DataList .Excerpt, .MessageList .Excerpt { font-size: 14px; } .DataList .Options, .MessageList .Options { display: flex; flex-direction: row-reverse; position: relative; right: -5px; } .DataList .Bookmark, .DataList .OptionsMenu, .MessageList .Bookmark, .MessageList .OptionsMenu { height: 24px; width: 24px; } .DataList .Bookmark::before, .DataList .OptionsMenu .Arrow::before, .MessageList .Bookmark::before, .MessageList .OptionsMenu .Arrow::before { font-size: 18px; line-height: 18px; } .DataList .Meta, .MessageList .Meta { font-size: 14px; } .DataList .Meta > *, .DataList .AuthorInfo *, .MessageList .Meta > *, .MessageList .AuthorInfo * { font-size: 14px; line-height: 24px; margin: 0; padding: 0; margin-right: 6px; color: #5b5b5b; } .DataList .Item.Activity .Meta > a, .MessageList .Item.Activity .Meta > a { color: #02837a; } .DataList .Item.Activity .Meta > a:hover, .MessageList .Item.Activity .Meta > a:hover { color: #004042; } .DataList .MItem .MostRecent, .MessageList .MItem .MostRecent { display: flex; flex-wrap: wrap; } .DataList .MItem .MostRecent > *, .MessageList .MItem .MostRecent > * { margin-right: 3px; } .DataList .Tag, .DataList .NewCommentCount, .DataList .HasNew, .DataList .RoleTracker, .DataList .MItem.Category a, .MessageList .Tag, .MessageList .NewCommentCount, .MessageList .HasNew, .MessageList .RoleTracker, .MessageList .MItem.Category a { background: #02837a; height: 24px; display: inline-block; border-radius: 3px; padding: 0 6px; font-weight: normal; color: #FFF; } .DataList .MItem.Category a, .MessageList .MItem.Category a { background: none; border: 1px solid #02837a; color: #02837a; line-height: 23px; transition: background ease-out 0.35s, color ease-out 0.35s; transition-duration: 0.175s; } .DataList .MItem.Category a:hover, .MessageList .MItem.Category a:hover { background: #02837a; color: #FFF; } .DataList .Tag, .DataList .MItem, .MessageList .Tag, .MessageList .MItem { margin-right: 6px; margin-bottom: 6px; display: inline-block; } .DataList .MItem.LastCommentDate, .DataList .MItem.RSS, .MessageList .MItem.LastCommentDate, .MessageList .MItem.RSS { display: none; } .DataList .MItem.LastDiscussionTitle, .MessageList .MItem.LastDiscussionTitle { margin-bottom: 0; display: block; } .DataList .ChildCategories, .MessageList .ChildCategories { display: flex; flex-wrap: wrap; border-top: rgba(32, 41, 42, 0.2) 1px solid; padding-top: 6px; margin-top: 6px; } .DataList .ChildCategories b, .MessageList .ChildCategories b { width: 100%; } .DataList .ChildCategories .Comma, .MessageList .ChildCategories .Comma { margin-right: 3px; } .DataList a.Delete, .MessageList a.Delete { height: 24px; width: 24px; border-radius: 24px; margin-top: -4px; padding: 0; padding-left: 1px; padding-top: 1px; display: flex; align-items: center; justify-content: center; background: #F0B323; color: #FFF; } .DataList a.Delete:hover, .MessageList a.Delete:hover { background: #eeac10; } .c_Frame-content .DataList .Meta { margin-top: 6px; } .MessageList .ItemComment, .MessageList .ItemDiscussion { padding: 0 !important; } .MessageList .ItemComment .Options, .MessageList .ItemDiscussion .Options { top: 14px; right: 12px; } .MessageList .ItemComment .Item-Header, .MessageList .ItemDiscussion .Item-Header { background: #f0f0f0; margin: 0; width: 100%; padding: 12px; } .MessageList .ItemComment .InlineTags, .MessageList .ItemDiscussion .InlineTags { padding: 0 12px; } .MessageList .ItemComment .Reactions, .MessageList .ItemDiscussion .Reactions { padding: 0 12px; padding-bottom: 12px; } .MessageList .ItemComment .Reactions .Bullet, .MessageList .ItemDiscussion .Reactions .Bullet { display: none; } .MessageList .ItemComment .Reactions .ToggleFlyout, .MessageList .ItemDiscussion .Reactions .ToggleFlyout { display: inline-block; } .MessageList .ItemComment .Reactions .ReactButton, .MessageList .ItemComment .Reactions .ReactSprite::before, .MessageList .ItemDiscussion .Reactions .ReactButton, .MessageList .ItemDiscussion .Reactions .ReactSprite::before { line-height: 32px; } .MessageList .ItemComment .Reactions .ReactButton, .MessageList .ItemDiscussion .Reactions .ReactButton { padding-right: 12px; } .MessageList .CommentHeader, .MessageList .AuthorWrap, .MessageList .Author { display: flex; flex-wrap: wrap; align-items: center; } .MessageList .Item.Activity .Author { display: block; } .MessageList .Username { margin-right: 12px; } .MessageList .ItemComment .CommentHeader { padding: 6px 12px; padding-right: 32px; } .MessageList .ItemComment .CommentHeader .MItem { margin-bottom: 0; } .MessageList .ItemComment .CommentHeader .Meta { margin-top: 0; } @media screen and (min-width: 600px) { .MessageList .ItemComment .CommentHeader .AuthorWrap { flex: 1; } } .MessageList .ItemComment .CommentHeader .ProfilePhoto { height: 30px; width: 30px; } .MessageList .Comment .Options { position: absolute; right: 6px; top: 0; margin-top: 12px; } .ItemDiscussion .Meta { font-size: inherit; margin-top: 0; } .c_Frame { display: flex; flex-direction: column; min-height: 100vh; background-color: #FFF; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c_Frame { /* IE10+ CSS styles go here */ min-height: initial; height: 100vh; overflow: visible; } } .c_Frame-top { flex: 1 0 auto; } .c_Frame-content { padding: 12px 0; } .c_Frame-contentWrap { background: #FFF; } .c_Frame-details { padding: 0 0; } .c_Frame-details::after { content: ""; display: table; clear: both; } .c_Container { padding-left: 12px; padding-right: 12px; max-width: 1200px; margin: 0 auto; } @media screen and (min-width: 600px) { .c_Container { padding-right: 18px; padding-left: 18px; } } .c_Frame-row { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .c_Content { padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; } .c_Crumbs { padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; background: none; } .c_Frame-content .DataListWrap { margin-top: 24px; } .c_Frame-content .SearchBox { max-width: calc(294px - 18px); width: 100%; margin-bottom: 12px; } .c_Frame-content .Breadcrumbs { margin-bottom: 6px; display: inline-block; margin-right: 12px; line-height: 20px; } .c_Frame-content .Breadcrumbs a { text-transform: uppercase; font-size: 12px; color: #02837a; } .c_Frame-content .Breadcrumbs .Last a, .c_Frame-content .Breadcrumbs .Crumb { color: #5b5b5b; } .c_Frame-content h1 { font-weight: bold; font-size: 20px; margin-bottom: 6px; } @media screen and (min-width: 850px) { .c_Content { width: calc(100% - 294px); float: left; } .c_Panel { width: 294px; float: right; padding-left: 18px; } } .c_Navigation { overflow: hidden; position: absolute; visibility: hidden; background: #02837a; color: #FFF; } @media screen and (max-width: 600px) { .c_Navigation .c_Container { padding: 0; } } .c_Navigation .Button.NewDiscussion { margin: 0 auto; display: block; max-width: 280px; line-height: 36px; } @media screen and (min-width: 600px) { .c_Navigation { visibility: visible; overflow: visible !important; position: static !important; transition: none !important; max-height: initial !important; } } @media screen and (min-width: 600px) { .c_Navigation { padding: 6px 0; } } .c_Navigation-buttons { display: flex; justify-content: center; flex-wrap: wrap; max-width: 360px; margin: 0 auto; margin-bottom: 12px; } .c_Navigation-buttons .Button { background: none !important; border: none !important; } @media screen and (min-width: 600px) { .c_Navigation-buttons { display: none; } } .c_Navigation-buttons a { font-weight: bold; } .c_Navigation-button:first-child { margin-right: 6px; } @media screen and (min-width: 600px) { .c_Navigation .c_Navigation-row { display: flex; align-items: center; } } .c_Navigation.isReadyToTransition { will-change: max-height; transition: max-height ease-out 0.7s; } .c_Navigation.isReadyToTransition[data-state='CLOSED'] { transition-timing-function: cubic-bezier(0, 1, 0, 1); } .c_Navigation a { color: #FFF; text-transform: uppercase; line-height: 24px; } @media screen and (min-width: 600px) { .c_Navigation .c_NewDiscussion--mobile { display: none; } } .c_Navigation .c_MeBox--mobile .MeBox { margin-bottom: 12px; padding: 0 4px; display: flex; align-items: center; justify-content: space-between; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks { width: 100%; text-align: center; padding-top: 12px; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: inherit; transition: background 0.1s ease, border 0.1s ease; background: #F0B323; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:hover, .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:active, .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:focus { background: #f1ba36; color: #FFF; border-color: #f1ba36; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks .Bullet { font-size: 0; width: 20px; } .c_Navigation .c_MeBox--mobile .MeBox > .PhotoWrap, .c_Navigation .c_MeBox--mobile .MeBox .WhoIs .Username { display: none; } .c_Navigation .c_MeBox--mobile .MeBox .WhoIs { width: 100%; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu { justify-content: space-between; } .c_Navigation .c_MeBox--mobile .MeBox .MeButton .Sprite::before { line-height: 32px; font-size: 16px; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu > *, .c_Navigation .c_MeBox--mobile .MeBox .PhotoWrap { width: 20%; display: flex; justify-content: center; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu .PhotoWrap img { height: 28px; width: 28px; } @media screen and (min-width: 600px) { .c_Navigation .c_MeBox--mobile .MeBox { display: none; } } .c_Navigation .BoxNewDiscussion { margin: 0 12px; } .c_Navigation .c_Navigation-link, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-title { font-size: 14px; font-weight: 300; line-height: 36px; display: block; width: 100%; } .c_Navigation .CategoriesModule-categoryWrap, .c_Navigation .c_Navigation-linkContainer { position: relative; display: flex; align-items: center; padding: 0; height: 52px; } .c_Navigation .CategoriesModule-categoryWrap a, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron, .c_Navigation .c_Navigation-linkContainer a, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron { margin: 0 12px; line-height: 52px; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-categoryWrap a, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron, .c_Navigation .c_Navigation-linkContainer a, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron { margin: 0; } .c_Navigation .CategoriesModule-categoryWrap a:hover, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron:hover, .c_Navigation .c_Navigation-linkContainer a:hover, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron:hover { background: none; } } .c_Navigation .CategoriesModule-categoryWrap::after, .c_Navigation .c_Navigation-linkContainer::after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(32, 41, 42, 0.2); } @media screen and (min-width: 600px) { .c_Navigation .c_Navigation-linkContainer, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap { height: initial; padding: 0 12px; height: 36px; border: none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; transition: background-color ease-out 0.175s; } .c_Navigation .c_Navigation-linkContainer::after, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap::after { display: none; } .c_Navigation .c_Navigation-linkContainer:hover, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap:hover { background: rgba(255, 255, 255, 0.2); } .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron::before, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron::after, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-chevron::after { left: 70%; } .c_Navigation-divider { width: 2px; height: 18px; background: rgba(255, 255, 255, 0.2); display: block; margin: 0 12px; } .c_Navigation-divider:last-child { display: none; } } .c_Navigation .CategoriesModule-chevron { background: rgba(32, 41, 42, 0.2); width: 40px; height: 32px; display: block; position: relative; border-radius: 3px; cursor: pointer; appearance: none; border: none; box-shadow: none; outline: none; } .c_Navigation .CategoriesModule-chevron:hover, .c_Navigation .CategoriesModule-chevron:active, .c_Navigation .CategoriesModule-chevron:focus { background: #02837a; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-chevron { background: none; } .c_Navigation .CategoriesModule-chevron:hover, .c_Navigation .CategoriesModule-chevron:active, .c_Navigation .CategoriesModule-chevron:focus { background: none; } } @media screen and (min-width: 850px) { .c_Navigation .CategoriesModule-chevron { display: none !important; } } .c_Navigation .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-chevron::after { position: absolute; top: 50%; left: 50%; opacity: 0; padding-top: 1px; font-size: 20px; font-weight: bold; transition: opacity ease-out 0.35s, transform ease-out 0.35s; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-chevron::after { left: 50%; display: block; height: 2px; line-height: 0; } } .c_Navigation .CategoriesModule-chevron::before { content: "+"; transform: translateY(-50%) translateX(-50%) rotate(90deg); } .c_Navigation .CategoriesModule-chevron::after { content: "-"; transform: translateY(-50%) translateX(-50%) rotate(-90deg); } .c_Navigation .CategoriesModule-chevron:not(.isToggled)::before, .c_Navigation .CategoriesModule-chevron.isToggled::after { opacity: 1; transform: translateY(-50%) translateX(-50%) rotate(0deg); } .c_Navigation .CategoriesModule-categoryWrap { display: flex; justify-content: space-between; position: relative; } .c_Navigation .CategoriesModule-children { overflow: hidden; will-change: max-height; transition: max-height ease-out 0.35s; } @media screen and (min-width: 850px) { .c_Navigation .CategoriesModule-children { display: none !important; } } .c_Navigation .CategoriesModule .isDepth-top .CategoriesModule-category { background: rgba(32, 41, 42, 0.15); } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children { position: absolute; background: #FFF; visibility: hidden; margin-top: 7px; border: rgba(32, 41, 42, 0.2) 1px solid; border-top: none; z-index: 1; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); max-height: initial !important; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children[data-state="OPEN"] { transition-delay: 0s; visibility: visible; opacity: 1; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s, opacity ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children[data-state="CLOSED"] { transition-delay: 0s; visibility: visible; pointer-events: none; opacity: 0; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s, opacity ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron::after { transition: transform ease-out 0.35s color ease-out 0.35s; color: #5b5b5b; text-shadow: none; left: 50%; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron:hover::before, .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron:hover::after { color: #02837a; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-category { background: #FFF; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-title { color: #5b5b5b; font-weight: bold; text-shadow: none; padding: 0 12px; transition: color ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-title:hover { color: #02837a; } } .MeBox-mobileClose, .c_Navigation .c_MeBox--mobile .MeBox .MeMenu .MeBox-mobileClose { display: none; } .c_MeBox.c_MeBox--mobile .PhotoWrap, .c_MeBox.c_MeBox--mobile .Username, .c_MeBox--header .PhotoWrap, .c_MeBox--header .Username { order: -1; } .c_MeBox.c_MeBox--mobile .ToggleFlyout:nth-child(5), .c_MeBox--header .ToggleFlyout:nth-child(5) { order: -2; } .c_Frame-footer .LocaleOptions { display: none; } .c_Footer { background: #000000; color: #ffffff; line-height: 28px; padding-top: 18px; padding-bottom: 18px; } .c_Footer a { color: #ffffff; } .c_Footer a:hover { color: #02837a; } .c_Footer-title { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .c_Footer-title--big { font-size: 20px; text-transform: none; } .c_Footer-row { display: flex; flex-wrap: wrap; } @media screen and (max-width: 850px) { .c_Footer-row--copyright { display: block; } } .c_Footer a { font-size: 12px; color: #ffffff; transition: color ease-out 0.35s; } .c_Footer a:active { text-decoration: underline; } .c_Footer a:focus, .c_Footer a:hover { color: #00ffde; } .c_Footer-column ul, .c_Footer-copyright ul { list-style-type: none; padding: 0; } .c_Footer-column ul a, .c_Footer-copyright ul a { text-decoration: none; } .c_Footer-column, .c_Footer-socialIcons ul { padding-bottom: 18px; margin-bottom: 18px; width: 100%; border-bottom: #ffffff 1px solid; } @media screen and (min-width: 850px) { .c_Footer-row--columns { border-bottom: #ffffff 1px solid; margin-bottom: 12px; justify-content: space-between; } } .c_Footer-column { order: 1; padding-right: 12px; } .c_Footer-column--big { order: 0; padding-right: 0; } @media screen and (min-width: 600px) { .c_Footer-column { width: 50%; } .c_Footer-column--big { width: 100%; } } @media screen and (min-width: 850px) { .c_Footer-column { width: initial; max-width: 30%; border-bottom: none; } .c_Footer-column--big { width: 40%; order: 4; padding-left: 32px; border-left: #ffffff 1px solid; } } .c_Footer .Button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; transition: background 0.1s ease, border 0.1s ease; background: #000000; background: #d2ff3f; color: #000000; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; margin-top: 12px; } .c_Footer .Button:hover, .c_Footer .Button:active, .c_Footer .Button:focus { background: #ffffff; color: #02837a; border-color: #ffffff; } .c_Footer .icon-external-link { padding-left: 6px; } .c_Footer-image { background-color: #000000; padding: 3px; border-radius: 6px; max-width: 90px; height: auto; display: block; margin-bottom: 12px; } @media screen and (min-width: 850px) { .c_Footer-image { display: inline-block; float: right; } } .c_Footer-copyright { order: 1; flex: 1 0 auto; width: 100%; } @media screen and (min-width: 850px) { .c_Footer-copyright { order: 0; max-width: 70%; } } .c_Footer-copyright p { font-size: 12px; line-height: 1.5; } .c_Footer-copyright ul { display: flex; flex-wrap: wrap; align-items: center; } .c_Footer-copyright li { margin-right: 6px; margin-bottom: 6px; display: flex; align-items: center; } .c_Footer-copyright li a { color: #ffffff; font-weight: bold; } .c_Footer-copyright li::after { content: ""; display: block; background: #ffffff; height: 18px; width: 1px; margin: 0 6px; } .c_Footer-copyright li:last-child:after { display: none; } .c_Footer-socialIcons { order: 0; width: 100%; } .c_Footer-socialIcons ul { display: flex; } @media screen and (min-width: 850px) { .c_Footer-socialIcons { width: initial; order: 1; flex: 1; } .c_Footer-socialIcons h5 { text-align: right; } .c_Footer-socialIcons ul { border: none; justify-content: flex-end; } } .c_Footer-socialIcons li { position: relative; display: inline-block; width: 28px; height: 28px; margin-bottom: 12px; margin-top: 12px; margin-right: 12px; } @media screen and (min-width: 850px) { .c_Footer-socialIcons li { margin-right: 0; margin-left: 12px; } } .c_Footer-socialIcons li img { width: 28px; height: 28px; border-radius: 4px; } .c_Footer-socialIcons li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 0; transition: background-color ease-out 0.35s; } .c_Footer-socialIcons li a:hover { background: rgba(32, 41, 42, 0.08); } .Button { text-shadow: 0 0 0px rgba(0, 0, 0, 0.0); } .c_Navigation--mobile { background: #007C88; } .c_Navigation--mobile .MeBox { background: #006C77; } .CategoriesModule-categoryWrap, .c_Navigation-linkContainer, .c_Header-cta, .c_MeBox--mobile .MeBox .SignInLinks a { text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .is-fr, .is-en { display: none; } .locale-en .is-en { display: block; } .locale-fr .is-fr { display: block; } .c_Navigation-link .BestOf, .FilterMenu .Reactions-BestOf, .c_Navigation-link.BestOf { display: none; } .c_Content .P.PageDescription { display: none; }

Cancer de l'ovaire Canada est à la recherche de bénévoles ! Pourriez-vous nous aider ?

OVdialogue - envisagez de vous joindre à notre équipe en tant que bénévole pour le soutien par les pairs. Quelques heures par semaine, vous ferez partie d'une équipe qui aide à mettre les gens en contact, à soutenir les discussions et à être des portes-paroles pour OVdialogue. C'est l'occasion pour vous de rendre la pareille à celles qui vous ont soutenu ou continuent de vous soutenir dans les moments difficiles, de partager vos expériences uniques et de contribuer à célébrer vos réussites. Pour plus de détails, veuillez contacter @Fancy ou @RehnumaCoC ([email protected])

Bonne St-Jean-Baptiste

Fancy

Fancy

23 juin dans Juste pour parler

Profitez bien du long week-end!

À bientôt.

Fancy

1

Catégories

/* This stylesheet generated by Transfonter (https://transfonter.org) on July 14, 2017 7:45 PM */ @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Book.woff2") format("woff2"), url("./fonts/AvenirLTStd-Book.woff") format("woff"), url("./fonts/AvenirLTStd-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Light.woff2") format("woff2"), url("./fonts/AvenirLTStd-Light.woff") format("woff"), url("./fonts/AvenirLTStd-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-HeavyOblique.woff2") format("woff2"), url("./fonts/AvenirLTStd-HeavyOblique.woff") format("woff"), url("./fonts/AvenirLTStd-HeavyOblique.ttf") format("truetype"); font-weight: 900; font-style: italic; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-BookOblique.woff2") format("woff2"), url("./fonts/AvenirLTStd-BookOblique.woff") format("woff"), url("./fonts/AvenirLTStd-BookOblique.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Avenir'; src: url("./fonts/AvenirLTStd-Heavy.woff2") format("woff2"), url("./fonts/AvenirLTStd-Heavy.woff") format("woff"), url("./fonts/AvenirLTStd-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; } /*============================================= = Variables =============================================*/ /*---------- General Colors ----------*/ /*---------- Brand Colors ----------*/ /*---------- Animation Properties ----------*/ /*---------- Subsection comment block ----------*/ /*---------- Dimensions ----------*/ /*---------- Font Variables ----------*/ /*---------- MeBox ----------*/ /*---------- Header ----------*/ /*---------- Navigation ----------*/ /*---------- Body ----------*/ /*---------- Panel ----------*/ /*---------- Content ----------*/ /*---------- Profile Content ----------*/ /*---------- Crumbs ----------*/ /*---------- Footer ----------*/ /*---------- Lists ----------*/ /*---------- Form Elements ----------*/ /*---------- Message ----------*/ /*---------- Media Query Breakpoints ----------*/ /*---------- Image Buttons ----------*/ /*===== End of Variables ======*/ /*============================================= = Utility mixins and functions =============================================*/ @media screen and (max-width: 850px) { .NoScroll { height: 100vh; overflow: hidden; position: fixed; left: 0; right: 0; } } /*===== End of Utility mixins and functions ======*/ /*============================================= = Core Patches = Fixes that apply to every theme =============================================*/ .Button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; transition: background 0.1s ease, border 0.1s ease; background: #004042; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; } .Button:hover, .Button:active, .Button:focus { background: #cafff4; color: #FFF; border-color: #000000; } .MenuItem a { transition: 0.2s ease-out color; } .MenuItems a:hover { color: #02837a !important; text-decoration: none; background-color: rgba(32, 41, 42, 0.04) !important; } .Aside { margin: 0; } .DismissMessage { margin-top: 0; margin-bottom: 12px; } .UserBox, .MeBox { margin: 0; } .MeBox { min-height: initial; display: flex; } .MeBox > .PhotoWrap { float: none; } .MeBox .MeMenu { display: flex; align-items: center; } .MeBox .Username { margin-left: 6px; } .UserBox .WhoIs, .MeBox .WhoIs { min-height: initial; line-height: inherit; } .CategoryTable tr, .DataTableWrap tr { border-bottom: #000000 1px solid; } .CategoryTable tr.Read, .DataTableWrap tr.Read { background: none; } .CategoryTable td, .DataTableWrap td { border-bottom: #000000 1px solid; vertical-align: middle; } .CategoryTable tr:last-child td, .DataTableWrap tr:last-child td { border-bottom: none; } .CategoryTable td .Wrap, .DataTableWrap td .Wrap { padding-left: 12px; padding-right: 12px; position: relative; } .CategoryTable tbody td.CategoryName .PhotoWrap, .DataTableWrap tbody td.CategoryName .PhotoWrap { margin: 0; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .CategoryTable tbody td.CategoryName .CategoryPhoto, .DataTableWrap tbody td.CategoryName .CategoryPhoto { max-width: 60px; } .CategoryTable thead td, .DataTableWrap thead td { line-height: 40px; } .CategoryTable thead td.BigCount .Wrap, .DataTableWrap thead td.BigCount .Wrap { display: flex; align-items: center; justify-content: center; } .CategoryTable tbody .Wrap, .DataTableWrap tbody .Wrap { padding: 6px; position: relative; } .CategoryTable tbody td.CategoryName .Title, .CategoryTable tbody td.CategoryName td h2, .CategoryTable tbody td.CategoryName td h3, .CategoryTable tbody td.DiscussionName .Title, .CategoryTable tbody td.DiscussionName td h2, .CategoryTable tbody td.DiscussionName td h3, .DataTableWrap tbody td.CategoryName .Title, .DataTableWrap tbody td.CategoryName td h2, .DataTableWrap tbody td.CategoryName td h3, .DataTableWrap tbody td.DiscussionName .Title, .DataTableWrap tbody td.DiscussionName td h2, .DataTableWrap tbody td.DiscussionName td h3 { font-weight: bold; } .CategoryTable tbody .Options, .DataTableWrap tbody .Options { position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; display: flex; align-items: center; } .CategoryTable td.BigCount, .DataTableWrap td.BigCount { padding: 0 4px; vertical-align: middle; text-align: center; } .CategoryTable .ChildCategories, .DataTableWrap .ChildCategories { border-top: none; } .Options .Arrow::before { color: #004042; } .PhotoWrap.Hidden { display: none; } .DataList .Item { border: none; } .DataList .Item.Read { background: none; } .ButtonGroup.Multi { display: flex; } .ButtonGroup.Multi .Button:first-child { flex: 1; } .PageTitle .Options { height: initial; } .ItemDiscussion { margin-bottom: initial; } .HasNew { background: #02837a; color: #FFF; padding: 0 6px; margin-right: 6px; } #SignoutWarning { bottom: initial; background: #FFF; } #SignoutWarning * { line-height: 40px; } .MultipleEntryMethods { flex-wrap: wrap; } .MultipleEntryMethods .Methods { margin-left: 0; padding: 18px 0; } .CreateAccount { margin-top: 12px; } .Activities ul.DataList, .Activities .ActivityComments .ItemContent { margin-left: 0; } body { box-sizing: border-box; } * { box-sizing: inherit; } .ProfilePhoto { height: 40px; width: 40px; border-radius: 40px; box-shadow: inset 0 0 1px rgba(32, 41, 42, 0.2); } .Count, .Reactions .Count { background-color: #02837a; padding: 3px 6px 2px; font-size: 12px; } .MenuItems, .FlyoutMenu { border: rgba(32, 41, 42, 0.2) 1px solid; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); } .MenuItems::before, .FlyoutMenu::before { opacity: 0.4; } .Dropdown.MenuItems { min-width: 100%; } .Dropdown.MenuItems a { line-height: 28px; padding-top: 4px; padding-bottom: 4px; } body > svg { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } body.Section-Profile .MeBox { display: flex; } body.Section-Profile .User > .DismissMessage { clear: both; position: static; float: right; width: 100%; } .Popup #UserBadgeForm p, .Popup #UserBadgeForm h1 { margin-bottom: 12px; display: block; } .Popup #UserBadgeForm textarea { display: block; width: 100%; margin-top: 6px; } .Popup #UserBadgeForm button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: inherit; transition: background 0.1s ease, border 0.1s ease; background: #004042; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; margin-top: 10px; float: right; margin-top: -16px; } .Popup #UserBadgeForm button:hover, .Popup #UserBadgeForm button:active, .Popup #UserBadgeForm button:focus { background: #004042; color: #FFF; border-color: #004042; } /*===== End of Core Patches ======*/ .DataList .Item, .MessageList .Item { border: rgba(32, 41, 42, 0.2) 1px solid; background: none; margin-bottom: 12px; padding: 12px !important; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); border-radius: 3px; } .DataList .Item:hover, .DataList .Item:active, .MessageList .Item:hover, .MessageList .Item:active { background: rgba(32, 41, 42, 0.03); } .DataList .Title a, .MessageList .Title a { font-size: 18px; } .DataList .Item.Activity .Title a, .MessageList .Item.Activity .Title a { font-size: 14px; } .DataList .Excerpt, .MessageList .Excerpt { font-size: 14px; } .DataList .Options, .MessageList .Options { display: flex; flex-direction: row-reverse; position: relative; right: -5px; } .DataList .Bookmark, .DataList .OptionsMenu, .MessageList .Bookmark, .MessageList .OptionsMenu { height: 24px; width: 24px; } .DataList .Bookmark::before, .DataList .OptionsMenu .Arrow::before, .MessageList .Bookmark::before, .MessageList .OptionsMenu .Arrow::before { font-size: 18px; line-height: 18px; } .DataList .Meta, .MessageList .Meta { font-size: 14px; } .DataList .Meta > *, .DataList .AuthorInfo *, .MessageList .Meta > *, .MessageList .AuthorInfo * { font-size: 14px; line-height: 24px; margin: 0; padding: 0; margin-right: 6px; color: #5b5b5b; } .DataList .Item.Activity .Meta > a, .MessageList .Item.Activity .Meta > a { color: #02837a; } .DataList .Item.Activity .Meta > a:hover, .MessageList .Item.Activity .Meta > a:hover { color: #004042; } .DataList .MItem .MostRecent, .MessageList .MItem .MostRecent { display: flex; flex-wrap: wrap; } .DataList .MItem .MostRecent > *, .MessageList .MItem .MostRecent > * { margin-right: 3px; } .DataList .Tag, .DataList .NewCommentCount, .DataList .HasNew, .DataList .RoleTracker, .DataList .MItem.Category a, .MessageList .Tag, .MessageList .NewCommentCount, .MessageList .HasNew, .MessageList .RoleTracker, .MessageList .MItem.Category a { background: #02837a; height: 24px; display: inline-block; border-radius: 3px; padding: 0 6px; font-weight: normal; color: #FFF; } .DataList .MItem.Category a, .MessageList .MItem.Category a { background: none; border: 1px solid #02837a; color: #02837a; line-height: 23px; transition: background ease-out 0.35s, color ease-out 0.35s; transition-duration: 0.175s; } .DataList .MItem.Category a:hover, .MessageList .MItem.Category a:hover { background: #02837a; color: #FFF; } .DataList .Tag, .DataList .MItem, .MessageList .Tag, .MessageList .MItem { margin-right: 6px; margin-bottom: 6px; display: inline-block; } .DataList .MItem.LastCommentDate, .DataList .MItem.RSS, .MessageList .MItem.LastCommentDate, .MessageList .MItem.RSS { display: none; } .DataList .MItem.LastDiscussionTitle, .MessageList .MItem.LastDiscussionTitle { margin-bottom: 0; display: block; } .DataList .ChildCategories, .MessageList .ChildCategories { display: flex; flex-wrap: wrap; border-top: rgba(32, 41, 42, 0.2) 1px solid; padding-top: 6px; margin-top: 6px; } .DataList .ChildCategories b, .MessageList .ChildCategories b { width: 100%; } .DataList .ChildCategories .Comma, .MessageList .ChildCategories .Comma { margin-right: 3px; } .DataList a.Delete, .MessageList a.Delete { height: 24px; width: 24px; border-radius: 24px; margin-top: -4px; padding: 0; padding-left: 1px; padding-top: 1px; display: flex; align-items: center; justify-content: center; background: #F0B323; color: #FFF; } .DataList a.Delete:hover, .MessageList a.Delete:hover { background: #eeac10; } .c_Frame-content .DataList .Meta { margin-top: 6px; } .MessageList .ItemComment, .MessageList .ItemDiscussion { padding: 0 !important; } .MessageList .ItemComment .Options, .MessageList .ItemDiscussion .Options { top: 14px; right: 12px; } .MessageList .ItemComment .Item-Header, .MessageList .ItemDiscussion .Item-Header { background: #f0f0f0; margin: 0; width: 100%; padding: 12px; } .MessageList .ItemComment .InlineTags, .MessageList .ItemDiscussion .InlineTags { padding: 0 12px; } .MessageList .ItemComment .Reactions, .MessageList .ItemDiscussion .Reactions { padding: 0 12px; padding-bottom: 12px; } .MessageList .ItemComment .Reactions .Bullet, .MessageList .ItemDiscussion .Reactions .Bullet { display: none; } .MessageList .ItemComment .Reactions .ToggleFlyout, .MessageList .ItemDiscussion .Reactions .ToggleFlyout { display: inline-block; } .MessageList .ItemComment .Reactions .ReactButton, .MessageList .ItemComment .Reactions .ReactSprite::before, .MessageList .ItemDiscussion .Reactions .ReactButton, .MessageList .ItemDiscussion .Reactions .ReactSprite::before { line-height: 32px; } .MessageList .ItemComment .Reactions .ReactButton, .MessageList .ItemDiscussion .Reactions .ReactButton { padding-right: 12px; } .MessageList .CommentHeader, .MessageList .AuthorWrap, .MessageList .Author { display: flex; flex-wrap: wrap; align-items: center; } .MessageList .Item.Activity .Author { display: block; } .MessageList .Username { margin-right: 12px; } .MessageList .ItemComment .CommentHeader { padding: 6px 12px; padding-right: 32px; } .MessageList .ItemComment .CommentHeader .MItem { margin-bottom: 0; } .MessageList .ItemComment .CommentHeader .Meta { margin-top: 0; } @media screen and (min-width: 600px) { .MessageList .ItemComment .CommentHeader .AuthorWrap { flex: 1; } } .MessageList .ItemComment .CommentHeader .ProfilePhoto { height: 30px; width: 30px; } .MessageList .Comment .Options { position: absolute; right: 6px; top: 0; margin-top: 12px; } .ItemDiscussion .Meta { font-size: inherit; margin-top: 0; } .c_Frame { display: flex; flex-direction: column; min-height: 100vh; background-color: #FFF; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .c_Frame { /* IE10+ CSS styles go here */ min-height: initial; height: 100vh; overflow: visible; } } .c_Frame-top { flex: 1 0 auto; } .c_Frame-content { padding: 12px 0; } .c_Frame-contentWrap { background: #FFF; } .c_Frame-details { padding: 0 0; } .c_Frame-details::after { content: ""; display: table; clear: both; } .c_Container { padding-left: 12px; padding-right: 12px; max-width: 1200px; margin: 0 auto; } @media screen and (min-width: 600px) { .c_Container { padding-right: 18px; padding-left: 18px; } } .c_Frame-row { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .c_Content { padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; } .c_Crumbs { padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 0; background: none; } .c_Frame-content .DataListWrap { margin-top: 24px; } .c_Frame-content .SearchBox { max-width: calc(294px - 18px); width: 100%; margin-bottom: 12px; } .c_Frame-content .Breadcrumbs { margin-bottom: 6px; display: inline-block; margin-right: 12px; line-height: 20px; } .c_Frame-content .Breadcrumbs a { text-transform: uppercase; font-size: 12px; color: #02837a; } .c_Frame-content .Breadcrumbs .Last a, .c_Frame-content .Breadcrumbs .Crumb { color: #5b5b5b; } .c_Frame-content h1 { font-weight: bold; font-size: 20px; margin-bottom: 6px; } @media screen and (min-width: 850px) { .c_Content { width: calc(100% - 294px); float: left; } .c_Panel { width: 294px; float: right; padding-left: 18px; } } .c_Navigation { overflow: hidden; position: absolute; visibility: hidden; background: #02837a; color: #FFF; } @media screen and (max-width: 600px) { .c_Navigation .c_Container { padding: 0; } } .c_Navigation .Button.NewDiscussion { margin: 0 auto; display: block; max-width: 280px; line-height: 36px; } @media screen and (min-width: 600px) { .c_Navigation { visibility: visible; overflow: visible !important; position: static !important; transition: none !important; max-height: initial !important; } } @media screen and (min-width: 600px) { .c_Navigation { padding: 6px 0; } } .c_Navigation-buttons { display: flex; justify-content: center; flex-wrap: wrap; max-width: 360px; margin: 0 auto; margin-bottom: 12px; } .c_Navigation-buttons .Button { background: none !important; border: none !important; } @media screen and (min-width: 600px) { .c_Navigation-buttons { display: none; } } .c_Navigation-buttons a { font-weight: bold; } .c_Navigation-button:first-child { margin-right: 6px; } @media screen and (min-width: 600px) { .c_Navigation .c_Navigation-row { display: flex; align-items: center; } } .c_Navigation.isReadyToTransition { will-change: max-height; transition: max-height ease-out 0.7s; } .c_Navigation.isReadyToTransition[data-state='CLOSED'] { transition-timing-function: cubic-bezier(0, 1, 0, 1); } .c_Navigation a { color: #FFF; text-transform: uppercase; line-height: 24px; } @media screen and (min-width: 600px) { .c_Navigation .c_NewDiscussion--mobile { display: none; } } .c_Navigation .c_MeBox--mobile .MeBox { margin-bottom: 12px; padding: 0 4px; display: flex; align-items: center; justify-content: space-between; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks { width: 100%; text-align: center; padding-top: 12px; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; color: inherit; transition: background 0.1s ease, border 0.1s ease; background: #F0B323; color: #FFF; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:hover, .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:active, .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks a:focus { background: #f1ba36; color: #FFF; border-color: #f1ba36; } .c_Navigation .c_MeBox--mobile .MeBox .SignInLinks .Bullet { font-size: 0; width: 20px; } .c_Navigation .c_MeBox--mobile .MeBox > .PhotoWrap, .c_Navigation .c_MeBox--mobile .MeBox .WhoIs .Username { display: none; } .c_Navigation .c_MeBox--mobile .MeBox .WhoIs { width: 100%; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu { justify-content: space-between; } .c_Navigation .c_MeBox--mobile .MeBox .MeButton .Sprite::before { line-height: 32px; font-size: 16px; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu > *, .c_Navigation .c_MeBox--mobile .MeBox .PhotoWrap { width: 20%; display: flex; justify-content: center; } .c_Navigation .c_MeBox--mobile .MeBox .MeMenu .PhotoWrap img { height: 28px; width: 28px; } @media screen and (min-width: 600px) { .c_Navigation .c_MeBox--mobile .MeBox { display: none; } } .c_Navigation .BoxNewDiscussion { margin: 0 12px; } .c_Navigation .c_Navigation-link, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-title { font-size: 14px; font-weight: 300; line-height: 36px; display: block; width: 100%; } .c_Navigation .CategoriesModule-categoryWrap, .c_Navigation .c_Navigation-linkContainer { position: relative; display: flex; align-items: center; padding: 0; height: 52px; } .c_Navigation .CategoriesModule-categoryWrap a, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron, .c_Navigation .c_Navigation-linkContainer a, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron { margin: 0 12px; line-height: 52px; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-categoryWrap a, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron, .c_Navigation .c_Navigation-linkContainer a, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron { margin: 0; } .c_Navigation .CategoriesModule-categoryWrap a:hover, .c_Navigation .CategoriesModule-categoryWrap .CategoriesModule-chevron:hover, .c_Navigation .c_Navigation-linkContainer a:hover, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron:hover { background: none; } } .c_Navigation .CategoriesModule-categoryWrap::after, .c_Navigation .c_Navigation-linkContainer::after { content: ""; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(32, 41, 42, 0.2); } @media screen and (min-width: 600px) { .c_Navigation .c_Navigation-linkContainer, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap { height: initial; padding: 0 12px; height: 36px; border: none; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; transition: background-color ease-out 0.175s; } .c_Navigation .c_Navigation-linkContainer::after, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap::after { display: none; } .c_Navigation .c_Navigation-linkContainer:hover, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap:hover { background: rgba(255, 255, 255, 0.2); } .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron::before, .c_Navigation .c_Navigation-linkContainer .CategoriesModule-chevron::after, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-category.isDepth-top > .CategoriesModule-categoryWrap .CategoriesModule-chevron::after { left: 70%; } .c_Navigation-divider { width: 2px; height: 18px; background: rgba(255, 255, 255, 0.2); display: block; margin: 0 12px; } .c_Navigation-divider:last-child { display: none; } } .c_Navigation .CategoriesModule-chevron { background: rgba(32, 41, 42, 0.2); width: 40px; height: 32px; display: block; position: relative; border-radius: 3px; cursor: pointer; appearance: none; border: none; box-shadow: none; outline: none; } .c_Navigation .CategoriesModule-chevron:hover, .c_Navigation .CategoriesModule-chevron:active, .c_Navigation .CategoriesModule-chevron:focus { background: #02837a; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-chevron { background: none; } .c_Navigation .CategoriesModule-chevron:hover, .c_Navigation .CategoriesModule-chevron:active, .c_Navigation .CategoriesModule-chevron:focus { background: none; } } @media screen and (min-width: 850px) { .c_Navigation .CategoriesModule-chevron { display: none !important; } } .c_Navigation .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-chevron::after { position: absolute; top: 50%; left: 50%; opacity: 0; padding-top: 1px; font-size: 20px; font-weight: bold; transition: opacity ease-out 0.35s, transform ease-out 0.35s; } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule-chevron::after { left: 50%; display: block; height: 2px; line-height: 0; } } .c_Navigation .CategoriesModule-chevron::before { content: "+"; transform: translateY(-50%) translateX(-50%) rotate(90deg); } .c_Navigation .CategoriesModule-chevron::after { content: "-"; transform: translateY(-50%) translateX(-50%) rotate(-90deg); } .c_Navigation .CategoriesModule-chevron:not(.isToggled)::before, .c_Navigation .CategoriesModule-chevron.isToggled::after { opacity: 1; transform: translateY(-50%) translateX(-50%) rotate(0deg); } .c_Navigation .CategoriesModule-categoryWrap { display: flex; justify-content: space-between; position: relative; } .c_Navigation .CategoriesModule-children { overflow: hidden; will-change: max-height; transition: max-height ease-out 0.35s; } @media screen and (min-width: 850px) { .c_Navigation .CategoriesModule-children { display: none !important; } } .c_Navigation .CategoriesModule .isDepth-top .CategoriesModule-category { background: rgba(32, 41, 42, 0.15); } @media screen and (min-width: 600px) { .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children { position: absolute; background: #FFF; visibility: hidden; margin-top: 7px; border: rgba(32, 41, 42, 0.2) 1px solid; border-top: none; z-index: 1; box-shadow: 0 1px 4px 2px rgba(32, 41, 42, 0.03); max-height: initial !important; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children[data-state="OPEN"] { transition-delay: 0s; visibility: visible; opacity: 1; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s, opacity ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children[data-state="CLOSED"] { transition-delay: 0s; visibility: visible; pointer-events: none; opacity: 0; transition: max-height ease-out 0.175s, visibility 0.35s ease-out 0.35s, opacity ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron::before, .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron::after { transition: transform ease-out 0.35s color ease-out 0.35s; color: #5b5b5b; text-shadow: none; left: 50%; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron:hover::before, .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-chevron:hover::after { color: #02837a; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-category { background: #FFF; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-title { color: #5b5b5b; font-weight: bold; text-shadow: none; padding: 0 12px; transition: color ease-out 0.35s; } .c_Navigation .CategoriesModule .isDepth-top > .CategoriesModule-children .CategoriesModule-title:hover { color: #02837a; } } .MeBox-mobileClose, .c_Navigation .c_MeBox--mobile .MeBox .MeMenu .MeBox-mobileClose { display: none; } .c_MeBox.c_MeBox--mobile .PhotoWrap, .c_MeBox.c_MeBox--mobile .Username, .c_MeBox--header .PhotoWrap, .c_MeBox--header .Username { order: -1; } .c_MeBox.c_MeBox--mobile .ToggleFlyout:nth-child(5), .c_MeBox--header .ToggleFlyout:nth-child(5) { order: -2; } .c_Frame-footer .LocaleOptions { display: none; } .c_Footer { background: #000000; color: #ffffff; line-height: 28px; padding-top: 18px; padding-bottom: 18px; } .c_Footer a { color: #ffffff; } .c_Footer a:hover { color: #02837a; } .c_Footer-title { font-size: 15px; font-weight: bold; text-transform: uppercase; color: #ffffff; } .c_Footer-title--big { font-size: 20px; text-transform: none; } .c_Footer-row { display: flex; flex-wrap: wrap; } @media screen and (max-width: 850px) { .c_Footer-row--copyright { display: block; } } .c_Footer a { font-size: 12px; color: #ffffff; transition: color ease-out 0.35s; } .c_Footer a:active { text-decoration: underline; } .c_Footer a:focus, .c_Footer a:hover { color: #00ffde; } .c_Footer-column ul, .c_Footer-copyright ul { list-style-type: none; padding: 0; } .c_Footer-column ul a, .c_Footer-copyright ul a { text-decoration: none; } .c_Footer-column, .c_Footer-socialIcons ul { padding-bottom: 18px; margin-bottom: 18px; width: 100%; border-bottom: #ffffff 1px solid; } @media screen and (min-width: 850px) { .c_Footer-row--columns { border-bottom: #ffffff 1px solid; margin-bottom: 12px; justify-content: space-between; } } .c_Footer-column { order: 1; padding-right: 12px; } .c_Footer-column--big { order: 0; padding-right: 0; } @media screen and (min-width: 600px) { .c_Footer-column { width: 50%; } .c_Footer-column--big { width: 100%; } } @media screen and (min-width: 850px) { .c_Footer-column { width: initial; max-width: 30%; border-bottom: none; } .c_Footer-column--big { width: 40%; order: 4; padding-left: 32px; border-left: #ffffff 1px solid; } } .c_Footer .Button { font-family: "Arial", "Avenir", "Helvetica", sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; transition: background 0.1s ease, border 0.1s ease; background: #000000; background: #d2ff3f; color: #000000; border: none; line-height: 36px; padding: 0 12px; text-decoration: none; border-radius: 3px; display: inline-block; -webkit-appearance: none; margin-top: 12px; } .c_Footer .Button:hover, .c_Footer .Button:active, .c_Footer .Button:focus { background: #ffffff; color: #02837a; border-color: #ffffff; } .c_Footer .icon-external-link { padding-left: 6px; } .c_Footer-image { background-color: #000000; padding: 3px; border-radius: 6px; max-width: 90px; height: auto; display: block; margin-bottom: 12px; } @media screen and (min-width: 850px) { .c_Footer-image { display: inline-block; float: right; } } .c_Footer-copyright { order: 1; flex: 1 0 auto; width: 100%; } @media screen and (min-width: 850px) { .c_Footer-copyright { order: 0; max-width: 70%; } } .c_Footer-copyright p { font-size: 12px; line-height: 1.5; } .c_Footer-copyright ul { display: flex; flex-wrap: wrap; align-items: center; } .c_Footer-copyright li { margin-right: 6px; margin-bottom: 6px; display: flex; align-items: center; } .c_Footer-copyright li a { color: #ffffff; font-weight: bold; } .c_Footer-copyright li::after { content: ""; display: block; background: #ffffff; height: 18px; width: 1px; margin: 0 6px; } .c_Footer-copyright li:last-child:after { display: none; } .c_Footer-socialIcons { order: 0; width: 100%; } .c_Footer-socialIcons ul { display: flex; } @media screen and (min-width: 850px) { .c_Footer-socialIcons { width: initial; order: 1; flex: 1; } .c_Footer-socialIcons h5 { text-align: right; } .c_Footer-socialIcons ul { border: none; justify-content: flex-end; } } .c_Footer-socialIcons li { position: relative; display: inline-block; width: 28px; height: 28px; margin-bottom: 12px; margin-top: 12px; margin-right: 12px; } @media screen and (min-width: 850px) { .c_Footer-socialIcons li { margin-right: 0; margin-left: 12px; } } .c_Footer-socialIcons li img { width: 28px; height: 28px; border-radius: 4px; } .c_Footer-socialIcons li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 0; transition: background-color ease-out 0.35s; } .c_Footer-socialIcons li a:hover { background: rgba(32, 41, 42, 0.08); } .Button { text-shadow: 0 0 0px rgba(0, 0, 0, 0.0); } .c_Navigation--mobile { background: #007C88; } .c_Navigation--mobile .MeBox { background: #006C77; } .CategoriesModule-categoryWrap, .c_Navigation-linkContainer, .c_Header-cta, .c_MeBox--mobile .MeBox .SignInLinks a { text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .is-fr, .is-en { display: none; } .locale-en .is-en { display: block; } .locale-fr .is-fr { display: block; } .c_Navigation-link .BestOf, .FilterMenu .Reactions-BestOf, .c_Navigation-link.BestOf { display: none; } .c_Content .P.PageDescription { display: none; }

FAÇONS DE DONNER

SUPPORT SUPPLÉMENTAIRE

Infolettre et mises à jour

Pour des nouvelles et des reportages provenant de tous les coins du pays, inscrivez-vous à le bulletin d’information électronique publié à tous les deux mois de cancer de l’ovaire canada.
S’inscrire

Imagine Canada Accreditation Numéro d’enregistrement d’organisme de bienfaisance: 87297 4845 RR0001
© Ovarian Cancer Canada 2017
205-145 Front St. East, Toronto, Ontario M5A 1E3
Toll free: 1-877-413-7970
info@ovariancanada.org

Follow Us