@charset "UTF-8"; /* Stylesheet: Main Stylesheet */ /********************* TOOLS f*********************/ .clear { clear: both; } .image-replacement { text-indent: 100%; white-space: nowrap; overflow: hidden; } .v-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .h-center { text-align: center; margin: 0 auto; } .footnote { text-align: left; font-size: 14px; } .footnote p { padding: 10px 0 0 0; } .footnotes { position: fixed; font-size: 16px; padding: 30px; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0,54,91,1); color: #FFFFFF; border: 1px solid #000000; border-radius: 10px; box-shadow: #000000 10px 10px 20px; text-align: left; width: 50%; transition: all .25s ease-in-out; } .footnotes.hidden { left: 500%; display: block !important; } .footnotes-close { position: absolute; top: -10px; right: -5px; color: #000000; background-color: #FFFFFF; padding: 3px 9px 1px 9px; border-radius: 90px; border: 1px solid rgba(0,54,91,1); } .footnote-link { color: #00365b; margin: 70px 0 0 0; text-transform: uppercase; font-weight: 600; transition: all .25s ease-in-out; } .footnote-link:hover { color: #fdb736; } .footnote-link.full-width-button { margin: 0; } /********************* GLOBAL *********************/ .White { color: #FFFFFF !important; } .White-background { background-color: #FFFFFF !important; } .white-background { background-color: #FFFFFF !important; } .White a { color: #FFFFFF !important; text-decoration: underline !important; } .White a:hover { text-decoration: none !important; } .dark-blue { color: #00365b !important; } .dark-blue-background { background-color: #00365b !important; } .Blue { color: #00365b !important; } .Blue-background { background-color: #00365b !important; } .blue { color: #00365b !important; } .blue-background { background-color: #00365b !important; } .Blue-background .White a { color: #FFFFFF !important; } .Blue-background .White a:hover { color: #00ABBD !important; } .Dark-Grey { color: #48484A !important; } .Dark-Grey-background { background-color: #696F79 !important; } .dark-grey { color: #48484A !important; } .dark-grey-background { background-color: #696F79 !important; } .Grey { color: #F2F5F7 !important; } .Grey-background { background-color: #F2F5F7 !important; } .grey { color: #F2F5F7 !important; } .grey-background { background-color: #F2F5F7 !important; } .Light-Blue { color: #CFDDE4 !important; } .Light Blue-background { background-color: #CFDDE4 !important; } .light-blue { color: #CFDDE4 !important; } .light-blue-background { background-color: #CFDDE4 !important; } .Medium-Blue { color: #457b96 !important; } .Purple { color: #4a317e !important; } .Silver { color: silver !important; } .Silver-background { background-color: silver !important; } .silver { color: silver !important; } .silver-background { background-color: silver !important; } .Turquoise { color: #00ABBD !important; } .Turquoise-background { background-color: #00ABBD !important; } .turquoise { color: #00ABBD !important; } .turquoise-background { background-color: #00ABBD !important; } .red { color: #FF0000 !important; } .green { color: #00FF00 !important; } .green-background { background-color: #a5b48c !important; } .Slate-Blue { color: #457B96 !important; } .Slate-Blue-background { background-color: #457B96 !important; } .slate-blue { color: #457B96 !important; } .slate-blue-background { background-color: #457B96 !important; } .yellow { color: #FDB636 !important; } .yellow-background { background-color: #FDB636 !important; } .light-grey { color: #EFF1F2 !important; } .light-grey-background { background-color: #EFF1F2 !important; } .light-teal { color: #C3E6EB !important; } .light-teal-background { background-color: #C3E6EB !important; } section.Small .row { max-width: 1000px; } section.Medium .row { max-width: 1200px; } section.Large .row { max-width: 1600px; } .width-full { max-width: 100% !important; } .width-large { max-width: 1600px !important; margin: 0 auto !important; } .width-medium { max-width: 1200px !important; margin: 0 auto !important; } .width-small { max-width: 950px !important; margin: 0 auto !important; } .width-xsmall { max-width: 600px !important; margin: 0 auto !important; } .height-large { height: 900px !important; } .height-medium { height: 750px !important; } .height-small { height: 630px !important; } .height-xsmall { height: 400px !important; } .include-arrow::after { content: " "; display: block; position: absolute; bottom: 0; left: 50%; width: 50px; height: 50px; transform: translate(-50%, 50%) rotate(45deg); z-index: 1; } .Blue-background.include-arrow::after { background-color: #00365b; } .Dark-Grey-background.include-arrow::after { background-color: #48484A; } .Grey-background.include-arrow::after { background-color: #EBEFF2; } .Medium-Blue-background.include-arrow::after { background-color: #457b96; } .Purple-background.include-arrow::after { background-color: #4a317e; } .Silver-background.include-arrow::after { background-color: silver; } .Turquoise-background.include-arrow::after { background-color: #00ABBD; } .no-underline { text-decoration: none !important; } .hidden { display: none !important; } /********************* TYPOGRAPHY *********************/ h1 { font-size: 36px; font-weight: 400; margin: 0; padding: 0; line-height: 1.25; } h2 { font-size: 32px; font-weight: 400; margin: 0; padding: 0; line-height: 1.1; } h3 { font-size: 26px; font-weight: 600; margin: 0; padding: 0; line-height: 1.1; } h4 { font-size: 20px; font-weight: 400; margin: 0; padding: 0 0 3px 0; line-height: 1.1; } h6 { font-size: 20px; font-weight: 600; margin: 0; transition: all .5s ease-in-out; } p { font-size: 20px; font-weight: 400; line-height: 1.1; margin: 0; padding: 0; } .small-heading { font-size: 18px; padding: 0 0 10px 0; } small p { font-size: 13px; line-height: 1.6; font-weight: 300; } span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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 { background-color: transparent; } 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; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: not-allowed; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medsmall=31.25em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } select { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, mqa-display img, mqa-display embed, mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 75rem; margin: 0 auto; } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding: 0; } .row .row { max-width: none; margin-left: -0.625rem; margin-right: -0.625rem; max-width: none; } .one-third { position: relative; display: inline-block; width: 33.3334%; padding: 0 0 0 0; vertical-align: top; } .two-thirds { position: relative; display: inline-block; width: calc(66.6666% - 30px); padding: 0 30px 0 0; vertical-align: top; } .investment-profile .one-third { border: 2px solid #0a2c49; padding: 0 30px; } .investment-profile .two-thirds { border: 2px solid #0a2c49; margin: 0 30px 0 0; width: calc(66.6666% - 40px); padding: 0 30px; } .investment-profile .full-width { border: 2px solid #0a2c49; margin: 0 30px 0 0; width: 100%; padding: 0 30px; } p { font-size: inherit; line-height: 1.6; margin-bottom: 1rem; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } a { color: #2199e8; text-decoration: none; line-height: inherit; cursor: pointer; } a:hover, a:focus { color: #1585cf; } a img { border: 0; } hr { max-width: 75rem; height: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #cacaca; border-left: 0; margin: 1.25rem auto; clear: both; } ul, ol, dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; } li { font-size: inherit; } ul { list-style-type: disc; margin-left: 1.25rem; } ol { margin-left: 1.25rem; } ul ul, ol ul, ul ol, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } cite { display: block; font-size: 0.8125rem; color: #8a8a8a; } cite:before { content: '\2014 \0020'; } abbr { color: #0a0a0a; cursor: help; border-bottom: 1px dotted #0a0a0a; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; background-color: #e6e6e6; border: 1px solid #cacaca; padding: 0.125rem 0.3125rem 0.0625rem; } kbd { padding: 0.125rem 0.25rem 0; margin: 0; background-color: #e6e6e6; color: #0a0a0a; font-family: Consolas, "Liberation Mono", Courier, monospace; } /*.super-header { height: 12px; width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: url("/wp-content/themes/bci/assets/images/color-bar.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }*/ .super-header { height: 12px; width: 103%; position: fixed; left: 0; z-index: 9999; top: -13px !important; margin: 0 -2px; display: none; } .logged-in .super-header { top: 19px !important; } .super-header .pride-bar { height: 12px; width: 9%; display: inline-block; margin: 0 -3px 0 -3px; } .super-header .pride-bar.white { background-color: #FFFFFF; } .super-header .pride-bar.pink { background-color: #FFAFC8; } .super-header .pride-bar.blue { background-color: #74D7EE; } .super-header .pride-bar.brown { background-color: #613915; } .super-header .pride-bar.black { background-color: #000000; } .super-header .pride-bar.red { background-color: #E51E25; width: 10%; } .super-header .pride-bar.orange { background-color: #F68C1E; } .super-header .pride-bar.yellow { background-color: #F9EE13; } .super-header .pride-bar.green { background-color: #0D8040; } .super-header .pride-bar.indigo { background-color: #3E5FAC; } .super-header .pride-bar.violet { background-color: #732A85; } .pride-border { height: 1px; width: 100%; background-color: silver; margin: -10px 0 0 0; } .off-canvas-content > header { padding: 42px 0 100px 0 !important; height: 132px !important; } .off-canvas-content > header .row { max-width: 1600px; } .off-canvas-content > header .top-bar-right { width: 85%; } .off-canvas-content > header .search { width: 30%; float: right; } .off-canvas-content > header .top-bar-right .menu { margin: 10px 0 0 0; } .off-canvas-content > header #login { height: 20px !important; width: 20px !important; margin: 0 10px -3px 0; } .off-canvas-content > header .search #login { margin: 0 0 -10px 0; } .off-canvas-content > header .menu #login { margin-right: 15px; } .off-canvas-content > header .head #external-link { display: none; } .principles .row { max-width: 1200px !important; margin: 0 auto; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } .no-bullet { margin-left: 0; list-style: none; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-family: inherit; font-size: 1rem; color: #0a0a0a; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: -webkit-box-shadow 0.5s, border-color 0.25s ease-in-out; -moz-transition: -moz-box-shadow 0.5s, border-color 0.25s ease-in-out; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border: 1px solid #8a8a8a; background-color: #fefefe; outline: none; -webkit-box-shadow: 0 0 5px #cacaca; -moz-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: -webkit-box-shadow 0.5s, border-color 0.25s ease-in-out; -moz-transition: -moz-box-shadow 0.5s, border-color 0.25s ease-in-out; -o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cacaca; } input:-moz-placeholder, textarea:-moz-placeholder { color: #cacaca; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cacaca; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cacaca; } input::placeholder, textarea::placeholder { color: #cacaca; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: default; } [type='submit'], [type='button'] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; } input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-group > :last-child > * { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .input-group-label, .input-group-field, .input-group-button { margin: 0; display: table-cell; vertical-align: middle; } .input-group-label { text-align: center; padding: 0 1rem; background: #e6e6e6; color: #0a0a0a; border: 1px solid #cacaca; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; height: 100%; width: 1%; } .input-group-button a, .input-group-button input, .input-group-button button { margin: 0; } .input-group .input-group-button { display: table-cell; } fieldset { border: 0; padding: 0; margin: 0; } legend { margin-bottom: 0.5rem; max-width: 100%; } .fieldset { border: 1px solid #cacaca; padding: 1.25rem; margin: 1.125rem 0; } .fieldset legend { background: #fefefe; padding: 0 0.1875rem; margin: 0; margin-left: -0.1875rem; } select { height: 2.4375rem; padding: 0.5rem; border: 1px solid #cacaca; margin: 0 0 1rem; font-size: 1rem; font-family: inherit; line-height: normal; color: #0a0a0a; background-color: #fefefe; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; background-image: url('data:image/svg+xml;utf8,'); -moz-background-size: 9px 6px; background-size: 9px 6px; background-position: right center; -moz-background-origin: content-box; background-origin: content-box; background-repeat: no-repeat; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:disabled { background-color: #e6e6e6; cursor: default; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { background-color: rgba(236, 88, 64, 0.1); border-color: #ec5840; } .is-invalid-label { color: #ec5840; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #ec5840; } .form-error.is-visible { display: block; } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out; -o-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #2199e8; color: #fefefe; } [data-whatinput='mouse'] .button { outline: 0; } .button:hover, .button:focus { background-color: #1583cc; color: #fefefe; } .button.blue { background-color: #00365b; color: #FFFFFF !important; padding: 0 60px; margin-top: 20px !important; font-size: 20px; line-height: 45px; transition: all .25s ease-in-out; } .button.blue:hover { background-color: #FFFFFF; color: #00365b !important; } .hide { display: none !important; } .hidden { display: none !important; } .invisible { visibility: hidden; } @media screen and (max-width: 31.1875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 31.25em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } .breadcrumbs { list-style: none; margin: 0 0 1rem 0; } .breadcrumbs::before, .breadcrumbs::after { content: ' '; display: table; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; color: #0a0a0a; font-size: 0.6875rem; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { color: #cacaca; content: "/"; margin: 0 0.75rem; position: relative; top: 1px; opacity: 1; } .breadcrumbs a { color: #2199e8; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block !important; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; height: 100%; width: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.15s linear; -moz-transition: -moz-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .is-drilldown-submenu.is-closing { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .is-drilldown-back > a::before { content: ''; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown-pane { background-color: #fefefe; border: 1px solid #cacaca; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: block; font-size: 1rem; padding: 1rem; position: absolute; visibility: hidden; width: 300px; z-index: 10; } .dropdown-pane.is-open { visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.vertical > li.opens-right .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } .mega-menu { position: fixed; top: 147px; left: 0; visibility: visible; opacity: 1; width: 100vw; padding: 30px 30px; background-color: #FFFFFF; border-bottom: 1px solid #E7E9EB; box-shadow: 0 0 15px rgba(0,0,0,.5); text-align: center; overflow-y: auto; overflow-x: hidden; z-index: 100; transition: all .25s ease-in-out; } .logged-in .mega-menu { top: 175px; } .mega-menu-hidden { top: -100px; opacity: 0; visibility: hidden; } .logged-in .mega-menu-hidden { top: -100px; } .mega-menu #external-link { display: none; } .mega-menu [class$="-submenu-container"] { display: inline-block; vertical-align: top; text-align: left; padding: 0 30px; } .mega-menu .menu > li { display: block !important; } .mega-menu ul { list-style-type: none; column-gap: 30px; margin-left: 0; padding: 0; } .mega-menu .sub-menu li a { font-size: 16px; font-weight: 300; } .mega-menu .sub-menu .sub-menu { padding-left: 20px; } .mega-menu li.menu-split { display: none !important; } .mega-menu .menu.columns1 { column-count: 1; } .mega-menu .menu.columns2 { column-count: 2; } .mega-menu .menu.columns3 { column-count: 3; } .mega-menu .menu.columns4 { column-count: 4; } .mega-menu .mega-menu-image { display: inline-block; vertical-align: middle; } .mega-menu .mega-menu-image img { min-height: 275px; object-fit: cover; object-position: 35% center; } .mega-menu .menu-content { text-align: left; vertical-align: middle; font-size: 20px; font-weight: 400; /*max-width: 250px;*/ } .mega-menu .menu-content-div { display: inline-block; vertical-align: top; padding: 0 60px; } .mega-menu .menu-content-div.left .menu-content { padding: 20px 20px 0 0; } .mega-menu .menu-content-div.right .menu-content { padding: 20px 20px 0 0; } .mega-menu .menu-div { display: inline-block; vertical-align: top; padding: 0 30px; } .mega-menu .menu-div.right { border-right: 1px solid #707070; } .mega-menu .menu-div.left { border-left: 1px solid #707070; } .mega-menu .menu-content-div .menu-title { font-size: 25px; line-height: 1.25; } .mega-menu .arrow-animate:hover .menu-content-div .menu-title { color: #003658; } .mega-menu .menu-content-div .link-text { font-size: 14px; margin: 10px 0 0 0; font-weight: 600; } .mega-menu .menu-content-div .arrow { height: 9px; } @media screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.medium-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } } @media screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { left: auto; right: 0; top: 100%; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { right: auto; left: 0; top: 100%; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { padding-right: 1.5rem; position: relative; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2199e8 transparent transparent; border-top-style: solid; border-bottom-width: 0; right: 5px; margin-top: -2px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu { left: auto; right: 100%; } .dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; margin-top: -3px; } .dropdown.menu.large-vertical > li.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .dropdown.menu.large-vertical > li.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -2px; } .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { top: 100%; } .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { left: auto; right: 100%; } .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fefefe; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; margin-top: -3px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2199e8 transparent transparent; border-right-style: solid; border-left-width: 0; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2199e8; border-left-style: solid; border-right-width: 0; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { display: block; } .flex-video { position: relative; height: 0; margin-bottom: 0; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.vimeo { padding-top: 0; } .label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #2199e8; color: #fefefe; } .label.secondary { background: #777; color: #fefefe; } .label.success { background: #3adb76; color: #fefefe; } .label.warning { background: #ffae00; color: #fefefe; } .label.alert { background: #ec5840; color: #fefefe; } .media-object { margin-bottom: 1rem; display: block; } .media-object img { max-width: none; } @media screen and (max-width: 31.1875em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .media-object.stack-for-small .media-object-section img { width: 100%; } } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; font-size: 16px; font-weight: 600; } .menu input, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i { vertical-align: middle; } .menu > li > a i + span, .menu > li > a img + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i { margin-right: 0.25rem; display: inline-block; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } @media screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-vertical > li { display: block; } } @media screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-vertical > li { display: block; } } .menu.simple li { line-height: 1; display: inline-block; margin-right: 1rem; } .menu.simple a { padding: 0; } .menu.align-right::before, .menu.align-right::after { content: ' '; display: table; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.expanded { width: 100%; display: table; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i { display: block; margin: 0 auto 0.25rem; } .menu.nested { margin-left: 1rem; } .menu .active > a { color: #fefefe; background: #2199e8; } .menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #fefefe; top: 0; left: 0; -webkit-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; -moz-box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; } .menu-icon:hover::after { background: #cacaca; -webkit-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; -moz-box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; -moz-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; -moz-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } html, body { height: 100%; } .off-canvas-wrapper { width: 100%; overflow-x: hidden; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: auto; } .off-canvas-wrapper-inner { overflow: hidden; position: relative; width: 100%; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after { content: ' '; display: table; } .off-canvas-wrapper-inner::after { clear: both; } .off-canvas-content, .off-canvas-content { min-height: 100%; background: #fefefe; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; padding-bottom: 0.1px; -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); -moz-box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } .js-off-canvas-exit { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 254, 254, 0.25); cursor: pointer; -webkit-transition: background 0.5s ease; -moz-transition: background 0.5s ease; -o-transition: background 0.5s ease; transition: background 0.5s ease; } .off-canvas { position: absolute; background: #e6e6e6; z-index: -1; max-height: 100%; overflow-y: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } [data-whatinput='mouse'] .off-canvas { outline: 0; } .off-canvas.position-left { left: -250px; top: 0; width: 250px; } .is-open-left { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); -o-transform: translateX(250px); transform: translateX(250px); } .off-canvas.position-right { right: -250px; top: 0; width: 250px; } .is-open-right { -webkit-transform: translateX(-250px); -moz-transform: translateX(-250px); -ms-transform: translateX(-250px); -o-transform: translateX(-250px); transform: translateX(-250px); } @media screen and (min-width: 40em) { .position-left.reveal-for-medium { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } } @media screen and (min-width: 64em) { .position-left.reveal-for-large { left: 0; z-index: auto; position: fixed; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { right: 0; z-index: auto; position: fixed; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } } .column, .columns { width: 100%; float: left; padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (min-width: 40em) { .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .orbit { position: relative; } .orbit-container { position: relative; margin: 0; overflow: hidden; list-style: none; } .orbit-slide { width: 100%; max-height: 100%; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { margin: 0; width: 100%; max-width: 100%; } .orbit-caption { position: absolute; bottom: 0; width: 100%; padding: 1rem; margin-bottom: 0; color: #fefefe; background-color: rgba(10, 10, 10, 0.5); } .orbit-previous, .orbit-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe; } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { outline: 0; } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { background-color: rgba(10, 10, 10, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput='mouse'] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; background-color: #cacaca; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .orbit-bullets button:hover { background-color: #8a8a8a; } .orbit-bullets button.is-active { background-color: #8a8a8a; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { content: ' '; display: table; } .pagination::after { clear: both; } .pagination li { font-size: 0.875rem; margin-right: 0.0625rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { color: #0a0a0a; display: block; padding: 0.1875rem 0.625rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #2199e8; color: #fefefe; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { content: '\2026'; padding: 0.1875rem 0.625rem; color: #0a0a0a; } .pagination-previous a::before, .pagination-previous.disabled::before { content: '\00ab'; display: inline-block; margin-right: 0.5rem; } .pagination-next a::after, .pagination-next.disabled::after { content: '\00bb'; display: inline-block; margin-left: 0.5rem; } .progress { background-color: #cacaca; height: 1rem; margin-bottom: 1rem; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .progress.primary .progress-meter { background-color: #2199e8; } .progress.secondary .progress-meter { background-color: #777; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #ec5840; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #2199e8; } .progress-meter-text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .slider-fill.is-dragging { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .slider-handle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; background-color: #2199e8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } [data-whatinput='mouse'] .slider-handle { outline: 0; } .slider-handle:hover { background-color: #1583cc; } .slider-handle.is-dragging { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .sticky-container { position: relative; } .sticky { position: absolute; z-index: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: absolute; left: auto; right: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .thumbnail { border: solid 4px #fefefe; -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); -moz-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; -webkit-transition: -webkit-box-shadow 200ms ease-out; -moz-transition: -moz-box-shadow 200ms ease-out; -o-transition: box-shadow 200ms ease-out; transition: box-shadow 200ms ease-out; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus { -webkit-box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); -moz-box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5); } .thumbnail.landscape { width: 207px !important; } .thumb-wrap.landscape { max-width: 207px !important; } .title-bar { background: #0a0a0a; color: #fefefe; padding: 0.5rem; } .title-bar::before, .title-bar::after { content: ' '; display: table; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.5rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { font-weight: bold; vertical-align: middle; display: inline-block; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; cursor: pointer; width: 20px; height: 16px; } .menu-icon.dark::after { content: ''; position: absolute; display: block; width: 100%; height: 2px; background: #0a0a0a; top: 0; left: 0; -webkit-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; -moz-box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; } .menu-icon.dark:hover::after { background: #8a8a8a; -webkit-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; -moz-box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } .has-tip { border-bottom: dotted 1px #8a8a8a; font-weight: bold; position: relative; display: inline-block; cursor: help; } .tooltip { background-color: #0a0a0a; color: #fefefe; font-size: 80%; padding: 0.75rem; position: absolute; z-index: 10; top: -webkit-calc(100% + 0.6495rem); top: -moz-calc(100% + 0.6495rem); top: calc(100% + 0.6495rem); max-width: 10rem !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tooltip::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent #0a0a0a; border-bottom-style: solid; border-top-width: 0; bottom: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tooltip.top::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: #0a0a0a transparent transparent; border-top-style: solid; border-bottom-width: 0; top: 100%; bottom: auto; } .tooltip.left::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent transparent transparent #0a0a0a; border-left-style: solid; border-right-width: 0; bottom: auto; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .tooltip.right::before { content: ''; display: block; width: 0; height: 0; border: inset 0.75rem; border-color: transparent #0a0a0a transparent transparent; border-right-style: solid; border-left-width: 0; bottom: auto; left: auto; right: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .top-bar { padding: 6px 0 !important; } .top-bar::before, .top-bar::after { content: ' '; display: table; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } .top-bar .top-bar-left { margin: 5px 0 0 0; } @media screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } .top-bar-title { float: left; margin-right: 1rem; } .top-bar-left { float: left; } .top-bar-right { float: right; } /********************* GENERAL STYLES *********************/ body { font-size: 16px; } @media screen and (max-width: 39.9375em) { body { font-size: 14px; } } .padded-section { padding: 60px 0; } @media screen and (max-width: 63.9375em) { .padded-section { padding: 30px 0; } } @media screen and (max-width: 39.9375em) { .padded-section { padding: 15px 0; } } .inline-graphs { width: 33.3333%; float: left; padding: 0 10px; text-align: center; } .inline-graphs h6 { font-size: 20px; text-transform: uppercase; color: #00365b; font-weight: 600; min-height: 120px; } .inline-graphs small { padding: 0 0 20px 0; font-size: 75%; } @media screen and (max-width: 1023px) { .inline-graphs { width: 50%; border-bottom: 1px solid #b7b7b7; margin: 30px 0; } } @media screen and (max-width: 650px) { .inline-graphs { width: 100%; } .inline-graphs h6 { min-height: unset; } .case-study .v-center { transform: unset; top: unset; } } .main-esg .content { max-width: 1310px !important; } .main-esg .esg-intro-text { padding: 0 0 0 60px; } .esg-intro-image { float: left; width: 331px; } .esg-intro-text { float: left; width: calc(100% - 331px); text-align: left; padding: 0 0 0 30px; } @media screen and (max-width: 1023px) { .esg-columns .esg-divider { display: none; } .esg-columns .esg-column { float: none !important; width: 80% !important; border-bottom: 1px solid #bbbfc2; margin: 30px auto; padding: 30px 0 !important; } .esg-columns .esg-column:last-of-type { border-bottom: unset; } .esg-columns p { margin: 0 !important; } .esg-columns .esg-title { min-height: unset !important; } } @media screen and (max-width: 600px) { .esg-intro-image { float: unset; margin: 0 auto; } .esg-intro-text { float: unset; width: unset; text-align: unset; padding: 30px; } } .background-image { -moz-background-size: cover !important; background-size: cover !important; background-position: center center !important; color: #fefefe; background-repeat: no-repeat !important; } .background-video { position: relative; height: 100%; } .background-video .background-video-container { z-index: -1; } .background-video .background-video-container iframe { pointer-events: none; height: 100%; width: 100%; } .background-video .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .background-video .overlay.overlay-color { background: rgba(10, 10, 10, 0.5); } .background-video .overlay .row { height: 100%; } /********************* LINK STYLES *********************/ a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } .button { min-width: 250px; padding: 15px 0; } /********************* H1, H2, H3, H4, H5 P STYLES *********************/ h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } /********************* HEADER STYLES *********************/ .header ul.off-canvas-list li { list-style: none; } .logo { display: block; } @media screen and (max-width: 63.9375em) { .logo { padding: 0.3rem 0.5rem !important; } } .logo img { height: 80px; width: auto; } @media screen and (max-width: 74.9375em) { .logo img { height: 65px; } } @media screen and (max-width: 63.9375em) { .logo img { height: 50px; } } .top-bar .sub-menu { position: absolute; width: 300px; display: none; background-color: #FFFFFF; padding: 10px; list-style: none; margin: 0; box-shadow: 10px 10px 8px 0px rgba(0 0 0 / 25%); } .top-bar .menu-item-has-children { position: relative; } .top-bar .menu-item-has-children:hover .sub-menu { display: block; } .top-bar .sub-menu li { line-height: 1.2; margin: 0 0 5px 0; border-bottom: 1px solid #4d5157; padding: 5px 0 15px 0; } .top-bar .sub-menu li:last-of-type { border-bottom: 0; padding: 5px 0 0 0; } .top-bar .sub-menu li.menu-item-has-children { background: url('/wp-content/themes/bci/assets/images/menu-arrow2.png'); background-position: 100% 13px !important; background-size: 10px 12px !important; background-repeat: no-repeat !important; } .top-bar .sub-menu .sub-menu { display: none !important; } .top-bar .sub-menu .menu-item-has-children:hover .sub-menu { display: block !important; left: 280px; margin: -40px 0 0 0; padding: 10px 10px 10px 15px; } .top-bar .sub-menu li a { text-transform: none !important; } .top-bar .sub-menu li.active > a { color: #00a8b9 !important; } .top-bar .sub-menu a { padding: 0 25px 0 0; } .top-bar .button.external #external-link { height: 13px; } .social li { list-style: none; display: inline-block; line-height: 0.85; } .social li i { font-size: 50px; } .social li + li { margin-left: 10px; line-height: 0.8; } /********************* NAVIGATION STYLES *********************/ .top-bar-super { float: right; margin: -20px -10px 0 0; } .top-bar-border { border: 1px solid #707070; margin: 10px 0 -23px 0; opacity: .25; } .top-bar-super .menu-button { display: inline-block; } .top-bar-super .menu-button .button { border: unset; text-transform: capitalize; margin: 0 0 0 0; } .top-bar .top-bar-left { width: 15%; float: left; } .logo img { height: 60px; } .top-bar .top-bar-right { display: inline-block; width: 75%; text-align: right; } .top-bar, .top-bar ul { background: none !important; } header .search .button { font-size: 14px; padding: 8px 16px; margin: 0; } .top-bar .title-area { z-index: 1; } .top-bar .top-bar-left .menu-btn, .top-bar .top-bar-right .menu-btn { font-size: 40px; } @media screen and (max-width: 39.9375em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: 50%; } } .off-canvas-list ul { margin-left: 0; } .off-canvas-list ul li a { border-bottom: 0px; } .off-canvas-list ul .dropdown { margin-left: 20px; } .pushy { width: 250px; } .pushy .generic-menu-level-0, .pushy .generic-menu-level-1, .pushy .generic-menu-level-2, .pushy .generic-menu-level-3 { width: 100%; font-size: 14px; clear: both; } .pushy .generic-menu-level-0 a, .pushy .generic-menu-level-1 a, .pushy .generic-menu-level-2 a, .pushy .generic-menu-level-3 a { padding: 20px 0px 0px 0px; } .pushy .generic-menu-level-0 .page-link .right, .pushy .generic-menu-level-1 .page-link .right, .pushy .generic-menu-level-2 .page-link .right, .pushy .generic-menu-level-3 .page-link .right { margin-left: 20px; } .pushy .expand-icons { position: relative; } .pushy .expand-icon-open { width: 20px; -webkit-transition: width .1s ease-in; -moz-transition: width .1s ease-in; -o-transition: width .1s ease-in; transition: width .1s ease-in; } .pushy .expand-icon-open:before { content: "+"; position: absolute; top: 0; left: 0; } .pushy .expand-icon-close { width: 0px; -webkit-transition: width .1s ease-in; -moz-transition: width .1s ease-in; -o-transition: width .1s ease-in; transition: width .1s ease-in; } .pushy .expand-icon-close:before { content: "-"; position: absolute; top: 0; left: 0; } .pushy .submenu-close { width: 0px; display: none; -webkit-transition: width .1s ease-in; -moz-transition: width .1s ease-in; -o-transition: width .1s ease-in; transition: width .1s ease-in; } .pushy .submenu-open { padding-top: 10px; padding-right: 10px; display: block; -webkit-transition: width .1s ease-in; -moz-transition: width .1s ease-in; -o-transition: width .1s ease-in; transition: width .1s ease-in; } .pushy .right { text-align: right; float: left; } .pushy .clear { clear: both; } .pushy a { display: inline !important; padding: 0px !important; } .pushy-right { -webkit-transform: translate3d(250px, 0px, 0px); -moz-transform: translate3d(250px, 0px, 0px); transform: translate3d(250px, 0px, 0px); } /********************* DEFAULT POSTS & CONTENT STYLES *********************/ .row { max-width: 85rem; } #content { margin-top: 147px; } #content #inner-content { padding: 1rem 0rem; } .page-title .vcard { border: 0px; padding: 0px; } .byline { color: #999; } .bio-thumbnail { max-width: 100%; max-height: 300px !important; } .entry-content .alignleft, .entry-content img.alignleft { margin-right: 1.5em; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 1.5em; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .entry-content video, .entry-content object { max-width: 100%; height: auto; } .entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } .wp-caption { max-width: 100%; background: #eee; padding: 5px; } .wp-caption img { max-width: 100%; margin-bottom: 0; width: 100%; } .wp-caption p.wp-caption-text { font-size: 0.85em; margin: 4px 0 7px; text-align: center; } .post-password-form input[type="submit"] { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out; -o-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: 0.9rem; background-color: #2199e8; color: #fefefe; } [data-whatinput='mouse'] .post-password-form input[type="submit"] { outline: 0; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background-color: #1583cc; color: #fefefe; } /********************* IMAGE GALLERY STYLES *********************/ .gallery-slider .slick-slider .slick-slide .content-inner { width: 100%; position: absolute; text-align: left !important; top: unset !important; bottom: 0; left: 0; color: #fefefe; padding: 10px 10px 0 10px; background: rgba(0,54,91, .5); transform: unset !important; } /********************* PAGE NAVI STYLES *********************/ .page-navigation { margin-top: 1rem; } /********************* COMMENT STYLES *********************/ #comments .commentlist { margin-left: 0px; } #respond ul { margin-left: 0px; } .commentlist li { position: relative; clear: both; overflow: hidden; list-style-type: none; margin-bottom: 1.5em; padding: 0.7335em 10px; } .commentlist li:last-child { margin-bottom: 0; } .commentlist li ul.children { margin: 0; } .commentlist li[class*=depth-] { margin-top: 1.1em; } .commentlist li.depth-1 { margin-left: 0; margin-top: 0; } .commentlist li:not(.depth-1) { margin-left: 10px; margin-top: 0; padding-bottom: 0; } .commentlist .vcard { margin-left: 50px; } .commentlist .vcard cite.fn { font-weight: 700; font-style: normal; } .commentlist .vcard time { float: right; } .commentlist .vcard time a { color: #999; text-decoration: none; } .commentlist .vcard time a:hover { text-decoration: underline; } .commentlist .vcard img.avatar { position: absolute; left: 10px; padding: 2px; border: 1px solid #cecece; background: #fff; } .commentlist .comment_content p { margin: 0.7335em 0 1.5em; font-size: 1em; line-height: 1.5em; } .commentlist .comment-reply-link { float: right; } /********************* COMMENT FORM STYLES *********************/ .respond-form { margin: 1.5em 10px; padding-bottom: 2.2em; } .respond-form form { margin: 0.75em 0; } .respond-form form li { list-style-type: none; clear: both; margin-bottom: 0.7335em; } .respond-form form li label, .respond-form form li small { display: none; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea { padding: 3px 6px; background: #efefef; border: 2px solid #cecece; line-height: 1.5em; } .respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus { background: #fff; } .respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid { outline: none; border-color: #fbc2c4; background-color: #f6e7eb; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] { max-width: 400px; min-width: 250px; } .respond-form form textarea { resize: none; width: 97.3%; height: 150px; } #comment-form-title { margin: 0 0 1.1em; } #allowed_tags { margin: 1.5em 10px 0.7335em 0; } .nocomments { margin: 0 20px 1.1em; } /********************* DONUT CHART/CANVASJS *********************/ .canvasjs-chart-credit { display: none; } /********************* SIDEBARS & ASIDES *********************/ .widget ul { margin: 0; } .widget ul li { list-style: none; } /********************* FOOTER STYLES *********************/ .footer { background-color: #00365B; padding: 30px 10px 30px 10px; } .footer-row { max-width: 1600px; margin: 0 auto; } .footer a { color: white; text-decoration: none; } .footer .external svg { display: none !important; } .footer-top { padding: 30px 10px; } .footer-top-content { display: inline-block; width: 30%; vertical-align: middle; } .footer-title { max-width: 320px; color: #FFFFFF; font-size: 40px; font-weight: 500; line-height: 1.25; } .footer-top-menu { display: inline-block; width: calc(70% - 6px); text-align: right; vertical-align: middle; } .footer-top .menu { display: inline-block; } .footer-top .menu li { display: block; } .footer-top .menu > li a { font-size: 14px; font-weight: 600; text-transform: uppercase; } .footer-top .footer-button a { background-color: transparent; border: 1px solid #FFFFFF; transition: all .5s ease-in-out; } .footer-top .footer-button a:hover { background-color: #FFFFFF; color: #003658; } .footer-bottom { padding: 30px 10px; margin: 35px 0 0 0; border-top: 1px solid #707070; } .footer-bottom .footer-row { position: relative; } .footer-bottom .menu { display: inline-block; margin: 0 0 0 -45px; } .footer-bottom .menu > li { display: inline-block; } .footer-bottom .menu > li > a { display: inline-block; padding: 0px 30px; font-size: 15px; font-weight: 400; } .footer-bottom .menu > li > a:first-of-type { padding: 0 30px 0 0; } .linkedin { display: inline-block; width: 32px; vertical-align: middle; margin-left: 15px; transition: all 500ms; } .linkedin:hover, .linkedin:focus { opacity: 0.7; } .footer-bottom .copyright { position: absolute; display: inline-block; right: 0; font-size: 16px; color: #FFFFFF; } .footer-back-to-top { position: fixed; bottom: 3vh; right: -100px; height: 70px; width: 70px; cursor: pointer; z-index: 1; transition: all .5s ease-in-out; } .footer-back-to-top.show { right: 5px; } .footer-back-to-top.footer-show { bottom: 425px; } /********************* PLUGIN STYLES *********************/ .gform_body ul { list-style: none outside none; margin: 0; } /********************* SECTION STYLES *********************/ .no-underline { text-decoration: none !important; } /* Accordion Styles - parts/section-accordion.php */ .accordion { border: none; } .accordion .accordion-title { font-size: inherit; } /* Icon Styles - parts/section-icons.php */ .icons .icon i { line-height: 1rem; font-size: 150px; } .icons .icon .hover-icon { display: none; } .icons .icon:hover .hover-icon, .icons .icon:focus .hover-icon { display: inline; } .icons .icon:hover .default-icon, .icons .icon:focus .default-icon { display: none; } .icons a { color: #FFFFFF; } .icons a.icon-link:hover .button, .icons a.icon-link:focus .button { background-color: #1583cc; color: #fefefe; } .icons a.icon-link:hover .button-hollow, .icons a.icon-link:focus .button-hollow { border-color: #7f7f7f; color: #7f7f7f; } .icons .icon-content { font-weight: 400 !important; } /* Fifty Fifty Styles - parts/section-fifty-fifty.php */ .fifty-fifty-section { overflow: hidden; } .fifty-fifty-section .fifty-fifty { width: 50%; float: left; } .fifty-fifty-link:hover .button { background: #003658; border: 2px solid #003658; color: #FFFFFF; } @media screen and (max-width: 39.9375em) { .fifty-fifty-section .fifty-fifty { width: 100%; float: none; } } .fifty-fifty-section .fifty-fifty-text { padding: 60px; } @media screen and (max-width: 63.9375em) { .fifty-fifty-section .fifty-fifty-text { padding: 30px 15px; } } .fifty-fifty-section .fifty-fifty-image { -moz-background-size: cover; background-size: cover; background-position: center center; } /* Text with Floating Image Styles - parts/section-text-floating-image.php */ @media screen and (max-width: 74.9375em) { .image-floating-text .v-center { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; } } .fifty-fifty a .fifty-fifty-image .playhead { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100px; width: 100px; transition: all .5s ease-in-out; } .fifty-fifty a:hover .fifty-fifty-image .playhead { transform: translate(-50%, -50%) scale(1.2); } /* Text with Floating Image Styles - parts/section-text-floating-image.php */ @media screen and (max-width: 74.9375em) { .image-floating-text .v-center { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; } } /******************************************************************************/ /* GENERAL */ #off-canvas .menu .menu { margin: 0 0 15px 0; } #off-canvas .menu .menu li { padding: 0; } /******************************************************************************/ /* ACCORDIONS */ .accordion .title.beside-text { display: inline-block; width: 30%; vertical-align: top; text-align: left; } .accordion h1 { line-height: 1.1; } .accordion .title.beside-text h1 { padding: 0 30px 20px 0; } .accordion .content.beside-text { display: inline-block; width: 70%; vertical-align: top; padding: 0 0 0 30px; margin: -20px 0 0 0; } .accordion .text { padding: 20px 0 0 0; } .accordion .accordions-div { display: inline-block; vertical-align: top; padding: 0 0 0 0; } .accordion .accordions-div.multicolumn { padding: 60px 15px 0 15px; } .accordion .accordion { position: relative; border-top: 1px solid #707070; padding: 0 0 0 0; background: transparent; } .accordion .accordion:last-of-type { border-bottom: 1px solid #707070; } .accordion .accordion-title { color: #5D646D; font-weight: 600; padding: 30px 30px 30px 5px; line-height: 1.25; } .accordion .accordion-title::before { content: ''; } .accordion .accordion-title::after { position: absolute; content: '+'; color: #00ABBD; top: 25px; right: 10px; font-size: 20px; } .accordion .accordion #external-link { margin-left: 5px; } .accordion .accordion-text { opacity: 0; max-height: 0; padding: 0 0 0 0; visibility: hidden; transition: all .25s ease-in-out; } .accordion .accordion.active { z-index: 10; } .accordion .accordion.active .accordion-title::after { content: '-'; } .accordion .accordion.active .accordion-text { opacity: 1; max-height: 10000px; padding: 0 5px 30px 5px; visibility: visible; } /* ANIMATIONS */ .animate-title { margin-left: 20px !important; transition: all .25s ease-in-out; } .title-animated { margin-left: 0 !important; } .animate-subtitle { margin-left: 20px !important; transition: all .5s ease-in-out; } .subtitle-animated { margin-left: 0 !important; } .animate-text { margin-left: 20px !important; transition: all .75s ease-in-out; } .text-animated { margin-left: 0 !important; } .animate-text-up { margin-top: 30px !important; transition: all .75s ease-in-out; } .text-up-animated { margin-top: 0 !important; } .link-text { display: inline-block; color: #003658; } .no-link-text { display: inline-block; margin: 0 0 0 -30px; } .title-line { display: inline-block; height: 2px; background-color: #FDB736; width: 50px; margin: 15px 0 20px -50px; transition: all 1s ease-in-out; } .title-line.animated { width: 100px; margin: 15px 0 20px 0; } .title-line.center { margin: 0 0 5px 0; } .title-line.center.animated { margin: 0 0 5px 0; } .title-line.Center { margin: 0 0 5px 0; } .title-line.Center.animated { margin: 0 0 5px 0; } .title-line.flush { margin: 0 0 12px -50px; } .title-line.flush.animated { margin: 0 0 12px 0; } .title-line.slight-left { margin: 20px 0 20px -50px; } .title-line.slight-left.animated { margin: 20px 0 20px 0; } .arrow { display: inline-block; background: url('/wp-content/themes/bci/assets/images/right-arrow.png'); height: 11px; width: 20px; background-size: cover; background-repeat: no-repeat !important; background-position: center right !important; margin: 0 0 0 10px; transition: all .5s ease-in-out; } .arrow-animate:hover .arrow { width: 50px; } .arrow.back { transform: rotate(180deg); } .arrow.back:hover { width: 50px; } .Blue-background .arrow { background: url('/wp-content/themes/bci/assets/images/right-arrow-white.png'); } .arrow.blue { background: url(/wp-content/themes/bci/assets/images/right-arrow-blue.png); } /* BANNER - OLD STYLE */ .banner.background-image { height: 600px; } /* BAR GRAPHS */ .bar-graph { padding: 30px 10px; } .bar-graph .content { display: inline-block; width: 100%; vertical-align: top; padding: 30px 129px 0 0; } .bar-graph .section-heading { width: 100%; padding: 20px 0 0 0; font-size: 30px; font-weight: 400; line-height: 42px; } .bar-graph .section-text { width: 100%; padding: 0; } .bar-graph .lines { position: relative; display: inline-block; width: 100%; vertical-align: top; text-align: center; border-bottom: 1px solid rgba(255,255,255,.5); } .bar-graph .line-div { display: inline-block; padding: 30px 25px 10px 0; } .bar-graph .line-div.no-padding { padding: 30px 0 10px 0; } .bar-graph .line { position: absolute; bottom: 10px; margin: 0 0 0 7px; max-width: 120px; transition: all 2.5s ease-in-out; } .bar-graph .line.negative { bottom: -150px; } .bar-graph .line-value.zero-height { opacity: 0; } .bar-graph .line-value { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); font-weight: 600; display: inline-block; opacity: 1; transition: all 2.5s ease-in-out; } .bar-graph.animate .line-value { opacity: 1; } .bar-graph.smaller-font .line-value { font-size: 16px; } .bar-graph.smaller-font .line-value.bold-value { font-size: 18px; font-weight: bold; } .bar-graph.smaller-font .line-value.stacked-values { top: -2px; display: none; } .bar-graph .line-value.value-inside { top: 10px; } .bar-graph .line.negative .line-value { top: -40px; } .bar-graph .line-value .line-text { display: inline-block; font-size: 12px; margin: -1px 0 0 2px; vertical-align: top; } .bar-graph .line.zero-height { height: 0 !important; } .bar-graph .line-value .line-value { transform: unset; font-size: 12px; margin: -5px 0 0 0; top: unset; left: unset; } .bar-graph .benchmark { position: absolute; bottom: 10px; margin: 0 0 0 7px; background-color: transparent !important; transition: all 2.5s ease-in-out;} .bar-graph .benchmark.zero-height { height: 0 !important; } .bar-graph .benchmark-line { position: absolute; top: 0; height: 4px; width: 120%; margin: 0 0 0 -10px; background-color: #07aabc; display: inline-block; } .bar-graph .benchmark .line-value { top: -15px; left: 115%; transform: unset; } .bar-graph .line-label { position: absolute; bottom: -40px; text-align: center; font-weight: 600; padding: 0 0 0 0; width: 10%; } .bar-graph.smaller-font .line-label { font-size: 16px; padding: 0 0 0 9px; } .bar-graph .bar-graph-main-legend { display: inline-block; font-size: 16px; padding: 30px 20px 0 0; } .bar-graph .legend { padding: 10px 0 0 0; font-weight: 600; color: #FFFFFF; } .bar-graph .legend img { vertical-align: middle; } .bar-graph .section-heading { left: 0; margin: 60px 0 0 0; } .bar-graph .section-heading.animated { margin: 0; } .bar-graph .section-text { left: 0; margin: 60px 0 0 0; } .bar-graph .section-text.animated { margin: 0; } #returns { margin: 90px 0 0 0; } #value-add { margin: 90px 0 0 0; } #value-add .line-label { bottom: -190px; } /* BIOS */ .bios .team-filters { text-align: right; border-bottom: 1px solid rgba(112, 112, 112, .25); margin: 0 0 30px 0; } .bios .team-filters.no-line { border-bottom: unset; } .bios .filter { border-radius: unset; border: unset; } .bios .filter:hover { background-color: transparent; } .bios .filter select { border: unset; background-image: url('/wp-content/themes/bci/assets/images/dropdown-arrow.png'); background-size: 12px 7px; margin: 0; background-position: calc(100% + 19px) center; } .bios .intro-content { } .bios .bios-columns-div { padding: 20px 0 0 0; margin: 0 -20px 0 -20px; } .bios .columns { display: inline-block; width: calc(25% - 10px); margin: 20px 5px 10px 5px; float: unset; vertical-align: top; text-align: left; } .bios .columns img { border: 1px solid #707070; } .bios .columns h4 { padding: 20px 0 10px 0; font-weight: 900; } .bios .columns .bio-excerpt p { font-size: 16px; font-weight: 300; color: #003658 !important; line-height: 1.25; } .bios .columns .bio-excerpt div { font-size: 16px; font-weight: 300; color: #003658 !important; line-height: 1.25; padding: 0 0 20px 0; } .bios .columns .bio-content p { font-size: 16px; font-weight: 300; line-height: 1.25; } .bios .columns .bio-content div { font-size: 16px; font-weight: 300; line-height: 1.25; padding: 0 0 20px 0; } .bios .bio { position: relative; left: 0; /*transition: all .5s ease-in-out;*/ } .bios .bio.hide { display: unset !important; position: absolute; left: 125%; } /* BIOS SINGLE PAGE */ .bio-name { padding: 0 0 20px 0; } /* CASE STUDIES */ .case-studies { position: relative; } .case-studies .background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background: url('/wp-content/themes/bci/assets/images/key-facts-overlay.png') !important;*/ background-size: cover !important; background-position: top left !important; background-repeat: no-repeat !important; opacity: .75; } .case-studies .row { position: relative; text-align: center; } .case-studies .content { padding: 40px 0 30px 0; } .case-studies .columns { padding: 0 !important; } .case-study-column { display: inline-block; vertical-align: top; } .case-study-column-title { font-size: 30px; padding: 0 0 10px 0; display: inline-block; line-height: 1.1; } .case-study-column-title img { display: inline-block; margin: 0 15px 0 0; max-width: 40px; } .case-study-column a { color: #00ABBD; text-decoration: underline; } .case-study-video-icon { display: inline-block; background: url('/wp-content/themes/bci/assets/images/play-video.png'); background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; height: 25px; width: 25px; margin: 20px 10px 0 0; vertical-align: sub; transition: all .5s ease-in-out; } .case-study-video { display: inline-block; text-decoration: underline; transition: all .5s ease-in-out; } .case-column-video-link:hover .case-study-video-icon { margin: 20px 20px 0 0; } .case-column-video-link:hover .case-study-video { color: #FFFFFF; } /* CALL TO ACTION */ .call-to-action .image { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .call-to-action .row { position: relative; } .call-to-action .background-color { position: absolute; top: 0; left: 0; width: calc(58% - 156px); height: 100%; opacity: .9; } .call-to-action .background-color.Right { left: 42%; } .call-to-action .content { position: relative; top: 0; left: 0; padding: 72px 97px; width: calc(58% - 156px); } .call-to-action .content.Right { left: 42%; } .call-to-action .heading { padding: 0; font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 400; line-height: 45px; } .call-to-action .title-line { margin: 15px 0 20px -50px; } .call-to-action .title-line.animated { margin: 15px 0 20px 0; } .call-to-action .text p { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 400; line-height: 32px; padding: 0 0 33px 0; } .call-to-action .link { display: inline-block; padding: 13px 0; width: 100%; border-top: 1px solid #828282; } .call-to-action .link:last-of-type { border-bottom: 1px solid #828282; } .collaborative-partners .slick-slider .full-width-column .column-image img { min-height: unset; height: auto !important; max-height: 165px; width: auto; } /* CTA */ .cta.use-image.padded-section { padding: 0 15px; } .cta.use-image .columns { padding: 0; background-color: transparent; cursor: default; } .cta .image { position: relative; height: 725px; width: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out; } .cta .image .content { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); } .cta .image .content .title { color: #FFFFFF; font-size: 69px; font-weight: 900; line-height: 1.2; text-align: left; } .cta .image .content .dividing-line { background: unset; background-color: #f6b437; width: 50px; margin: 30px 0; } .cta .image .content .subtitle { color: #FFFFFF; font-size: 25px; font-weight: 300; line-height: 1.2; text-align: left; } .cta .image .content .subtitle .year { font-weight: 600; } .cta .image .cta-buttons { position: absolute; bottom: 0; left: 30px; width: calc(100% - 30px); text-align: left; } .cta .image .cta-button { display: inline-block; background-color: #f6b437; color: #000000; text-transform: uppercase; text-align: center; font-size: 20px; font-weight: 600; padding: 20px 40px; margin: 0 20px 0 0; } .cta .image .cta-buttons svg { display: none; } .cta .image .cta-button:hover { background-color: #FFFFFF; } .cta.use-image:hover .columns { background-color: transparent; } .cta > .row > .pdf > svg { display: none; } .cta #external-link { display: none; } @media screen and (max-width: 1040px) { .cta .image .cta-button { font-size: 17px; } } @media screen and (max-width: 925px) { .cta .image .cta-button { margin: 0 5px 5px 0; } } @media screen and (max-width: 800px) { .cta .image { background-position: 60% center !important; } .cta .image .content { top: 63%; } .cta .image .content .title { font-size: 40px; } .cta .image .content .subtitle { font-size: 20px; } .cta .image .cta-button { font-size: 12px; padding: 10px 20px; } } @media screen and (max-width: 630px) { .cta .image .cta-button { min-width: 300px; } } /* Fifty Fifty */ .fifty-fifty-link #PDF { display: none; } .fifty-fifty { margin: 0 !important; } .fifty-fifty .row { max-width: 1600px; } .fifty-fifty .text { padding: 0 0 20px 0; margin: 0 0 0 0; } .fifty-fifty-image { position: relative; display: inline-block; width: 50%; margin: 0 0 0 0; background-position: center center; background-repeat: no-repeat; vertical-align: middle; z-index: 1; } .fifty-fifty.report .fifty-fifty-image { height: auto; width: 50%; margin: 0; } .fifty-fifty.report .fifty-fifty-image img { object-fit: cover; } .fifty-fifty.accordion .fifty-fifty-image { height: auto; } .fifty-fifty.accordion .fifty-fifty-image img { object-fit: cover; } .fifty-fifty-image.inverse { left: 50%; margin: 0 0 0 0; } .fifty-fifty-text { position: relative; display: inline-block; width: 50%; vertical-align: top; } .fifty-fifty.regular .fifty-fifty-text { vertical-align: middle; } .fifty-fifty.report .fifty-fifty-text { height: auto; padding: 0 0 0 30px; } .fifty-fifty.accordion .fifty-fifty-text { height: auto; padding: 0 30px; } .fifty-fifty-text.inverse { left: -50%; } .fifty-fifty-text .button #PDF { display: inline !important; } .fifty-fifty-content { padding: 0 60px; } .fifty-fifty-content h2 { font-weight: 400; } .fifty-fifty-content .title-line { margin: 15px 0 20px -50px; } .fifty-fifty-content .title-line.animated { margin: 15px 0 20px 0; } .fifty-fifty-content ul { padding: 10px 0 0 0; } .fifty-fifty-content ul li { font-size: 18px; } .fifty-fifty-content ol { padding: 10px 0 0 0; } .fifty-fifty-content ol li { font-size: 18px; } .fifty-fifty-content .button { margin: 25px 15px 0 0; font-size: 17px; } .fifty-fifty-content .button.icon { position: relative; padding: 12px 22px 12px 52px; } .fifty-fifty-content .icon svg { display: none; } .fifty-fifty-content .button .button-icon { background-size: contain !important; background-repeat: no-repeat !important; height: 20px; width: 20px; position: absolute; top: 10px; left: 27px; } /*.fifty-fifty-content a { text-decoration: underline; }*/ .fifty-fifty-content a .link-text { padding: 20px 0; transition: all .25s ease-in-out; } .fifty-fifty-content a:hover .link-text { color: #00a8b9; } .fifty-fifty-content a.external #external-link { display: none !important; } .fifty-fifty a .playhead { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100px; width: 100px; transition: all .5s ease-in-out; } .fifty-fifty a:hover .playhead { transform: translate(-50%, -50%) scale(1.2); } .fifty-fifty.masonry .row.width-large { max-width: 1800px !important; } .fifty-fifty.masonry .fifty-fifty-content { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 120px 0 120px; } .fifty-fifty.masonry .masonry-left { width: 50%; display: inline-block; } .fifty-fifty.masonry .masonry-left svg { display: none !important; } .fifty-fifty.masonry .masonry-right { width: 50%; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); } .fifty-fifty.masonry .masonry-right svg { display: none !important; } .fifty-fifty.masonry .fifty-fifty-masonry-image { position: relative; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; padding: 40px 75px 0 0; margin: 0 15px 15px 0; min-height: 300px; } .fifty-fifty.masonry .masonry-right .fifty-fifty-masonry-image { padding: 222px 75px 0 0; margin: 0 5px 0 0; min-height: 500px; } .fifty-fifty.masonry .masonry-text-box { position: absolute; bottom: 0; width: calc(100% - 60px); opacity: .9; padding: 30px 16px 20px 30px; } .fifty-fifty.masonry .masonry-title { font-size: 20px; font-weight: 600; line-height: 32px; padding: 0 0 15px 0; } .fifty-fifty.masonry .masonry-text { font-size: 18px; font-weight: 400; line-height: 26px; padding: 0; } .fifty-fifty.masonry .masonry-link-label { font-size: 16px; display: inline-block; padding: 15px 0 0 0; } .fifty-fifty.masonry .fifty-fifty-image .arrow { background: url('/wp-content/themes/bci/assets/images/right-arrow-white.png'); } .fifty-fifty.report .report { border-top: 1px solid #707070; padding: 20px 0 20px 0; } .fifty-fifty.report .report:last-of-type { border-bottom: 1px solid #707070; } .fifty-fifty.report .report #external-link { margin-left: 5px; } .fifty-fifty.report .report-title { font-size: 15px; font-weight: bold; } .fifty-fifty.report .report-link { display: inline-block; padding: 2px 0 0 0; } .fifty-fifty.report .sreport-anchor #external-link { margin-left: 5px; margin-right: 20px; } .fifty-fifty.report .sreport-link { font-size: 15px; display: inline-block; } .fifty-fifty .accordion { padding: 0 10px 0 0; margin: 0 0 10px 0; border-left: 10px solid transparent; background: #FFFFFF; } .fifty-fifty .accordion.active { border-left: 10px solid #00ABBD; } .fifty-fifty .accordion-title { color: #5D646D; font-size: 20px; font-weight: 600; padding: 28px 33px 28px 23px; } .fifty-fifty .accordion-title::before { content: ''; } .fifty-fifty .accordion-title::after { position: absolute; content: '+'; color: #00ABBD; top: 25px; right: 10px; font-size: 20px; } .fifty-fifty .accordion #external-link { margin-left: 5px; } .fifty-fifty .accordion-text { opacity: 0; max-height: 0; font-size: 20px; padding: 0 0 0 0; transition: all .25s ease-in-out; } .fifty-fifty .accordion.active .accordion-title::after { content: '-'; } .fifty-fifty .accordion.active .accordion-text { opacity: 1; max-height: 10000px; padding: 0 33px 28px 23px; margin: -15px 0 0 0; visibility: visible; } .fifty-fifty .button-icon { display: inline-block; height: 14px; width: 25px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } .fifty-fifty .icon.external #external-link { display: none !important; } .fifty-fifty .icon.external .link-text { padding: 20px 0; transition: all .25s ease-in-out; } .fifty-fifty .icon.external:hover .link-text { color: #00ABBD; } .fifty-fifty .slider-nav { padding: 10px 0 0 0; } .fifty-fifty .slider-nav .slick-dots { position: unset; text-align: left; list-style: unset; transform: unset; display: inline-block !important; margin: 0; } .fifty-fifty .slider-nav .slick-dots li button { background: #00365B; } .fifty-fifty .slider-nav .slick-dots li.slick-active button { background: #00ABBD; } .fifty-fifty .slider-nav .slick-dots li { margin: 0 5px; width: unset !important; } .fifty-fifty .slider-nav .slick-prev { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; transform: rotate(180deg); } .fifty-fifty .slider-nav .slick-next { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; } .fifty-fifty .fifty-fifty-text-left { display: inline-block; vertical-align: top; padding: 0 90px 0 0; } .fifty-fifty .fifty-fifty-text .quote { display: inline-block; background: url('/wp-content/themes/bci/assets/images/yellow-quotes.png'); background-size: contain !important; background-position: center center !important; height: 46px; width: 58px; padding: 0; margin: 0 25px 0 0; vertical-align: top; } .fifty-fifty .fifty-fifty-text-right { display: inline-block; vertical-align: top; } .fifty-fifty .fifty-fifty-text-right .quote { display: inline-block; background: url('/wp-content/themes/bci/assets/images/yellow-quotes.png'); background-size: contain !important; background-position: center center !important; height: 46px; width: 58px; padding: 0; margin: 0 25px 0 0; vertical-align: top; } .fifty-fifty .fifty-fifty-text .quote-text { font-size: 32px; font-weight: 400; line-height: 42px; display: inline-block; width: calc(100% - 200px); } .fifty-fifty .fifty-fifty-text .quote-text-title { font-size: 18px; font-weight: 600; padding: 45px 0 45px 0; line-height: 28px; } .fifty-fifty .fifty-fifty-text-right .text { display: inline-block; vertical-align: top; width: calc(100% - 90px); font-size: 28px; font-weight: 400; line-height: 42px; color: #00365b !important; padding: 0 100px 0 0; } .fifty-fifty .fifty-fifty-text-right .text .person { font-size: 18px; font-weight: 600; line-height: 32px; color: #48484A !important; max-width: 325px; } .fifty-fifty.jennifers-quote .link-text { margin: 0 0 0 87px; padding: 12px 32px; } .fifty-fifty.jennifers-quote .link-text:hover { background-color: #003658; color: #FFFFFF; } .fifty-fifty.jennifers-quote .arrow { display: none; } .fifty-fifty .wide-links .wide-link { background-color: #FFFFFF; width: 100%; padding: 23px 0 23px 33px; margin: 0 0 10px 0; transition: all .25s ease-in-out; } .fifty-fifty .wide-links .wide-link:hover { background-color: #e5ebf0; } .fifty-fifty .wide-links .wide-link .link-text { color: #48484A; width: calc(100% - 67px); font-weight: 600; } .fifty-fifty.image-text-accordion { background-size: cover !important; background-position: center center !important; } .fifty-fifty.image-text-accordion .main-content { position: absolute; top: 86px; left: 0; bottom: 148px; right: 0; background: rgba(0,54,91,.9); padding: 79px 106px 79px 59px; } .fifty-fifty.image-text-accordion .main-content h2 { color: #FFFFFF !important; } .fifty-fifty.image-text-accordion .title-line { color: #FFFFFF !important; margin: 15px 0 20px -50px; } .fifty-fifty.image-text-accordion .title-line.animated { margin: 15px 0 20px 0; } .fifty-fifty.image-text-accordion .text { color: #FFFFFF !important; } .fifty-fifty.image-text-accordion #external-link { display: none; } .fifty-fifty.image-text-accordion .fifty-fifty-text { background-color: rgba(255,255,255,.9); padding: 0 25px 0 25px; position: relative; z-index: 2; } .fifty-fifty.image-text-accordion .fifty-fifty-text-div { position: relative; top: 50%; transform: translateY(-50%); } .fifty-fifty.image-text-accordion .accordion { border: 1px solid #828282; } .fifty-fifty.image-text-accordion .accordion { padding: 0 20px 0 10px; } .fifty-fifty.image-text-accordion .accordion.active { padding: 0 20px 0 0; border-left: 10px solid #00ABBD; } .fifty-fifty.image-text-accordion .link-text { color: #FFFFFF !important; } .fifty-fifty.image-text-accordion .arrow { background: url('/wp-content/themes/bci/assets/images/right-arrow-white.png'); } #shauna-quote .slick-slider .slick-track img { max-width: 511px !important; } #shauna-quote .fifty-fifty-content { padding: 0 40px 0 100px; } #shauna-quote .fifty-fifty-text .quote { margin: 13px 25px 0 0; } #shauna-quote .fifty-fifty-text .quote-text { font-size: 32px; font-weight: 300; line-height: 52px; width: calc(100% - 90px); } #shauna-quote .fifty-fifty-text .quote-text-title { font-size: 20px; font-weight: 400; line-height: 32px; padding: 23px 0 45px 0; } /* Full Width */ .full-width-bar { position: relative; } .full-width-bar .row { max-width: 100%; } .full-width-bar.reduced-padding { padding: 0 !important; } .full-width-bar h1 { padding: 0; } .full-width-bar .content { padding: 20px 0 0 0; } .full-width-bar .content.has-dividing-line { padding: 0; } .full-width-bar .heading-div.beside-text { display: inline-block; vertical-align: top; margin: 0; } .full-width-bar .heading-div.beside-text h1 { font-size: 36px; line-height: 50px; padding: 0 30px 0 0; } .full-width-bar .content.beside-text { display: inline-block; vertical-align: top; } .full-width-bar .text-columns-1 { width: 100%; } .full-width-bar .heading-div.beside-text.text-columns-2 { width: 40%; } .full-width-bar .content.beside-text.text-columns-2 { width: 60%; padding: 0 0 0 30px; } .full-width-bar .heading-div.beside-text.text-columns-3 h1 { width: 20%; } .full-width-bar .content.beside-text.text-columns-3 { width: 60%; padding: 0 30px; } .full-width-bar .image.beside-text.text-columns-3 { width: 20%; } .full-width-bar .dividing-line.turquoise { background: #00ABBD; background-size: unset; background-position: unset; background-repeat: unset; height: 1px; width: 100%; margin: 10px 0 -20px 0; } .full-width-bar .full-width-column { padding: 0 15px 10px 15px; vertical-align: top; } .full-width-bar .full-width-column .column-image { position: relative; } .full-width-bar .full-width-column .column-image img { margin: 0 auto; object-fit: cover; height: 300px; width: 100%; transition: all .5s ease-in-out; } .full-width-bar.contain .full-width-column .column-image img { height: auto !important; object-fit: contain; } .full-width-bar.icons .full-width-column .column-image img { height: 100%; } .full-width-bar a:hover .column-image img { transform: scale(1); } .full-width-bar .full-width-column { display: inline-block; } .full-width-bar .beside-text { /*width: 70%; display: inline-block;*/ vertical-align: top; padding: 10px 0 0 0; } .full-width-bar .beside-text .full-width-column { padding-top: 0 !important; padding-bottom: 40px !important; } .full-width-bar .beside-text .column-title { font-size: 22px; padding-left: 0; height: 155px; overflow: auto; } .full-width-bar .column-title { font-size: 22px; font-weight: 400; padding: 20px 0 0 0; line-height: 1.6; } .full-width-bar .column-title.large { font-size: 36px; font-weight: 400; max-width: 400px; } .full-width-bar .column-text.column-categories { font-size: 15px; } .full-width-bar .column-text { padding: 25px 0 25px 0; } .full-width-bar .column-date { font-size: 15px; font-weight: 500; padding: 20px 0 10px 0; color: #48484A; } .full-width-bar.reduced-padding .column-text { padding: 0 10px; } .full-width-bar .full-width-column .button { margin-top: 0 !important; padding: 12px 32px; border: 2px solid #FFFFFF; background: white; color: #003658 !important; text-transform: uppercase; display: inline-block; min-width: 0; font-size: 17px; text-decoration: none !important; } .full-width-bar .full-width-column .button:hover, .button:focus { color: white !important; background: #00365b; } .full-width-bar.White-background .full-width-column .button { border: 2px solid #00365b; color: #00365b !important; } .full-width-bar.White-background .full-width-column .button:hover { border: 2px solid #FFFFFF; color: #FFFFFF !important; background: #003658 !important; } .full-width-bar .full-width-column .button.transparent { background: none; border: 1px solid #003658; } .full-width-bar .full-width-column .button.transparent:hover { background: #003658; } .full-width-bar a.button { text-decoration: none; } .full-width-bar.blue-background a.button { background: transparent; border: 2px solid #FFFFFF !important; color: #FFFFFF !important; } .full-width-bar.blue-background a:hover.button { background: #FFFFFF; color: #003658 !important; } .full-width-bar.icons .button { text-decoration: none; color: #003658 !important; background-color: transparent; border: 2px solid #003658 !important; } .full-width-bar.icons .button:hover { color: #FFFFFF !important; background-color: #003658 !important; } .full-width-bar .full-width-column .column-image .dotted-line { position: absolute; top: 50%; left: 64%; background: url('/wp-content/themes/bci/assets/images/dotted-line.png'); background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; height: 2px; width: 300px; } .full-width-bar .collaboration-card { padding: 30px; border: 2px solid #00365b; text-align: center; border-radius: 5px; } .full-width-bar .collaboration-card img { margin: 0 auto 0 auto; } .full-width-bar a.collaboration-link { text-decoration: none; color: #48484A !important; } .full-width-bar a.collaboration-link:hover .button { background-color: #00365b !important; color: #FFFFFF !important; } .full-width-bar .collaboration-card .button:hover { background-color: #00365b !important; } .full-width-bar.no-underline a { text-decoration: none; } .full-width-bar .pri-left { display: inline-block; width: calc(100% - 198px); vertical-align: top; } .full-width-bar .pri-right { display: inline-block; position: relative; margin: 0 0 15px 15px !important; max-width: 177px; } .full-width-bar .columns-div { padding: 10px 0 0 0; margin: 0 -30px; } .full-width-bar #external-link { display: none; } .full-width-bar .columns-div.columns-3 { margin: 0 -55px; } .full-width-bar .flip-front { cursor: pointer; } .full-width-bar .flip-back { cursor: pointer; } .full-width-bar .flip-front img { width: 30px; display: inline-block; } .full-width-bar .flip-back img { width: 30px; display: inline-block; } .full-width-bar .link-text { display: inline-block; padding: 15px 0 15px 0; font-size: 18px; } .full-width-bar .full-width-column .column-info { display: inline-block; padding: 10px 30px 0 0; } .full-width-bar.collaboration-cards .full-width-column .column-info { padding: 10px 15px 0 15px; } .full-width-bar .slick-slider { margin: 5px -10px 0 -10px; } .full-width-bar .slick-slider li { padding: 0; } .full-width-bar .slick-slider .full-width-column .column-image img { height: 300px; } .full-width-bar .slider-nav .slick-prev { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; transform: rotate(180deg); } .full-width-bar .slider-nav .slick-next { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; } .full-width-bar .slider-nav .slick-dots { position: unset; text-align: left; list-style: unset; transform: unset; display: inline-block !important; margin: 0 5px 0 -5px; } .full-width-bar .slider-nav .slick-dots li { margin: 0; width: unset !important; } .full-width-bar .slider-nav .slick-dots li.slick-active button { background: #00ABBD; } .full-width-bar .slider-nav .slick-dots li button { background: #00365B; } .fw-fifty-fifty-left { width: 50%; float: left; padding: 0 10px 0 0; } .fw-fifty-fifty-right { width: 50%; float: left; padding: 0; } .no-offsite #external-link { display: none; } .no-offsite svg { display: none; } .download-form-div { padding: 30px 0; } .download-form-title { background-color: #00365b; color: #FFFFFF; text-align: center; padding: 10px; font-weight: 700; } .download-form-div .gform_required_legend { display: none; } .full-width-bar .thumb-wrap { position: relative; float: left; margin: 0 15px 15px 0; max-width: 170px; } .full-width-bar .thumb-wrap img { margin: 0; width: 100%; } .full-width-bar .thumbnails .content { background: #ebeff2; padding: 30px; min-height: 280px; } .full-width-bar .link-wrap .thumb-wrap #download { display: block; height: 30px; width: 30px; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); } .full-width-bar .link-wrap .thumb-wrap #download .cls-1 { transition: all .5s ease-in-out; } .full-width-bar .link-wrap h6 { text-align: center; color: white; background: #0a2c49; text-transform: uppercase; padding: 30px; } .full-width-bar .link-wrap:hover h6 { color: #00a8b9; } .full-width-bar .link-wrap:hover .thumb-wrap #download .cls-1 { fill: #00a8b9; } .full-width-bar h6 { padding: 30px 30px 0 30px; background: #ebeff2; } .full-width-bar.no-background h6 { background: transparent; } .full-width-bar .text { padding: 0 30px 0 30px; background: #ebeff2; } .full-width-bar.no-background .text { background: transparent; } .full-width-bar .infographics .text { font-size: 17px; } .full-width-bar .infographics .content { background: #ebeff2; padding: 30px; } .full-width-bar.no-background .infographics .content { background: transparent; } .full-width-bar .infographics .content img { margin: 0 auto 30px; border: none; float: none; } .full-width-bar .infographics .footnote { /*background: #ebeff2;*/ } .full-width-bar .footnote p { padding: 0 30px 0 30px; } .full-width-bar .footnote p:last-of-type { padding: 0 30px 30px 30px; } .full-width-bar .info-block .full-width-column { background-color: #0c375b; } .full-width-bar .info-block .full-width-column .column-image img { height: auto !important; } .full-width-bar .info-block .full-width-column h6 { padding: 20px 30px 0 30px; background: #0c375b; text-transform: uppercase; transition: all .25s ease-in-out; } .full-width-bar .info-block .full-width-column:hover h6 { color: #00a8b9 !important; } .full-width-bar .info-block .full-width-column .text { padding: 30px 60px 30px 60px; background: #0c375b; } .full-width-bar .info-block .full-width-column .button { background-color: transparent; color: #0c375b; } .full-width-bar .info-block .full-width-column:hover .button { background-color: #0c375b; color: #FFFFFF; } .full-width-bar .info-block .full-width-column .button.White { background-color: transparent; color: #FFFFFF !important; border: 1px solid #FFFFFF; } .full-width-bar .info-block .full-width-column:hover .button.White { background-color: #FFFFFF !important; color: #0c375b !important; } .full-width-bar .info-block .full-width-column .button.White:hover { background-color: #FFFFFF !important; color: #0c375b !important; } .full-width-bar .reports .column-image { position: relative; height: 250px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .full-width-bar .reports .tagline { position: absolute; color: #FFFFFF; bottom: 0; left: 0; text-shadow: 1px 1px 5px #000000; padding: 30px 10px 10px 30px; text-align: left; line-height: 1.25; font-size: 20px; font-weight: 600; background: linear-gradient(to right, rgba(10,44,73,.75), rgba(0,171,189,0)); height: 100%; } .full-width-bar .reports h6 { font-size: 28px; text-transform: uppercase; font-weight: 600; margin: 0; background: #00365b; padding: 30px; } .full-width-bar .reports .button { display: block; text-decoration: none; padding: 10px 30px 10px 30px; font-weight: 600; margin: 2px 0 2px 0 !important; border: 1px solid #00365b !important; } .full-width-bar .reports .button:hover .button-text { color: #FFFFFF !important; } .full-width-bar .reports .button .button-text { display: inline-block; } .full-width-bar .reports .text { padding: 30px; } .column-image .playhead { position: absolute; bottom: 5px; right: 5px; height: 55px; width: 55px; background: url(/wp-content/themes/bci/assets/images/playhead.jpg); background-size: contain !important; background-position: center center !important; transition: all .5s ease-in-out; } .columns-div a:hover .column-image .playhead { transform: scale(1.10); bottom: 8px; right: 8px; } .full-width-bar .button-icon { display: inline-block; height: 14px; width: 25px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } .full-width-bar .icon.external .link-text { font-size: 20px; transition: all .25s ease-in-out; } .full-width-bar .icon.external:hover .link-text { color: #00ABBD; } .full-width-bar.columns-home-page .full-width-column .link-div { background-color: #FFFFFF; } .full-width-bar.columns-home-page .full-width-column .column-info { background-color: #FFFFFF; padding: 0 40px 28px 30px; } .full-width-bar.columns-home-page .full-width-column .column-title { font-size: 24px; font-weight: 600; line-height: 32px; } .full-width-bar.columns-home-page .full-width-column .link-text { background-color: #00365B; color: #FFFFFF; font-size: 20px; font-weight: 400; line-height: 45px; padding: 0 60px; border: 1px solid #00365B; transition: all .25s ease-in-out; } .full-width-bar.columns-home-page .full-width-column:hover .link-text { background-color: #FFFFFF; color: #00365B; } .full-width-bar.columns-home-page .full-width-column .arrow { display: none; } .full-width-bar .Slider.beside-text { width: 20%; } .full-width-bar .Slider.beside-text h1 { width: 100% !important; } .full-width-bar .slick-slider.beside-text { display: inline-block; width: 80%; } .full-width-bar .slick-slider.beside-text .slick-list { padding:0 20% 0 0 !important; width: 137%; } .full-width-bar .slick-slider.beside-text .full-width-column { padding-bottom: 0 !important; } .full-width-bar .slick-slider.beside-text .column-title { padding: 0 !important; height: unset; line-height: 26px !important; overflow: hidden !important; } .full-width-bar .slider-nav.beside-text { margin: -10px 0 0 20%; } ul.color-bullets { list-style-type: none; padding: 30px 0; margin: 0; } ul.color-bullets li { margin-bottom: 15px; border-left: 11px solid #00ABBD; border-top: 1px solid #696F79; border-bottom: 1px solid #696F79; border-right: 1px solid #696F79; padding: 15px 36px 16px 25px; color: #48484A; } .full-width-bar .stacked-columns .column-heading { padding: 25px 31px 13px 31px; opacity: .65; font-weight: 700; letter-spacing: 4px; } .full-width-bar .stacked-columns .column-info { padding: 43px 50px 30px 31px !important; } .full-width-bar .stacked-columns .column-title { font-size: 26px; line-height: 32px; padding: 0; } .full-width-bar .stacked-columns .column-image img { height: 250px; } .full-width-bar.small-heading h1 { font-size: 26px; line-height: 42px; } .full-width-bar.small-heading .columns-div { margin: -30px -30px 0 -30px; } .full-width-bar .horizontal-column { font-size: 20px; font-weight: 400; line-height: 32px; padding: 0 20px 0 0; } .full-width-bar .horizontal-column .alignleft { margin: 0 16px 0 0; border: 0; width: 275px; } .full-width-bar .horizontal-column .column-subheading { font-weight: 700; line-height: 25px; padding: 10px 0 10px 0; } .full-width-bar .portfolio .team-filters { text-align: right; border-bottom: 1px solid rgba(112, 112, 112, .25); margin: 0 0 30px 0; } .full-width-bar .portfolio .filter { border-radius: unset; border: unset; background-color: unset; } .full-width-bar .portfolio .filter select { border: unset; background-image: url('/wp-content/themes/bci/assets/images/dropdown-arrow.png'); background-size: 12px 7px; margin: 0; background-position: calc(100% + 19px) center; background-color: unset; } .full-width-bar .portfolio .filter select:hover { background-color: #00365b;} .full-width-bar .portfolio .full-width-column .column-image { cursor: pointer; } .full-width-bar .portfolio .full-width-column .column-image img { height: 225px; } .full-width-bar .portfolio .column-title { position: absolute; bottom: 10px; right: 15px; padding: 0 0 0 15px; font-size: 18px; line-height: 20px; } .full-width-bar .search { display: inline-block; float: right; padding: 0 25px 0 0; } .full-width-bar .search input { background: url(/wp-content/themes/bci/assets/images/search.png); background-size: 25px !important; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 15px 6px; } .portfolio-flyout { position: fixed; top: 50%; left: 10%; transform: translateY(-50%); z-index: 2; background-color: #FFFFFF; text-align: left; padding: 60px; width: 80%; border: 1px solid rgba(0, 0, 0, .25); box-shadow: 5px 5px 5px rgba(0, 0, 0, .15); transition: all .25s ease-in-out; } .portfolio-flyout.hidden { display: unset !important; left: 100%; } .portfolio-flyout .portfolio-close { position: absolute; top: 10px; right: 15px; } .portfolio-flyout .portfolio-flyout-image { display: inline-block; margin: 0 20px 0 0; vertical-align: bottom; } .portfolio-flyout .portfolio-flyout-image img { width: 250px; height: 150px; object-fit: cover; object-position: center center; } .portfolio-flyout .portfolio-flyout-name { display: inline-block; font-size: 24px; font-weight: 400; vertical-align: bottom; } .portfolio-flyout .portfolio-flyout-hr { height: 2px; width: 100%; background-color: #D9D9D9; margin: 20px 0; } .portfolio-flyout .portfolio-flyout-hr.turquoise { background-color: #00ABBD; } .portfolio-flyout .portfolio-flyout-title { font-size: 16px; font-weight: 700; color: #48484A; } .portfolio-flyout .portfolio-flyout-text { font-size: 16px; font-weight: 400; color: #48484A; padding: 10px 0 0 0; transition: all .5s ease-in-out; } .portfolio-flyout .portfolio-flyout-text.website:hover { color: #00365b; text-decoration: underline; } .portfolio-flyout .portfolio-flyout-column { display: inline-block; width: 20%; padding: 0 60px 0 0; vertical-align: top; } .portfolio-flyout .portfolio-flyout-column.description { width: 40%; padding: 0 120px 0 0; } .portfolio-flyout .portfolio-flyout-subtitle { display: inline-block; font-size: 12px; font-weight: 700; color: #48484A; letter-spacing: 1.2px; padding: 0 10px 0 0; } .portfolio-flyout .portfolio-flyout-subtext { display: inline-block; font-size: 12px; font-weight: 300; color: #48484A; letter-spacing: 1.2px; } @media screen and (max-width: 1023px) { .fw-fifty-fifty-left { width: 100%; } .fw-fifty-fifty-right { width: 100%; } } @media screen and (max-width: 767px) { .full-width-bar .pri-right .alignright { float: unset; margin: unset !important; display: inline-block; max-height: 177px; } .nolimit { max-height: unset !important; } } @media screen and (max-width: 600px) { .full-width-bar .pri-left { width: 100%; } .full-width-bar .pri-right { width: 100%; } } /* GRID */ .grid .grid-div { margin: 30px 0; } .grid .flip-card { perspective: 1000px; display: inline-block; float: unset !important; } .grid .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; } .grid .flip-card:hover .flip-card-inner { transform: rotateY(-180deg); } .grid .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; text-align: left; font-size: 17px; display: block !important; } .grid .flip-card-front { background: white; border: 2px solid #00365b; padding: 30px; min-height: 200px; } .grid .flip-card-front .partner-logo-image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 70%; max-height: 40%; } .grid .flip-card-back { transform: rotateY(180deg); } .grid .flip-card-back ul { margin: 20px 0 0 0 !important; } .grid .flip-card-back li { line-height: 1.25; margin: 0 0 10px 0; } .grid .title-content.title-beside-text h2 { display: inline-block; width: 30%; text-align: right; vertical-align: top; } .grid .title-content.title-beside-text .text { display: inline-block; width: 70%; padding: 0 0 0 30px; vertical-align: top; } .grid .title-content.title-text-content { width: 30%; display: inline-block; vertical-align: top; } .grid .title-content.title-text-content h2 { text-align: right; } .grid .title-content.title-text-content .text { text-align: right; } .grid center { /*width: 70%; display: inline-block;*/ } .grid .grid-div.title-text-content { margin: 0; padding: 0 0 0 30px; } .grid .grid-div.title-text-content .grid-item .content { padding: 10px; } .grid .grid-div.title-text-content .grid-item .content p { font-size: 14px; } .grid .grid-div.title-text-content .grid-item .content li { font-size: 14px; margin: 0 0 5px 0; } @media screen and (max-width: 700px) { .grid-item .content { padding: 10px !important; font-size: 16px !important; } } /* Image Slider - parts/section-image-slider.php */ .image-slider .columns { position: relative; } .image-slider .slick-slider.arrows-outside-slider { padding: 0 90px; } .image-slider .slick-slider.arrows-outside-slider .content-inner { padding: 30px 60px; margin: 0 0 30px 0; border-left: 2px solid #EBEFF2; } .image-slider .slick-slider.arrows-outside-slider .slick-dots { padding: 0 90px; } .image-slider .slick-slider .slick-current .content-inner { border-left: none; } .image-slider .main-title.arrows-outside-slider { font-size: 32px; } .image-slider .slick-slider a { color: #FFFFFF; margin: 0 10px; } .image-slider .slick-slider a.button { color: #003658; } .image-slider .slick-slider a.button:hover { color: #FFFFFF; } .image-slider .slick-slider a.button svg { display: inline-block !important; } .image-slider .slick-slider a h3 { transition: all .25s ease-in-out; } .image-slider .slick-slider a:hover h3 { color: #00abbc !important; } .image-slider h1 { margin: 0; font-size: 30px; text-shadow: 0 0 5px #000; margin-bottom: 10px; font-weight: 600; } .image-slider h2 { font-size: 36px; } .image-slider h3 { font-size: 32px; font-weight: 400; margin: 0; } .image-slider .intro-content { margin-bottom: 30px; } .image-slider .slick-slider { margin: 0; padding: 0; z-index: 1; } .image-slider .slick-slider .slick-list { max-height: 520px; } .image-slider .slick-slider .slick-slide { position: relative; } .image-slider .slick-slider .slick-slide .slide-image { width: 100%; height: 500px; } .image-slider .slick-slider .slick-slide .slide-image img { height: 500px; } .image-slider .slick-slider .slide-content .slide-cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,54,88,.05); display: block; } .image-slider .slick-slider .slide-content.text-on-top .content-inner { width: 100%; position: absolute; text-align: center; top: 50%; left: 0; color: #fefefe; transform: translate(0, -50%); } .image-slider .slick-slider .slide-content.image-above .content-inner { position: relative; padding: 5px 15px 15px 25px; } .image-slider .slick-slider .slide-content.image-above .slide-image { height: 260px; } .image-slider .slick-slider .slide-content.image-above .slide-image img { height: 260px; padding: 5px; } .image-slider .slick-slider .caption { position: absolute; bottom: 0px; right: 0px; max-width: 50%; background-color: rgba(0, 0, 0, .55); z-index: 1; color: #FFFFFF; font-size: 15px; text-align: right; padding: 5px 10px 5px 10px; } .image-slider .slick-slider .slide-content .title-line { position: absolute; top: -60px; left: 15px; width: 3px; height: 100px; background-color: #00365b; } .image-slider .slick-slider .slide-content.image-above .content-inner h3 { font-size: 20px; } .image-slider .slick-slider .slide-content.image-above .content-inner p { line-height: 1.6; padding: 0 !important; font-size: 20px; font-weight: 400; } .image-slider .slick-slider .slide-content.image-left .slide-image { position: relative; display: inline-block; vertical-align: top; width: calc(50% - 10px) !important; height: 100%; } .image-slider .slick-slider .slide-content.image-left .slide-image img { object-fit: cover !important; padding: 0; } .image-slider .slick-slider .slide-content.image-left .slide-image img.Large { height: 560px !important; padding: 35px 0 50px 0; } .image-slider .slick-slider .slide-content.image-left .slide-image .playhead { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100px; width: 100px; transition: all .5s ease-in-out; } .image-slider .slick-slider a:hover .slide-content.image-left .slide-image .playhead { transform: translate(-50%, -50%) scale(1.2); } .image-slider .slick-slider .slide-content.image-left .content-inner { position: relative; display: inline-block !important; width: 50% !important; color: #4d5157 !important; font-weight: 400; text-align: left !important; padding-left: 60px !important; margin: 0 !important; top: unset !important; transform: unset !important; overflow: auto; } .image-slider .slick-slider .slide-content .content-inner .quotation-marks { width: 25px; padding: 15px 0 0 0; margin: -10px 10px -30px -25px; border: 0; } .image-slider .slick-slider .slide-content .content-inner .text { padding: 20px 0 0 0; } .image-slider .start-gradient { position: absolute; top: 0; left: 0; height: 100%; background: url(/wp-content/themes/bci/assets/images/gradient.png); width: 110px; background-size: contain; } .image-slider .end-gradient { left: unset; right: 0; transform: rotate(180deg); } .image-slider .slick-slider .playhead { position: absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); height: 150px; width: 150px; z-index: 100; background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); } .image-slider.locations .location-images { display: inline-block; width: 55%; vertical-align: top; } .image-slider.locations .location-content { display: inline-block; width: 45%; vertical-align: top; padding: 0 60px 30px 60px; } .image-slider.locations .slides .slider-nav { display: none !important; } .image-slider.locations .slides button { display: none !important;; } .image-slider .intro-content.Locations h2 { font-size: 32px; margin-bottom: 50px; } .image-slider .locations-slider { display: inline-block; width: 50%; } .image-slider.non-header .slick-slider .slick-slide.external #external-link { display: none !important; } .image-slider.non-header .slick-slider .slick-slide.external svg { display: none !important; } .image-slider.non-header .slick-slider .slick-slide.external #offsite-link { display: inline-block !important; height: 20px; width: 20px; } .image-slider .slick-slider .slick-slide.external #offsite-link { height: 10px; } .image-slider.opening .slick-slider .slick-list li .content-inner { padding: 0 60px; } .image-slider .slick-dots { bottom: -35px; width: 100%; } .image-slider .slick-dots li { margin: 0 5px !important; } .image-slider.no-dots .slider-nav { display: none !important; } .slider-nav.no-dots { display: none !important; } .image-slider.nav-line-color-blue .slick-dots li button { border: 1px solid #00365b; } .image-slider.nav-line-color-blue .slick-dots li button .fill-color { background-color: #00365b; } .image-slider.nav-line-color-dark-grey .slick-dots li button { border: 1px solid #48484A; } .image-slider.nav-line-color-dark-grey .slick-dots li button .fill-color { background-color: #48484A; } .image-slider.nav-line-color-grey .slick-dots li button { border: 1px solid #EBEFF2; } .image-slider.nav-line-color-grey .slick-dots li button .fill-color { background-color: #EBEFF2; } .image-slider.nav-line-color-turquoise .slick-dots li button { border: 1px solid #00ABBD; } .image-slider.nav-line-color-turquoise .slick-dots li button .fill-color { background-color: #00ABBD; } .image-slider.nav-line-color-white .slick-dots li button { background-color: #FFFFFF; border: 1px solid #FFFFFF; } .image-slider .slick-dots li button { color: transparent; display: block; background-color: #FFFFFF; width: 10px; height: 10px; border: 1px solid white; border-radius: 50%; background-color: #00365b; font-size: 0; } .image-slider .slick-dots li.slick-active button { background-color: #00ABBD; border: 1px solid #00ABBD; } .image-slider .slick-next { position: absolute; height: 50px !important; width: 25px !important; top: 50%; opacity: .75 !important; z-index: 99; transform: translateY(-50%); background-position: center center; background-size: contain; font-size: 0; transition: all 250ms; } .image-slider .slick-prev { position: absolute; height: 50px !important; width: 25px !important; top: 50%; opacity: .75 !important; z-index: 99; transform: translateY(-50%); background-position: center center; background-size: contain; font-size: 0; transform: rotate(180deg); transition: all 250ms; } #arrow-left { height: 25px !important; padding: 0 5px 0 0; } #arrow-right { height: 25px !important; padding: 0 0 0 3px; } .image-slider .slick-slider .slick-next:hover, .image-slider .slick-slider .slick-prev:hover { opacity: 1 !important; } .image-slider .full-width { text-align: center; margin: 30px 0 0 0; } .image-slider .full-width .button { margin: 15px 0 15px 0; } .image-slider .full-width a:hover .button.Blue { border: 1px solid #FFFFFF; color: #FFFFFF !important; } .image-slider #external-link { display: none; } .image-slider .slider-main-button-div #external-link { display: inline-block; } .image-slider .slick-slider.arrows-outside-slider .slick-prev { background-image: url("../images/left-circle.png"); width: 50px !important; } .image-slider .slick-slider.arrows-outside-slider .slick-next { background-image: url("../images/right-circle.png"); width: 50px !important; } .image-slider .banner .slider-nav { position: absolute; bottom: 60px; left: calc(7vw + 10px); } .image-slider .banner .slick-prev { position: relative !important; bottom: 0; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right-white.png'); background-size: contain !important; background-position: center center !important; width: 10px !important; height: 10px !important; background-repeat: no-repeat !important; } .image-slider .banner .slick-next { position: relative !important; bottom: -5px; left: 10px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right-white.png'); background-size: contain !important; background-position: center center !important; width: 10px !important; height: 10px !important; background-repeat: no-repeat !important; } .image-slider .banner .slick-slider .slick-dots li { width: unset !important; height: unset !important; overflow: unset !important; margin: 0 5px !important; } .image-slider .banner .slick-dots { position: relative !important; text-align: left; display: inline-block; width: unset; bottom: 5px; } .image-slider .slides .slider-nav { text-align: center; margin: 20px 0 0 0; } .image-slider .slides .slick-prev { position: relative; top: 5px; cursor: pointer; display: inline-block; height: 10px !important; width: 20px !important; opacity: 1; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; transform: rotate(180deg); } .image-slider .slides .slick-dots { position: unset; list-style: unset; transform: unset; display: inline-block !important; margin: 0 5px 0 -5px; width: auto; } .image-slider .slides .slick-next { position: relative; top: 10px; left: -10px; cursor: pointer; display: inline-block; height: 10px !important; width: 20px !important; opacity: 1; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } /* Robert: This will be removed soon... */ .image-slider.Turquoise-background .row { max-width: 100%; padding: 0; margin: 0; } .image-slider.Turquoise-background .row .columns { padding: 0; height: 500px; } .image-slider.Turquoise-background .row .slick-slider .slick-list li { margin: 0; } .image-slider.Turquoise-background .row .slick-slider .slide-image img { object-fit: cover; } .image-slider.Turquoise-background .slider-nav { display: none; } @media screen and (max-width: 74.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 35px; height: 65px; margin-top: -33px; } } @media screen and (max-width: 63.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 22px; height: 42px; margin-top: -20px; } } .image-slider .slick-slider .slick-prev { left: 0; background-image: url("../images/slider-left-arrow.png"); } .image-slider .slick-slider .slick-next { right: 10px; background-image: url("../images/slider-right-arrow.png"); } .banner { position: relative; } .banner .banner-row { position: relative; max-width: 1920px; margin: 0 auto; position: relative; } .banner-left { position: relative; display: inline-block; width: 47%; height: 500px; vertical-align: top; } .banner-left.inverse { left: 60%; } .banner-left.inverse .banner-content { left: 10vw; } .banner .banner-content { position: absolute; top: 50%; left: 7vw; transform: translateY(-50%); z-index: 1; } .image-slider.banner .banner .banner-content h1 { position: unset; transform: unset; text-align: unset; width: unset; font-weight: 400; } .image-slider.banner .banner .banner-content .overline { font-weight: 400; } .banner .slick-slider { height: 500px; } .banner .slick-slider .slick-list li { position: relative; height: 500px; overflow: hidden; } .banner .link-text { display: inline-block; font-size: 21px; padding: 25px 5px 0 0; vertical-align: text-bottom; color: #FFFFFF; } .banner .arrow { margin: 0 0 3px 10px; } .banner-right { position: relative; display: inline-block; width: 50%; vertical-align: top; } .banner-right.inverse { left: -40%; } .banner .slick-slider .banner-right { font-size: 0; color: transparent; } .banner .slick-slider .banner-right img { object-fit: cover; height: 500px !important; width: 100% !important; margin: 1px 0 0 0; } .banner .heading1 { display: inline-block; font-size: 36px; font-weight: 400; padding: 0 8vw 0 0; line-height: 1.25; } .banner .heading2 { display: inline-block; transform: translateY(0); opacity: 1; margin: 0 0 0 0; transition: all 1s ease-in-out; } .banner .heading2.animate { transform: translateY(-50px); opacity: 0; } .banner .heading2.Turquoise .arrow { background: url(/wp-content/themes/bci/assets/images/right-arrow-blue.png); } .banner .text p { font-size: 20px; font-weight: 400; line-height: 32px; max-width: 466px; padding: 21px 0 10px 0; } .stylized-menu-button { margin: -22px -8.5vw 0 30px; padding: 29px 30px 12px 30px; background: url('/wp-content/themes/bci/assets/images/menu-button.png'); background-size: cover !important; background-position: left center !important; } .stylized-menu-button a { line-height: 24px !important; font-weight: 700 !important; color: #FFFFFF !important; } .stylized-menu-button a:hover { color: #00365b !important; } .contact-slider { background: #ebeff2; max-width: 1365px; margin: 0 auto !important; padding: 60px 120px; } .contact-slider .intro-content { padding: 30px 0; } .contact-slider .columns { padding: 0 !important; } .contact-slider .slick-prev { transform: rotate(180deg); background-image: none !important; } .contact-slider .slick-next { background-image: none !important; } .contact-slider .slide-content { height: auto !important; position: unset !important; } .contact-slider .slide-image { position: relative; display: inline-block; vertical-align: top; width: calc(34% - 10px) !important; height: auto; } .contact-slider .slide-image .playhead { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100px; width: 100px; transition: all .5s ease-in-out; } .contact-slider .fancybox:hover .slide-image .playhead { transform: translate(-50%, -50%) scale(1.2); } .contact-slider .content-inner { position: static !important; display: inline-block; width: 66% !important; color: #4d5157 !important; text-align: left !important; padding-left: 30px; top: unset !important; left: unset !important; transform: unset !important; } .contact-slider .content-inner:hover a { color: #4d5157; } .contact-slider .content-inner h1 { line-height: 1; font-size: 26px; text-transform: uppercase; color: #00365b; font-weight: 600; } .contact-slider-apply-now { background-color: #0C375B; padding: 30px 10px; margin: 0 auto 30px auto; max-width: 1365px; } .contact-slider-apply-now .button { background: none !important; color: white; border-color: white; margin: 0 auto; transition: all .5s ease-in-out; } .contact-slider-apply-now .button:hover { background: white !important; color: #0c375b !important; } .video-slider { background: #ebeff2; max-width: 1365px; margin: 0 auto !important; padding: 60px 120px; } .video-slider .slick-prev { transform: rotate(180deg); background-image: none !important; } .video-slider .slick-next { background-image: none !important; } .video-slider .slide-content { height: auto !important; position: unset !important; } .video-slider .slide-image { position: relative; display: inline-block; vertical-align: top; width: calc(34% - 10px) !important; height: auto !important; } .video-slider .slide-image img { height: auto !important; } .video-slider .slide-image .playhead { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: url('/wp-content/themes/bci/assets/images/podcast-play.png'); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 100px; width: 100px; transition: all .5s ease-in-out; } .video-slider .fancybox:hover .slide-image .playhead { transform: translate(-50%, -50%) scale(1.2); } .video-slider .content-inner { position: static !important; display: inline-block !important; width: 66% !important; color: #4d5157 !important; text-align: left !important; padding-left: 30px !important; top: unset !important; transform: unset !important; } .video-slider .content-inner h1 { line-height: 1; font-size: 26px; text-transform: uppercase; color: #00365b; font-weight: 600; } .video-slider-apply-now { background-color: #0C375B; padding: 30px 10px; margin: 0 auto 30px auto; max-width: 1365px; } .video-slider-apply-now .button { background: none !important; color: white; border-color: white; margin: 0 auto; transition: all .5s ease-in-out; } .video-slider-apply-now .button:hover { background: white !important; color: #0c375b !important; } .banner-podcast { background-color: #EBEFF2; } .banner-podcast-container { max-width: 900px; margin: 0 auto; text-align: center; } .banner-podcast-image-div { position: relative; display: inline-block; vertical-align: top; margin: 0; } .banner-podcast-overlay { position: absolute; top: 20px; right: 35px; width: 130px; height: 100%; background-size: contain !important; background-repeat: no-repeat !important; opacity: .5; } .banner-podcast-image { position: relative; height: 160px; width: 230px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; margin: 27px 0 20px 0; } .banner-podcast-image .border-techtonics-with-bci { position: absolute; bottom: 0; height: 5px; width: 100%; background-color: rgba(0,171,189,1); } .banner-podcast-image .border-risk { position: absolute; bottom: 0; height: 5px; width: 100%; background-color: rgba(220,100,43,1); } .banner-podcast-image .border-esg { position: absolute; bottom: 0; height: 5px; width: 100%; background-color: rgba(133,76,157,1); } .banner-podcast-image .border-investing { position: absolute; bottom: 0; height: 5px; width: 100%; background-color: rgba(0,54,91,1); } .banner-podcast-text-div { display: inline-block; vertical-align: top; padding: 30px 10px 0 20px; text-align: left; } h4.banner-podcast-label { font-size: 20px; color: #48484A; line-height: 1; margin: 5px 0 15px 0; } .banner-podcast-label img { display: inline-block; margin: 0 5px 0 0; } .banner-podcast-title { color: #00365B; font-size: 30px; line-height: 1; margin: 0 0 15px 0; } .banner-podcast-link .banner-podcast-button.button { background: transparent; } .banner-podcast-link:hover .banner-podcast-button.button { background: white } .image-slider.non-header .slick-list { height: 300px; } @media screen and (max-width: 597px) { .banner-podcast-text-div { padding: 0 20px 20px 20px; text-align: center; } } /* Latest News */ .latest-news .team-filters { text-align: right; border-bottom: 1px solid rgba(112, 112, 112, .25); margin: 0 0 20px 0; } .latest-news .filter { border-radius: unset; border: unset; } .latest-news .filter:hover { background-color: transparent; } .latest-news .filter select { border: unset; background-image: url('/wp-content/themes/bci/assets/images/dropdown-arrow.png'); background-size: 12px 7px; margin: 0; background-position: calc(100% + 19px) 12px; } .latest-news .block-info { position: relative; display: inline-block; width: calc(20% - 20px); border-right: 1px solid #707070; margin: -30px 20px 0 0; } .latest-news .block-info-content { position: absolute; top: 50%; transform: translateY(-50%); } .latest-news .news-div.beside-text { display: inline-block; width: 80%; margin: -30px 0 0 0; } .latest-news .asset_class_heading { display: inline-block; } .latest-news .slick-slider .full-width-column { width: calc(100% - 20px); border: 1px solid #707070; margin: 0 10px 1px 10px; padding: 0 !important; overflow: hidden; } .latest-news .slick-slider .full-width-column img { height: auto; width: 100%; object-fit: cover; } .latest-news .slick-slider .full-width-column .column-categories { font-size: 15px; } .latest-news .slick-slider .full-width-column .column-text { padding: 10px 15px 45px 15px; } .latest-news .slick-slider .full-width-column .column-date { padding: 20px 15px 0 15px; font-size: 15px; } .latest-news .slick-slider .full-width-column .column-text.link-text { padding: 20px 0 20px 15px; font-weight: 600; } .latest-news .full-width-column .column-info { padding: 10px; } .latest-news .slider-nav { padding: 40px 0 0 10px; } .latest-news .slider-nav.Center { text-align: center; } .latest-news .slider-nav .slick-dots { position: unset; text-align: left; list-style: unset; transform: unset; display: inline-block !important; margin: 0 5px 0 -5px; } .latest-news .slider-nav .slick-dots li button { background: #00365B; } .latest-news .slider-nav .slick-dots li.slick-active button { background: #00ABBD; } .latest-news .slider-nav .slick-dots li { margin: 0; width: unset !important; } .latest-news .slider-nav .slick-prev { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; transform: rotate(180deg); } .latest-news .slider-nav .slick-next { position: relative; top: -8px; cursor: pointer; display: inline-block; color: transparent; background: url('/wp-content/themes/bci/assets/images/right.png'); background-size: contain !important; background-position: center center !important; width: 10px; height: 10px; background-repeat: no-repeat !important; } /* Latest News - Column View */ .latest-news .latest-news-div { padding: 30px 0 0 0; } .latest-news .latest-news-div .full-width-column { position: relative; left: 0%; border: 1px solid rgba(112, 112, 112, .25); padding: 0; width: calc(33.3333% - 20px); margin: 10px; transition: all .5s ease-in-out; } .latest-news .latest-news-div .full-width-column.page-hide { position: absolute; left: 125%; } .latest-news .latest-news-div .full-width-column.filter-hide { position: absolute; left: 125%; } .latest-news .latest-news-div .full-width-column.asset-hide { position: absolute; left: 125%; } .latest-news .latest-news-div .full-width-column.year-hide { position: absolute; left: 125%; } .latest-news .latest-news-div .full-width-column .column-image img { height: 285px !important; width: auto; object-fit: cover; } .latest-news.full-width-bar .column-title { padding: 15px 15px 15px 15px; font-size: 22px; color: #48484A; height: 140px; } .news-div .column-title { height: 140px; } .latest-news.full-width-bar .full-title { display: none; } .latest-news.full-width-bar .column-text { padding: 15px 15px 15px 15px; } .latest-news.full-width-bar .column-date { font-size: 15px; font-weight: 500; padding: 0 15px 5px 15px; } .latest-news .full-width-column.reduced { position: relative; width: 100%; border: unset; border-bottom: 1px solid rgba(112, 112, 112, .25); margin: 0; } .latest-news .full-width-column.reduced .column-image { display: none; } .latest-news .full-width-column.reduced .column-categories { display: none; } .latest-news .full-width-column.reduced .column-title { display: none; } .latest-news .full-width-column.reduced .full-title { display: block; } .latest-news .full-width-column.reduced .read-more { display: none; } .latest-news .full-width-column.reduced .arrow { display: none; } .latest-news .full-width-column.reduced .column-info { display: inline-block; width: calc(100% - 30px); } .latest-news .full-width-column.reduced .reduced-arrow { background: url(/wp-content/themes/bci/assets/images/dropdown-arrow.png); height: 10px; width: 20px; background-position: center center !important; background-size: contain; margin: 0 0 0 0; position: absolute; top: 50%; transform: translateY(-50%) rotate(-90deg); transition: all .5s ease-in-out; } .latest-news .full-width-column.reduced:hover .reduced-arrow { margin: 0 0 0 15px; } .latest-news .full-width-column.reduced .column-title { font-size: 20px; height: auto; } .latest-news .full-width-column.reduced .column-date { font-size: 15px; font-weight: 500; padding: 0 15px 15px 15px; } .latest-news .full-width-column.reduced .column-arrow { display: inline-block; width: 30px; } .latest-news .load-more.hide { display: none; } .latest-news .no-news { text-align: left; padding: 20px 0 0 0; font-weight: 400; } /* Featured Podcast */ .featured-podcasts { position: relative; } .featured-podcasts-container { position: relative; padding: 0 10px; margin: 0 -10px; } .featured-podcast-image { position: relative; display: inline-block; width: 42%; min-height: 420px; background-size: cover !important; background-position: center top !important; vertical-align: top; } .featured-podcast-image .playhead { position: absolute; bottom: 5px; right: 5px; background: url(/wp-content/themes/bci/assets/images/playhead.jpg); height: 70px; width: 70px; background-size: contain !important; background-position: center center !important; transition: all .5s ease-in-out; } .featured-podcast-text-div { display: inline-block; width: 58%; padding: 0 60px; vertical-align: top; } .featured-podcasts-container a:hover .featured-podcast-image .playhead { transform: scale(1.10); bottom: 8px; right: 10px; } .featured-podcast-title { font-size: 36px; font-weight: 400; line-height: 50px; margin: 0 0 20px 0; } .featured-podcast-info { margin: 0 0 20px 0; font-weight: 600; } .featured-podcast-description { font-size: 18px; margin: 0 0 20px 0; } .featured-runtime { font-size: 18px; } .podcasts-button .podcasts-container { padding: 10px 0 30px 0; } /* Podcasts */ .podcasts { margin: 0 0 30px 0; } .filter-podcasts { margin: 0; } .podcast-filters { padding: 30px 0 20px 0; text-align: center; } .podcast-filters-text { font-size: 30px; color: #48484A; } .filter { display: inline-block; border-radius: 5px; margin: 10px 5px 0 5px; padding: 5px 15px; font-size: 18px; background-color: #FFFFFF; border: 1px solid #000000; transition: all .5s ease-in-out; } .filter:hover { background-color: #F5F5F5; } .filter img { display: inline-block; margin: 0 5px 0 0; } .podcast-container { display: inline-block; margin: 0 20px; vertical-align: top; background-color: #FFFFFF; height: 725px; } .podcasts-container-div { margin: 70px -20px 0 -20px; } .podcast-image { position: relative; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; height: 285px; width: 100%; } .podcast-play { position: absolute; bottom: 5px; right: 5px; height: 55px; width: 55px; background: url(/wp-content/themes/bci/assets/images/playhead.jpg); background-size: contain !important; background-position: center center !important; transition: all .5s ease-in-out; } .podcast-link:hover .podcast-play { transform: scale(1.10); bottom: 8px; right: 8px; } .podcast-link:hover .podcast-title { color: #00ABBD; } .podcast-text-div { text-align: left; padding: 30px 0 0 0; } .podcast-title { font-size: 24px; color: #48484A; line-height: 34px; font-weight: 400; transition: all .5s ease-in-out; } .podcast-info { font-size: 18px; line-height: 20px; font-weight: 600; margin: 20px 0 30px 0; color: #48484A; } .podcast-description { font-size: 15px; font-weight: 400; line-height: 25px; color: #48484A; } .podcast-runtime { font-size: 18px; font-weight: 600; line-height: 20px; margin: 20px 0 0 0; } /* BOX LINK */ .box-link #external-link { display: none; } /* INVESTMENT SLIDER */ .investment-slider { position: relative; } .investment-slider .row { padding: 0 10px; } /*.investment-slider .title-content { width: 30%; display: inline-block; vertical-align: top; }*/ .investment-slider .overline { font-size: 18px; line-height: 1; } .investment-slider h2 { font-size: 48px; line-height: 1; } .investment-slider .text p { line-height: 1.25; } .investment-slider .investment-slider-div { position: relative; width: 100%; display: inline-block; vertical-align: top; padding: 0 0 0 30px; } .investment-slider .slide-content { position: relative; } .investment-slider .slick-slide img { height: 360px; object-fit: cover; padding: 5px; } .investment-slider .content { padding: 0 5px 0 30px; } .investment-slider .content .heading-line { position: absolute; top: 290px; left: 15px; width: 3px; height: 100px; background-color: #00365b;} .investment-slider .content .heading { padding: 0; font-weight: bold; } .investment-slider .content .text p { line-height: 1.1; font-size: 16px; padding: 5px 10px 0 0; } .investment-slider .slick-dots { bottom: -50px; width: 100%; } .investment-slider .slick-dots button { border-radius: 0; } .investment-slider .slick-dots li { margin: 0 5px; } .investment-slider .slick-dots li button { border: 1px solid #00365b; background-color: #FFFFFF; height: 5px; width: 100%; } .investment-slider .slick-dots li button .fill-color { background-color: #00365b; width: 0%; height: 5px; margin: -21px 0 0 -1px; transition-delay: .25s; } .investment-slider .slick-dots li.slick-active button .fill-color { width: calc(100% + 4px); transition: all 7000ms ease-in-out; transition-delay: 0s; } .investment-slider .slick-prev { display: none !important; } .investment-slider .slick-next { display: none !important; } .investment-slider .start-gradient { position: absolute; top: 0; left: 30px; height: 100%; background: url(/wp-content/themes/bci/assets/images/gradient.png); width: 110px; background-size: contain; } .investment-slider .end-gradient { left: unset; right: 0; transform: rotate(180deg); } /* KEY FACTS */ .key-facts { position: relative; } .key-facts .background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background: url('/wp-content/themes/bci/assets/images/key-facts-overlay.png') !important;*/ background-size: cover !important; background-position: top left !important; background-repeat: no-repeat !important; opacity: .75; } .key-facts .row { position: relative; max-width: 85rem !important; } .key-facts .title-text { width: 30%; display: inline-block; vertical-align: middle; } .key-facts.centered .title-text { width: 100%; } .key-facts .column.circle-border { position: relative; border: 1px solid #00365b; height: 210px; border-radius: 90%; margin: 10px; max-width: 210px; } .key-facts .column-content { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); padding: 20px; } .key-facts .column-content .column-title-piece { font-size: 30px; } .key-facts .column-title { margin: 30px 0 0 0; transition: all .5s ease-in-out; } .key-facts .column-title-piece { display: inline-block; font-size: 80px; font-weight: bold; } .key-facts .column-text { font-size: 20px; line-height: 1.25; padding: 10px 0 0 0; } .key-facts a:hover { color: #00365b; text-decoration: none !important; } .key-facts.smaller-font .column-title-piece { font-size: 50px; } .key-facts .columns-div.exploded-details { width: 35%; display: inline-block; vertical-align: middle; padding: 0 0 0 30px; } .key-facts .exploded-details-div { width: 35%; display: inline-block; vertical-align: middle; padding: 0 0 0 30px; } .key-facts .exploded-details-div .details-row { display: table; width: 100%; padding: 10px 0 10px 0; border-bottom: 1px solid #00365b; } .key-facts .exploded-details-div .details-row:last-of-type { border-bottom: 0; } .key-facts .exploded-details-div .label { display: table-cell; background-color: transparent; font-size: 20px; padding: 0 20px 0 0; vertical-align: middle; } .key-facts .exploded-details-div .percentage-info { display: table-cell; vertical-align: top; padding: 0 20px; text-align: right; } .key-facts .exploded-details-div .dollar-info { display: table-cell; vertical-align: top; padding: 0 20px; text-align: right; } .key-facts .exploded-details-div .title { display: inline-block; font-size: 25px; font-weight: bold; line-height: 1; } .key-facts .exploded-details-div .text { font-size: 12px; line-height: 1.1; } .key-facts .column:last-child:not(:first-child) { float: left; } /* MAP */ .world-map { position: relative; } .world-map-div { position: relative; overflow: auto; text-align: center; } .world-map h2 { font-family: 'Open Sans', sans-serif; text-align: left; margin: 0 auto 10px auto; padding: 0 10px 0 10px !important; } .world-map .text { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 300; text-align: left; padding: 0 0 0 0; } .world-map img { height: auto; width: 100%; min-width: 1024px; max-width: 1600px; margin: 0 auto; } .world-map .years { text-align: left; max-width: 1600px; margin: 0 auto; padding: 10px; } .world-map .years.buttons { display: none; } /* .world-map .years .button { display: none; padding: 5px 10px !important; margin: 20px 10px 0 10px; background-color: #FDB636 !important; border: 2px solid #FDB636 !important; font-size: 20px !important; font-weight: 600; text-align: center; transition: all .25s ease-in-out; } .world-map .years .button:hover { background-color: #FFFFFF !important; } .world-map .years .button.selected { background-color: #FFFFFF !important; } .world-map .year-text { padding: 20px 10px 0 10px; } */ .world-map .world-map-year-title { text-align: center; width: 100%; max-width: 1600px; margin: 30px auto 10px auto; } .world-map .world-map-year-text { position: relative; bottom: 0; text-align: center; width: 100%; max-width: 1600px; margin: 10px auto 10px auto; } .world-map .world-map-year-text sup { top: -8px; } .world-map .year-hotspots { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; min-width: 1024px; max-width: 1600px; transform: translate(-50%, 0); } .world-map .hotspot { position: absolute; } .world-map .year-hotspots .hotspot svg { margin: 0 0 0 -30px; border-radius: 90%; } .world-map .year-hotspots.animate .hotspot svg { margin: 0 0 0 0; transition: all 1.5s ease-in-out; } .world-map .hotspot-circle { border-radius: 90%; } .world-map .year-hotspots .hotspot-label { position: absolute; left: 50%; font-weight: 900; transform: translateX(-50%); text-align: center; line-height: 1; margin: -30px 0 0 0; } .world-map .year-hotspots.animate .hotspot-label { margin: 0 0 0 0; transition: all 1.5s ease-in-out; } .world-map .year-hotspots .hotspot-value { position: absolute; left: 50%; font-weight: 900; font-size: 22px; transform: translateX(-50%); margin: 30px 0 0 0; } .world-map .year-hotspots .hotspot-value.dark { text-shadow: 0 0 2px #FFFFFF; } .world-map .year-hotspots.animate .hotspot-value { margin: -5px 0 0 0; transition: all 1.5s ease-in-out; } .world-map .hotspot-number { position: absolute; top: 50%; left: 50%; font-weight: 900; font-size: 22px; transform: translate(-50%, -50%); margin: -2px 0 0 0; display: none; } .world-map .hotspot.small .hotspot-number { font-size: 14px; } .world-map .mobile-hotspots { display: none; } .world-map .mobile-hotspots .hotspot-label { position: unset; transform: unset; text-align: left; display: inline-block; } .world-map .mobile-hotspots .hotspot-value { position: unset; transform: unset; text-align: left; display: inline-block; font-size: inherit; padding: 0 10px 10px 10px; } .world-map .scroll-message { display: none; padding: 0 10px 0 10px; text-align: center; font-weight: 600; color: #00365b; transition: all .25s ease-in-out; } /* Quote */ .quote { padding: 200px 0; } .quote .row { position: relative; } .quote-text { display: inline-block; font-size: 65px; font-weight: 300; line-height: 1.2; } /* TABLE */ .table { position: relative; padding: 30px 15px !important; background-size: cover; background-position: center center; } .table .container-content { position: relative; } .table .table-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); } .table .table-main-text { margin: 0 auto; } .table .table-top { display: table; padding: 10px 0 0 0; margin: 0 auto; width: 100%; } .table .table-dropdown { text-align: right; } .table .table-dropdown-label { font-size: 19px; display: inline-block; padding: 0 10px 0 0; } .table .table-filter { display: inline-block; } .table .table-row { display: table-row; } .table .table-row .table-cell:first-of-type { padding: 10px 20px 0 5px; } .table .table-row .table-cell:last-of-type { padding: 10px 5px 0 20px; } .table .table-row.even { background-color: #f1f2f1; } .table .table-row.hidden { display: none; } .table .table-cell { display: table-cell; padding: 20px 20px 0 20px; border-bottom: 1px solid #D8D8D8; max-width: 200px; } .table .table-cell p { font-size: 16px; padding: 0 0 10px 20px; } .table .table-row .table-cell.hidden:first-of-type { padding: 0; } .table .table-cell.first p { font-size: 16px; } .table .table-cell.hidden p { display: none; } .table .table-row.last .table-cell { border-bottom: 0; } .table .table-cell.no-border { border-bottom: 0; } .table .table-cell.overline { vertical-align: bottom; background-color: #003658; } .table .table-cell.overline p { color: #FFFFFF; font-size: 15px; font-weight: 900; padding: 0 20px 20px 20px; } .table .button { border: 2px solid #CA602C; background-color: #003658; color: #FFFFFF; margin: -20px 0 -20px 0; } .table .button:hover, .table .button:focus { background-color: #FFFFFF; color: #003658; } .table-cards { display: none; } .table-card { border: 1px solid #D8D8D8; margin: 15px 0 0 0; padding: 0; display: none; } .table-card .table-cell-div { border-bottom: 1px solid #D8D8D8; margin: 5px 10px 0 10px; } .table-card .table-cell-div.first { border-bottom: 0; margin: 20px 10px 0 10px; } .table-cards.no-headers { padding: 0; } .table-card.no-headers .table-cell-div.first .table-cell-text p { font-size: 20px; font-weight: 600; } .table-card.no-headers { border: 0; border-bottom: 1px solid #D8D8D8; } .table-cards.no-headers:last-of-type .table-card.no-headers { border-bottom: 0; } .table-card .table-cell-div.noborder { border-bottom: 0; } .table-card .table-cell-div:last-of-type { border-bottom: 0; margin: 5px 10px 5px 10px; } .table-card .table-cell-header { /*display: inline-block; width: 70%;*/ } .table-card .table-cell-header.first { width: 100%; } .table-card .table-cell-header p { color: #000000; font-size: 15px; font-weight: 600; text-transform: uppercase; padding: 0 0 5px 0; } .table-card .table-cell-text { /*display: inline-block; width: 30%;*/ } .table-card .table-cell-text p { padding: 0 0 5px 0; /*text-align: right;*/ font-size: 16px; } .table-card .table-cell-text.first { width: 100%; padding: 0 0 20px 0; } .table-card .table-cell-text.first p { text-align: left; font-size: 20px; } .table-card .table-cell-text.left { width: 100%; } .table-card .table-cell-text.left p { text-align: left; width: 100%; } .table-card .table-cell-text.first.left { padding: 0 0 5px 0; } .table-card.hidden { display: none; } /* TABS */ .tabs { margin: 0; padding: 30px 0 30px 0 !important; text-align: center; } .tabs .container-content { position: relative; padding: 10px !important; } .tabs a .tab-label { display: inline-block; font-size: 30px; font-weight: 400; color: #535353; padding: 5px 60px 0 60px; transition: all .25s ease-in-out; } .tabs a .tab-label .tab-label-line { padding: 5px 0 0 0; margin: 0 -5px 0 -5px; transition: all .25s ease-in-out; } .tabs a:hover .tab-label .tab-label-line { border-bottom: 4px solid #00abbd; padding: 2px 0 0 0; } .tabs a:hover .tab-label { color: #00abbd; } .tabs a .tab-label.active { color: #00abbd; } .tabs a .tab-label.active .tab-label-line { border-bottom: 4px solid #00abbd; padding: 2px 0 0 0; } .tabs .tabs-div { border-top: 1px solid #535353; padding: 0; margin: 0; } .tabs-div .tab { position: relative; top: 30px; left: 0; width: 100%; height: 100%; max-height: 3000px; opacity: 1; z-index: 10; transition: opacity .5s ease-in-out; } .tabs-div .tab-hidden { max-height: 0; opacity: 0; z-index: 0; left: 200%; } .tabs-div .tab-image { display: inline-block; vertical-align: top; margin: 0 0 30px 0; max-width: 50%; } .tabs-div .tab-text { display: inline-block; vertical-align: top; max-width: 50%; padding: 0 0 0 30px; text-align: left; } .tabs .accordions-div { padding: 30px 0 0 0; } .tabs .accordion-link { padding: 20px 0 20px 0; border-bottom: 1px solid #B9B9B9; } .tabs .accordion-image { float: left; } .tabs .accordion-image img { margin: 10px 20px 0 0; height: 15px; width: auto; transform: rotate(0deg); transition: all .25s ease-in-out; } .tabs .accordion-link.accordion-open .accordion-image img { transform: rotate(135deg); } .tabs .accordion-title { float: left; } .tabs .accordion-title .body1 { color: #2C2C2C; } .tabs .accordion-subtitle { padding: 50px 0 0 0; color: #292929; } .tabs .accordions-div a:last-of-type .accordion-link { border-bottom: 0px solid transparent; padding: 20px 0 50px 0; } .tabs .button { min-width: 240px; text-align: center; } .tabs.Icons { margin: -60px 0 0 0; padding: 30px 0 90px 0 !important; } .tabs.Icons .tab-label { padding: 0; margin: 0 -4px; transition: all .25s ease-in-out; } .tabs.Icons .tab-label img { max-height: 262px; opacity: .2; transition: all .25s ease-in-out; } .tabs.Icons .tab-label.active img { opacity: 1 !important; } .tabs.Icons .tab-label:hover img { opacity: .6; } .tabs.Icons .tabs-div { border-top: 0; } .tabs.Icons .tab-title { font-size: 36px; font-weight: 400; line-height: 45px; text-align: left; max-width: 55%; padding: 60px 0 10px 0; margin: 0 auto 20px auto; } .tabs.Icons .tab-title.Green { color: #C0CAAB; border-bottom: 1px solid #C0CAAB; } .tabs.Icons .tab-title.Orange { color: #DB6429; border-bottom: 1px solid #DB6429; } .tabs.Icons .tab-title.Blue { color: #467B96; border-bottom: 1px solid #467B96; } .tabs.Icons .tab-title.Yellow { color: #FCB633; border-bottom: 1px solid #FCB633; } .tabs.Icons .tabs-div .tab-text { padding: 0; max-width: 55%; } @media screen and (max-width: 1023px) { .tabs .tabs-labels-div a .tab-label { float: unset; text-align: left; } .tabs.Icons .tabs-labels-div { margin: 0 -10px; } .tabs.Icons .tabs-labels-div a .tab-label { width: 25%; max-width: 186px; margin: 0 -0.5%; } .tabs.Icons .tab-title { max-width: unset; padding: 30px 0 10px 0; } .tabs.Icons .tabs-div .tab-text { max-width: unset; } } /* TEASER */ .external-circle { height: 40px; width: 40px; position: absolute; left: 50%; transform: translateX(-50%); margin: 0; border: 1px solid #FFFFFF; bottom: -20px; background-color: #00356b; border-radius: 50%; } .external-circle #external-link { width: 12px; height: 12px; margin: 12px 0 0 0; } .external-circle #external-link .cls-1 { fill: #FFFFFF; } .teaser .link-text { font-size: 18px; } /* Text with Background Image */ .text-background { padding: 200px 0; } .text-background .row { position: relative; } .text-background .columns { position: relative; z-index: 10; } .text-background .columns.Left { left: 450px; } .text-background .small-heading { font-size: 18px; } .text-background h1 { font-size: 33px; font-weight: 600; margin: 0 0 25px 0; } .text-background p { max-width: 717px; font-size: 23px; } .text-background-image { position: absolute; top: 51%; transform: translateY(-49%); background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; height: 600px; width: 600px; opacity: 0.15; } .text-background-image.Left { left: 0; } .text-background-image.Right { left: 535px; } /* THREE COLUMN TEXT */ .three-column-text.title-beside { max-width: 1600px !important; margin: 0 auto; padding: 120px 10px 60px 10px; } .three-column-text .columns-div { max-width: 1600px !important; margin: 0 auto; display: inline-block; } /* TIMELINE */ .timeline { margin: 0 auto; } .timeline .row { max-width: 1600px; margin: 0 auto; } .timeline .label-dots { position: relative; } .timeline .label-dots .timeline-arrow { position: absolute; top: 70px; left: 0; width: 100%; height: 1px; background-color: #00365b; z-index: 1; } .timeline .label-dots .timeline-arrow-head { position: absolute; top: 56px; right: 0; width: 19px; height: 30px; z-index: 1; background: url('/wp-content/themes/bci/assets/images/bci-arrow.png'); background-size: contain !important; background-position: bottom center !important; background-repeat: no-repeat !important; transform: rotate(-90deg); } .timeline .label-dots .timeline-item { position: relative; display: inline-block; z-index: 2; vertical-align: top; } .timeline .dot { position: relative; width: 100px; height: 100px; background-color: #FFFFFF; color: #00365b; border: 1px solid #00ABBD; border-radius: 90%; margin: 0 0 0 0; transition: all .5s ease-in-out; } .timeline .timeline-item.active .dot { width: 130px; height: 130px; background-color: #00ABBD; margin: -15px 0 0 0; } .timeline .timeline-item.active .dot .label { color: #FFFFFF; } .timeline .dot:hover { background-color: #00ABBD; } .timeline .dot:hover .label { color: #FFFFFF; } .timeline .label { line-height: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: transparent; color: #00ABBD; display: unset; padding: unset; font-size: unset; white-space: unset; cursor: unset; border-radius: unset; } .timeline .label .small-text { font-size: 13px; } .timeline .item-content-div { position: relative; overflow: hidden; width: 80%; margin: 0 auto; } .timeline .item-content { position: absolute; display: inline-block; max-height: 0; padding: 60px 10px 30px 10px; margin: 40px 0 0 30px; height: 0; width: 100%; visibility: hidden; transition: all .5s ease-in-out; } .timeline .item-content.active { position: relative; height: 100%; max-height: 3000px; margin: 0 0 0 0; visibility: visible; } .timeline .item-content .image { position: relative; display: inline-block; width: calc(30% - 20px); vertical-align: top; } .timeline .item-content .image img { height: auto; width: 100%; max-width: calc(100% - 30px); margin: 0 20px 0 0; } .timeline .item-content .text { max-height: 0; opacity: 0; overflow: hidden; transition: all .5s ease-in-out; } .timeline .item-content .text.image { border-left: 1px solid #707070; padding: 0 0 0 20px; } .timeline .item-content.active .text { display: inline-block; height: 100%; width: 100%; vertical-align: top; max-height: 3000px; opacity: 1; } .timeline .item-content.active .text.image { width: 70%; } .timeline .item-content .text p { line-height: 1.25; padding: 0 0 30px 0; margin: 0; } .timeline .item-content .text p:last-of-type { padding: 0 ; } /* TIMELINE - VERTICAL */ .timeline.vertically .timeline-rows { padding: 30px 0 0 0; } .timeline.vertically .timeline-row { position: relative; width: 100%; padding: 15px 0; } .timeline.vertically .columns-left { display: inline-block; vertical-align: middle; width: calc(50% - 60px); } .timeline.vertically .timeline-row.even .left-hr { position: absolute; top: 50%; left: calc(50% - 140px); transform: translateY(-50%); width: 100px; height: calc(100% - 30px); border-left: 1px solid #0a2c49; } .timeline.vertically .timeline-row.even .left-hr hr { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin: 0; border-color: #0a2c49; } .timeline.vertically .timeline-row.even p { padding: 0 120px 0 0; } .timeline.vertically .columns-middle { display: inline-block; vertical-align: middle; width: 100px; padding: 0 10px; } .timeline.vertically .columns-middle .label { padding: 25px 30px; text-align: center; font-size: 24px; font-weight: 600; border-radius: 50%; background: #0a2c49; color: white; } .timeline.vertically .columns-right { display: inline-block; vertical-align: middle; width: calc(50% - 60px); } .timeline.vertically .timeline-row.odd .right-hr { position: absolute; top: 50%; transform: translateY(-50%); width: 100px; height: calc(100% - 30px); border-right: 1px solid #0a2c49; } .timeline.vertically .timeline-row.odd .right-hr hr { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin: 0; border-color: #0a2c49; } .timeline.vertically .timeline-row.odd p { padding: 0 0 0 120px; } /* Video */ .image-slider .flex-video { position: relative; overflow: hidden; height: 500px; } .home .image-slider { padding: 0; } .image-slider .flex-video { position: relative; overflow: hidden; height: 520px; padding: 0; } .image-slider .flex-video .content-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1280px; padding: 0 30px; } .image-slider .flex-video .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.16); } .image-slider .flex-video .image-slider-bottom-fade { position: absolute; bottom: 0; left: 0; width: 100%; height: 230px; background-image: url('/wp-content/themes/eclipse360/assets/images/image-slider-bottom-fade.svg'); background-size: cover; background-repeat: no-repeat; background-position: bottom center; } .image-slider.background-video .flex-video { margin-bottom: 0 !important; } .image-slider .flex-video .background-video-content { position: absolute; top: 53%; left: 0vw; transform: translate(0, -50%); opacity: .25; max-width: 700px; padding: 10px; transition: all 1.5s ease-in-out; } .image-slider .flex-video .background-video-content.animated { top: 50%; left: 10vw; opacity: 1; } .image-slider .flex-video .anchors { position: absolute; bottom: 0; right: 0; } .image-slider .flex-video .anchors .anchor-cell { border-left: 1px solid #FFFFFF; padding: 10px 30px 20px 15px; display: inline-block; } .image-slider .flex-video .anchors svg { display: inline-block; vertical-align: sub; margin: 0 10px 0 0; max-height: 15px; width: auto; color: transparent; transition: all .5s ease-in-out; } .image-slider .flex-video .anchors .anchor-text { display: inline-block; transition: all .5s ease-in-out; } .image-slider .flex-video .anchors .anchor-cell:hover svg { color: #CA602C; } .image-slider .flex-video .anchors .anchor-cell:hover .anchor-text { color: #CA602C; } /* 50/50 */ .image-slider .banner-fifty-fifty { height: 100vh; } .image-slider .banner-fifty-fifty-left { width: 50%; height: 100%; position: relative; display: inline-block; } .image-slider .banner-fifty-fifty-content { position: absolute; top: 25%; left: 0; width: 100%; padding: 0 120px; } .image-slider .banner-fifty-fifty h1 { text-shadow: unset; text-transform: unset; font-weight: 300; font-size: 80px; margin-bottom: 30px; line-height: 1; } .image-slider .banner-fifty-fifty h4 { text-shadow: unset; text-transform: unset; font-weight: 300; font-size: 33px; margin-bottom: 60px; line-height: 1; } .image-slider .banner-fifty-fifty .arrow { height: 100px; width: 15px; margin: 0 0 150px 0; background: url('/wp-content/themes/bci/assets/images/arrow.png'); background-size: cover !important; background-position: center bottom !important; background-repeat: no-repeat !important; transition: all .5s ease-in-out; } .scroll .image-slider .banner-fifty-fifty .arrow { height: 200px; } .image-slider .banner-fifty-fifty-right { width: 50%; height: 100%; display: inline-block; } /* Key Facts */ .key-facts { position: relative; padding: 100px 60px; } .key-facts .background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /*background: url('/wp-content/themes/bci/assets/images/key-facts-overlay.png') !important;*/ background-size: cover !important; background-position: top left !important; background-repeat: no-repeat !important; opacity: .75; } .key-facts .row { position: relative; } .key-facts .column-title-piece { display: inline-block; font-size: 80px; font-weight: bold; } .key-facts a:hover { color: #003658; text-decoration: none !important; } .key-facts.smaller-font .column-title-piece { font-size: 50px; } /* Sitemap */ .shortcode .row { max-width: 100%; } .sitemap > li { width: 25% !important; } #menu-sitemap .vertical li { margin: 0 0 0 15px; line-height: 1.2; } #menu-sitemap .menu-item.hidden > a { display: none; } #menu-sitemap .menu-item.hidden .vertical { padding: 0; } #menu-sitemap .menu-item.hidden .vertical li { margin: 0 0 15px 15px; } #menu-sitemap .menu-item.hidden .vertical a { font-size: 20px !important; text-transform: uppercase; font-weight: 600; } /* .sitemap > li > .vertical > li > a.external { background: url('/wp-content/themes/bci/assets/images/offsite.png') !important; background-position: 100% 60% !important; background-size: 16px 16px !important; background-repeat: no-repeat !important; padding: 0 20px 0 0; } .sitemap > li > .vertical > li > a.external:hover { background: url('/wp-content/themes/bci/assets/images/offsite.png') !important; background-position: 100% 60% !important; background-size: 16px 16px !important; background-repeat: no-repeat !important; } */ .sitemap .vertical > li { margin: 0 !important; padding: 8px 0 3px 0; } .sitemap .vertical .vertical li a { font-weight: 300; } /* Two-column Text */ .two-column-text .content h2 { padding: 0 0 20px 0; } /***********************************************/ /* RESPONSIVE */ /***********************************************/ @media screen and (max-width: 1775px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -10% !important; width: 110% !important; } } @media screen and (max-width: 1650px) { .top-bar .row { padding: 0 10px 0 10px; } } @media screen and (max-width: 1635px) { .featured-podcasts-container { margin: 0; } } @media screen and (max-width: 1600px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -20% !important; width: 120% !important; } } @media screen and (max-width: 1500px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -30% !important; width: 130% !important; } .latest-news .block-info { position: unset !important; display: block; width: 100%; height: unset !important; margin: 0 0 30px 0; border-right: unset !important; } .latest-news .block-info-content { position: unset !important; top: unset; transform: unset; } .latest-news .news-div.beside-text { display: block; width: calc(100% + 20px); margin: 0 0 0 -10px; } } @media screen and (max-width: 1470px) { .mega-menu .mega-menu-image { max-width: 300px !important; } .mega-menu .menu-content-div .menu-title { font-size: 20px; } } @media screen and (max-width: 1350px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -40% !important; width: 140% !important; } #menu-sitemap > li { width: 50% !important; padding: 30px 0 0 0 !important; } .podcast-container { width: calc(50% - 20px) !important; } .footer .column { width: 50% !important; padding: 30px 0; } .footer .column:last-child:not(:first-child), .footer .columns:last-child:not(:first-child) { float: unset; } } @media screen and (max-width: 1250px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -50% !important; width: 150% !important; } .banner .text p { padding: 21px 30px 10px 0; max-width: 100%; } } @media screen and (max-width: 1200px) { .mega-menu .mega-menu-image { max-width: 300px !important; } .mega-menu .menu-content-div .menu-title { font-size: 20px; } .mega-menu .menu-div { padding: 0; } .mega-menu .menu-content-div { padding: 0 30px; } } @media screen and (max-width: 1175px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -70% !important; width: 170% !important; } } @media screen and (max-width: 1100px) { .mega-menu .mega-menu-image { display: none; } .mega-menu .menu-content-div { padding: 0; } .padded-section { padding: 30px 10px; } .fifty-fifty-image { width: 100%; margin: 0 0 20px 0; } .fifty-fifty-image.inverse { left: unset; } .fifty-fifty-text { width: 100%; height: auto; display: block; height: auto !important; padding: 30px 0; } .fifty-fifty-text.inverse { left: unset; } .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 10px; } .fifty-fifty.report .fifty-fifty-image { width: 100%; } .fifty-fifty.report .fifty-fifty-text { padding: 40px 0 0 0; } .fifty-fifty.accordion .fifty-fifty-text { padding: 30px 0 0 0; } .case-study-column { width: 100% !important; padding: 10px !important; } .full-width-bar { padding: 30px 10px !important; } .full-width-bar .full-width-column .column-image .dotted-line { display: none; } .full-width-bar .column-text-1 { height: auto !important; } .full-width-bar .column-text-2 { height: auto !important; } .full-width-bar .heading-div.beside-text { width: 100% !important; } .full-width-bar .content.beside-text { width: 100% !important; padding: 20px 0 0 0 !important; } .key-facts .column { width: 100% !important; padding: 10px !important; } .video-slider { padding: 60px; } .video-slider .slide-image { width: 100% !important; } .video-slider .content-inner { width: 100% !important; padding: 30px 0; } } @media (max-width: 1024px) { .banner .banner-content { left: 2vw; top: 57%; } .banner .heading1 { padding: 0 30px 0 0; } .world-map .scroll-message { display: block; margin: 10px 0 0 0; } } @media screen and (max-width: 1023px) { .banner { margin: 0; } .banner-left { height: 350px; width: 100%; } .banner-right { width: 100%; } .banner .slick-slider { height: auto; } .image-slider .slick-slider .slick-list li { margin: 0 !important; } .image-slider .slick-slider .slick-list { max-height: unset; } .banner .slick-slider .slick-list li { height: auto; } .image-slider .slick-slider .slick-slide .slide-image { height: 450px; } .banner .slick-slider .banner-right img { height: 450px; } .banner .slick-slider .banner-right img { height: 450px !important; } .image-slider .flex-video { height: 600px; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -25% !important; width: 150% !important; } .full-width-bar .full-width-column { width: calc(100% - 120px) !important; padding: 0 !important; } .full-width-bar.small-heading .full-width-column { width: calc(100% - 60px) !important; } .full-width-bar .info-block .full-width-column { padding: 0 0 30px 0 !important; margin: 0 10px 30px 10px !important; } .full-width-bar .slick-slider .full-width-column { width: calc(100% - 20px) !important; } .full-width-bar .link-text { padding: 0px 0 30px 0;} .latest-news .slick-slider .full-width-column { margin: 0 10px; } .featured-podcast-text-div { width: 100%; } .image-slider .slick-slider .slide-content.text-on-top .content-inner { transform: unset; } .filter { display: block; margin: 0; padding: 5px 0 5px 0; } .bios .columns { width: calc(50% - 10px); } .table .table-cell.overline p { font-size: 13px; } .timeline.vertically .timeline-row { padding: 30px 0; } .timeline.vertically .timeline-row.even .left-hr { height: 0; width: 0; } .timeline.vertically .timeline-row.odd .right-hr { height: 0; width: 0; } .timeline.vertically .columns-left { position: relative; left: 120px; width: 100%; } .timeline.vertically .columns-middle { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .timeline.vertically .columns-right { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } .latest-news .latest-news-div .full-width-column { width: calc(50% - 20px) !important; margin: 10px; } .latest-news.full-width-bar .column-title { height: auto; } .full-width-bar .full-width-column .column-info { padding: 10px 0 0 0; height: auto !important; width: 100%; } .image-slider .slick-slider.arrows-outside-slider { padding: 0; } .image-slider .slick-slider .slide-content.image-left .slide-image img { object-position: center center !important; height: auto !important; } .featured-podcast-image { width: 100% !important; } .fifty-fifty .fifty-fifty-text-left { width: 100% !important; } .fifty-fifty .fifty-fifty-text-right { width: 100% !important; } .footer-back-to-top { display: none; } .footer-top-content { width: 100%; } .footer-top-menu { width: 100%; text-align: left; vertical-align: top; padding: 30px 0 0 0; } .footer-top .menu { display: block; padding: 0; } .footer-top .menu > li a { font-size: 20px; } .footer-bottom { margin: 0; border-top: unset; padding: 0 10px; } .footer-bottom .menu { display: block; } .footer-bottom .menu > li { display: block; } .linkedin { margin: 40px 0 50px -5px; vertical-align: middle; } .footer-bottom .copyright { position: unset; right: unset; margin: -10px 0 0 30px; vertical-align: middle; } .footer .mobile-toggle { display: none !important; } } @media screen and (max-width: 950px) { .podcast-container { width: calc(100% - 20px) !important; height: auto; } } @media screen and (max-width: 868px) { html:not(.no-js) .search-trigger > #search { margin: 0 15px -20px 0 !important; position: relative; z-index: 2; } } @media screen and (max-width: 800px) { .key-facts .column-title-piece { font-size: 50px; } .table-top { display: none !important; } .table { padding: 0 !important; } .table .table-main-text { margin: 0 auto 30px auto; } .table-cards { display: block; } .table-card { display: block; } .table .button { margin: 0 0 -20px 0; } } @media screen and (max-width: 783px) { .super-header { top: -8px !important; width: 107%; } .logged-in .super-header { top: 38px !important; } .key-facts h2 { font-size: 24px; } } @media screen and (max-width: 767px) { .banner .text p { font-size: 18px; font-weight: 300; line-height: 25px; padding: 10px 10px 10px 0; } .latest-news .slider-nav .slick-prev { top: -5px; } .latest-news .slider-nav .slick-next { top: -5px; } .fifty-fifty .slider-nav .slick-prev { top: -5px; } .fifty-fifty .slider-nav .slick-next { top: -5px; } .full-width-bar .slider-nav .slick-prev { top: -5px; } .full-width-bar .slider-nav .slick-next { top: -5px; } .full-width-bar .horizontal-column .alignleft { width: 100%; max-width: unset; max-height: unset;} .timeline.vertically .columns-left { left: 80px; } .timeline.vertically .columns-middle { left: -15px; } .timeline.vertically .columns-right { left: -40px; } } @media screen and (max-width: 750px) { .image-slider .flex-video { height: 500px; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -10% !important; width: 110% !important; } } @media screen and (max-width: 700px) { .banner .heading1 { font-size: 25px; } .banner .link-text { padding: 10px 0 0 0; } .featured-podcast-title { font-size: 30px; } .featured-podcast-label { font-size: 16px; } .featured-podcast-description { font-size: 16px; } .featured-podcast-text-div { padding: 30px 10px; } } @media screen and (max-width: 650px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -20% !important; width: 120% !important; } } @media screen and (max-width: 600px) { html { overflow-x: hidden; } .full-width-bar .collaboration-card img { max-height: unset; } .accordion .accordions-div { width: 100% !important; padding: 30px 0 0 0 !important; } .accordion .accordions-div:last-of-type { padding: 0; } .accordion .accordions-div:last-of-type .accordion:first-of-type { border-top: unset; } .latest-news .latest-news-div .full-width-column { width: calc(100% - 0px) !important; margin: 10px 0; } } @media screen and (max-width: 550px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -50% !important; width: 150% !important; } #menu-sitemap > li { width: 100% !important; } .featured-podcast-image { min-height: 285px !important; } .timeline.vertically .timeline-rows { padding: 60px 0 0 0; } .timeline.vertically .columns-left { left: 0; } .timeline.vertically .timeline-row.odd p { padding: 20px 0 0 0; } .timeline.vertically .columns-middle { top: 0; left: 0; width: 100%; } .timeline.vertically .columns-right { position: relative; top: -30px; left: unset; transform: unset; } .timeline.vertically .timeline-row.even p { padding: 20px 0 0 0; } } @media screen and (max-width: 450px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -80% !important; width: 180% !important; } .bios .columns { width: calc(100% - 10px); height: auto !important; } } @media screen and (max-width: 400px) { .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { left: -100% !important; width: 200% !important; } .collaborative-partners .slick-slider .full-width-column .column-image img { max-height: 125px; } } @media screen and (max-width: 74.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 35px; height: 65px; margin-top: -33px; } } @media screen and (max-width: 63.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 22px; height: 42px; margin-top: -20px; } } .locations .large-7 { max-height: 450px !important; } .locations .large-5 { max-height: 450px !important; } /* Gallery Styles - parts/section-gallery.php */ .gallery dl { display: inline-block; } /* Video Background Styles - parts/section-video-background.php */ .video-background .overlay { color: #fefefe; } /* Shortcode Styles - parts/section-video-background.php */ .shortcode { overflow: hidden; } /****************************************************************** Stylesheet: Print Stylesheet This is the print stylesheet. There's probably not a lot of reasons to edit this stylesheet. Remember to add things that won't make sense to print at the bottom. Things like nav, ads, and forms should be set to display none. ******************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } } /***********************************************/ /* RESPONSIVE */ /***********************************************/ @media (max-height: 850px) { .bar-graph h2 { font-size: 30px; } .bar-graph .text { font-size: 16px; } .bar-graph .bar-graph-main-legend { font-size: 14px; padding: 10px 20px 0 0; } } @media screen and (max-width: 1650px) { .top-bar .row { padding: 0 10px 0 10px; } .fifty-fifty.masonry .masonry-text-box { width: calc(100% - 40px); padding: 20px 20px 20px 20px; } /*padding: 30px 20px 30px 20px*/ .fifty-fifty.masonry .masonry-title { line-height: 25px; } /*was 32*/ .fifty-fifty.masonry .masonry-text p { line-height: 1.3; } /*was 1.6*/ .single .post-content { padding: 0 10px 20px 10px !important; } .single .full-width-bar { padding: 0 10px; } .single .full-width-bar .full-width-column .column-image img { width: 100%; } } @media screen and (max-width: 1600px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -20% !important; width: 120% !important; } } @media screen and (max-width: 1500px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -30% !important; width: 130% !important; } .latest-news .block-info { position: unset !important; display: block; width: 100%; height: unset !important; margin: 0 0 30px 0; border-right: unset !important; } .latest-news .block-info-content { position: unset !important; top: unset; transform: unset; } .latest-news .news-div.beside-text { display: block; width: calc(100% + 20px); margin: 0 0 0 -10px; } } @media screen and (max-width: 1470px) { .mega-menu .mega-menu-image { max-width: 300px !important; } .mega-menu .menu-content-div .menu-title { font-size: 20px; } } @media (max-width: 1400px) { .bar-graph.smaller-font .line-value { font-size: 14px; } .bar-graph.smaller-font .line-value.bold-value { font-size: 14px; } } @media screen and (max-width: 1350px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -40% !important; width: 140% !important; } #menu-sitemap > li { width: 50% !important; padding: 30px 0 0 0 !important; } .podcast-container { width: calc(50% - 40px) !important; } .footer .column { width: 50% !important; padding: 30px 0; } .footer .column:last-child:not(:first-child), .footer .columns:last-child:not(:first-child) { float: unset; } } @media screen and (max-width: 1250px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -50% !important; width: 150% !important; } } @media (max-width: 1200px) { .mega-menu .mega-menu-image { max-width: 300px !important; } .mega-menu .menu-content-div .menu-title { font-size: 20px; } .mega-menu .menu-div { padding: 0; } .mega-menu .menu-content-div { padding: 0 30px; } .fifty-fifty.masonry .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 60px 0 10px; } .fifty-fifty.masonry .masonry-text-box { padding: 30px 20px 30px 20px; } .fifty-fifty.masonry .masonry-title { line-height: 32px; } .fifty-fifty.masonry .masonry-text p { line-height: 1.6; } .fifty-fifty.masonry .masonry-left { width: 100%; } .fifty-fifty.masonry .masonry-right { width: 100%; position: relative; transform: unset; top: unset; } .fifty-fifty.masonry .masonry-right .fifty-fifty-masonry-image { margin: -10px 15px 15px 0; min-height: 350px; } .fifty-fifty.jennifers-quote .fifty-fifty-content { padding: 0 30px 0 30px !important; } .call-to-action .background-color { left: 10%; } .call-to-action .background-color.Right { left: 10%; } .call-to-action .background-color { top: unset; bottom: 0; width: 80%; height: 100%; } .call-to-action .content { left: 10%; } .call-to-action .content.Right { left: 10%; } .call-to-action .content { bottom: 0; width: 80%; height: 100%; } .bar-graph.smaller-font .line-value { font-size: 11px; } .bar-graph.smaller-font .line-value.bold-value { font-size: 11px; } .bar-graph.smaller-font .line-label { font-size: 11px; } } @media screen and (max-width: 1175px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -70% !important; width: 170% !important; } .hide-on-mobile { display: none !important; } .bar-graph .line-value { font-size: 16px; top: -25px; } .bar-graph .line-value.bold-value { font-size: 16px; } .bar-graph .line-label { min-width: unset !important; font-size: 16px; padding: 0 0 0 0; } .bar-graph.smaller-font .line-value { font-size: 16px; } .bar-graph.smaller-font .line-value.bold-value { font-size: 16px; } .bar-graph.smaller-font .line-label { font-size: 16px; padding: 0 0 0 45px; } .bar-graph .line { min-width: unset !important; width: 16% !important; } .bar-graph .benchmark-lines .line { width: 12% !important; } .bar-graph .benchmark-line { min-width: 120px !important; } .bar-graph #cumulative-value-added-by-bci .line-label { padding: 0 0 0 15px; } .bar-graph #assets-managed-in-house .line-label { padding: 0 0 0 45px; } .bar-graph .text { font-size: 16px; } .bar-graph .bar-graph-main-legend { font-size: 14px; padding: 10px 20px 0 0; } #bar-graph-total-aum { padding: 0; } #bar-graph-total-aum .line-div.no-padding { width: 16% !important; } #bar-graph-total-aum .line-div.no-padding .line { width: 14% !important; } .bar-graph .benchmark-line { min-width: 120% !important; } .bar-graph .benchmark .line-value { left: 115% !important; } } @media screen and (max-width: 1100px) { .mega-menu .mega-menu-image { display: none; } .mega-menu .menu-content-div { padding: 0; } .padded-section { padding: 30px 10px; } .fifty-fifty-image { width: calc(100% - 20px); margin: 0 0 20px 0; } .fifty-fifty-image.inverse { left: 10px; } .fifty-fifty-text { width: 100%; height: auto; display: block; height: auto !important; padding: 30px 0; } .fifty-fifty-text.inverse { left: unset; } .fifty-fifty-content { position: unset; top: unset; transform: unset; padding: 0 10px; } .fifty-fifty.report .fifty-fifty-image { width: 100%; } .fifty-fifty.report .fifty-fifty-text { padding: 40px 0 0 0; } .fifty-fifty.accordion .fifty-fifty-text { padding: 30px 0 0 0; } .fifty-fifty.masonry { padding: 30px 10px 30px 10px !important; } .fifty-fifty.masonry .fifty-fifty-content { padding: 0; } .fifty-fifty.masonry .fifty-fifty-masonry-image { margin: 0 0 15px 0; min-height: 350px; } .fifty-fifty.masonry .masonry-right .fifty-fifty-masonry-image { margin: -10px 0 15px 0; } .fifty-fifty.jennifers-quote { padding: 0 0 60px 0 !important; } .fifty-fifty.jennifers-quote .fifty-fifty-content { padding: 0 20px 0 20px !important; } .fifty-fifty .fifty-fifty-text .quote-text { width: calc(100% - 90px); font-size: 24px; line-height: 32px; } #shauna-quote .fifty-fifty-content { padding: 0 10px 0 10px; } #shauna-quote .fifty-fifty-text .quote-text { font-size: 24px; line-height: 32px; } .case-study-column { width: 100% !important; padding: 10px !important; } .full-width-bar { padding: 30px 10px !important; } .full-width-bar .full-width-column .column-image .dotted-line { display: none; } .full-width-bar .column-text-1 { height: auto !important; } .full-width-bar .column-text-2 { height: auto !important; } .full-width-bar h1.beside-text { width: 100% !important; } .full-width-bar .content.beside-text { width: 100% !important; padding: 0 !important; } .fifty-fifty.image-text-accordion .main-content { bottom: unset; padding: 30px 10px 30px 10px; } .fifty-fifty.image-text-accordion .fifty-fifty-text { padding: 30px 10px 30px 10px; } .fifty-fifty.image-text-accordion .fifty-fifty-text-div { top: unset; transform: unset; } .image-text-accordion .fifty-fifty-image.height-large { height: 450px !important; } .image-text-accordion .fifty-fifty-image.height-medium { height: 450px !important; } .key-facts .column { width: 100% !important; padding: 10px !important; } .video-slider { padding: 60px; } .video-slider .slide-image { width: 100% !important; } .video-slider .content-inner { width: 100% !important; padding: 30px 0; } } @media (max-width: 1024px) { .world-map .scroll-message { display: block; margin: 10px 0 0 0; } .world-map .year-hotspots { left: unset; transform: unset; } .single .entry-content { padding: 80px 0 0 0; } .single-bio .medium-3 { width: 100% !important; padding: 0 0 20px 20px; } .single-bio .medium-9 { width: 100% !important; } } @media screen and (max-width: 1023px) { .banner { margin: 0; } .banner-left { height: 350px; width: 100%; } .single .banner-left { width: 100% !important; } .banner-right { width: 100%; } .banner .slick-slider { height: auto; } .image-slider .slick-slider .slick-list li { margin: 0 !important; } .image-slider .slick-slider .slick-list { max-height: unset; } .banner .slick-slider .slick-list li { height: auto; } .banner .slick-slider .banner-right img { height: 450px; } .banner .banner-content { left: 10px; } .banner .slick-slider .banner-right img { height: 450px !important; } .image-slider .flex-video { height: 450px; margin: 0 !important; } .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -25% !important; width: 150% !important; } .full-width-bar .full-width-column { width: calc(100% - 120px) !important; padding: 0 !important; } .full-width-bar .stacked-columns .full-width-column { padding: 0 0 20px 0 !important; } .full-width-bar .stacked-columns .column-heading { padding: 25px 21px 13px 21px; } .full-width-bar .stacked-columns .column-info { padding: 43px 40px 30px 21px !important } .full-width-bar .slick-slider .full-width-column { width: calc(100% - 20px) !important; } .latest-news .slick-slider .full-width-column { margin: 0 10px; } .featured-podcast-text-div { width: 100%; padding: 10px 0 0 0; } .image-slider .slick-slider .slide-content.text-on-top .content-inner { transform: unset; } .full-width-bar .collaborative-partners .slick-slider { max-height: 165px; } .full-width-bar .collaborative-partners .slick-list { max-height: 165px; } .full-width-bar .collaborative-partners .slick-track { max-height: 165px; } .full-width-bar .collaborative-partners .slick-prev { position: absolute; top: 32% !important; left: 30px; height: 30px !important; } .full-width-bar .collaborative-partners .slick-next { position: absolute; top: 32% !important; right: 30px; height: 30px !important; } .full-width-bar .columns-div { margin: 0 -55px; } .fifty-fifty .fifty-fifty-text-left { padding: 0; } .filter { display: block; margin: 0; padding: 5px 0 5px 0; } .bios .columns { width: calc(50% - 10px); } .shortcode.bios .bio.column { width: calc(50% - 10px); } .latest-news .latest-news-div .full-width-column { width: calc(50% - 20px) !important; margin: 10px; } .latest-news.full-width-bar .column-title { height: auto; } .full-width-bar .full-width-column .column-info { padding: 10px 0 0 0; height: auto !important; width: 100%; } .image-slider .slick-slider .slide-content.image-left .slide-image { width: 100% !important; } .image-slider .slick-slider .slide-content.image-left .slide-image img { object-position: center center !important; height: auto !important; } .image-slider .slick-slider.arrows-outside-slider { padding: 0; } .image-slider .slick-slider .slide-content.image-left .content-inner { width: 100% !important; padding-left: unset !important; padding: 20px 0 0 0; } .tabs a .tab-label { font-size: 20px; } .image-slider.locations .location-images { width: 100%; } .image-slider.locations .location-content { width: 100%; padding: 0 10px 0 10px; } .accordion .title.beside-text { width: 100%; } .accordion .content.beside-text { width: 100%; padding: 0px 0 30px 0; margin: 0; } .single .post-content { width: 100% !important; } .single .full-width-bar .slick-slider { margin: 5px -20px 0 0; } .footer-back-to-top { display: none; } .footer-top-content { width: 100%; } .footer-top-menu { width: 100%; text-align: left; vertical-align: top; padding: 30px 0 0 0; } .footer-top .menu { display: block; padding: 0; } .footer-top .menu > li a { font-size: 20px; } .footer-top .menu li { padding: 0; } .footer-bottom { margin: 0; border-top: unset; padding: 0 10px; } .footer-bottom .menu { display: block; margin: 0 0 0 -40px; } .footer-bottom .menu > li { display: block; } .linkedin { margin: 40px 0 50px -5px; vertical-align: middle; } .footer-bottom .copyright { position: unset; right: unset; margin: 0; vertical-align: middle; } .footer .mobile-toggle { display: none !important; } } @media screen and (max-width: 950px) { .podcast-container { width: calc(100% - 40px) !important; height: auto; padding: 0 0 30px 0; } } @media screen and (max-width: 868px) { html:not(.no-js) .search-trigger > #search { position: relative; z-index: 2; } } @media (max-width: 800px) { .call-to-action .background-color { left: 0; width: 100%; } .call-to-action .background-color.Right { left: 0; width: 100%; } .call-to-action .content { left: 0; width: 100%; padding: 30px 10px; } .call-to-action .content.Right { left: 0; width: 100%; padding: 30px 10px; } .bar-graph.smaller-font .line-label { font-size: 16px; padding: 0 0 0 35px; } .bar-graph .benchmark-lines { width: 20% !important; } .bar-graph .line-div { padding: 30px 0 10px 10px; } .bar-graph .line-div.benchmark-lines { padding: 30px 0 10px 5px; } .bar-graph .benchmark-lines .line { width: 11% !important; } .bar-graph .benchmark-lines .benchmark { width: 11% !important; } .key-facts .column-title-piece { font-size: 50px; } .world-map .hotspot-number { font-size: 14px; } } @media screen and (max-width: 783px) { .super-header { top: -8px !important; width: 107%; } .logged-in .super-header { top: 38px !important; } .key-facts h2 { font-size: 24px; } } @media screen and (max-width: 767px) { .latest-news .slider-nav .slick-prev { top: -5px; } .latest-news .slider-nav .slick-next { top: -5px; } .fifty-fifty .slider-nav .slick-prev { top: -5px; } .fifty-fifty .slider-nav .slick-next { top: -5px; } .full-width-bar .slider-nav .slick-prev { top: -5px; } .full-width-bar .slider-nav .slick-next { top: -5px; } .full-width-bar .collaborative-partners .slick-dots { display: none !important; } .call-to-action .heading { font-size: 24px; } .fifty-fifty .accordion-text p { font-size: 16px; } } @media (max-width: 700px) { .banner .heading1 { font-size: 25px; } .banner .link-text { padding: 10px 0 0 0; } .featured-podcast-title { font-size: 30px; } .featured-podcast-label { font-size: 16px; } .featured-podcast-description { font-size: 16px; } .featured-podcast-text-div { padding: 30px 10px; } .bar-graph.smaller-font .line-label { padding: 0 0 0 12px; } } @media (max-width: 640px) { .single-bio .medium-3 { padding: 0 0 0 10px; } } @media (max-width: 600px) { html { overflow-x: hidden; } .full-width-bar .collaboration-card img { max-height: unset; } .accordion .accordions-div { width: 100% !important; padding: 0 0 0 0 !important; } .accordion .accordions-div:first-of-type { padding: 30px 0 0 0 !important; } .accordion .accordions-div:last-of-type { padding: 0; } .accordion .accordions-div:last-of-type .accordion:first-of-type { border-top: unset; } .latest-news .latest-news-div .full-width-column { width: calc(100% - 0px) !important; margin: 10px 0; } .bar-graph .content { width: 100%; padding: 30px 60px 0 0; } .fifty-fifty .wide-links .wide-link { padding: 23px 0 23px 23px; } } @media screen and (max-width: 550px) { .image-slider .flex-video iframe, .image-slider .flex-video object, .image-slider .flex-video embed, .image-slider .flex-video video { left: -60% !important; width: 220% !important; } #menu-sitemap > li { width: 100% !important; } } @media (max-width: 500px) { .bar-graph .section-heading { line-height: 35px; } .bar-graph .line-label { font-size: 14px; } .fifty-fifty.image-text-accordion .main-content { top: 0; } } @media screen and (max-width: 450px) { .bios .columns { width: calc(100% - 10px); height: auto !important; } .shortcode.bios .bio.column { width: calc(100% - 10px) !important; height: auto !important; } } @media screen and (max-width: 400px) { .bar-graph .benchmark .line-value { top: -17px; font-size: 12px; } .bar-graph .line-label { font-size: 10px; } } @media screen and (max-width: 74.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 35px; height: 65px; margin-top: -33px; } } @media screen and (max-width: 63.9375em) { .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev { width: 22px; height: 42px; margin-top: -20px; } } .single-bio .medium-3 { width: 25%; } .single-bio .medium-9 { width: 75%; } .single-bio .columns img { border: 1px solid #707070; } /* Archive Page */ .archive .banner { border-bottom: 1px solid #696F79; } .archive .slick-slider { background: #FFFFFF; } .archive .banner-left { width: 50%; } .archive .banner-left.inverse .banner-content { left: 30px; width: 70%; } .archive .banner .heading1 { padding: 0; } .archive .post-content { padding: 20px 45px; } .archive .post-content img { max-width: 20%; } /* Single Post Page */ .single .banner { border-bottom: 1px solid #696F79; } /*.single .Dark-Grey-background { background-color: #a5a9ae !important; }*/ .single .row { max-width: 1600px; } .single .date { color: #00365B; } .single .banner-left { width: 50%; } .single .banner-left.inverse .banner-content { left: 30px; width: 70%; } .single .post-content { padding: 20px 45px 20px 0; margin: 60px 0; display: inline-block; width: 70%; /*border-right: 1px solid #48484A;*/ } .single .post-tags-title { font-weight: 600; padding: 0 0 20px 0; } .single .post-tags { padding: 20px 45px; margin: 60px 0; display: inline-block; width: 30%; vertical-align: top; height: 100%; display: none; } .single .post-tags a { font-weight: 300; padding: 0 0 20px 0; } .single .full-width-column .animate-text-up { border: 1px solid #696F79; padding: 0 20px 0 20px; } .locations .large-7 { max-height: 450px !important; } .locations .large-5 { max-height: 450px !important; } /* Gallery Styles - parts/section-gallery.php */ .gallery dl { display: inline-block; } /* Video Background Styles - parts/section-video-background.php */ .video-background .overlay { color: #fefefe; } /* Shortcode Styles - parts/section-video-background.php */ .shortcode { overflow: hidden; } .shortcode.bios { max-width: 1600px; text-align: center; margin: 0 auto; } .shortcode.bios .columns { width: 100%; } .shortcode.bios .bio.column { vertical-align: top; width: calc(25% - 15px); margin: 20px 5px 10px 5px; } .shortcode.bios .bio.column img { width: 100%; border: 1px solid #707070; } .shortcode.bios .name { padding: 20px 0 10px 0; text-align: left; } .shortcode.bios .position { color: #003658; text-align: left; line-height: 1.25; } .shortcode.bios .position p { padding: 0 0 20px 0; } .shortcode.bios .position div { padding: 0 0 20px 0; } @media screen and (min-width: 64em) { .large-5 { width: 41.66667%; } .large-7 { width: 58.33333%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-push-7 { position: relative; left: 58.33333%; } }