@charset "UTF-8"; @font-face { font-family: 'fontello'; src: url("/docs/default-source/fonts/fontello8a198ef1a2fc487d88dd23a9651286d6.eot?sfvrsn=be5c65a_2&download=true"); src: url("/docs/default-source/fonts/fontello.eot?20757324") format("embedded-opentype"), url("/docs/default-source/fonts/fontello4602b7c171b141ec83ab1838c91abd80.woff2?sfvrsn=2fb3f6ad_2&download=true") format("woff2"), url("/docs/default-source/fonts/fontello0d065fc211ea4fb29fd345f94760ff9c.woff?sfvrsn=59ec10ec_2&download=true") format("woff"), url("/docs/default-source/fonts/fontello4acb7a870d6247b093de54704e666d2c.ttf?sfvrsn=13a93d1b_2&download=true") format("truetype"), url("/docs/default-source/fonts/fontello.svg?sfvrsn=b7b1453c_2") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/docs/default-source/fonts/fontello.svg?sfvrsn=b7b1453c_2') format('svg'); } } */ /* right to repair utility nav style */ #menu--pane-1 > div.header-utility.header-utility__secondary > ul > li:nth-child(5) > a { color: #2B3942; background-color: #F3901D; border-radius: 10px; padding: 4px 10px 4px 10px; font-weight: bold; } @media (min-width: 1296px) and (max-width: 1385px) { #menu--pane-1 > div.header-utility.header-utility__secondary > ul > li:nth-child(5) > a { display:none;} } @media (min-width: 959px) and (max-width: 1161px) { #menu--pane-1 > div.header-utility.header-utility__secondary > ul > li:nth-child(5) > a { display:none;} } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; /* opacity: .8; *//* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric *//* remove if not needed */ margin-left: 0.2em; /* you can be more comfortable with increased icons size *//* font-size: 120%; *//* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-chevron:before { content: '\e806'; } /* '' */ .icon-language:before { content: '\e807'; } /* '' */ /*! ---------- =reset ---------- */ * { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; box-sizing: border-box; } ul { list-style: disc; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } img { -ms-interpolation-mode: bicubic; display: block; max-width: 100%; margin: 0 auto; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0; margin: 48px 0; border-bottom: 1px solid #a8b0b5; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .product-form .sf-fieldWrp input { max-width: 200px; text-align: center; margin: 0 auto !important; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } /*! ---------- =typography ---------- */ body { font: 18px/24px "Open Sans", Helvetica, Arial, sans-serif; color: #4d5362; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } p, ol, ul, h1, h2, h3, h4, h5, h6 { margin-bottom: 24px; } p:last-child, ol:last-child, ul:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } p, ol, ul { orphans: 2; widows: 2; } ol, ul { margin-left: 2em; } h1, h2, h3, h4, h5, h6 { color: #f3901d; font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; text-transform: lowercase; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { display: inline-block; vertical-align: middle; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; } h1 { font-size: 60px; line-height: 60px; } .grid h1, .grid h2 { letter-spacing: normal; } @media (max-width: 959px) { h1 { font-size: 36px; line-height: 42px; } } @media (min-width: 960px) and (max-width: 1200px) { h1 { font-size: 45px; line-height: 48px; } } @media (max-width: 479px) { h1 { font-size: 35px; line-height: 36px; } } h2 { font-size: 45px; line-height: 48px; } @media (max-width: 767px) { h2 { font-size: 35px; line-height: 36px; } } h3 { font-size: 35px; line-height: 36px; } @media (max-width: 767px) { h3 { font-size: 28px; line-height: 36px; } } h4 { font-size: 28px; line-height: 36px; } h5 { font-size: 23px; line-height: 24px; } h6 { font-size: 20px; line-height: 24px; } .bordered { border: 1px solid #a8b0b5; padding: 12px; text-align: center; text-transform: lowercase; } .text-size { font-size: 18px !important; line-height: 24px; } .display-inline { display: inline; } @media (max-width: 769px) { .button.display-inline { margin-bottom: 12px; } } input.display-inline { display: inline !important; } .align-left, img.align-left { text-align: left !important; margin-left: 0; } .align-center { text-align: center; } .align-right { text-align: right; } .note { font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif; font-size: 80%; opacity: 0.8; } pre + .note, input + .note, textarea + .note { margin-top: -12px; } .highlight, .alternate-background__content h1.highlight, .alternate-background__content h2.highlight, .alternate-background__content h3.highlight, .alternate-background__content h4.highlight, .alternate-background__content h5.highlight, .alternate-background__content h6.highlight { color: #569bbe; } .highlight--action, .alternate-background__content h1.highlight--action, .alternate-background__content h2.highlight--action, .alternate-background__content h3.highlight--action, .alternate-background__content h4.highlight--action, .alternate-background__content h5.highlight--action, .alternate-background__content h6.highlight--action { color: #f3901d; } .warn { color: #941; } .type-family-sample { font-size: 35px; line-height: 36px; } @supports ((-webkit-clip-path: polygon(0 0, 1px 0, 0 1px)) or (clip-path: polygon(0 0, 1px 0, 0 1px))) { .slash-text__clone { width: 100%; color: #f3901d !important; z-index: 1; -webkit-clip-path: polygon(0 0, 30px 0, 0 50px); clip-path: polygon(0 0, 30px 0, 0 50px); pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .align-center .slash-text__clone { text-align: left; overflow: hidden; } .slash-text:not(.slash-text__clone)::before { content: ''; display: block; width: 1px; height: 130px; background: #6a747b; position: absolute; left: 17px; top: -60px; margin-bottom: 100px; -ms-transform: rotate(20deg); transform: rotate(20deg); overflow: hidden; } } /*! ---------- =common =components ---------- */ a { text-decoration: none; color: #f3901d; } a:hover, a:focus { color: #76848f; } a.gray { color: #4d5362 } a.gray:hover, a.gray:focus { color: #f3901d; } a, button { transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out; } .more { display: inline-block; font-weight: 700; } .more .fa-arrow-right { margin-left: 0.3em; transition: transform 0.15s ease-out; } .more:hover .fa-arrow-right, .more:focus .fa-arrow-right { -ms-transform: translateX(0.2em); transform: translateX(0.2em); } @media (min-width: 768px) { .img-left, .img-right { display: block; max-width: 40%; margin: 0 0 12px; } .img-left img, .img-right img { display: block; } .img-left { float: left; margin-right: 12px; } .img-right { float: right; margin-left: 12px; } } figure { display: block; margin-bottom: 24px; border: 1px solid #f7f9fa; padding: 6px; } figcaption { display: block; padding: 6px 0; font-size: 14px; opacity: 0.8; } dl:not(:last-child) { margin-bottom: 24px; } dt { float: left; clear: left; margin-right: 18px; font-weight: 700; } dt ~ dt { margin-top: 12px; } dd { display: block; overflow: hidden; } dd ~ dd { margin-top: 12px; } .to-screen-edges, .content > .page-bounds > .carousel, .content > .alternate-background__content > .carousel, .content > .section-events__content > .carousel, .alternate-background, .section-events { width: auto !important; margin-left: -24px; margin-right: -24px; } .to-screen-edges__content { padding-left: 24px; padding-right: 24px; } @media (min-width: 768px) { .to-screen-edges, .content > .page-bounds > .carousel, .content > .alternate-background__content > .carousel, .content > .section-events__content > .carousel, .alternate-background, .section-events { margin-left: -48px; margin-right: -48px; } .to-screen-edges__content { padding-left: 48px; padding-right: 48px; } } @media (min-width: 1296px) { .to-screen-edges, .content > .page-bounds > .carousel, .content > .alternate-background__content > .carousel, .content > .section-events__content > .carousel, .alternate-background, .section-events { margin-left: calc(-50vw + (1200px / 2)); margin-right: calc(-50vw + (1200px / 2)); } .to-screen-edges__content { padding-left: calc(50vw - (1200px / 2)); padding-right: calc(50vw - (1200px / 2)); } } @media (min-width: 1800px) { .to-screen-edges, .alternate-background, .section-events { margin-left: calc(-60vw + (2000px / 2)); margin-right: calc(-60vw + (2000px / 2)); } /* .to-screen-edges, .content > .page-bounds > .carousel, .content > .alternate-background__content > .carousel, .content > .section-events__content > .carousel, .alternate-background, .section-events { margin-left: calc(-50vw + (2000px / 2)); margin-right: calc(-50vw + (2000px / 2)); } */ .to-screen-edges__content { padding-left: calc(50vw - (2000px / 2)); padding-right: calc(50vw - (2000px / 2)); } } .pull-quote { border: solid #f3901d; border-width: 0 0 0 6px; color: #76848f; font-size: 20px; font-weight: 300; line-height: 36px; margin: 24px 0 24px 12px; padding: 6px 0 6px 24px; -ms-transform: skewX(-8deg); transform: skewX(-8deg); } .pull-quote__container { -ms-transform: skewX(8deg); transform: skewX(8deg); } .pull-quote__attribution { display: block; font-size: 16px; line-height: 24px; opacity: 0.8; } .pull-quote__attribution::before { content: '– '; } p + .pull-quote__attribution { margin-top: -18px; } @media (min-width: 480px) { .pull-quote--left, .pull-quote--right { max-width: 40%; margin-top: 0; } .pull-quote--left { float: left; margin-right: 48px; padding: 0 36px 0 0; border-width: 0 6px 0 0; } .pull-quote--right { float: right; margin-left: 36px; padding-left: 36px; } } .content-box { background: rgba(255, 255, 255, 0); border: 2px solid #f3901d; padding: 24px; } .content-box:not(:last-child) { margin-bottom: 24px; } .content-box h1, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 { color: #f3901d; } .content-box-blue-border { background: rgba(255, 255, 255, 0); border: 2px solid #569BBE; padding: 24px; } .content-box-blue-border:not(:last-child) { margin-bottom: 24px; } .content-box-blue-border h1, .content-box-blue-border h2, .content-box-blue-border h3, .content-box-blue-border h4, .content-box-blue-border h5, .content-box-blue-border h6 { color: #569BBE; } .content-box--highlight { background: #6a747b; border: 0; } .content-box--highlight h1, .content-box--highlight h2, .content-box--highlight h3, .content-box--highlight h4, .content-box--highlight h5, .content-box--highlight h6, .content-box--highlight p, .content-box--highlight a { color: #fff; } .content-box--blue { background: #569BBE; border: 0; } .content-box--blue h1, .content-box--blue h2, .content-box--blue h3, .content-box--blue h4, .content-box--blue h5, .content-box--blue h6, .content-box--blue p, .content-box--blue a { color: #fff; } .content-box--warn h1, .content-box--warn h2, .content-box--warn h3, .content-box--warn h4, .content-box--warn h5, .content-box--warn h6, .content-box--warn p, .content-box--warn a { color: #fff; } .content-box--action { background: #f3901d; border: 0; } .content-box--gray { background: #e9edf0; margin-top:-80px !important; padding: 30px !important; } .content-box--warn { background: #941; border: none; padding: 30px !important; } .content-box--action h1, .content-box--action h2, .content-box--action h3, .content-box--action h4, .content-box--action h5, .content-box--action h6, .content-box--action p, .content-box--action a { color: #fff; } .content-box--action .button { border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; } .content-box--action .button:hover, .content-box--action .button:focus { background: rgba(255, 255, 255, 0); } .card { background: #f7f9fa; color: #4d5362; padding: 24px; position: static; background-color: #fff; border: none; border-radius: 0; } /* We'll apply this hover only to cards with hyperlinks .card:hover { -ms-transform: scale(1.1); transform: scale(1.1); transition: transform 0.2s ease-out; -webkit-box-shadow: 3px 3px 14px 1px rgba(221,221,221,1); -moz-box-shadow: 3px 3px 14px 1px rgba(221,221,221,1); box-shadow: 3px 3px 14px 1px rgba(221,221,221,1); }*/ .truncator-expand { display: block; width: 100%; padding-top: 6px; margin-top: 12px; border-top: 1px dashed #a8b0b5; text-align: left; color: #76848f; font-weight: 700; font-size: 16px; } .margin + .truncator-expand { margin-top: -12px; } .margin + .truncator-expand:not(:last-child) { margin-bottom: 24px; } .item-list + .truncator-expand, .margin-large + .truncator-expand { margin-top: -36px; } .item-list + .truncator-expand:not(:last-child), .margin-large + .truncator-expand:not(:last-child) { margin-bottom: 48px; } .color-spec { overflow: hidden; border: 1px solid #a8b0b5; } .color-spec__swatch { height: 0; padding-bottom: 100%; } .color-spec__text { padding: 24px 18px; font-size: 16px; } .color-spec__title { font-size: 20px; margin-bottom: 12px; } .color-spec__text p:not(:last-child) { margin-bottom: 12px; } .color-spec__role { font-style: italic; opacity: 0.65; } .js .toggle-target:not(.is-active) { display: none; } .screenreaders-only { width: 1px; height: 1px; clip: rect(0 0 0 0); margin: -1px; overflow: hidden; position: absolute; z-index: -1; } .group:after, dl:after, .side-label:after, .page-header:after, .interior-layout:after, .item-list__item:after { content: ""; display: table; clear: both; } .margin { margin-bottom: 24px !important; } .margin-large { margin-bottom: 48px !important; } .margin-small { margin-bottom: 12px !important; } .margin-top { margin-top: 24px !important; } .margin-top-large { margin-top: 48px !important; } .margin-top-small { margin-top: 12px !important; } .margin-left { margin-left: 24px !important; } .margin-left-small { margin-left: 12px !important; } .margin-left-large { margin-left: 48px !important; } .margin-right { margin-right: 24px !important; } .margin-right-small { margin-right: 12px !important; } .margin-right-large { margin-right: 48px !important; } .no-margin { margin-bottom: 0 !important; } .no-margin-top { margin-top: 0 !important; } .padding { padding-bottom: 24px !important; } .padding-large { padding-bottom: 48px !important; } .padding-small { padding-bottom: 12px !important; } .padding-top { padding-top: 24px !important; } .padding-top-large { padding-top: 48px !important; } .padding-top-small { padding-top: 12px !important; } .padding-left { padding-left: 24px !important; } .padding-left-small { padding-left: 12px !important; } .padding-left-large { padding-left: 48px !important; } .padding-right { padding-right: 24px !important; } .padding-right-small { padding-right: 12px !important; } .padding-right-large { padding-right: 48px !important; } .no-padding { padding-bottom: 0 !important; } .no-padding-top { padding-top: 0 !important; } .adjust { margin-left: -3px !important; } /* event category colors */ .event-category__meetings, .green-font { color: #007d68 !important; } .event-category__webinars, .blue-font { color: #569bbe !important; } .event-category__trade, .purple-font { color: #956e8e !important; } .event-category__other, .red-font { color: #d9531e !important; } .event-category__all { background: #f3901d !important; border-color: #f3901d !important; color: #fff !important; } /*! common spacing classes */ .space-t-6 { margin-top: 72px; } .space-t-5 { margin-top: 48px; } .space-t-4 { margin-top: 36px; } .space-t-3 { margin-top: 24px; } .space-t-2 { margin-top: 12px; } .space-t-1 { margin-top: 6px; } .space-t-0 { margin-top: 0; } .pad-t-6 { padding-top: 72px; } .pad-t-5 { padding-top: 48px; } .pad-t-4 { padding-top: 36px; } .pad-t-3 { padding-top: 24px; } .pad-t-2 { padding-top: 12px; } .pad-t-1 { padding-top: 6px; } .pad-t-0 { padding-top: 0; } .space-r-6 { margin-right: 72px; } .space-r-5 { margin-right: 48px; } .space-r-4 { margin-right: 36px; } .space-r-3 { margin-right: 24px; } .space-r-2 { margin-right: 12px; } .space-r-1 { margin-right: 6px; } .space-r-0 { margin-right: 0; } .pad-r-6 { padding-right: 72px; } .pad-r-5 { padding-right: 48px; } .pad-r-4 { padding-right: 36px; } .pad-r-3 { padding-right: 24px; } .pad-r-2 { padding-right: 12px; } .pad-r-1 { padding-right: 6px; } .pad-r-0 { padding-right: 0; } .space-b-6 { margin-bottom: 72px; } .space-b-5 { margin-bottom: 48px; } .space-b-4 { margin-bottom: 36px; } .space-b-3 { margin-bottom: 24px; } .space-b-2 { margin-bottom: 12px; } .space-b-1 { margin-bottom: 6px; } .space-b-0 { margin-bottom: 0; } .pad-b-6 { padding-bottom: 72px; } .pad-b-5 { padding-bottom: 48px; } .pad-b-4 { padding-bottom: 36px; } .pad-b-3 { padding-bottom: 24px; } .pad-b-2 { padding-bottom: 12px; } .pad-b-1 { padding-bottom: 6px; } .pad-b-0 { padding-bottom: 0; } .space-l-6 { margin-left: 72px; } .space-l-5 { margin-left: 48px; } .space-l-4 { margin-left: 36px; } .space-l-3 { margin-left: 24px; } .space-l-2 { margin-left: 12px; } .space-l-1 { margin-left: 6px; } .space-l-0 { margin-left: 0; } .pad-l-6 { padding-left: 72px; } .pad-l-5 { padding-left: 48px; } .pad-l-4 { padding-left: 36px; } .pad-l-3 { padding-left: 24px; } .pad-l-2 { padding-left: 12px; } .pad-l-1 { padding-left: 6px; } .pad-l-0 { padding-left: 0; } @media (min-width: 768px) { .space-t-6-m { margin-top: 72px; } .space-t-5-m { margin-top: 48px; } .space-t-4-m { margin-top: 36px; } .space-t-3-m { margin-top: 24px; } .space-t-2-m { margin-top: 12px; } .space-t-1-m { margin-top: 6px; } .space-t-0-m { margin-top: 0; } .pad-t-6-m { padding-top: 72px; } .pad-t-5-m { padding-top: 48px; } .pad-t-4-m { padding-top: 36px; } .pad-t-3-m { padding-top: 24px; } .pad-t-2-m { padding-top: 12px; } .pad-t-1-m { padding-top: 6px; } .pad-t-0-m { padding-top: 0; } .space-r-6-m { margin-right: 72px; } .space-r-5-m { margin-right: 48px; } .space-r-4-m { margin-right: 36px; } .space-r-3-m { margin-right: 24px; } .space-r-2-m { margin-right: 12px; } .space-r-1-m { margin-right: 6px; } .space-r-0-m { margin-right: 0; } .pad-r-6-m { padding-right: 72px; } .pad-r-5-m { padding-right: 48px; } .pad-r-4-m { padding-right: 36px; } .pad-r-3-m { padding-right: 24px; } .pad-r-2-m { padding-right: 12px; } .pad-r-1-m { padding-right: 6px; } .pad-r-0-m { padding-right: 0; } .space-b-6-m { margin-bottom: 72px; } .space-b-5-m { margin-bottom: 48px; } .space-b-4-m { margin-bottom: 36px; } .space-b-3-m { margin-bottom: 24px; } .space-b-2-m { margin-bottom: 12px; } .space-b-1-m { margin-bottom: 6px; } .space-b-0-m { margin-bottom: 0; } .pad-b-6-m { padding-bottom: 72px; } .pad-b-5-m { padding-bottom: 48px; } .pad-b-4-m { padding-bottom: 36px; } .pad-b-3-m { padding-bottom: 24px; } .pad-b-2-m { padding-bottom: 12px; } .pad-b-1-m { padding-bottom: 6px; } .pad-b-0-m { padding-bottom: 0; } .space-l-6-m { margin-left: 72px; } .space-l-5-m { margin-left: 48px; } .space-l-4-m { margin-left: 36px; } .space-l-3-m { margin-left: 24px; } .space-l-2-m { margin-left: 12px; } .space-l-1-m { margin-left: 6px; } .space-l-0-m { margin-left: 0; } .pad-l-6-m { padding-left: 72px; } .pad-l-5-m { padding-left: 48px; } .pad-l-4-m { padding-left: 36px; } .pad-l-3-m { padding-left: 24px; } .pad-l-2-m { padding-left: 12px; } .pad-l-1-m { padding-left: 6px; } .pad-l-0-m { padding-left: 0; } } /*! ---------- =grids ---------- */ .grid { display: block; padding: 0; margin: 0 -24px 0 0; letter-spacing: -0.31em; text-rendering: optimizespeed; text-align: center; list-style: none; } .grid.align-left { text-align: left; } .grid.align-right { text-align: right; } .grid.no-margin { margin-bottom: -24px; } .grid--compact { margin-right: -12px; } .grid--compact.no-margin { margin-bottom: -12px; } .grid__unit { display: inline-block; width: 100%; padding: 0 24px 24px 0; margin: 0; vertical-align: top; letter-spacing: normal; text-rendering: auto; text-align: left; } .grid__unit.align-center { text-align: center; } .grid--compact > .grid__unit { padding: 0 12px 12px 0; } .grid__unit--1-2 { width: 50%; } #Searchrefine .grid__unit--1-2 { float: left; } .grid__unit--1-3 { width: 33.33%; } .grid__unit--2-3 { width: 66.66%; } .grid__unit--1-4 { width: 25%; } .grid__unit--3-4 { width: 75%; } .grid__unit--1-5 { width: 20%; } .grid__unit--2-5 { width: 40%; } .grid__unit--3-5 { width: 60%; } .grid__unit--4-5 { width: 80%; } .grid__unit--1-6 { width: 16.66%; } .grid__unit--5-6 { width: 83.3%; } .grid__unit--1-8 { width: 12.5%; } .grid__unit--3-8 { width: 37.5%; } .grid__unit--5-8 { width: 62.5%; } .grid__unit--7-8 { width: 87.5%; } .grid__unit--1-9 { width: 11.11%; } .grid__unit--2-9 { width: 22.22%; } .grid__unit--4-9 { width: 44.44%; } .grid__unit--5-9 { width: 55.55%; } .grid__unit--7-9 { width: 77.77%; } .grid__unit--8-9 { width: 88.88%; } .grid__unit--1-12 { width: 8.33%; } .grid__unit--5-12 { width: 41.65%; } .grid__unit--7-12 { width: 58.31%; } .grid__unit--11-12 { width: 91.63%; } @media (min-width: 480px) { .grid__unit--1-1-s { width: 100%; } .grid__unit--1-2-s { width: 50%; } .grid__unit--1-3-s { width: 33.33%; } .grid__unit--2-3-s { width: 66.66%; } .grid__unit--1-4-s { width: 25%; } .grid__unit--3-4-s { width: 75%; } .grid__unit--1-5-s { width: 20%; } .grid__unit--2-5-s { width: 40%; } .grid__unit--3-5-s { width: 60%; } .grid__unit--4-5-s { width: 80%; } .grid__unit--1-6-s { width: 16.66%; } .grid__unit--5-6-s { width: 83.3%; } .grid__unit--1-8-s { width: 12.5%; } .grid__unit--3-8-s { width: 37.5%; } .grid__unit--5-8-s { width: 62.5%; } .grid__unit--7-8-s { width: 87.5%; } .grid__unit--1-9-s { width: 11.11%; } .grid__unit--2-9-s { width: 22.22%; } .grid__unit--4-9-s { width: 44.44%; } .grid__unit--5-9-s { width: 55.55%; } .grid__unit--7-9-s { width: 77.77%; } .grid__unit--8-9-s { width: 88.88%; } .grid__unit--1-12-s { width: 8.33%; } .grid__unit--5-12-s { width: 41.65%; } .grid__unit--7-12-s { width: 58.31%; } .grid__unit--11-12-s { width: 91.63%; } } @media (min-width: 768px) { .grid { margin-right: -48px; } .grid.no-margin { margin-bottom: -48px; } .grid--compact { margin-right: -24px; } .grid--compact.no-margin { margin-bottom: -24px; } .grid__unit { padding: 0 48px 48px 0; } .grid--compact > .grid__unit { padding: 0 24px 24px 0; } .grid__unit--1-1-m { width: 100%; } .grid__unit--1-2-m { width: 50%; } .grid__unit--1-3-m { width: 33.33%; } .grid__unit--2-3-m { width: 66.66%; } .grid__unit--1-4-m { width: 25%; } .grid__unit--3-4-m { width: 75%; } .grid__unit--1-5-m { width: 20%; } .grid__unit--2-5-m { width: 40%; } .grid__unit--3-5-m { width: 60%; } .grid__unit--4-5-m { width: 80%; } .grid__unit--1-6-m { width: 16.66%; } .grid__unit--5-6-m { width: 83.3%; } .grid__unit--1-8-m { width: 12.5%; } .grid__unit--3-8-m { width: 37.5%; } .grid__unit--5-8-m { width: 62.5%; } .grid__unit--7-8-m { width: 87.5%; } .grid__unit--1-9-m { width: 11.11%; } .grid__unit--2-9-m { width: 22.22%; } .grid__unit--4-9-m { width: 44.44%; } .grid__unit--5-9-m { width: 55.55%; } .grid__unit--7-9-m { width: 77.77%; } .grid__unit--8-9-m { width: 88.88%; } .grid__unit--1-12-m { width: 8.33%; } .grid__unit--5-12-m { width: 41.65%; } .grid__unit--7-12-m { width: 58.31%; } .grid__unit--11-12-m { width: 91.63%; } } @media (min-width: 960px) { .grid__unit--1-1-l { width: 100%; } .grid__unit--1-2-l { width: 50%; } .grid__unit--1-3-l { width: 33.33%; } .grid__unit--2-3-l { width: 66.66%; } .grid__unit--1-4-l { width: 25%; } .grid__unit--3-4-l { width: 75%; } .grid__unit--1-5-l { width: 20%; } .grid__unit--2-5-l { width: 40%; } .grid__unit--3-5-l { width: 60%; } .grid__unit--4-5-l { width: 80%; } .grid__unit--1-6-l { width: 16.66%; } .grid__unit--5-6-l { width: 83.3%; } .grid__unit--1-8-l { width: 12.5%; } .grid__unit--3-8-l { width: 37.5%; } .grid__unit--5-8-l { width: 62.5%; } .grid__unit--7-8-l { width: 87.5%; } .grid__unit--1-9-l { width: 11.11%; } .grid__unit--2-9-l { width: 22.22%; } .grid__unit--4-9-l { width: 44.44%; } .grid__unit--5-9-l { width: 55.55%; } .grid__unit--7-9-l { width: 77.77%; } .grid__unit--8-9-l { width: 88.88%; } .grid__unit--1-12-l { width: 8.33%; } .grid__unit--5-12-l { width: 41.65%; } .grid__unit--7-12-l { width: 58.31%; } .grid__unit--11-12-l { width: 91.63%; } } @media (min-width: 1200px) { .grid__unit--1-2-w { width: 50%; } .grid__unit--2-3-w { width: 66.66%; } .grid__unit--1-3-w { width: 33.33%; } .normal-list-item .grid--compact > .grid__unit { padding-bottom: 0; } .normal-list-item .grid--compact > .grid__unit.grid__unit--2-3-w { /* padding-top: 6px; */ padding-top: 12px; } } @media (max-width: 1199px) { .normal-list-item .grid--compact > .grid__unit.grid__unit--2-3-w { padding-top: 12px; } } /*! ---------- =forms ---------- */ input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], textarea, select { background: #dde3e8; border-bottom: 3px solid #f3901d; color: #4d5362; color: rgba(77, 83, 98, 0.8); display: block; font: 16px/24px "Open Sans", Helvetica, Arial, sans-serif; margin: 0; padding: 9px 12px; transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out; width: 100%; } input[type="text"]:not(:last-child), input[type="email"]:not(:last-child), input[type="password"]:not(:last-child), input[type="number"]:not(:last-child), input[type="tel"]:not(:last-child), textarea:not(:last-child), select:not(:last-child) { margin-bottom: 24px; } input[type="text"]:required, input[type="email"]:required, input[type="password"]:required, input[type="number"]:required, input[type="tel"]:required, textarea:required, select:required { /* border-color: #f3e1cb; */ } input[type="text"].input-validation-error, input[type="email"].input-validation-error, input[type="password"].input-validation-error, input[type="number"].input-validation-error, input[type="tel"].input-validation-error, textarea.input-validation-error, select.input-validation-error { border-color: #941; color: #941; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus { border-color: #f3901d; color: #4d5362; } select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-color: #dde3e8; background-image: url(/images/default-source/sitedesign/bg-select.png?sfvrsn=27184f3a_2bg-select.png); background-repeat: no-repeat; background-position: right 12px top 50%; } option, option:hover { appearance: none !important; -moz-appearance: none !important; -webkit-appearance: none !important; } textarea { padding: 12px; min-height: 96px; } textarea.textarea-large { min-height: 240px; } input[type="radio"], input[type="checkbox"] { display: inline-block; position: relative; top: -0.1em; margin-right: 5px; transform: scale(1.5); } .product-form form { text-align: center; } @media (min-width: 960px) { .sf-forms-checkboxes { margin-right: auto; margin-left: auto; text-align: center; width: 65%; } .sf-forms-checkboxes strong { display: none; } .sf-forms-checkboxes label { display: block; float: left; padding-right: 25px; } .sf-forms-checkboxes.no-float label { float: none; text-align: center; } .captcha button { display: none; } .email-group { clear: both; padding-top: 25px; text-align: center; } .email-group label, .email-group input { display: inline !important; } } label + input[type="radio"], label + input[type="checkbox"] { margin-left: 24px; } label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 700; color: #09132c; opacity: 0.9; transition: color 0.15s ease-out, opacity 0.15s ease-out; } .alternate-background label { color: #fff; } input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; vertical-align: top; font-weight: 400; } label.required { color: #e37f0d; } label.required::after { content: '*'; font-weight: 400; } label.input-validation-error { color: #941; } label.is-selected { color: #798a94; } label.is-focused { color: #f3901d; opacity: 1; } .side-label { margin: 0; } .side-label:not(:last-child) { margin-bottom: 24px; } @media (min-width: 480px) { .side-label { padding-left: 168px; } .side-label label { width: 168px; float: left; margin-left: -168px; padding: 6px 1em 0 0; } } .field-validation-error { display: block; margin-bottom: 24px; font-size: 16px; color: #941; } input + .field-validation-error, select + .field-validation-error, textarea + .field-validation-error { margin-top: -18px; } /*! ---------- =body ---------- */ html { scroll-behavior: smooth; } body { width: 100%; overflow-x: hidden; background: #e9edf0; } .content { padding: 24px; padding-top: 96px; } .page-bounds, .alternate-background__content, .section-events__content { max-width: 1200px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .content { padding: 48px; } } @media (min-width: 1700px) { /*.page-bounds, .alternate-background__content, .section-events__content { max-width: none; margin-left: auto; margin-right: auto; }*/ .alternate-background__content { padding: 72px 0 !important; } /* .content { margin-left: -48px !important; margin-right: -48px !important; padding-left: 0; padding-right: 0; } */ } /*! ---------- =header common ---------- */ .page-header { padding: 0 24px; border-bottom: 1px solid #2b3942; background: #030c11; position: relative; z-index: 100; position: fixed; left: 0; right: 0; top: 0; } .page-header .page-bounds, .page-header .alternate-background__content, .page-header .section-events__content { position: relative; max-width: 100%; } .page-header__toggle { display: none; } @media (max-width: 959.97px) { .page-header { width: 100%; } .page-header__toggle { position: absolute; right: -24px; top: 0; padding: 30px 24px; color: #f3901d; } .page-header__toggle.mobile-menu-is-open { color: #ffb057; } .js .page-header__toggle { display: block; } .page-header__toggle .toggle-indicator { margin-left: 6px; } .page-header__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; clear: both; margin-left: -24px; margin-right: -24px; } } @media (min-width: 960px) { .page-header { padding-left: 48px; padding-right: 48px; } } @media (max-width: 959.97px) { .header-search { -ms-flex-order: 1; order: 1; } .header-nav { -ms-flex-order: 2; order: 2; } .header-utility { -ms-flex-order: 3; order: 3; } } /*! push-right / offscreen mobile menu */ @media (max-width: 959.97px) { body { transition: transform 0.2s ease-out; } body.mobile-menu-is-open { position: fixed; top: 0; right: 0; bottom: 0; left: 0; -ms-transform: translateX(calc(100% - 72px)); transform: translateX(calc(100% - 72px)); } .page-header__content { display: none; width: 80%; width: calc(100% - 72px); position: fixed; left: 0; top: 0; bottom: 0; margin: 0; background: #030c11; transition: all 0.2s ease-out; overflow-y: auto; } @supports (transform: translateX(calc(100% - 72px))) { .page-header__content { display: -ms-flexbox; display: flex; left: auto; right: 100%; } } .page-header__content.mobile-menu-is-open { display: block; display: -ms-flexbox; display: flex; } .page-header .header-search__input { padding-top: 23px !important; padding-bottom: 23px !important; border-width: 1px 0 !important; } .page-header .header-search__submit { padding-top: 24px !important; padding-bottom: 24px !important; background: transparent; color: #f3901d; } .page-header__toggle { transition: all 0.2s ease-out; } .page-header__toggle.mobile-menu-is-open { width: 100%; position: fixed; right: 0; top: 0; left: 0; bottom: 0; font-size: 0.01px; color: transparent; background: rgba(3, 12, 17, 0.7); } .page-header__toggle.mobile-menu-is-open .toggle-indicator { display: block; left: 15px; position: absolute; top: 24px; } } /*! ---------- =header components ---------- */ .header-logo a, .header-logo img { display: block; max-width: 100%; margin: 0; } @media (max-width: 959.97px) { .header-logo a { padding: 12px 0; } .header-logo img { max-height: 65px; } } .toggle-indicator { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; } .toggle-indicator__piece { display: block; position: absolute; top: 50%; left: 0; margin-top: -2px; transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out; } .toggle-indicator__piece::before { content: ''; display: block; width: 24px; height: 4px; background: #f3901d; transition: background 0.2s ease-out; } .page-header .toggle-indicator__piece::before { background: #f3901d; } .toggle-indicator__piece--1 { margin-top: -8px; } .toggle-indicator__piece--3 { margin-top: 4px; } .is-active .toggle-indicator__piece, .mobile-menu-is-open .page-header .toggle-indicator__piece { transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s; } .is-active .toggle-indicator__piece::before, .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #f3901d; } .is-active .toggle-indicator__piece--2, .mobile-menu-is-open .page-header .toggle-indicator__piece--2 { opacity: 0; } .is-active .toggle-indicator__piece--1, .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { margin-top: -2px; } .is-active .toggle-indicator__piece--1, .mobile-menu-is-open .page-header .toggle-indicator__piece--1 { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .is-active .toggle-indicator__piece--3, .mobile-menu-is-open .page-header .toggle-indicator__piece--3 { -ms-transform: rotate(45deg); transform: rotate(45deg); } .mobile-menu-is-open .page-header .toggle-indicator__piece::before { background: #f3901d; } .header-utility__list { list-style: none; margin: 0; } .header-utility__item { display: inline-block; } .header-utility__item a, .header-list.header-share a, .header-list.header-translate a { color: #bfd1dd; display: block; font-size: 14px; padding: 12px 6px; } .header-utility__item a:hover, .header-utility__item a:focus { color: #f3901d; } .header-utility__item--highlight > a { padding-left: 12px; padding-right: 12px; background: #f3901d; color: #fff; border-radius: 3px; } .header-utility__item--highlight > a:hover, .header-utility__item--highlight > a:focus { background: #ffb057; color: #fff; } .header-utility__icon { color: #f3901d; } .header-utility .icon-language { font-size: 26.4px; position: relative; top: 3px; } .header-utility .fa-share-alt { font-size: 18px; margin-left: 6px; } @media (max-width: 959.97px) { .header-utility { padding: 18px 24px; text-align: center; font-size: 16px; } .header-list.header-share a { display: inline-block; } .header-list.header-share a span { font-size: 24px; } } /*! account for utility nav dropdowns */ .header-list { list-style: none; margin-left: 0; } .header-list__item > ul { list-style: none; margin: 0; } @media (max-width: 959.97px) { .header-list { margin-top: 24px; text-align: center; } .header-list__item { display: block; } .header-list__item > a { font-weight: 700; } .header-list__item > a > .fas { display: none; } .header-list__item > ul a { padding: 6px 6px 6px 24px; } .header-list__item > ul > li { display: inline-block; } } @media (min-width: 960px) { .header-list { margin-left: 12px; } .header-list__item { position: relative; } .header-list__item > ul { min-width: 40em; padding: 12px 0; position: absolute; left: 50%; top: 100%; border: 1px solid #f7f9fa; text-align: left; background: #fff; opacity: 0; visibility: hidden; -ms-transform: translateX(-50%) translateY(-12px); transform: translateX(-50%) translateY(-12px); z-index: -1; transition: all 0.25s ease-out; } .header-list__item > ul::before, .header-list__item > ul::after { content: ''; display: block; width: 0; height: 0; border: 12px solid transparent; border-top-width: 0; border-bottom-color: #f7f9fa; position: absolute; left: 48%; margin-left: -12px; bottom: 100%; z-index: 1; } .header-list__item > ul::after { margin-bottom: -1px; border-bottom-color: #fff; z-index: 2; } .header-list__item > ul > li > a { padding: 6px 12px; color: #4d5362; } .header-list__item > ul.header-user__actions { /* left: 35%; top: 100%; */ right: 45px; top: 37px; } .header-list.header-share .header-list__item > ul.header-user__actions { left: 35%; top: 100%; text-align: center; } .header-list.header-translate { width: 120px; top: 100%; } .translate select { opacity: 0 } .translate:hover select { opacity: 1; } .header-list.header-share ul { min-width: 12em; } .header-list.header-share .header-list__item > ul.header-user__actions a { display: inline-block; color: #ee9200; font-size: 30px; } .header-list__item:hover > ul, .header-list__item:focus > ul { opacity: 1; visibility: visible; -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); z-index: 4; } .header-share { position: absolute; right: 210px; } .header-list.header-share { width: 100px; } .translate { position: absolute; right: 310px; top: -5px; } .translate label { color: #2c3843; } .header-utility__list { display: inline-block; vertical-align: middle; } .dropdown { color: transparent; position: absolute; top: 5px; right: 0; width: 30px; height: 30px; } } .header-user__welcome { color: #f3901d; font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif; font-size: 36px; font-style: italic; } .header-user__welcome, .header-user__actions { display: inline-block; vertical-align: middle; } .header-user__action { display: inline-block; padding: 6px; color: #fff; } .header-user__action:hover, .header-user__action:focus { color: #f3901d; } @media (min-width: 960px) { .header-user { position: absolute; right: -42px; top: -37px; z-index: 10; } .header-user__welcome { font-size: 24px; margin-right: 18px; } } .header-search { position: relative; } .header-search__label { display: block; position: absolute; top: 1px; left: 1px; padding: 12px; margin: 0; opacity: 0.3; font-size: 18px; } .header-search__label:hover, .header-search__label:focus { opacity: 0.8; } .header-search__input { display: block; width: 100%; padding: 12px 72px 12px 24px !important; margin: 0 !important; border: 1px solid rgba(0, 0, 0, 0.2) !important; font-size: 18px; line-height: 24px; background: #fff; } .header-search__input::placeholder, .header-search__input::-webkit-input-placeholder, .header-search__input:-ms-input-placeholder { color: rgba(3, 13, 16, 0.8); } .header-search__submit { display: block; width: 60px; padding: 13px 0; position: absolute; right: 0; top: 0; text-align: center; background: #f3901d; font-weight: 700; color: #a8b0b5; } @media (max-width: 959.97px) { .header-search { margin-top: -1px; } .header-search__label { display: none; } } @media (min-width: 960px) { .header-search { width: 110px; position: absolute; right: 0; } @supports (left: calc(100% - 60px)) { .header-search { width: auto; left: calc(100% - 110px); transition: left 0.15s ease-out; } } .header-search.is-focused { width: 100%; } @supports (left: calc(100% - 60px)) { .header-search.is-focused { width: auto; left: 0; } } .header-search.is-focused .header-search__input { right: 0; } .header-search.is-focused .header-search__text { display: none; } .header-search__label { position: absolute; top: 50%; color: #f3901d; opacity: 1; cursor: pointer; z-index: 2; -ms-transform: translateY(-50%); transform: translateY(-50%); } .header-search__text { color: #bfd1dd; font-size: 14px; font-weight: 400; padding-right: 6px; } .header-search__label:hover, .header-search__label:focus { color: #76848f; } .header-search__input { position: absolute; top: 50%; right: -90px; padding-left: 42px !important; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.01; } .header-search__input:focus { opacity: 1; } .header-search__submit { display: none; } } .header-nav ul { list-style: none; margin: 0; } .header-nav li { position: relative; } .header-nav a { display: inline-block; } .header-nav > ul > li > a, .header-nav div > ul > li > a { color: #fff; font-size: 18px; } .header-nav li li { padding-bottom: 12px; } .header-nav li li li { padding-bottom: 0; } .header-nav li li a { color: #fff; font-size: 18px; padding-bottom: 12px; } .header-nav li li li a { color: #fff; font-size: 14px; } .header-nav li li li a { color: #fff; padding-bottom: 10px; } .header-nav li li li li { list-style: disc; margin-left: 40px; color: #fff; } .header-nav li li li li a { color: #fff; } .header-nav__toggle { display: none; } @media (max-width: 959.97px) { .header-nav { background: #030c11; } .header-nav a { padding: 14px 60px 14px 24px; border-bottom: 1px solid #a8b0b5; } .header-nav li li a { padding-left: 48px; border-bottom-color: rgba(168, 176, 181, 0.5); font-size: 14px; } .header-nav li li li a { padding-left: 72px; font-size: 12px; } .header-nav li li li li a { padding-left: 96px; } .header-nav > ul > li > a, .header-nav div > ul > li > a { color: #fff; } .header-nav > ul > li > ul a, .header-nav div > ul > li > ul a { color: #f7f9fa; } .js .header-nav li ul { overflow: hidden; max-height: 0; transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1); } .js .header-nav li ul.is-active { max-height: 100em; transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1); } .header-nav__toggle { width: 60px; height: 48px; position: absolute; right: 0; top: 0; background: #030c11; overflow: hidden; text-indent: 100%; white-space: nowrap; } .js .header-nav__toggle { display: block; } .header-nav__toggle::before { content: ''; display: block; width: 0; height: 0; border: 10px solid transparent; border-bottom-width: 0; border-top-color: #a8b0b5; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -5px; -ms-transform: scaleX(0.6); transform: scaleX(0.6); transition: transform 0.2s ease-out; } .header-nav__toggle.is-active::before { border-top-color: #bfd1dd; transform: scaleX(0.6) rotateX(180deg); } .header-nav__callout-link { padding-left: 24px !important; padding-right: 24px !important; } .header-nav__callout { margin-top: 25px; margin-bottom: 0; text-align: center; margin-left: auto; margin-right: auto; } .header-nav__callout-link { padding-left: 24px !important; font-size: 14px; font-weight: normal; } .header-callout-text { max-width: 250px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; text-align: center; margin-left: auto; margin-right: auto; } a:hover .header-callout-text { color: #fff !important; } .header-nav__callout a.button.button--highlight__invert.small-invert { font-size: 14px; padding-bottom: 25px; } .header-nav li li li li { list-style: none !important; } ul#expand-subnavigation-for-pane, ul#expand-subnavigation-for-pane-1, ul#expand-subnavigation-for-pane-2, ul#expand-subnavigation-for-pane-3, ul#expand-subnavigation-for-pane-4, ul#expand-subnavigation-for-pane-5 { min-height: 0 !important; } } @media (min-width: 960px) { .header-nav > ul, .in-this-section.community-events ul, .header-nav div > ul, .header-nav__sf-wrapper > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; } .header-nav > ul > li, .header-nav div > ul > li, .in-this-section.community-events > ul > li, .in-this-section.community-events div > ul > li { display: inline-block; -ms-flex: 1 0 auto; flex: 1 0 auto; position: static; } .header-nav > ul > li > ul.has-callout, .header-nav__sf-list > li > ul.has-callout { /* min-height: 350px; */ padding-right: 33.3%; } .header-nav > ul > li > a, .header-nav div > ul > li > a { padding: 24px 0; position: relative; } .in-this-section.community-events > ul > li > a, .in-this-section.community-events div > ul > li > a { padding: 7px 0; position: relative; } .header-nav > ul > li > a:hover, .header-nav > ul > li > a:focus, .header-nav div > ul > li > a:hover, .header-nav div > ul > li > a:focus { color: #76848f; } .header-nav .is-current > a { color: #ee9200; } .header-nav__callout { width: 250px !important; position: absolute !important; right: 45px; top: 36px; padding-left: 24px !important; } .header-nav__callout-link { padding: 0 !important; font-size: 14px; font-weight: normal; } .header-callout-text { max-width: 250px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; } a:hover .header-callout-text { color: #fff !important; } .header-nav__callout a.button.button--highlight__invert.small-invert { font-size: 14px; } } @media (min-width: 1600px) { .header-nav > ul, .header-nav div > ul { max-width: 95%; } } /*! megamenu-style dropdowns */ @media (min-width: 960px) { .generated-column:first-child { padding-left: 0; } .generated-column--1-3 { width: 33.3%; } .generated-column { float: left; padding: 0 24px; padding-left: 24px; } .header-nav > ul > li > a::before, .header-nav div > ul > li > a::before { content: ''; display: block; width: 20px; height: 20px; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; background: #2b3942; border: solid #f3901d; border-width: 5px 5px 0 0; -ms-transform: scaleY(0.33) rotate(-45deg); transform: scaleY(0.33) rotate(-45deg); opacity: 0; visibility: hidden; z-index: -1; transition: opacity 0.06s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; } .header-nav > ul > li > ul, .header-nav div > ul > li > ul { position: absolute; left: 0; right: 0; top: 85%; padding: 36px 48px; border-top: 2px solid #f3901d; text-align: left; background: #2b3942; opacity: 0; z-index: -1; visibility: hidden; transition: opacity 0.1s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s; box-shadow: 0 1px 0 #2b3942, -1199px 0 0 #030c11, 1199px 0 0 #030c11, -1199px 1px 0 #2b3942, 1199px 1px 0 #2b3942; } .header-nav > ul > li > ul > li, .header-nav div > ul > li > ul > li { display: inline-block; vertical-align: top; width: 32%; padding-bottom: 24px !important; } .header-nav > ul > li > ul > li > a, .header-nav div > ul > li > ul > li > a { font-size: 18px; color: #fff; padding-bottom: 6px; } .header-nav > ul > li > ul > li > ul, .header-nav div > ul > li > ul > li > ul { padding-top: 12px; border-top: 1px solid #2b3942; } .header-nav > ul > li > ul > li > ul a, .header-nav div > ul > li > ul > li > ul a { color: #fff; } .header-nav > ul > li > ul a:hover, .header-nav > ul > li > ul a:focus, .header-nav div > ul > li > ul a:hover, .header-nav div > ul > li > ul a:focus { color: #f3901d; } .header-nav > ul > li:hover > a, .header-nav div > ul > li:hover > a { color: #f3901d; } .header-nav > ul > li:hover > a::before, .header-nav div > ul > li:hover > a::before { opacity: 1; visibility: visible; z-index: 101; transition: opacity 0.15s ease-out 0.575s, z-index 0s linear 0.575s, visibility 0s linear 0.575s; } .header-nav > ul > li:hover > ul, .header-nav div > ul > li:hover > ul { opacity: 1; z-index: 100; visibility: visible; transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s; overflow: auto !important; } } /*! ---------- =header layout ---------- */ .header-logo { float: left; } .header-logo img { min-width: 192px; } .header-utility__secondary span { color: #fff; font-size: 16px; } @media (max-width: 959.97px) { .header-utility { padding-bottom: 0; padding-top: 0; } .header-utility__secondary { padding-top: 24px; } .header-user { order: 7; text-align: center; } ul.header-user__actions li { clear: both; width: 100%; } } @media (min-width: 960px) { .page-header { border-top: 48px solid transparent; } .page-header::before { content: ''; display: block; height: 48px; position: absolute; left: 0; right: 0; bottom: 100%; background: #2B3942; z-index: 2; } .page-header > .page-bounds, .page-header > .alternate-background__content, .page-header > .section-events__content { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: justify; justify-content: space-between; } .page-header__content { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } .header-logo { max-width: 25%; margin-right: 75px; } .header-logo > a { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; /* height: 140px; */ padding: 0 0; } .header-logo img { max-height: 100%; } .header-utility, .header-search { position: absolute; bottom: 100%; z-index: 3; } .header-utility { right: 110px; } .header-utility__secondary { left: 0; } .header-utility__secondary .header-utility__item a::after { background: #415663; content: ''; display: inline-block; height: 20px; margin-left: 12px; position: relative; top: 5px; width: 1px; } .header-utility__secondary .header-utility__item:last-child a::after { display: none; } .header-search { width: auto; right: 0; } .header-nav > ul > li > a, .header-nav div > ul > li > a { padding-top: 24px; padding-bottom: 24px; }/*! disclosure search */ .header-search { z-index: 3; margin-bottom: 24px; }/*! sticky header */ .content { padding-top: 215px; } .page-header, .page-header::before, .header-utility, .header-search { transition: transform 0.2s ease; } body.is-scrolled .page-header { -ms-transform: translateY(-192px); transform: translateY(-192px); } body.is-scrolled .page-header::before, body.is-scrolled .header-utility, body.is-scrolled .header-search, body.is-scrolled .header-user { -ms-transform: translateY(192px); transform: translateY(192px); transition: transform 0.2s ease 0.2s; } } @media (min-width: 960px) and (max-width: 1295px) { .header-utility__secondary span { display: none; } .header-utility__item a { padding: 12px 0 12px 10px; } .header-utility__secondary .header-utility__item a{ padding: 12px 0; } .header-utility__secondary .header-utility__item a::after { margin-left: 6px; } .header-nav > ul > li > a { font-size: 14px; } .header-logo { margin-right: 10px; max-width: 20%; } } /*! ---------- =footer common ---------- */ .page-footer { padding: 0 24px; position: relative; } .page-footer .page-bounds, .page-footer .alternate-background__content, .page-footer .section-events__content { position: relative; } @media (min-width: 768px) { .page-footer { padding: 0 48px; } } /*! ---------- =footer style ---------- */ /*! solid footer style */ .page-footer { padding-top: 48px; padding-bottom: 24px; background: #030c11; color: #bfd1dd; } .page-footer a { color: #d5dade; font-weight: 700; } .page-footer a:hover, .page-footer a:focus { color: #f3901d; text-decoration: none; } .page-footer .footer-trending__title, .page-footer .footer-actions__title { color: #bfd1dd; } @media (min-width: 768px) { .page-footer { padding-top: 72px; } } /*! ---------- =footer components ---------- */ .footer-back-top { background: #27343c; font-size: 14px; font-weight: 400; padding: 6px 24px; text-align: center; position: fixed; bottom: 0; z-index: 999; width: 100%; } .footer-copyright { margin-bottom: 45px; } /*.footer-back-top { background: #27343c; font-size: 18px; font-weight: 400; padding: 6px 24px; text-align: center; position: fixed; right: 25px; bottom: 50%; z-index: 999; width: 30px; height: 30px; border-radius: 50%; }*/ .footer-back-top a { color: #798a94; } .footer-back-top .icon-chevron::before { -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .footer-tagline { background: #f3901d; color: #fff; font-weight: 700; left: 0; padding: 12px; position: absolute; right: 0; top: 0; font-size: 24px; } @media (min-width: 768px) { .footer-tagline { left: auto; padding-left: 24px; width: 50%; transform: translateX(-36px); } .footer-tagline::before { background: #f3901d; content: ''; display: inline-block; height: 100%; position: absolute; right: -25px; top: 0; -ms-transform: skewX(-24deg) translateX(-14px); transform: skewX(-24deg) translateX(-14px); width: 29px; } } @media (min-width: 960px) { .footer-tagline { width: 37%; } } .footer-logo { border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-align: center; } .footer-logo a { display: inline-block; max-width: 100%; margin: 0 auto; } @media (min-width: 768px) { .footer-logo { border-bottom: 0; margin-right: 12px; } } @media (min-width: 960px) { .footer-logo { border-right: 0; margin-right: auto; } .footer-logo::after { /* background: #6a747b; */ content: ''; display: inline-block; height: 108px; margin-left: 24px; position: relative; -ms-transform: skewX(-8deg); transform: skewX(-8deg); width: 1px; } } .footer-social__icon { display: inline-block; vertical-align: middle; padding: 3px; font-size: 20px; } .footer-utility__list { list-style: none; margin: 0; } .footer-utility__item { display: inline-block; vertical-align: middle; } .footer-utility__item a { color: #f3901d; font-size: 14px; padding: 6px; } .footer-utility__item a:hover, .footer-utility__item a:focus { color: #f7f9fa; } @media (min-width: 480px) { .footer-utility__item a { padding: 6px 12px; } } .footer-copyright { color: #798a94; font-size: 14px; } @media (min-width: 768px) { .footer-copyright { text-align: right; } } /*! ---------- =footer layouts ---------- */ @media (max-width: 767px) { .page-footer { text-align: center; } .footer-logo img { min-width: 192px; } .footer-social, .footer-contact, .footer-utility, .footer-copyright { margin-top: 24px; } } @media (min-width: 768px) { .footer-logo { width: 30%; float: left; padding-right: 16.8px; } .footer-logo img { min-width: 220px; } .page-footer__content { padding-left: 7.2px; overflow: hidden; } .footer-social { margin-top: 18px; margin-left: -3px; } .footer-utility { margin-top: 12px; margin-left: -12px; } .footer-copyright { margin-top: 12px; margin-left: 30%; padding-left: 7.2px; } } @media (min-width: 960px) { .footer-contact, .footer-social { width: 57.14286%; width: calc(57.14286% - 7.2px); float: left; clear: left; margin-right: 12px; } .footer-contact { line-height: 36px; } .footer-utility { overflow: hidden; margin: 0; position: relative; z-index: 1; } .footer-copyright { margin-top: 24px; } } @media (min-width: 1200px) { .footer-logo { width: 20%; float: left; padding-right: 16.8px; } .footer-logo img { min-width: 220px; margin-top: -20px; } } @media (min-width: 1296px) { .footer-social { float: none; letter-spacing: 4px; position: absolute; -ms-transform: translate(300px, -14px); transform: translate(300px, -14px); } .header-utility__secondary .header-utility__list:before { content: "Business Solutions: "; color: #bfd1dd; font-size: 14px; font-weight: bold; margin-right: 10px; } } @media (min-width: 1297px) { .footer-social { margin-top: 60px; } } /* ---------- =interior common ---------- */ .page-title { text-transform: none; } .page-title + .breadcrumbs { margin-top: -24px; } .content-breadcrumb { margin-bottom: 12px; } /* ---------- =interior components ---------- */ .title-block { margin: -24px -24px 24px; padding: 36px 24px; background: #030c11; position: relative; overflow: hidden; } .title-block::before { content: ''; display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; background: rgba(3, 12, 17, 0.7); z-index: 2; } .title-block__background img { min-width: 100%; min-height: 100%; position: absolute; right: 0; top: 0; -ms-transform: translate(0, 0); transform: translate(0,0); } .title-block__content, .title-block__content a, .title-block .breadcrumbs a, .title-block .page-title { color: #fff; } .title-block__content { position: relative; z-index: 3; } .title-block__content a { font-weight: 700; } .title-block .breadcrumbs a { color: #f3901d; font-weight: 400; } .title-block__content a:hover, .title-block__content a:focus, .title-block .breadcrumbs a:hover, .title-block .breadcrumbs a:focus { color: #fff; text-decoration: underline; } .title-block .breadcrumbs { margin-bottom: 12px; } @media (min-width: 768px) { .title-block { margin: -48px -48px 48px; padding: 132px 48px 48px; } .title-block::before { background: #030c11; border-right: 12px solid #f3901d; opacity: 0.8; -ms-transform: skewX(16deg) translateX(-50.4px); transform: skewX(-16deg) translateX(-50.4px); width: 75%; } .title-block__content { padding-right: 264px; } } .title-block.news-block { padding-top: 48px; padding-bottom: 0; background: #e9edf0; } .title-block.news-block::before { background: #e9edf0; border-right: none; } .title-block.news-block h1.page-title { color: #4a555c; font-size: 30px; line-height: 36px; } @media (min-width: 960px) { .title-block { padding-top: 96px; padding-bottom: 96px; } } .breadcrumbs { font-size: 16px; margin-bottom: 24px; } .breadcrumbs a { color: #f3901d; opacity: 0.9; } .breadcrumbs a:hover, .breadcrumbs a:focus { color: #76848f; opacity: 1; } .breadcrumbs span { display: inline-block; margin: 0 0.3em; opacity: 0.4; } .title-block.news-block .breadcrumbs { color: #f3901d; } .in-this-section { background: #f7f9fa; } .in-this-section a { color: #4d5362; display: block; padding: 6px 0; } .in-this-section a:hover, .in-this-section a:focus { color: #e37f0d; } .in-this-section > ul { list-style: none; margin: 0 24px 24px; padding-bottom: 24px; } .in-this-section ul ul { display: none; list-style: none; margin: 0; padding-left: 24px; } .in-this-section ul ul a { font-size: 16px; } .in-this-section .is-current > ul { display: block; } .in-this-section .is-current > a { color: #f3901d; } @media (max-width: 959px) { .in-this-section.community-events { width: 100%; } .in-this-section__toggle { background: #4a555c; color: #fff; display: block; margin-bottom: 24px; padding: 12px; text-align: left; width: 100% !important; } .no-js .in-this-section__toggle { display: none; } .js .in-this-section > ul { display: none; } .js .in-this-section > ul.is-active { display: block; margin-top: 12px; } .in-this-section.community-events { background: none; } .js .in-this-section.community-events > ul.is-active { background: #f7f9fa; padding: 0 0 12px 0; margin: -24px 0 0 0 !important; } .js .in-this-section.community-events > ul.is-active li { padding-left: 24px; } .js .in-this-section.community-events > ul.is-active li:first-child { padding-top: 12px; } .in-this-section.community-events { margin-bottom: -45px; } } @media (min-width: 960px) { .in-this-section { padding: 12px 12px 0; } .in-this-section__toggle { background: #4a555c; color: #fff; cursor: default; font-size: 16px; line-height: 48px; margin-bottom: 12px; padding: 0 24px 0 36px; position: relative; text-transform: lowercase; -ms-transform: translateX(-32px); transform: translateX(-32px); } .in-this-section.community-events .in-this-section__toggle { display: none; } .in-this-section.community-events { background: none; width: 100%; } .in-this-section.community-events ul { margin-top: -10px; } .in-this-section.community-events ul li { background: #f3901d; margin-right: 24px; border-radius: 4px; } .in-this-section.community-events.acpn ul li { background: #74bd43; } .in-this-section.community-events.AWDA ul li { background: #015998; } .in-this-section.community-events.ccpn ul li { background: #9b4856; } .in-this-section.community-events.FMC ul li { background: #7ac24f; } .in-this-section.community-events.HDDA ul li { background: #929089; } .in-this-section.community-events.IMPORT ul li { background: #007bc4; } .in-this-section.community-events.PBES ul li { background: #00aa90; } .in-this-section.community-events.REPS ul li { background: #e47d1d; } .in-this-section.community-events.tool ul li { background: #815474; } .in-this-section.community-events.UTIC ul li { background: #559cbe; } .in-this-section.community-events.wiac ul li { background: #9f3059; } .in-this-section.community-events.yang ul li { background: #7a98ab; } .in-this-section.community-events ul li a { color: #fff; } .in-this-section.community-events ul li:hover { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); color: #fff; -ms-transform: translateY(-2px); transform: translateY(-2px); } .in-this-section__toggle .toggle-indicator { display: none; } .in-this-section__toggle::after { background: inherit; content: ''; display: inline-block; height: 100%; position: absolute; right: -12px; top: 0; -ms-transform: skewX(-20deg); transform: skewX(-20deg); width: 24px; } .interior-layout .in-this-section { margin-top: -6px; } } /* ---------- =interior layout ---------- */ .interior-layout__nav, .interior-layout__main { margin-bottom: 24px; } @media (min-width: 960px) { .interior-layout__nav { margin-bottom: 0; } .interior-layout__nav > *:last-child { margin-bottom: 48px; } .interior-layout__title { margin-bottom: 24px; } .interior-layout__main { margin-bottom: 48px; } .interior-layout__nav { width: 30%; float: right; clear: right; position: relative; z-index: 2; } .interior-layout__aside { width: 30%; float: right; clear: right; overflow: hidden; position: relative; z-index: 2; } .interior-layout__main { width: 70%; padding-right: 48px; float: left; } .interior-layout__main p { font: 18px/30px "Open Sans", Helvetica, Arial, sans-serif; } } /*! ---------- =buttons ---------- */ .button, .sf-fieldWrp button, .captcha button, .captcha a { background: #f3901d; border: 1px solid #f3901d; border-radius: 4px; color: #fff; display: inline-block; font-size: 15px; letter-spacing: 0.1rem; line-height: 24px; padding: 18px 36px; text-align: center; text-transform: uppercase; transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out; vertical-align: middle; } .captcha { width: 30%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-top: 25px; } .captcha button, .captcha a { /* margin-top: 25px; padding: 18px 12px; line-height: 12px; float: left; margin-right: 25px; margin-bottom: 25px; */ display: none; } .button::after { content: '\e806'; display: inline-block; font-family: "Fontello"; margin-left: 12px; opacity: 0.7; transition: all 0.15s ease-out; } .search-current-tags .button { margin-bottom: 25px; } .search-current-tags .far.fa-times-circle { font-size: 18px; } .search-current-tags .button::after { content: ''; display: none; } .button:hover, .button:focus { background: #e37f0d; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); color: #fff; -ms-transform: translateY(-2px); transform: translateY(-2px); } .button:hover::after, .button:focus::after { -ms-transform: translateX(2px); transform: translateX(2px); } .button:focus { outline: 1px dashed rgba(255, 255, 255, 0.8); outline-offset: -6px; } .button:active { -ms-transform: translateY(0); transform: translateY(0); box-shadow: none; transition: none; } .button--large { display: block; width: auto; max-width: 100%; } .button--large + .button--large { margin-left: 0; margin-top: 12px; } .button--small { padding: 6px 12px; font-size: 14px; } .button--small__light, .button--small__dark { background: rgba(255, 255, 255, 0); border: 0; border-radius: 0; padding: 6px 24px; } .button--small__light::after, .button--small__dark::after { color: #f3901d; opacity: 1; } .button--small__light:hover, .button--small__light:focus, .button--small__dark:hover, .button--small__dark:focus { background: rgba(255, 255, 255, 0); border: 0; box-shadow: none; } .button--small__light { color: #bfd1dd; } .button--small__dark { color: #4d5362; } .button--small__dark:hover, .button--small__dark:focus { color: #f3901d; } .button--highlight { background: rgba(255, 255, 255, 0); border-color: #6a747b; color: #f3901d; } .button--highlight::after { color: #6a747b; opacity: 1; } .button--highlight:hover, .button--highlight:focus { background: rgba(255, 255, 255, 0); color: #6a747b; } .button--highlight__invert { background: rgba(255, 255, 255, 0); border-color: #6a747b; color: #fff; } .button--highlight__invert::after { color: #f3901d; opacity: 1; } .button--highlight__invert:hover, .button--highlight__invert:focus { background: rgba(255, 255, 255, 0); color: #f3901d; } .button--action { background: #569bbe; border-color: #569bbe; } .button--action:hover, .button--action:focus { background: #39677e; border-color: #39677e; } .button--simple { background: #fff; border: 1px solid #d5dade; color: #4d5362; font-weight: 400; } .button--simple::after { display: none; } .button--simple:hover, .button--simple:focus { background: #f7f9fa; color: #a8b0b5; border-color: #a8b0b5; } .button--warn { background: #941; border-color: #941; } .button--warn:hover, .button--warn:focus { background: #6b300c; border-color: #6b300c; } .button--cancel { background: rgba(255, 255, 255, 0); border: 1px solid #a8b0b5; color: #4d5362; font-weight: 400; } .button--cancel::after { opacity: 1; } .button--cancel:hover, .button--cancel:focus { background: rgba(255, 255, 255, 0); color: #2b3942; border-color: #2b3942; } .button-group { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-top: -12px; margin-right: -6px; margin-left: -6px; } .button-group > .button { -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 12px 6px 0; } .button.even-buttons { width: 100%; } @media (max-width: 959px) { .button-group.community .button, .button-group.event .button { width: 100%; margin-bottom: 25px; } .button-group.community, .button-group.event { margin-bottom: 65px; } } @media (min-width: 720px) and (max-width: 959px) { .button-group.community, .button-group.event { margin-bottom: 65px; } } @media (min-width: 960px) { .button-group.community, .button-group.event { margin-top: -70px; z-index: 10; position: relative; margin-bottom: 45px; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; } .button-group.community .button, .button-group.event .button { margin-right: 12px; } } @media (min-width: 1100px) { .button-group.community .button, .button-group.event .button { margin-right: 45px; } } /*! ---------- =lists ---------- */ .item-list { list-style: none; margin-left: 0; } .item-list:not(:last-child) { margin-bottom: 48px; } .item-list + .button { margin-top: -24px; } .item-list__item + .item-list__item { border-top: 1px solid #d1dde2; margin-top: 24px; padding-top: 24px; } .item-list__item.no-border + .item-list__item.no-border { border-top: none; margin-top: 24px; padding-top: 24px; } .item-list__thumbnail { display: block; width: 150px; max-width: 150px; float: left; margin-right: 24px; } .item-list__thumbnail.grid-view { float: none !important; margin: 0 auto; text-align: center; } .item-list__thumbnail.grid-view img { border-radius: 50%; width: 150px; text-align: center; margin: 0 auto; } .item-list__content { overflow: hidden; } .item-list__category { background: #4a555c; color: #fff; font-size: 16px; padding: 6px 0 6px 0; position: relative; text-align: center; text-transform: lowercase; } .item-list__category.search-list { margin-left: 160px; max-width: 200px; } .item-list__category a { color: #fff; } .item-list__category a:hover, .item-list__category a:focus { color: #fff !important; } .item-list__category::before { background: #4a555c; content: ''; display: inline-block; height: 100%; position: absolute; right: -24px; top: 0; -ms-transform: skewX(-24deg) translateX(-14px); transform: skewX(-24deg) translateX(-14px); width: 29px; } .item-list__category.news-columns { margin-left: 120px; } .item-list__title { font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif; font-size: 20px !important; font-weight: 700 !important; line-height: 24px !important; margin: 0; color: #09132c; /* color: #f3901d; */ } .item-list__title:hover, .item-list__title:focus { color: #76848f; } .item-list__title.no-hover:hover, .item-list__title.no-hover:focus { color: #09132c; } .item-list__date { margin: 6px 0 0; font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif; /* font-style: italic; */ opacity: 0.7; line-height: 30px; } .item-list__location { margin: 6px 0 0; opacity: 0.5; } .item-list__description { margin: 6px 0 0; line-height: 30px; } #filter-by-content-type-pane a, #filter-by-event-type-pane a, #filter-by-news-type-pane a, #filter-by-topic-pane a, #Searchrefine a { font-size: 16px !important; line-height: 20px !important; font-weight: normal !important; opacity: 1 !important; } @media (min-width: 720px) { /* .item-list__description { margin: 6px 0 0 175px; } */ .item-list__description.home-events, .item-list__description.raised-carousel, .item-list__description.icon-carousel-description, .item-list__description.not-indented, .horizontal-scroll__content.card .item-list__description { margin: 6px 0 0 0; } } @media (max-width: 479px) { .item-list__thumbnail { float: none; margin: 0 auto 12px; } } /*! grid-style lists */ .item-list--grid .item-list__thumbnail { width: 100%; max-width: 100%; float: none; margin: 0 auto 12px; } .item-list--grid .item-list__thumbnail img { width: 100%; } .item-list--grid .item-list__item + .item-list__item { border-top: 0; margin-top: 0; } /*! icon-style lists */ .item-list--icons .fas, .card .fas { color: #d5dade; font-size: 48px; margin-bottom: 12px; } .item-list__number { color: #f3901d !important; font-weight: 700; margin-bottom: 0; text-align: center; font-size: 24px !important; } .counter-numbers { color: #f3901d !important; font-weight: 700; margin-bottom: 0; text-align: center; font-size: 24px !important; line-height: 24px !important; } h3.animated fadeIn { color: #f3901d !important; font-weight: 700; margin-bottom: 0; text-align: center; font-size: 24px !important; display: inline-block; } .item-list__subtext { color: #4d5362 !important; font-size: 14px !important; text-align: center !important; } .item-list--icons .grid__unit { padding-bottom: 0; padding-top: 6px; } @media (min-width: 768px) { .item-list--icons .grid__unit { padding: 0 6px 6px 0; } } /*! horizontal scroller lists */ .horizontal-scroll { position: relative; } .horizontal-scroll:not(:last-child) { margin-bottom: 48px; } .horizontal-scroll__wrapper { width: 100%; overflow-y: hidden; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; /*hides scrollbar on IE, Edge, Firefox*/ -ms-overflow-style: none; } .js .horizontal-scroll__wrapper { -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } .js .horizontal-scroll__wrapper::-webkit-scrollbar, .horizontal-scroll__wrapper::-webkit-scrollbar { display: none !important; width: 0px; background: transparent; } .horizontal-scroll__contents { float: left; margin: 0; list-style: none; white-space: nowrap; word-spacing: -0.31em; } .horizontal-scroll__item { display: inline-block; vertical-align: middle; max-width: 25%; padding-left: 24px; white-space: normal; word-spacing: normal; } .horizontal-scroll__item.raised { display: inline-block; vertical-align: middle; max-width: 30%; padding-left: 24px; white-space: normal; word-spacing: normal; } .horizontal-scroll__item.raised:first-child { padding-left: 0; } .horizontal-scroll__item.raised:first-child, .horizontal-scroll__item.raised:nth-child(3), .horizontal-scroll__item.raised:nth-child(4), .horizontal-scroll__item.raised:nth-child(6), .horizontal-scroll__item.raised:nth-child(7), .horizontal-scroll__item.raised:nth-child(9), .horizontal-scroll__item.raised:nth-child(10), .horizontal-scroll__item.raised:nth-child(12), .horizontal-scroll__item.raised:nth-child(13), .horizontal-scroll__item.raised:nth-child(15) { margin-top: 45px; } .horizontal-scroll__item.icon-carousel { width: 20%; } .horizontal-scroll__item.sponsor-carousel { max-width: none; } .horizontal-scroll__item.icon-carousel span { color: #d5dade; font-size: 48px; margin-bottom: 12px; } .horizontal-scroll:last-child { padding-right: 12px; margin-left: -24px; } .horizontal-scroll__content { background: #f7f9fa; position: relative; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; } .horizontal-scroll__content:hover, .horizontal-scroll__content:focus { -ms-transform: translateY(-4px); transform: translateY(-4px); } .horizontal-scroll__content.new-scroll:hover, .horizontal-scroll__content.new-scroll:focus { -ms-transform: none; transform: none; } .horizontal-scroll__control { width: 100px; position: absolute; top: 0; bottom: 0; background: transparent; font-size: 28px; color: #f3901d; } .icon-carousel-controls .horizontal-scroll__control { top: -190px; } .horizontal-scroll__control--left { left: -100px; -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-carousel-controls .horizontal-scroll__control--left { left: auto; right: 10px; } .horizontal-scroll__control--right { right: -100px; } .icon-carousel-controls .horizontal-scroll__control--right { left: auto; right: -30px; } .horizontal-scroll__control:hover, .horizontal-scroll__control:focus { color: #f3901d; } .horizontal-scroll--is-at-start .horizontal-scroll__control--left, .horizontal-scroll--is-at-end .horizontal-scroll__control--right { color: #a8b0b5; cursor: default; } .horizontal-scroll .item-list__category { -ms-transform: translateX(-36px); transform: translateX(-36px); } .horizontal-scroll .item-list__date { color: #4d5362; font-size: 16px; font-style: normal; } .horizontal-scroll .item-list__location { color: #4d5362; font-size: 16px; } .horizontal-scroll .item-list__description { color: #4d5362; margin-bottom: 48px; margin-top: 12px; } .horizontal-scroll .item-list__button { background: #fff; bottom: 0; left: 0; padding: 6px 0; position: absolute; right: 0; } /* .horizontal-scroll__item.raised .horizontal-scroll__content.card { background-size: cover !important; background-position: top left; } .horizontal-scroll__item.raised .item-list__title a, .horizontal-scroll__item.raised .item-list__title, .item-list__description.raised-carousel { color: #fff; } */ .horizontal-scroll__item.raised img { margin-bottom: 25px; } @media (max-width: 1200px) { .horizontal-scroll__control { width: 50px; } /* .horizontal-scroll__control--left { left: -50px; } .horizontal-scroll__control--right { right: -50px; } */ } @media (max-width: 1250px) { .icon-carousel-container { margin-top: 75px; } } @media (max-width: 767px) { .horizontal-scroll__item { max-width: 45vw; } } @media (max-width: 767px) { .horizontal-scroll__item { max-width: 90vw; padding-left: 12px; padding-right: 24px; } .horizontal-scroll__controllers { margin: 24px; text-align: center; } .horizontal-scroll__control { position: relative; width: auto; } .horizontal-scroll__control--left { left: 0; } .horizontal-scroll__control--right { right: 0; } .icon-carousel-controls .horizontal-scroll__control { top: -200px; } .icon-carousel-controls .horizontal-scroll__control--left { left: auto; right: auto; margin-right: 20px; } .icon-carousel-controls .horizontal-scroll__control--right { left: auto; right: auto; } } /*! simple/category lists */ .item-list--simple .item-list__category { background: #569bbe; padding: 6px 6px 6px; } .item-list--simple .item-list__category::before { background: #569bbe; left: 0; } .item-list--simple .grid__unit { padding: 0 12px 6px 0; } .item-list--simple .item-list__title { font-weight: 700; } .item-list--simple .item-list__date { font-style: normal; } .item-list--simple .item-list__item { padding-left: 24px; padding-right: 24px; } .item-list--simple .item-list__item + .item-list__item { border-top: 0; margin-top: 0; } .item-list--simple .item-list__category { background: #569bbe; padding: 3px 12px 3px 18px; margin-left: 25px; font-size: 14px; display: inline-block; float: right; } @media (max-width: 959px) { .item-list--simple .item-list__category { float: none } } @media (min-width: 1500px) { .item-list--simple .item-list__category { margin-left: 25px; } } /*! featured lists */ .item-list { position: relative; overflow: hidden; } .item-list--featured .item-list__item { transition: all 0.15s ease-out; } .item-list--featured .item-list__item:hover .item-list__title, .item-list--featured .item-list__item:focus .item-list__title { color: #f3901d; } .item-list--featured .item-list__item:hover .item-list__container, .featured-active { padding-top: 240px; transition: all 0.15s ease-out; } @media (max-width: 959px) { .item-list--featured .item-list__item .item-list__container { padding-top: 240px; transition: all 0.15s ease-out; } } @media (min-width: 960px) { /*.item-list--featured .item-list__item:first-child .item-list__container { padding-top: 240px; }*/ .item-list--featured .item-list__item:hover .item-list__container { padding-top: 120px; transition: all 0.15s ease-out; } .item-list--featured .item-list__item:hover .item-list__container { padding-top: 240px; transition: all 0.15s ease-out; } } .item-list--featured .item-list__item + .item-list__item { border-top: 0; margin-top: 12px; } .item-list--featured .item-list__container { background-position: center; background-repeat: no-repeat; background-size: cover; } .item-list--featured .item-list__content { background: rgba(3, 12, 17, 0.7); padding: 24px 24px; position: relative; z-index: 5; } .item-list--featured .item-list__title { color: #fff; } .item-list--featured .item-list__title:hover, .item-list--featured .item-list__title:focus { color: #f3901d; } .item-list__content .item-list__title { max-width: 98%; display: block; } /*! ---------- =tabs, =modals ---------- */ .tabs--standard:not(:last-child) { margin-bottom: 48px; } .tabs--standard .tabs__tab { background: #f7f9fa; border: 1px solid #f7f9fa; border-bottom-color: #f3901d; color: #4d5362; cursor: pointer; display: inline-block; margin-bottom: -1px; opacity: 0.9; padding: 12px; position: relative; vertical-align: bottom; z-index: 2; } .tabs--standard .tabs__tab.is-active { background: #f3901d; border-color: rgba(255, 255, 255, 0); color: #fff; } .tabs--standard .tabs__tab:focus { outline: 1px dashed rgba(128, 128, 128, 0.8); outline-offset: -6px; } .tabs--standard .tabs__pane { border: 1px solid #f3901d; padding: 24px; display: none; } .tabs--standard .tabs__pane.is-active { display: block; } .tabs--vertical { margin-bottom: 48px; } .tabs--vertical .tabs__tab { background: #f7f9fa; color: #4d5362; padding: 12px; } .tabs--vertical .tabs__tab.is-active { color: #f3901d; background: #fff; } .tabs--vertical .tabs__tab:focus { outline: 1px dashed #a8b0b5; outline-offset: -6px; } .js .tabs--vertical .tabs__pane:not(.is-active) { display: none; } @media (min-width: 480px) { .tabs--standard .tabs__tab { padding: 18px 24px; font-weight: 600; } } @media (max-width: 767px), (min-width: 960px) and (max-width: 1101px) { .tabs--standard, .tabs--vertical { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; } .tabs--standard .tabs__tab, .tabs--standard .tabs__pane, .tabs--vertical .tabs__tab, .tabs--vertical .tabs__pane { -ms-flex: 0 0 auto; flex: 0 0 auto; } .tabs--standard .tabs__tab, .tabs--vertical .tabs__tab { -ms-flex-order: 1; order: 1; border: 1px solid #f7f9fa; } .tabs--standard .tabs__tab ~ .tabs__tab, .tabs--vertical .tabs__tab ~ .tabs__tab { margin-top: 6px; } .tabs--standard .tabs__tab.is-active, .tabs--vertical .tabs__tab.is-active { border-color: #a8b0b5 #a8b0b5 #f7f9fa; } .tabs--standard .tabs__tab:nth-child(2), .tabs--vertical .tabs__tab:nth-child(2) { -ms-flex-order: 3; order: 3; } .tabs--standard .tabs__tab:nth-child(3), .tabs--vertical .tabs__tab:nth-child(3) { -ms-flex-order: 5; order: 5; } .tabs--standard .tabs__tab:nth-child(4), .tabs--vertical .tabs__tab:nth-child(4) { -ms-flex-order: 7; order: 7; } .tabs--standard .tabs__tab:nth-child(5), .tabs--vertical .tabs__tab:nth-child(5) { -ms-flex-order: 9; order: 9; } .tabs--standard .tabs__tab:nth-child(6), .tabs--vertical .tabs__tab:nth-child(6) { -ms-flex-order: 11; order: 11; } .tabs--standard .tabs__tab:nth-child(7), .tabs--vertical .tabs__tab:nth-child(7) { -ms-flex-order: 13; order: 13; } .tabs--standard .tabs__tab:nth-child(8), .tabs--vertical .tabs__tab:nth-child(8) { -ms-flex-order: 15; order: 15; } .tabs--standard .tabs__tab:nth-child(9), .tabs--vertical .tabs__tab:nth-child(9) { -ms-flex-order: 17; order: 17; } .tabs--standard .tabs__tab:nth-child(10), .tabs--vertical .tabs__tab:nth-child(10) { -ms-flex-order: 19; order: 19; } .tabs--standard .tabs__pane, .tabs--vertical .tabs__pane { -ms-flex-order: 2; order: 2; padding: 24px 12px; border: 1px solid #a8b0b5; border-top-width: 0; } .tabs--standard .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane { -ms-flex-order: 4; order: 4; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 6; order: 6; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 8; order: 8; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 10; order: 10; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 12; order: 12; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 14; order: 14; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 16; order: 16; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 18; order: 18; } .tabs--standard .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane, .tabs--vertical .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane + .tabs__pane { -ms-flex-order: 20; order: 20; } } @media (min-width: 768px) and (max-width: 959px), (min-width: 1101px) { .tabs--standard { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } .tabs--standard::before { /* remove sf pseudoel that messes with space-between */ display: none !important; } .tabs--standard .tabs__tab { -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 18px 24px; } .tabs--standard.tabs--2 .tabs__tab { width: 48%; -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-preferred-size: calc(50% - 6px); flex-basis: calc(50% - 6px); } .tabs--standard.tabs--3 .tabs__tab { width: 31%; -ms-flex-preferred-size: 33.3%; flex-basis: 33.3%; -ms-flex-preferred-size: calc(33.3% - 6px); flex-basis: calc(33.3% - 6px); } .tabs--standard.tabs--4 .tabs__tab { width: 22%; -ms-flex-preferred-size: 25%; flex-basis: 25%; -ms-flex-preferred-size: calc(25% - 6px); flex-basis: calc(25% - 6px); } .tabs--standard.tabs--5 .tabs__tab { width: 17%; -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-preferred-size: calc(20% - 6px); flex-basis: calc(20% - 6px); } .tabs--standard .tabs__pane { -ms-flex: 1 0 100%; flex: 1 0 100%; } .tabs--vertical .tabs__tab { width: 300px; float: left; clear: left; padding: 11px 17px; margin-bottom: 6px; border: 1px solid #f7f9fa; border-right-color: #a8b0b5; box-shadow: inset 6px 0 0 #a8b0b5; cursor: pointer; } .tabs--vertical .tabs__tab.is-active { background: #fff; border-color: #a8b0b5 #fff #a8b0b5 #a8b0b5; box-shadow: inset 6px 0 0 #f3901d; cursor: default; } .tabs--vertical .tabs__pane { padding: 24px; background: #fff; border-left: 299px solid #fff; box-shadow: inset 0 0 0 1px #a8b0b5; } .tabs--vertical .tabs__pane::after { content: ''; display: table; clear: both; margin: 30px 0 -30px; } } .accordion.home-page-news { } /* .accordion:not(:last-child) { margin-bottom: 48px; } */ .accordion__label { background: #f3901d url(/images/default-source/sitedesign/icon-plus-sign.png) no-repeat; background-position: 10px 15px; border: 1px solid #f7f9fa; color: #fff; cursor: pointer; display: block; font-size: 16px; font-weight: 600; overflow: hidden; padding: 12px 12px 12px 36px; order: 2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .accordion__label .fa-arrow-right { margin-left: 0.4em; transition: transform 0.15s ease-out; } .accordion__label:hover, .accordion__label:focus { background: #e37f0d url(/images/default-source/sitedesign/icon-plus-sign.png) no-repeat; background-position: 10px 15px; } .accordion__label.is-active { color: #f3901d; border-color: #f3901d #f3901d #f7f9fa #f3901d; background: #f7f7f7 url(/images/default-source/sitedesign/icon-minus-sign.png) no-repeat; background-position: 10px 15px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion__label.is-active .fa-arrow-right { -ms-transform: rotate(90deg); transform: rotate(90deg); } .accordion__label:focus { outline: 1px dashed rgba(128, 128, 128, 0.3); outline-offset: -6px; } .accordion__label ~ .accordion__label { margin-top: 6px; } .accordion__content { border: 1px solid #f3901d; border-top: none; padding: 24px 12px; transition: all 0.2s ease-out; overflow: hidden; } .accordion.home-page-news .accordion__content { border: none; padding: 24px 0; } .accordion.home-page-news .accordion__label, .accordion.home-page-news .accordion__label.is-active { border: none; background: rgba(0, 0, 0, 0.7); } .accordion.home-page-news .accordion__label.is-active { /* margin-top: -70px; padding-left: 25px; */ } .accordion.home-page-news .item-list__title:hover { color: #ee9100; } .accordion.home-page-news .accordion__label .fa-arrow-right { display: none; } .js .accordion__content:not(.is-active) { max-height: 0; padding-top: 0; padding-bottom: 0; border-width: 0 1px; visibility: hidden; opacity: 0; } .pagination { list-style: none; margin: 0 0 24px; } .pagination .overview { display: block; font-size: 16px; } .pagination li { display: inline-block; margin-bottom: 0.2em; } .pagination li a { display: block; width: 36px; padding: 6px 0; text-align: center; color: #4d5362; background: #f7f9fa; font-size: 16px; } .pagination li a:hover, .pagination li a:focus { color: #fff; background: #76848f; } .pagination .active a { font-weight: 700; color: #fff; background: #f3901d; } @media (min-width: 940px) { .pagination .overview { display: inline-block; margin-right: 1.5em; } } .js .modalbox { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 48px 24px; z-index: -1; overflow-y: auto; overscroll-behavior: none; -ms-overflow-style: none; scrollbar-width: none; visibility: hidden; opacity: 0; transition: all .2s ease-out; } .js .modalbox::-webkit-scrollbar { display: none; } .js .modalbox.is-active { opacity: 1; z-index: 999; visibility: visible; } .modalbox__close { display: none; justify-content: flex-end; align-items: flex-start; width: 100%; position: absolute; top: 0; right: 0; bottom: -1px; left: 0; padding: 24px 24px 0 0; font-size: 26px; line-height: 36px; color: #a1a5a8; background: rgba(2, 16, 26, .9); } .modalbox__close:hover, .modalbox__close:focus { color: #fbfcfd; } .js .modalbox__close { display: flex; } .modalbox__content { width: 100%; max-width: 1080px; max-height: calc(100vh - (2 * 24px)); margin: 24px 0; padding: 24px; border-radius: 5px; border: 1px solid #eef1f2; background: #fff; position: relative; overflow: hidden; z-index: 2; } .modalbox__content--thin { max-width: 540px; } .js .modalbox__content { overflow-y: auto; overscroll-behavior: contain; } @media(min-width: 768px) { .js .modalbox { padding: 72px 48px; } .modalbox__close { padding: 48px 48px 0 0; } .modalbox__content { padding: 48px; } .modalbox__content--thin { padding: 48px 36px; } } /*! ---------- =code and =syntax highlighting ---------- */ pre, code { font-family: "Inconsolata", monospace; font-size: 16px; line-height: 24px; } pre { display: block; padding: 24px 12px; border: 1px solid #eaf0f2; color: #222; background: white; overflow-y: auto; box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1); position: relative; } pre:not(:last-child) { margin-bottom: 24px; } pre::before { content: attr(rel); font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 14px; color: #f6d4ad; position: absolute; top: 2px; right: 12px; } p > code, li > code { background: white; font-style: normal; } p > code::before, p > code::after, li > code::before, li > code::after { content: ''; display: inline-block; width: 0.5em; } /*! syntax highlighting through prism: http://prismjs.com/index.html * the following is based off the default theme */ pre[class*="language-"] { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #999; } .namespace { opacity: 0.7; } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .token.atrule, .token.attr-value, .token.keyword { color: #07a; } .token.function { color: #dd4a68; } .token.regex, .token.important, .token.variable { color: #e90; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /*! ---------- =carousel ---------- */ .carousel { margin-bottom: 0; overflow: hidden; position: relative; } .carousel:last-child { margin-bottom: 0; } .content > .page-bounds > .carousel:first-child, .content > .alternate-background__content > .carousel:first-child, .content > .section-events__content > .carousel:first-child { margin-top: -24px; } .carousel__slides { position: relative; } .carousel__slide { width: 100%; background: #fff; position: absolute; top: 0; left: 0 } .carousel__slide::before { content: ''; display: block; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); z-index: 2; } .carousel__slide:first-child { position: relative; min-height: 500px; } .carousel__content { position: relative; z-index: 3; } .carousel__actions { margin-top: 24px; } @media (max-width: 479px) { .carousel__action { display: block; } .carousel__action + .carousel__action { margin-top: 12px; } } @media (min-width: 480px) { .carousel__action + .carousel__action { margin-left: 12px; } } @media (min-width: 768px) { .content > .page-bounds > .carousel:first-child, .content > .alternate-background__content > .carousel:first-child, .content > .section-events__content > .carousel:first-child { margin-top: -48px; } } /*! displacement carousel image style */ .carousel__image { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .carousel__content { background: rgba(3, 12, 17, 0.8); float: right; } .carousel__title-wrapper { margin: 48px 0; } .carousel__title { color: #fff; text-transform: lowercase; } .carousel__subtitle { color: #f3901d; font-size: 75%; font-weight: 400; text-transform: lowercase; } .carousel__description { color: #bfd1dd; margin-top: -20px; } .carousel__nav { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; position: absolute; bottom: 24px; padding: 0 18px; z-index: 4; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; } .carousel__tab { -ms-flex: 1 0 24px; flex: 1 0 24px; font-size: 14px; line-height: 24px; padding: 12px 0; margin: 0 6px; border-top: 2px solid #6a747b; font-weight: 700; text-align: left; color: #798a94; position: relative; } .carousel__tab:hover, .carousel__tab:focus { border-top-color: #d5dade; } .carousel__tab.is-active { color: #bfd1dd; } .carousel__tab.is-active::before, .carousel__tab.is-active::after { content: ''; display: block; height: 4px; position: absolute; left: 0; right: 0; bottom: 100%; background: #6a747b; } .carousel__tab.is-active::after { background: #f3901d; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; animation: count-down-slide 6s linear both; } .carousel:hover .carousel__tab.is-active::after { animation: none; } @media (max-width: 767px) { .carousel__slide::before { background: rgba(0, 0, 0, 0.5); } .carousel__content { text-align: center; padding: 48px 24px 120px; background: rgba(3, 12, 17, 0.5); } .carousel__title-wrapper { display: inline-block; position: relative; margin-top: 0; } .carousel__title { font-size: 35px; font-size: 7vw; line-height: 1.2; } .carousel__tab { font-size: 14px; } .carousel__subtitle { font-size: 50%; } .carousel__nav { bottom: 24px; } } @media (min-width: 768px) { .carousel__content { max-width: 65%; padding: 96px 48px 144px; } .carousel__title:not(.slash-text__clone)::before { height: 300px; top: -195px; left: 44px; } .carousel__nav { max-width: 65%; padding: 0 12px; bottom: 42px; left: 38%; } } @media (min-width: 960px) { } @media (min-width: 960px) and (max-width: 1295px) { .carousel__title-wrapper { margin-top: -48px; } .carousel__content { max-width: 80%; padding: 12px 48px 144px; } .carousel { max-height: 375px !important; } .carousel__title { font-size: 42px; line-height: 42px; } .carousel__content { float: right; width: 80%; padding: 20px calc(50vw - 600px) 192px 72px; position: relative; -ms-transform: skewX(-20deg) translateX(115.2px); transform: skewX(-20deg) translateX(115.2px); } .carousel__content::before { background: rgba(243, 144, 29, 0.8); content: ''; display: inline-block; height: 100%; left: -24px; position: absolute; top: 0; width: 24px; } .carousel__container { -ms-transform: skewX(20deg); transform: skewX(20deg); } .carousel__title-wrapper { margin-top: 25px; max-width: 80%; } .carousel__nav { width: 65%; left: 32%; bottom: 0; } .carousel__description { width: 70%; font-size: 16px; margin-top: -40px; } .carousel__tab { font-size: 14px; } .carousel__slide:first-child { min-height: 500px; } } @media (max-width: 1295px) { .carousel__description { font-size: 16px; } .carousel__title { font-size: 42px; line-height: 42px; } .button.button--highlight__invert.small-invert { padding: 10px; } } @media (min-width: 1296px) { .carousel__content { float: right; max-width: 65%; padding: 144px calc(50vw - 600px) 192px 96px; position: relative; -ms-transform: skewX(-20deg) translateX(115.2px); transform: skewX(-20deg) translateX(115.2px); } .carousel__content::before { background: rgba(243, 144, 29, 0.8); content: ''; display: inline-block; height: 100%; left: -24px; position: absolute; top: 0; width: 24px; } .carousel__container { -ms-transform: skewX(20deg); transform: skewX(20deg); } .carousel__title-wrapper { margin-top: 0; } .carousel__nav { width: 45%; left: 35%; right: 0; margin-left: auto; margin-right: auto; text-align: center; bottom: 48px; } .carousel__description { width: 80%; font-size: 16px; margin-top: -40px; } .carousel__slide:first-child { min-height: 580px; max-height: 100%; overflow: hidden; } } @keyframes count-down-slide { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } /*! carousel dissolve transition */ .carousel__slide { opacity: 0; z-index: 1; } .carousel__slide.is-last-active { opacity: 1; z-index: 2; } .carousel__slide.is-active { opacity: 1; z-index: 3; transition: opacity 0.5s ease; } /*! cascade carousel content after transition */ .carousel__title, .carousel__description, .carousel__actions { opacity: 0; -ms-transform: translateX(36px); transform: translateX(36px); transition: opacity 0s linear 0.5s, transform 0s linear 0.5s; } @media (max-width: 767px) { .carousel__title, .carousel__description, .carousel__actions { -ms-transform: translateY(-12px); transform: translateY(-12px); } } .carousel__slide.is-active .carousel__title, .carousel__slide.is-active .carousel__description, .carousel__slide.is-active .carousel__actions { opacity: 1; -ms-transform: translate(0); transform: translate(0); transition: opacity 0.5s ease 0.4s, transform 0.5s ease 0.4s; } .carousel__slide.is-active .carousel__description { transition-delay: 0.52s; } .carousel__slide.is-active .carousel__actions { transition-delay: 0.64s; } /*! ---------- =quicklinks ---------- */ .quicklinks { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin: 0 0 48px; } .quicklinks__link { display: block; text-align: center; position: relative; } .quicklinks__title { font-size: 28px; } .quicklinks__description { margin-top: 24px; } .quicklinks__more { width: 48px; height: 48px; margin: 24px auto 0; background: rgba(0, 0, 0, 0.2); border-radius: 50%; position: relative; } .quicklinks__more .fas { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .quicklinks { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } .quicklinks__item { max-width: 50%; } } @media (max-width: 479px) { .quicklinks__item { max-width: 100%; } .quicklinks__title, .quicklinks__description { min-height: 0 !important; } } /*! top images quicklinks style */ .quicklinks { margin-right: -24px; } .quicklinks__item { padding-right: 24px; } .quicklinks__link { margin-top: 48px; padding: 72px 24px 24px; color: #4d5362; background: #f7f9fa; } .quicklinks__image { max-height: 96px; position: absolute; left: 50%; top: -48px; -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all 0.15s ease-out; } .quicklinks__title { color: #f3901d; transition: color 0.15s ease-out; } .quicklinks__link:hover, .quicklinks__link:focus { color: #4d5362; background: #f7f9fa; } .quicklinks__link:hover .quicklinks__image, .quicklinks__link:focus .quicklinks__image { -ms-transform: translateX(-50%) scale(1.03); transform: translateX(-50%) scale(1.03); } .quicklinks__link:hover .quicklinks__title, .quicklinks__link:focus .quicklinks__title { color: #76848f; } @media (max-width: 767px) { .quicklinks__link { margin-top: 72px; } } .alternate-background { background: #2b3942; overflow: hidden; position: relative; } .alternate-background:not(:last-child) { margin-bottom: 48px; } .alternate-background--dark { background: #030c11; } .alternate-background__image { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; } .alternate-background--blue { background: #4c9dbb; } .alternate-background__image img { opacity: 0.2; max-width: none; min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .alternate-background__content { color: #fff; padding: 48px 24px; position: relative; z-index: 5; } .alternate-background__content h1, .alternate-background__content h2, .alternate-background__content h3, .alternate-background__content h4, .alternate-background__content h5, .alternate-background__content h6, .alternate-background__content p, .alternate-background__content .button:hover { color: #fff; } .alternate-background__content .card p.item-list__title, .alternate-background__content .card p.item-list__title a { color: #09132c; } .alternate-background__content .card p.item-list__date, .alternate-background__content .card p.item-list__description { color: #4d5362; } .alternate-background__content .horizontal-scroll__content.card a p { color: #f3901d; } .alternate-background__content .horizontal-scroll__content.card a:hover p { color: #808b97; } .horizontal-scroll__content.card.superimpose { min-height: 280px; background-repeat: no-repeat; } .alternate-background__content .horizontal-scroll__content.card.superimpose a p { color: #fff !important; font-size: 42px !important; line-height: 42px!important; position: absolute; bottom: 50%; left: 0; right: 0; font-weight: 700; } .superimpose p.item-list__description { line-height: 42px!important; max-width: 500px; } .horizontal-scroll__content.card.superimpose a { color: #fff !important; font-size: 42px !important; line-height: 42px; position: absolute; bottom: 30%; left: 0; right: 0; font-weight: 700; } @media (min-width: 960px) { .alternate-background__content { padding: 60px 24px 36px 24px; } .alternate-background__content.interior-alt { margin-top: -24px; } } /*! section-actions */ .section-actions { background-color: #3b4d59; margin-bottom: 0 !important; } .section-actions::before, .section-about::before { background: rgba(43, 57, 66, 0.45); content: ''; display: inline-block; height: 100%; left: 250px; position: absolute; top: 0; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); width: 110%; z-index: 0; } .section-actions p { color: #bfd1dd; } .section-actions select { background-color: #33434e; color: #fff; } .alternate-background.section-actions.interior-transition { margin-top: -48px; height: 48px; } option:hover, option:selected { background-color: #808080 !important; } @media (min-width: 768px) { .section-actions p { font-size: 24px; } .section-actions select { display: inline-block; font-size: 24px; margin-left: 12px; max-width: 50%; line-height: 30px; } } /*! section-about */ .section-about { margin-bottom: 0 !important; } .section-about::before { left: 40px; } .section-about p.display-inline { line-height: 200%; } .section-about .slash-text__clone { color: #fff !important; } .section-about .slash-text:not(.slash-text__clone)::before { height: 300px; top: -195px; left: 44px; } @media (min-width: 768px) { .section-about__left { padding-right: 6px; } .section-about__left .item-list--icons { max-width: 100%; } .section-about__right .content-box--action { padding-bottom: 48px; padding-top: 48px; margin-bottom: 6px; } } @media (max-width: 959px) { .section-about__right .testimonial-carousel__pane { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-pack: end; justify-content: flex-end; height: 480px; } .section-about__right .testimonial-carousel__video { -ms-flex-preferred-size: 156px; flex-basis: 156px; } } @media (min-width: 960px) { .section-about__left .item-list--icons .item-list__item:nth-child(2), .section-about__left .item-list--icons .item-list__item:last-child { padding-right: 0; } .section-about__left .card { padding-top: 42px; padding-bottom: 42px; } .section-about__right .content-box--action { padding-top: 78px; padding-bottom: 77px; } .section-about__right .content-box--action .img-right { margin-top: -24px; max-width: 60%; } .section-about__right .testimonial-carousel__pane { height: 217px; } .section-about__right .testimonial-carousel__quote { padding-top: 24px; padding-bottom: 24px; } .section-about__right .testimonial-carousel__quote-content { font-size: 18px; line-height: 24px; } } .testimonial-carousel { color: #fff; background: #6a747b; position: relative; overflow: hidden; } .testimonial-carousel__pane { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; position: absolute; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; opacity: 0; z-index: 1; transition: all 0.2s ease-out; } .testimonial-carousel__pane:first-child { position: relative; } .testimonial-carousel__pane.is-active { visibility: visible; opacity: 1; z-index: 1; } .testimonial-carousel__pane.is-next { z-index: 1; } .testimonial-carousel__quote { padding: 24px 24px 24px 48px; position: relative; } .testimonial-carousel__quote::before { content: '\201C'; display: block; position: absolute; left: 0.1em; top: 0.1em; font-size: 75px; font-weight: 700; line-height: 1; font-family: "Georgia", serif; color: #798a94; } .testimonial-carousel__quote-content { font-size: 20px; line-height: 1.25; } .testimonial-carousel__quote-cite { display: block; font-style: normal; color: #bfd1dd; } .testimonial-carousel__quote-cite strong { display: block; } .testimonial-carousel__video { -ms-flex: 0 0 33%; flex: 0 0 33%; position: relative; overflow: hidden; } .testimonial-carousel__video iframe, .testimonial-carousel__video img { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 479px), (min-width: 768px) and (max-width: 959px) { .testimonial-carousel__video img { width: 40% !important; height: auto !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .testimonial-carousel__video { -ms-flex: 0 0 100%; flex: 100%; flex-basis: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .testimonial-carousel__video img { width: 30% !important; height: auto !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .testimonial-carousel__video { -ms-flex: 0 0 100%; flex: 100%; flex-basis: 100%; } } .testimonial-carousel__nav { position: absolute; left: auto; right: 10px; bottom: 24px; text-align: center; z-index: 2; } @media (max-width: 959px) { .testimonial-carousel__nav { position: absolute; left: 0; right: 0; bottom: 24px; text-align: center; z-index: 4; } } .testimonial-carousel__dot { display: inline-block; width: 24px; height: 24px; border: 4px solid transparent; border-radius: 50%; background: #798a94; background-clip: content-box; } .testimonial-carousel__dot.is-active { background-color: #bfd1dd; } /*! section-events */ .section-events { overflow: hidden; padding-bottom: 24px; padding-top: 24px; position: relative; } .section-events::after, .section-events::before { background: rgba(213, 218, 222, 0.9); content: ''; display: inline-block; height: 100%; position: absolute; -ms-transform: skewX(-20deg); transform: skewX(-20deg); width: 100%; z-index: 0; } .section-events::after { background: url(/images/default-source/sitedesign/bg-events-gears.jpg) no-repeat center rgba(213, 218, 222, 0.6); background-size: cover; bottom: 0; opacity: 0.1; right: -95%; } .section-events::before { left: -95%; top: 0; } .section-events__content, .section-resources__content { padding-left: 24px; padding-right: 24px; position: relative; z-index: 1; } .section-events__content h3 { color: #4d5362; } .section-events .slash-text__clone { color: #030c11 !important; } .section-events .slash-text:not(.slash-text__clone)::before { background: #d5dade; } .section-interior .slash-text__clone { color: #030c11 !important; } .section-interior .slash-text:not(.slash-text__clone)::before { background: #d5dade; } .section-interior { margin-top: 60px; } @media (min-width: 768px) { .section-events { padding-bottom: 60px; padding-top: 60px; } .section-events__content, .section-resources__content { padding-left: 48px; padding-right: 48px; } .section-events.interior__content { padding-bottom: 60px; padding-top: 5px; } .section-events.interior__content.event-search { padding-bottom: 60px; padding-top: 40px; margin-top: -48px; margin-bottom: -48px; } .section-events.interior__content.mind-the-gap { margin-bottom: -48px; } .section-events.interior__content.first-section { padding-bottom: 60px; padding-top: 40px; margin-top: -48px; } .section-events.interior__content.first-section.light { padding-bottom: 60px; padding-top: 40px; margin-top: -24px; } .section-events.interior__content.first-section.behind-navigation { margin-top: 0; } } @media (min-width: 960px) { .section-events.interior__content.first-section.behind-navigation { margin-top: -110px; } } @media (max-width: 767px) { .section-events.interior__content.first-section.light { margin-top: -75px; } .section-events.interior__content.first-section { padding-bottom: 60px; padding-top: 40px; margin-top: -24px; } } /*! section-news */ .section-news { margin-bottom: -24px; } .section-news::after, .section-news::before { background: rgba(3, 12, 17, 0.2); content: ''; display: inline-block; height: 100%; position: absolute; -ms-transform: skewX(-20deg); transform: skewX(-20deg); width: 100%; z-index: 0; } .section-news::after { background: url(/images/default-source/sitedesign/bg-news-gears.jpg) no-repeat center rgba(213, 218, 222, 0.2); background-size: cover; bottom: 0; opacity: 0.2; right: -95%; } .section-news::before { left: -95%; top: 0; } .section-news a { color: #fff; } .section-news a:hover, .section-news a:focus { color: #f3901d; } .section-news p a { color: #f3901d; } .section-news p a:hover, .section-news p a:focus { color: #fff; } .section-news p a.button { color: #fff; } .section-news p a.button:hover, .section-news p a.button:focus { color: #fff; } .section-news p.item-list__category a { color: #fff; } @media (min-width: 768px) { .section-news { margin-bottom: -48px; } } /*! use parallax */ .alternate-background--parallax .alternate-background__image { top: -10vw; bottom: -10vw; } /*! ---------- =sitefinity ---------- */ .sys-template { display: none; } .sfContentBlock { margin-bottom: 24px; } .sfContentBlock:last-child { margin-bottom: 0; } /* For Solr debug */ .debug-url { background-color: #efe; border: 2px solid #2c2; padding: 12px; margin-bottom: 24px; word-wrap: break-word; } /*! make page builder layout more friendly to edit */ .sfPageEditor .page-header, .sfPageEditor .header-logo, .sfPageEditor .page-header__content, .sfPageEditor .header-utility, .sfPageEditor .header-search, .sfPageEditor .header-nav, .sfPageEditor .title-block, .sfPageEditor .title-block__background, .sfPageEditor .title-block__content, .sfPageEditor .page-footer, .sfPageEditor .footer-logo, .sfPageEditor .footer-social, .sfPageEditor .footer-contact, .sfPageEditor .footer-utility, .sfPageEditor .footer-copyright { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 0 20px !important; float: none !important; position: relative !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; } .sfPageEditor .section-events.interior__content.first-section { padding-bottom: 60px; padding-top: 40px; margin-top: 100px; } .sfPageEditor .header-logo img { width: 200px !important; height: auto !important; } .sfPageEditor .content { padding-top: 48px; } .sfPageEditor .title-block::before { display: none !important; } .sfPageEditor .title-block__background, .sfPageEditor .title-block__contentn { position: static !important; } .sfPageEditor .section-events.interior__content.first-section, .sfPageEditor .alternate-background.section-news, .sfPageEditor .header-utility__list { position: relative !important; clear: both !important; margin-bottom: 150px !important; z-index: 9999 !important; } .sfPageEditor .header-utility__list { margin-top: 100px !important; } .sfPageEditor .header-list { margin-bottom: 100px !important; } /* space form builder fields */ .sf-fieldWrp > input, .sf-fieldWrp > select, .sf-fieldWrp > textarea, .sf-fieldWrp > div > input, .sf-fieldWrp > div > select, .sf-fieldWrp > div > textarea { margin-bottom: 20px !important; } .sf_colsIn > .sf-fieldWrp > input:last-child, .sf_colsIn > .sf-fieldWrp > select:last-child, .sf_colsIn > .sf-fieldWrp > textarea:last-child { margin-bottom: 0 !important; } .sfInlineEditingPageMenu .sfInlineEditingToggleLnk { z-index: 1001 !important; } .sf-fieldWrp img { text-align: left; margin-left: 0; margin-bottom: 20px; } p[role=alert] { color: #ae0202; } /* user-friendly tabs layout modules */ .sfPageEditor [data-edit-label]::before { content: "[" attr(data-edit-label) "]"; font-size: 14px; opacity: 0.3; } .tabs.sf_cols { margin-left: 0 !important; margin-right: 0 !important; } .tabs__tab > .sf_colsIn, .tabs__pane > .sf_colsIn { margin: 0 !important; } .sfPageEditor .tabs--standard .tabs__tab { width: 100% !important; float: none !important; } .sfPageEditor .tabs.sf_cols .tabs__pane { display: block !important; } /*! ---------- =print ---------- */ @media print { .page-header__toggle, .header-search, .header-utility, .header-nav, .in-this-section, .footer-logo, .footer-social, .footer-utility, .home-feature, .breadcrumbs, .share-buttons, .truncator-expand { display: none !important; } body { background: #fff; } @page { margin: 0.5in; } @page :first { margin-top: 1in; } @page :last { margin-bottom: 1in; } .page-bounds, .alternate-background__content, .section-events__content { max-width: 100%; } .page-header, .content, .page-footer { padding-left: 0; padding-right: 0; } h1, h2, h3, h4 { page-break-after: avoid; } blockquote, img, table, pre { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } .header-logo { float: none; max-width: 150px; margin: 0 auto; padding: 0; } .page-footer { border-top: 1px solid #f7f9fa; } .footer-contact { text-align: center; } .interior-layout__title, .interior-layout__nav, .interior-layout__main, .interior-layout__aside { float: none; width: auto; padding-left: 0; padding-right: 0; } .interior-layout__aside { border-top: 1px solid #a8b0b5; padding-top: 48px; } .page-title { text-align: center; } .content a[href]:not([href^="#"]) { word-wrap: break-word; box-shadow: 0 2px 0 #f3901d; color: #4d5362; font-weight: 700; } .content a[href]:not([href^="#"])::after { content: " (" attr(href) ") "; font-size: 0.85em; color: #636b7f; } .tabs__pane { display: block !important; } .accordion__content { max-height: none !important; visibility: visible !important; opacity: 1 !important; } [data-truncate-to] { max-height: none !important; overflow: visible !important; } [data-truncate-to*="item"] > * { display: initial !important; } } /* --- Video Modal --- */ .noscroll { overflow: hidden; } .video-modal, .video-modal .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .video-modal { z-index: 3000 !important; overflow: hidden; position: fixed; opacity: 0; -webkit-transform: translate(500%, 0); transform: translate(500%, 0); -webkit-transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .video-modal .overlay { z-index: 4; background-color: rgba(33,36,46,.9); opacity: 0; -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .video-modal-content { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: calc(80% - 12em); height: 0; padding-top: calc((80% - 12em) * 0.5625); margin: 0 auto; overflow-y: visible; background-color: #000; z-index: 9999 !important; } /* Mobile */ @media (max-width: 640px) { .video-modal-content { width: calc(100% - 2em); padding-top: calc((100% - 2em) * 0.5625); /* 16:9 calc */ z-index: 999; overflow: visible; } } /* modal close button */ .close-video-modal { display: block; position: absolute; z-index: 9999; right: 10px; top: -45px; width: 35px; height: 35px; border-radius: 40px; padding-top: 5px; padding-left: 12px; background-color: #ef7e00; color: #fff; } .close-video-modal:hover { color: #fff; } /* iframe element stretch to fit */ iframe#youtube { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: #111; box-shadow: 0 2px 16px rgba(0,0,0,0.5); } /* show modal */ .show-video-modal .video-modal { opacity: 1; -webkit-transform: translate(0,0); transform: translate(0,0); } .show-video-modal .video-modal .overlay { opacity: 1; } .show-video-modal .testimonial-carousel__nav { display: none !important; } .show-video-modal .video-modal-content { -webkit-transform: translate(0,0); transform: translate(0,0); } .clear { clear: both; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-source { color: #ee9200; } .search-facets__facet { background: #f3901d; border: 1px solid #f3901d; border-radius: 4px; color: #fff; display: inline-block; font-size: 15px; letter-spacing: 0.1rem; line-height: 24px; padding: 18px 36px; text-align: center; text-transform: uppercase; transition: color 0.15s ease-out, background-color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out; vertical-align: middle; margin-bottom: 25px; } .search-facets__facet:hover, .search-facets__facet:focus { background: #e37f0d; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2); color: #fff; -ms-transform: translateY(-2px); transform: translateY(-2px); } #Searchrefine .interior-nav { font-size: 30px; color: #000; margin-top: 25px; margin-bottom: 25px; font-weight: 900; } #Searchrefine .interior-nav .grid { margin-top: 25px; } .pagination__overview { margin-top: 25px; } .pagination__current { background: #f3901d; color: #fff; padding: 5px 10px; margin-right: 10px; } .pagination__page { margin-right: 10px; } /* sponsor carousel */ #photoShow { height: 213px; width: 213px; margin: 20px 0 20px -45px !important; text-align: left !important; } #photoShow div { position: absolute; z-index: -1 !important; opacity: 0 !important; } #photoShow div.previous, #photoShow div.next { z-index: -1 !important; opacity: 0 !important; } #photoShow div.current { z-index: 200; opacity: 1 !important; z-index: 2 !important; } @media (max-width: 767px) { #photoShow { height: 213px; width: 213px; margin: 20px auto 20px auto !important; text-align: center !important; } } /* registration tables */ @media (max-width: 767px) { .table.registration-table .tbody { display: none; } .table.registration-table .table.mobile-accordion .rh { display: none; } } .table.registration-table .list-table { width: 100%; word-wrap: break-word; } .table.registration-table .list-table__row { /* border-top: 1px solid #f1f1f1; */ } .table.registration-table .data-table { word-wrap: break-word; } .table.registration-table .data-table__wrapper { width: 100%; overflow-x: auto; } .table.registration-table .data-table:not(:last-child), .table.registration-table .data-table__wrapper:not(:last-child) { margin-bottom: 48px; } .table.registration-table .data-table td, .table.registration-table .data-table th { padding: 12px 24px; } .table.registration-table .data-table td:first-child, .table.registration-table .data-table th:first-child { padding-left: 0; } .table.registration-table .data-table th { font-weight: 700; color: #999; font-size: 16px; text-align: left; position: relative; } .table.registration-table .data-table th[scope="col"] { padding-top: 0; border-bottom: 1px solid #d8d8d8; } .table.registration-table .data-table th[scope="row"] { border-right: 1px solid #d8d8d8; } .table.registration-table .data-table th[scope="row"]:first-child { text-align: right; } .table.registration-table .data-table tbody tr:nth-child(2n) td { background: #f1f1f1; } @media (min-width: 480px) and (max-width: 767px) { .table.registration-table .list-table__small-datum { -webkit-box-flex: 1 !important; -ms-flex: 1 1 33% !important; flex: 1 1 33% !important; } .table.registration-table .list-table__small-datum[data-label]::before { margin-top: 0 !important; } } @media (max-width: 767px) { .table.registration-table .list-table, .table.registration-table .list-table tbody, .table.registration-table .list-table tr, .table.registration-table .list-table th, .table.registration-table .list-table td { display: block; } .table.registration-table .list-table thead { display: block; } .table.registration-table .list-table__row { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 24px; margin-top: 24px; } .table.registration-table .list-table__row:first-child { padding-top: 0; margin-top: 0; border-top: none; } .table.registration-table .list-table .td { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .table.registration-table .list-table__primary-identifier { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important; font-size: 22px; font-weight: 700; margin-bottom: 12px; } .table.registration-table .list-table th { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important; display: block !important; height: 600px; } .table.registration-table .list-table [data-label]::before { content: attr(data-label); display: block; font-weight: 700; color: #999; font-size: 16px; } .table.registration-table .list-table [data-label]:not(:first-child)::before { margin-top: 12px; } } @media (min-width: 768px) { .table.registration-table .list-table th { padding: 0 6px 12px 6px; text-align: left; color: #888; } .table.registration-table .list-table th[scope="col"] { vertical-align: bottom; } .table.registration-table .list-table td { padding: 18px 6px; text-align: center; } .table.registration-table .td { text-align: center; } .table.registration-table .list-table th:first-child, .list-table th:first-child, .table.registration-table .list-table td:first-child, .table.registration-table .list-table td:first-child { padding-left: 0; } } .table.registration-table table { width: 100%; } .table.registration-table table tr:nth-child(odd) { background: #dfdfdf; } .table.registration-table table td, .table.registration-table table th { padding: 10px; } @media screen and (min-width: 768px){ .table.registration-table .td.status:nth-child(even), .table.registration-table .td.status:nth-child(odd) { background: #08314e !important; color: #fff !important; } table.registration-table td, table.registration-table th { text-align: right; } table.registration0table th { background: #006666; color: #fff; font-weight: normal; } } .table.registration-table { width: 100%; } .table.registration-table .tr:first-child { } .table.registration-table .rh > span { display: block; position: relative; } /* Insert header name before each row on mobile */ .table.registration-table .td:before { content: attr(data-header); float: left; width: 25%; } /* CSS border triangle trick */ .table.registration-table .table .rh > span:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 7px solid transparent; border-top-color: white; z-index: 2; right: 15px; top: 14px; pointer-events: none; } .table.registration-table .table .rh.member-status > span:after { display: none; } /* Flip CSS border triangle on active */ .table.registration-table .table .rh.active > span:after { border-top-color: transparent; border-bottom-color: white; top: 5px; } /* Media Queries */ @media screen and (min-width: 768px) { .table.registration-table .rh { display: none; } .table.registration-table { display: table; width: 100%; } .table.registration-table .thead { display: table-header-group; } .table.registration-table .tbody { display: table-row-group; } .table.registration-table .tr, .table.registration-table .tr:first-child { display: table-row; } .table.registration-table .tr { margin-top: 25px; } .table.registration-table .th, .table.registration-table .td { display: table-cell; } .table.registration-table .td:before { content: ""; } } .table.registration-table { /* border: 1px solid #eee; */ margin-top: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; overflow: hidden; } .table.registration-table .th, .table.registration-table .rh > span { /* background: #fff; */ } .table.registration-table .tr .td:nth-child(even) { background: #dedede; } .table.registration-table .th, .table.registration-table .tr .td, .table.registration-table .rh, .table.registration-table .rh.active:nth-last-child(2) { /* border-bottom: 1px solid #eee; */ } .table.registration-table .rh:nth-last-child(2) { border-bottom: none; } .table.registration-table .td { padding: 5px 15px; } .table.registration-table .rh > span { padding: 5px 15px; font-size: 18px; font-weight: 300; } .table.registration-table .rh.member-status > span { background: #063350; color: #fff; } .table.registration-table .tr:first-child, .table.registration-table .tr:last-child { border-bottom: none; } .table.registration-table .tr:last-child .td:last-child { border-bottom: none; } @media screen and (max-width: 767px) { .table.registration-table .tr .td { width: 200%; } .table.registration-table .tr .td:first-child { display: none; } .table.registration-table .tr.mobile-items .td { height: 0; } } @media screen and (min-width: 768px) { .table.registration-table .th, .table.registration-table .td, .table.registration-table .tr, .table.registration-table .tr .td:last-child { /* border-bottom: 1px solid #eee; */ } .table.registration-table .th, .table.registration-table .td { padding: 5px; } .table.registration-table .th { border-right: none; } .table.registration-table .td { border-right: none; } .table.registration-table .th:last-child, .td:last-child, .table.registration-table { border-right: none; } /* Unfortunately we cannot just use :nth-child(odd/even) since the .rh elements are interspersed in there. Until CSS 4 I don't think there will be a way to style alterating rows for this without using JavaScript or whatever builds the table to add a special class. */ .table.registration-table .tr.alternate-highlight { background: #dedede; } /* Reset Mobile Styles */ .table.registration-table .tr:last-child .td:first-child { border-top: none; } .table.registration-table .tr:last-child .td { border-bottom: none; } .table.registration-table .tr .td:nth-child(even) { background: none; } } .toggle-target { margin-top: 25px; } .fas.fa-check-circle { font-size: 18px; color: #f3901d; } .screenreaders-only { opacity: 0; } li.hide-nav, li.hide--sub-nav { display: none !important; } table th { background: #3b4d59; color: #fff; padding: 10px 10px 10px 10px; font-weight: normal; text-align: left; } table td { padding: 10px; border-bottom: #ddd solid 1px; } .display-none { display: none; } .text-transform-none { text-transform: none; } button.toggle-link { color: #f3901d; } button.toggle-link:after { content: '\e806'; display: inline-block; font-family: "Fontello"; margin-left: 12px; opacity: 0.7; transition: all 0.15s ease-out; } /* New Event Styles */ .horizontal-scroll__item.event-thirds { max-width: 33%; vertical-align: top; } .horizontal-scroll__item.event-fourths { max-width: 25%; vertical-align: top; } .horizontal-scroll__item.featured-one-at-a-time { vertical-align: top; width: 100%; max-width: 100%! important; } .horizontal-scroll__item.event-thirds:hover, .horizontal-scroll__item.event-fourths:hover { transform: none !important; } .section-events__content.horizontal-scroll__wrapper { width: auto; /* overflow: scroll; */ } .horizontal-scroll__item.event-fourths, .horizontal-scroll__item.event-thirds { margin-bottom: 24px; } .horizontal-scroll__contents.event-contents { overflow-x: auto !important; scroll-behavior: smooth; scrollbar-color: #F3901D #d9d9d9; scrollbar-width: 100%; } .horizontal-scroll__contents.event-contents::-webkit-scrollbar { width: 1em; height: 22px !important; display: block; overflow-x: auto !important; border-radius: 10px; margin-top: 24px; background-color: #e5953d; outline: 1px solid slategrey; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .horizontal-scroll__contents.event-contents::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #e5953d; outline: 1px solid slategrey; height: 22px !important; margin-top: 10px; margin-bottom: 10px; border-radius: 10px; } .horizontal-scroll__contents.event-contents::-webkit-scrollbar-track-piece { height: 22px !important; border-radius: 10px; } .horizontal-scroll__contents.featured-event-contents { /* float: left; */ float: none; } .horizontal-scroll__contents.event-contents::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #e5953d!important; outline: 1px solid slategrey!important; height: 22px !important; border-radius: 10px; } .horizontal-scroll__contents.event-contents::-webkit-scrollbar { -webkit-appearance: none; } /* .horizontal-scroll__content.new-scroll::-webkit-scrollbar { -webkit-appearance: none; } .horizontal-scroll__content.new-scroll { overflow-y: auto !important; scroll-behavior: smooth; scrollbar-color: #F3901D #d9d9d9; scrollbar-width: 22px; } .horizontal-scroll__content.new-scroll::-webkit-scrollbar:vertical { width: 22px !important; height: 22px !important; display: block; overflow-y: scroll !important; border-radius: 10px; background-color: #e5953d; outline: 1px solid slategrey; } .horizontal-scroll__content.new-scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #e5953d; outline: 1px solid slategrey; width: 22px !important; height: 22px !important; } .horizontal-scroll__content.new-scroll::-webkit-scrollbar-thumb { background-color: #e5953d; outline: 1px solid slategrey !important; width: 22px !important; height: 22px !important; } */ @media screen and (max-width: 959px) { .horizontal-scroll__item.event-thirds, .horizontal-scroll__item.event-fourths { max-width: 100%; vertical-align: top; } } @media screen and (min-width: 960px) and (max-width: 1199px) { .horizontal-scroll__item.event-fourths { max-width: 50%; vertical-align: top; } } @media screen and (min-width: 1200px) { .horizontal-scroll__item.event-fourths { max-width: 25%; vertical-align: top; } } .horizontal-scroll__item.event-thirds .card, .horizontal-scroll__item.event-fourths .card { border-radius: 10px; } .horizontal-scroll__controllers.new-event-control .icon-chevron { display: none; } .horizontal-scroll__controllers.featured-event-control { top: -64px; } .horizontal-scroll__controllers.featured-event-control .icon-chevron { background: #99bcd2; color: #000; border-radius: 50%; width: 50px; height: 50px; padding: 5px; } .featured-event-control .horizontal-scroll__control { /* top: -64px */ bottom: 42%; } @media (min-width:1200px) { .featured-event-control .horizontal-scroll__control.horizontal-scroll__control--left { left: -24px; } .featured-event-control .horizontal-scroll__control.horizontal-scroll__control--right { right: -36px; } } .horizontal-scroll__contents.event-contents { float: none; } .event-contents .item-list__thumbnail { float: none; width: auto; max-width: none; } .featured-event-contents .item-list__thumbnail { float: none; margin: 0 auto; width: auto; max-width: none; } .featured-event-contents .item-list__thumbnail img { max-height: 340px; } .event-contents .fa-solid.fa-circle-arrow-right, .featured-event-contents .fa-solid.fa-circle-arrow-right { color: #F3901D; font-size: 20px; margin-right: 7px; } .event-contents .fa-solid.fa-calendar, .featured-event-contents .fa-solid.fa-calendar { color: #F3901D; font-size: 20px; margin-right: 7px; margin-bottom: 18px; } .event-contents .event-fourths.fa-solid.fa-calendar, .item-list-events-new .fa-solid.fa-calendar, .item-list-events-new .fa-sharp.fa-solid.fa-location-dot { color: #F3901D; font-size: 20px; margin-right: 7px; margin-bottom: 7px; } .event-fourths .item-list__category.new-event-category { margin-bottom: 7px; } .event-fourths .item-list__date.new-date-for-events { margin-bottom: 7px; } .event-contents .fa-sharp.fa-solid.fa-location-dot, .featured-event-contents .fa-sharp.fa-solid.fa-location-dot, .featured-event-contents .fa-solid.fa-desktop { color: #F3901D; font-size: 20px; margin-right: 7px; } .event-home-orange-year { font-size: 16px; color: #F3901D; } .event-home-orange-month-day { font-size: 18px !important; font-weight: 600; } .open-reg { text-align: center; /* margin-top: 18px; */ margin-left: 12px; } .event-fourths .open-reg { text-align: center; margin-top: 7px; } .event-contents .fa-solid.fa-chevron-right { color: #F3901D; } .item-list__location-new { font-size: 18px; font-weight: 600; } .item-list__category.new-event-category a, .item-list__category.new-event-category { color: #fff !important; text-align: left; } .event-contents .event-fourths .fa-solid.fa-calendar { margin-bottom: 7px; } .open-registration { font-size: 14px !important; color: #b0b8bd !important; } a.open-registration { color: #b0b8bd !important; } .event-thirds .grid--compact > .grid__unit, .event-fourths .grid--compact > .grid__unit { padding-bottom: 0; } .fa-solid.fa-circle-arrow-right:hover { color: #79838e; } .card__header .item-list__date { opacity: 1; } .card--primary a.open-registration { font-size: 16px; text-transform: uppercase; font-weight: bold; } .card__body{ padding:24px; flex-grow:1 } .card__image{ width:100% } .card__header,.card__footer,.card__section{ padding:24px; border:solid #d2d6d8 } .event-fourths .card__header { padding: 12px; } .card__header--secondary,.card__footer--secondary,.card__section--secondary{ background:#fbfcfd } .card__header--tertiary,.card__footer--tertiary,.card__section--tertiary{ background:#eef1f2 } .card__header--borderless,.card__footer--borderless,.card__section--borderless{ border:none } .card__header{ border-width:0 0 1px; flex-grow:0 } .card__header--borderless:not(.card__header--secondary):not(.card__header--tertiary){ padding-bottom:0 } .card__footer{ border-width:1px 0 0; justify-self:flex-end; flex-grow:0 } .card__footer--borderless:not(.card__footer--secondary):not(.card__footer--tertiary){ padding-top:0 } .card__section{ border-width:1px 0; margin-top:24px; margin-bottom:24px } .card__section+.card__section{ margin-top:-24px; border-top-width:0 } .card__section:first-child{ margin-top:0 } .card__section:last-child{ margin-bottom:0 } .card__body>.card__section{ margin-left:-24px; margin-right:-24px } .card__body>.card__section:first-child{ margin-top:-24px } .card__body>.card__section:last-child{ margin-bottom:-24px } .horizontal-scroll__content.card.card--primary { padding: 0; border-radius: 10px !important; } .normal-list-item .horizontal-scroll__content.card.card--primary { overflow: visible !important; } .horizontal-scroll__content.card.card--primary:hover { padding: 0; border-radius: 20px !important; } .normal-list-item .card.card--primary .card__body { padding: 24px; overflow: auto; } .card--primary,.card--primary .card__header,.card--primary .card__footer,.card--primary .card__section{ border-radius: 10px 10px 0 0; } .card--primary .card__header:hover { border-radius: 10px 10px 0 0; } .card__header.card__header--secondary.card__header--borderless a { color: #fff; } .card__header.card__header--secondary.card__header--borderless .item-list__category{ transform: none; background: none; display: block; margin-bottom: 7px; } .card__header.card__header--secondary.card__header--borderless .item-list__category a { color: #fff; } @media (max-width: 767px) { .card__header.card__header--secondary.card__header--borderless .item-list__category.new-event-category.regular-list { display: block; margin-top: 12px; } .open-reg.normal-list-reg-button .new-registration-button, .open-reg.normal-list-reg-button { margin-left: 0 !important; } } .card__body.featured-new-body { padding-right: 24px; padding-left: 24px; } .item-list__category::before { content: ''; background: none; } .horizontal-scroll .card--primary .card__header .item-list__date { color: #fff; } .card--primary a:not(.button):not(.more),.card--primary h1,.card--primary h2,.card--primary h3,.card--primary h4,.card--primary h5,.card--primary h6,.card--primary .h1,.card--primary .h2,.card--primary .h3,.card--primary .h4,.card--primary .h5,.card--primary .h6{ color:#007257 } .card--primary .card__header--secondary,.card--primary .card__footer--secondary,.card--primary .card__section--secondary{ color:#fff; background:#2e3841; } .card--primary .card__header--tertiary,.card--primary .card__footer--tertiary,.card--primary .card__section--tertiary{ color:#004233; background:#b1feec } .card--accent,.card--accent .card__header,.card--accent .card__footer,.card--accent .card__section{ border-color:#00a2a6 } .card--accent a:not(.button):not(.more),.card--accent h1,.card--accent h2,.card--accent h3,.card--accent h4,.card--accent h5,.card--accent h6,.card--accent .h1,.card--accent .h2,.card--accent .h3,.card--accent .h4,.card--accent .h5,.card--accent .h6{ color:#00a2a6 } .card--accent .card__header--secondary,.card--accent .card__footer--secondary,.card--accent .card__section--secondary{ color:#005f60; background:#f5ffff } .card--accent .card__header--tertiary,.card--accent .card__footer--tertiary,.card--accent .card__section--tertiary{ color:#005f60; background:#bbfdfe } .card--action,.card--action .card__header,.card--action .card__footer,.card--action .card__section{ border-color:#88c540 } .card--action a:not(.button):not(.more),.card--action h1,.card--action h2,.card--action h3,.card--action h4,.card--action h5,.card--action h6,.card--action .h1,.card--action .h2,.card--action .h3,.card--action .h4,.card--action .h5,.card--action .h6{ color:#88c540 } .card--action .card__header--secondary,.card--action .card__footer--secondary,.card--action .card__section--secondary{ color:#508d0b; background:#fbfdf9 } .card--action .card__header--tertiary,.card--action .card__footer--tertiary,.card--action .card__section--tertiary{ color:#508d0b; background:#e7f3d9 } .card--fill-primary .card__header,.card--fill-primary .card__footer,.card--fill-primary .card__section,.card--fill-accent .card__header,.card--fill-accent .card__footer,.card--fill-accent .card__section,.card--fill-action .card__header,.card--fill-action .card__footer,.card--fill-action .card__section,.card--inverse .card__header,.card--inverse .card__footer,.card--inverse .card__section{ border-color:#fff } .card--fill-primary,.card--fill-accent,.card--fill-action,.card--inverse{ border:none; color:#fff; box-shadow:none } .card--fill-primary h1,.card--fill-primary h2,.card--fill-primary h3,.card--fill-primary h4,.card--fill-primary h5,.card--fill-primary h6,.card--fill-primary .h1,.card--fill-primary .h2,.card--fill-primary .h3,.card--fill-primary .h4,.card--fill-primary .h5,.card--fill-primary .h6,.card--fill-accent h1,.card--fill-accent h2,.card--fill-accent h3,.card--fill-accent h4,.card--fill-accent h5,.card--fill-accent h6,.card--fill-accent .h1,.card--fill-accent .h2,.card--fill-accent .h3,.card--fill-accent .h4,.card--fill-accent .h5,.card--fill-accent .h6,.card--fill-action h1,.card--fill-action h2,.card--fill-action h3,.card--fill-action h4,.card--fill-action h5,.card--fill-action h6,.card--fill-action .h1,.card--fill-action .h2,.card--fill-action .h3,.card--fill-action .h4,.card--fill-action .h5,.card--fill-action .h6,.card--inverse h1,.card--inverse h2,.card--inverse h3,.card--inverse h4,.card--inverse h5,.card--inverse h6,.card--inverse .h1,.card--inverse .h2,.card--inverse .h3,.card--inverse .h4,.card--inverse .h5,.card--inverse .h6{ color:#fff } .card--fill-primary a:not(.button):not(.more),.card--fill-accent a:not(.button):not(.more),.card--fill-action a:not(.button):not(.more),.card--inverse a:not(.button):not(.more){ color:#fff; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:3px } .card--fill-primary{ background:#007257 } .card--fill-primary .card__header--secondary,.card--fill-primary .card__footer--secondary,.card--fill-primary .card__section--secondary{ background:#4a555c; } .card--fill-primary .card__header--tertiary,.card--fill-primary .card__footer--tertiary,.card--fill-primary .card__section--tertiary{ background:#004233 } .card--fill-accent{ background:#00a2a6 } .card--fill-accent .card__header--secondary,.card--fill-accent .card__footer--secondary,.card--fill-accent .card__section--secondary{ background:#007f81 } .card--fill-accent .card__header--tertiary,.card--fill-accent .card__footer--tertiary,.card--fill-accent .card__section--tertiary{ background:#005f60 } .card--fill-action{ background:#88c540 } .card--fill-action .card__header--secondary,.card--fill-action .card__footer--secondary,.card--fill-action .card__section--secondary{ background:#6bb913 } .card--fill-action .card__header--tertiary,.card--fill-action .card__footer--tertiary,.card--fill-action .card__section--tertiary{ background:#508d0b } .card--inverse{ background:#02101a } .card--inverse .card__header--secondary,.card--inverse .card__footer--secondary,.card--inverse .card__section--secondary{ background:#20282e } .card--inverse .card__header--tertiary,.card--inverse .card__footer--tertiary,.card--inverse .card__section--tertiary{ background:#4b5459 } .expand-summary { display: none; } .truncate { margin-bottom: 24px !important; display:none; } .show-me:focused + .truncate { -webkit-line-clamp: unset; } .expand-summary { color: #F3901D; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-top: 12px; margin-bottom: 18px; display: block; cursor:pointer; } .expand-summary.fourth-summary { font-size: 17px; } .clicker { width:100px; height:100px; background-color:blue; outline:none; } .truncate .fa-sharp.fa-solid.fa-chevron-up { color: #F3901D; font-size: 24px; display: block; } .abbreviate { display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } @media (min-width: 480px) and (max-width: 767px) { .expand-summary:focus + .truncate{ display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; } } @media (min-width: 768px) { .expand-summary:focus + .truncate{ display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ -webkit-box-orient: vertical; } } @media (min-width: 960px) { .expand-summary:focus + .truncate { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /* number of lines to show */ line-clamp: 6; -webkit-box-orient: vertical; } } @media (min-width: 1200px) { .expand-summary:focus + .truncate { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 8; /* number of lines to show */ line-clamp: 8; -webkit-box-orient: vertical; } } @media (max-width: 479px) { .expand-summary:focus + .truncate{ display:block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /* number of lines to show */ line-clamp: 6; -webkit-box-orient: vertical; cursor: grab; } } .event-contents .item-list__title { margin-bottom: 18px; } .event-contents .horizontal-scroll .item-list__date { font-size: 18px; } .event-contents .item-list__category a { text-transform: capitalize; vertical-align: top; color: #fff !important; font-size: 16px; font-weight: 600; } .event-contents .item-list__category { padding: 4px 0 6px 0 !important; } .cat-conference.actual-image-image:before { content: '\e533'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .cat-industry-event.actual-image-image:before { content: '\f5e3'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .cat-webinar.actual-image-image:before { content: '\e60e'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .cat-trade-show.actual-image-image:before { content: '\f013'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .cat-international-event.actual-image-image:before { content: '\f57d'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .cat-regional-meeting.actual-image-image:before { content: '\ff279'; display: inline-block; font-family: 'Font Awesome Kit'; font: var(--fa-font-solid); color: #F3901D; font-size: 20px; margin-right: 7px; } .fa-solid.fa-link { color: #F3901D; font-size: 20px; } .fa-solid.fa-reply { transform: rotateY(180deg); } .new-registration-button { background:#F3901D !important; color: #2E3841 !important; font-weight: bold !important; font-size: 16px!important; display: block; text-align: center; border-radius: 10px; text-transform: uppercase; } @media (max-width: 1199px) { .item-list__date.new-date-for-events, .item-list__location-new { /* text-align: center !important; */ } .item-list__location-new { margin-top: 12px; } .event-fourths .item-list__location-new { margin-top: 0; } .event-contents .event-fourths .item-list__thumbnail { float: none; max-width: 90%; height: auto } } .header-share.event-share { position: static; text-align: center; margin: 5px auto 0 auto; } .header-share.event-share .header-list__item a { color: #F3901D; text-transform: uppercase; font-weight: 600; font-size: 16px; text-align: center; } .item-list__thumbnail.event-2024-list { float: right; margin-left: 24px; } .location-normal-list { margin-left: 7px; } .open-reg.normal-list-reg-button .new-registration-button { margin-left: 7px; display: inline-block; vertical-align: middle; } .item-list__item.normal-list-item { border: none; } .item-list__item.normal-list-item .fa-solid.fa-circle-arrow-right { color: #F3901D; } .item-list__item.normal-list-item .fa-solid.fa-circle-arrow-right:hover { color: #79838e; } .item-list__item.normal-list-item .card__header.card__header--secondary.card__header--borderless{ padding: 0 24px 2px 24px; } .open-reg.normal-list-open { color: #fff; border: #fff solid 1px; border-radius: 10px; padding: 7px; margin-left: 7px; } .open-reg.normal-list-open a.open-registration { color: #fff; } .header-share.event-share.normal-list-share { display: inline-block; } .grid__unit.normal-list-header { padding-top: 16px; } @media (max-width: 1199px) { .open-reg.normal-list-reg-button .new-registration-button, .open-reg.normal-list-open { margin-left: 0; /* margin-top: 6px; */ } .open-reg.normal-list-open { display: block; } .grid--compact > .grid__unit.normal-list-grid__unit { padding-bottom: 3px !important; } } @media (max-width: 767px) { .open-reg.normal-list-reg-button { margin-top: 12px; margin-bottom: 6px; display: block; text-align: left; } .open-reg.normal-list-open { display: block; } .grid--compact > .grid__unit.normal-list-header { padding-bottom: 0; } } @media (min-width: 768px) and (max-width: 1199px) { .open-reg.normal-list-reg-button { margin-left: 0; } } @media (max-width:959px) { .mobile-padding { text-align: left; } } .card__header.card__header--secondary.card__header--borderless.new-featured-header { background: #fff; } .featured-new-body { background: #44667c; color: #fff; border-radius: 0 0 10px 10px; } .featured-new-body .event-home-orange-month-day, .featured-new-body .event-home-orange-year { color: #fff; font-size: 18px; } .featured-new-body .item-list__date, .featured-new-body .item-list__title { color: #fff; opacity: 1; } .featured-new-body .item-list__title { font-size: 30px !important; line-height: 36px !important; margin-top: 48px; margin-bottom: 18px; clear: both; } .featured-new-body .item-list__date.new-date-for-events { float: left; margin-right: 24px; margin-top: 0; line-height: 18px; } @media (max-width:1199px) { .featured-new-body .item-list__date.new-date-for-events { float: none; display: block; width: 100%; } .card__body.featured-new-body { padding-right: 24px; padding-left: 24px; } .featured-new-body .feature-learn { display: inline-block; margin-top: 18px; } } .featured-new-body .item-list__location-new { line-height: 18px; } .featured-new-body .reg-and-learn-more { } .featured-new-body .open-reg, .featured-new-body .feature-learn { display: inline-block; } .featured-new-body .open-reg { border: #fff solid 1px; border-radius: 10px; padding: 12px; margin-right: 24px; color: #fff; opacity: 1; } .featured-new-body a.open-registration, .featured-new-body .open-registration { color: #fff !important; } .featured-summary { clear: both; } .featured-new-body .buttton.button--small.new-registration-button { display: inline-block; float:left; margin-right: 24px; } .featured-new-body .open-reg.normal-list-open { display: block; } /* .featured-new-body .feature-learn, .featured-new-body .open-reg { margin-top: 18px; } */ .featured-summary { margin-top: 18px; clear: both; } .feature-learn .fa-solid.fa-chevron-right { color: #F3901D; /* padding-left: 48px; */ } a.featured-learn-more { color: #fff !important; font-weight: 600; font-size: 16px; } .featured-new-body .item-list__description { color: #fff; } @media (min-width: 768px) and (max-width: 1199px) { .horizontal-scroll__control.horizontal-scroll__control--left { left: -12px; } .horizontal-scroll__control.horizontal-scroll__control--right { right: -12px; } } .scroll-bar-wrap { width: 300px; position: relative; margin: 2em auto; } .scroll-box { width: 100%; height: 295px; overflow-y: scroll; } .scroll-box::-webkit-scrollbar { width: .4em; } .scroll-box::-webkit-scrollbar, .scroll-box::-webkit-scrollbar-thumb { overflow:visible; border-radius: 4px; } .scroll-box::-webkit-scrollbar-thumb { background: rgba(229,149,61,0.8); } .cover-bar { position: absolute; background: #e5953d; height: 100%; top: 0; right: 0; width: .4em; -webkit-transition: all .5s; opacity: 1; } /* MAGIC HAPPENS HERE */ .scroll-bar-wrap:hover .cover-bar { opacity: 0; -webkit-transition: all .5s; } .new-registration-button .fa-solid.fa-chevron-right { color: #2E3841; } @media (max-width: 767px) { .new-registration-button { width: 100%; display: block; } } /* Hiding event image - in development, this shouldn't be hidden but should be moved under show event details button*/ .event-contents .item-list__thumbnail { display: none; } /* Restyle category indicator */ .item-list__category.new-event-category a, .item-list__category.new-event-category { color: #F3901D!important; text-decoration: underline; } /* Remove bottom padding from expand button */ .expand-summary { margin-bottom:0px; } /* reduce bottom padding from header */ .item-list-events-new .card__header{ padding-bottom:5px!important; } /* Changing the fontsize to ems the button doesnt break*/ .expand-summary.fourth-summary { font-size: .85em; } /* Make font-size of event title large */ .event-contents .item-list__title { font-size: 28px!important; line-height: 28px!important; } /* for 3rds template */ .horizontal-scroll__item.event-thirds { min-width: 363px; max-width:430px; width: 33%; } @media (max-width: 600px) { .horizontal-scroll__item.event-thirds { max-width: 255px!important; } } /* for 4ths template */ .horizontal-scroll__item.event-fourths { min-width: 263px; width: 25% } @media (max-width: 600px) { .horizontal-scroll__item.event-fourths { max-width: 255px!important; } } /* For New List Template (vertical) -- increase font size */ .item-list-events-new .item-list__title { font-size: 28px!important; line-height: 28px!important; } /*-- hide the event image at smaller widths */ @media (max-width: 800px){ .item-list__thumbnail.event-2024-list { display: none!important; } } /*-- Prevent the text in the location tag from breaking */ .location-normal-list{ text-wrap-mode: nowrap; margin-left: 0px; } .item-list__date.new-date-for-events { margin-right: 7px; }