@charset "UTF-8"; /* Theme Name: samibb Theme URI: http://underscores.me/ Author: Automattic Author URI: http://automattic.com/ Description: Hi. I'm a starter theme called samibb, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for. Version: 1.0-wpcom License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: samibb Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. samibb is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Reset 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Infinite scroll 12.0 Media 12.1 Captions 12.2 Galleries 13.0 Layout --------------------------------------------------------------*/ @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #ddd9cf url("../img/site-bg.png") center center no-repeat fixed; /* Fallback for when there is no custom background color defined. */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media (max-width: 63.938em) { body { background: #ffffff; } } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } ::selection { background: #ffffff; color: #545454; font-family: "source_sans_probold", sans-serif; text-shadow: none; } ::-moz-selection { background: #ffffff; color: #545454; font-family: "source_sans_probold", sans-serif; text-shadow: none; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #545454; font-family: "source_sans_proregular", sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { clear: both; } h4 { color: #597d99; font-family: "source_sans_probold", sans-serif; margin-bottom: 0; } .parent-pageid-14 h4 { color: #545454; font-family: "source_sans_probold", sans-serif; margin-bottom: 0; text-transform: uppercase; } .page-id-18 h2 { color: #545454; font-family: "source_sans_probold", sans-serif; font-size: 0.9em; font-style: normal; margin: 2em 0 1em; text-transform: uppercase; } h3 { color: #545454; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.4em; } h2 { color: #545454; font-family: "source_sans_prolight", sans-serif; text-transform: none; font-style: italic; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.4em; } .page-template-mortgage_calculator-php #mortgage-calculators .cTimeValue form .panel h3 { padding: 0; } .page-template-mortgage_calculator-php #mortgage-calculators .cTimeValue form .panel ul, .page-template-mortgage_calculator-php #mortgage-calculators .cTimeValue form .panel ol { margin: 0 2em 3em 1em; } @media (max-width: 47.938em) { .page-id-975 .entry-content > h2, .page-template-mortgages-php .entry-content > h2, .page-template-mortgages-php .entry-content > h3, .page-template-team .entry-content > h3 { display: none !important; } } .home h2 { position: absolute; left: -0.5%; max-width: 15%; color: #ffffff; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 1.5em; font-weight: 600; line-height: 1.5em; letter-spacing: -0.02em; margin-bottom: 1em; margin-right: 1em; text-shadow: 3px 3px 5px #545454; } .home h2:after { position: relative; font-family: "samicons"; font-style: normal; font-size: 0.5em; background: #ffffff; color: #545454 !important; padding: 1em 1.5em 1em 0.5em; border-radius: 10em; line-height: 0; margin: 0; content: "\e60b" !important; display: block; width: 1.2em; text-shadow: none !important; } .home h2:hover:after { background: #545454; color: #ffffff !important; } .home .equity h2 { top: 40%; } @media (max-width: 63.938em) { .home .equity h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .equity h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .equity h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; } } .home .trading h2 { max-width: 50%; top: 45%; } @media (max-width: 63.938em) { .home .trading h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .trading h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .trading h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; max-width: 75%; } } .home .investment h2 { top: 35%; } @media (max-width: 63.938em) { .home .investment h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .investment h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .investment h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; } } .home .funds h2 { top: 30%; } @media (max-width: 63.938em) { .home .funds h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .funds h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .funds h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; } } .home .retirement h2 { top: 35%; } @media (max-width: 63.938em) { .home .retirement h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .retirement h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .retirement h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; } } .home .mortgages h2 { top: 60%; } @media (max-width: 63.938em) { .home .mortgages h2 { top: 25% !important; } } @media (max-width: 47.938em) { .home .mortgages h2 { font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .mortgages h2 { font-size: 1em !important; top: 10% !important; left: -0.5% !important; } } .home h3.as-layer { position: absolute; right: 1em; top: 25%; font-size: 1.55em !important; line-height: 1.3; text-transform: none; font-family: "source_sans_prolight", sans-serif; font-weight: 100; background: transparent; width: 70%; text-align: right; letter-spacing: -0.03em; } .home .equity h3 { left: 28% !important; top: 40% !important; } @media (max-width: 63.938em) { .home .equity h3 { left: 31% !important; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .equity h3 { font-size: 1em !important; } } @media (max-width: 29.938em) { .home .equity h3 { font-size: 0.7em !important; width: 100% !important; left: 1% !important; top: 49% !important; } } .home .trading h3 { left: 46% !important; top: 55% !important; max-width: 54%; color: #545454; } @media (max-width: 63.938em) { .home .trading h3 { left: 44% !important; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .trading h3 { font-size: 1em !important; } } @media (max-width: 29.938em) { .home .trading h3 { font-size: 0.7em !important; width: 100% !important; left: 43% !important; top: 49% !important; } } .home .investment h3 { left: 33% !important; top: 35% !important; width: 70%; color: #545454; } @media (max-width: 63.938em) { .home .investment h3 { left: 38% !important; width: 63%; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .investment h3 { left: 33% !important; width: 67% !important; font-size: 1em !important; } } @media (max-width: 29.938em) { .home .investment h3 { font-size: 0.7em !important; width: 100% !important; left: 1% !important; top: 49% !important; } } .home .funds h3 { left: 30% !important; top: 30% !important; color: #545454; } @media (max-width: 63.938em) { .home .funds h3 { left: 30% !important; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .funds h3 { font-size: 1em !important; } } @media (max-width: 29.938em) { .home .funds h3 { font-size: 0.7em !important; width: 100% !important; left: 1% !important; top: 49% !important; } } .home .retirement h3 { left: 44% !important; top: 35% !important; opacity: 1; width: 57%; color: #545454; } @media (max-width: 63.938em) { .home .retirement h3 { left: 44% !important; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .retirement h3 { font-size: 1em !important; } } @media (max-width: 29.938em) { .home .retirement h3 { font-size: 0.7em !important; width: 100% !important; left: 1% !important; top: 49% !important; } } .home .mortgages h3 { left: 51% !important; top: 50% !important; opacity: 1; width: 50%; color: #545454; } @media (max-width: 63.938em) { .home .mortgages h3 { left: 44% !important; top: 25% !important; font-size: 1.2em !important; } } @media (max-width: 47.938em) { .home .mortgages h3 { font-size: 1em !important; } } @media (max-width: 29.938em) { .home .mortgages h3 { font-size: 0.7em !important; width: 100% !important; left: 1% !important; top: 49% !important; } } .entry-header { position: absolute; top: 5%; left: 5%; z-index: 5; } .page-template-team-php .entry-header, .page-template-funds-php .entry-header, .investment-strategy .entry-header, .benefits-of-the-fund .entry-header, .cost-consideration .entry-header { top: 1.5% !important; } .entry-header h1.entry-title { font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 1.4em; font-weight: 600; line-height: 1.2em; letter-spacing: -0.02em; margin-bottom: 1em; margin-right: 1em; color: #ffffff; text-shadow: 3px 3px 5px #545454; } #secondary h1, .page-list { display: none; } #related-content h1 { display: none; } .page-id-18 .entry-header, .search-results .entry-header, .page-template-news_archive-php .entry-header, .page-template-link_archive-php .entry-header, .page-template-stock-php .entry-header, .page-template-nav-php .entry-header, .page-template-contact-php .entry-header, .page-id-24 .entry-header, .page-id-26 .entry-header, .page-id-28 .entry-header, .search-no-results .entry-header, .error404 .entry-header, .page-template-login-php .entry-header { position: relative; left: 2em; } .page-id-18 .entry-header h1.entry-title, .search-results .entry-header h1.entry-title, .page-template-news_archive-php .entry-header h1.entry-title, .page-template-link_archive-php .entry-header h1.entry-title, .page-template-stock-php .entry-header h1.entry-title, .page-template-nav-php .entry-header h1.entry-title, .page-template-contact-php .entry-header h1.entry-title, .page-id-24 .entry-header h1.entry-title, .page-id-26 .entry-header h1.entry-title, .page-id-28 .entry-header h1.entry-title, .search-no-results .entry-header h1.entry-title, .error404 .entry-header h1.entry-title, .page-template-login-php .entry-header h1.entry-title { color: #545454; text-shadow: none !important; margin: 1em 0 0; } @media (max-width: 29.938em) { .page-template-login-php #secondary { display: none; } } .page-template-login-php #secondary h1 { margin-right: 0.25em; } .page-template-login-php .entry-content h1 { color: #7895aC; font-family: "source_sans_proregular", sans-serif; text-transform: uppercase; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.4em; } @media (max-width: 29.938em) { .page-template-register-php #secondary { display: none; } } .page-template-register-php #secondary h1 { margin-right: 0.25em; color: #545454; padding: 0; text-shadow: none; display: none; } .page-template-register-php .entry-content h1 { color: #7895aC; font-family: "source_sans_proregular", sans-serif; text-transform: uppercase; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.4em; } @media (max-width: 29.938em) { .page-template-portfolio-php #secondary { display: none; } } .page-template-portfolio-php #secondary h1 { margin-right: 0.25em; } .page-template-portfolio-php .entry-content h1 { color: #7895aC; font-weight: 400 !important; text-transform: uppercase; font-size: 1.5em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.25em; } .page-template-portfolio-php .entry-content #download_statement { color: #545454; text-transform: uppercase; font-size: 0.8em; font-family: "source_sans_probold", sans-serif; } @media (max-width: 29.938em) { .page-template-fund_detail #secondary { display: none; } } .page-template-fund_detail #secondary h1 { margin-right: 0.25em; } .page-template-fund_detail .entry-content h1 { color: #7895aC; font-weight: 400 !important; text-transform: uppercase; font-size: 1.5em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.25em; } .page-template-fund_detail .entry-content #download_statement { color: #545454; text-transform: uppercase; font-size: 0.8em; font-family: "source_sans_probold", sans-serif; } @media (max-width: 29.938em) { .page-template-account #secondary { display: none; } } .page-template-account #secondary h1 { margin-right: 0.25em; } @media (max-width: 29.938em) { .page-template-portfolio_contact #secondary { display: none; } } .page-template-portfolio_contact #secondary h1 { margin-right: 0.25em; } .page-template-logout .entry-content h1 { text-transform: uppercase; color: #545454; font-size: 1.25em; margin: 1em 0; } .search .entry-header { display: block; } .search .entry-header h4 { display: inline-block; padding-bottom: 0.2em; margin-bottom: 0.2em; border-bottom: 1px solid #7895aC; } .search-no-results .not-found h2 { color: #597d99; font-family: "source_sans_probold", sans-serif; margin-bottom: 0; padding: 0.5em 2em 0; } .page-template-funds-php h2 { margin-bottom: 0.8em; } .page-template-link_archive-php h3:first-of-type { padding-top: 2em; } .contact-details h3 { position: relative; padding: 2em 0 1em 1em !important; content: ""; display: table; clear: both; } .page-template-about-php .entry-content h3, .page-template-team-php .entry-content h3 { font-size: 1.7em; margin-bottom: 0.7em; display: none; } .page-template-team-php #related-content h5 { text-transform: uppercase; font-size: 1.1em; margin-top: 2em; color: #545454; } .page-template-team-php #related-content h5 a { color: #545454; } .page-template-team-php section.managers h4 { position: relative; color: #545454; margin: 0; padding: 0; } .page-template-team-php section.veep { padding-bottom: 0.5em; margin-bottom: 1.5em; border-bottom: 1px solid #ddd9cf; } .page-template-team-php section.veep h2 { color: #7895aC; padding: 1em 1.5em; } .page-template-team-php section.veep .alignleft { margin-bottom: 2.5em !important; } .about-us #page #content #main .entry-content h3, .history #page #content #main .entry-content h3, .our-team #page #content #main .entry-content h3, .annual-reports #page #content #main .entry-content h3, .investment-commentaries #page #content #main .entry-content h3 { font-size: 1.7em; margin-bottom: 0.7em; display: none; } @media all and (min-width: 481px) { .entry-header { top: 7%; } .entry-header h1.entry-title { font-size: 1.95em; } } @media all and (min-width: 601px) { .entry-header { top: 12%; } .page-template-team-php .entry-header, .page-template-funds-php .entry-header, .investment-strategy .entry-header, .benefits-of-the-fund .entry-header, .cost-consideration .entry-header { top: 7%; } } @media all and (min-width: 1024px) { .entry-header h1.entry-title { display: none; } /*#secondary h1, */ #related-content h1 { display: block; color: #545454; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 2.2em; font-weight: 600; line-height: 1.2em; letter-spacing: -0.02em; margin-top: 0.5em; margin-bottom: 1em; margin-right: 1em; color: #545454; } .page-list { display: block; } .page-template-team-php .entry-content h3 { display: block; } } html { box-sizing: border-box; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; } p { margin-bottom: 1.2em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #545454; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-size: 15px; font-size: 1.5rem; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #545454; cursor: help; } mark, ins { background: #545454; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #ddd9cf; border: 0; height: 1px; margin-bottom: 1.5em; } ul { list-style: disc; } ol { list-style: decimal; } .entry-content ul, .entry-content ol { margin: 0 2em 3em 3em; } li > ul, li > ol { margin-bottom: 0; margin-left: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } .entry-content li { margin-bottom: 0.25em; font-size: 0.92em; } .entry-content ol li { padding-left: 0.5em; } .page-template-mortgages-php .entry-content ol li:nth-child(9) { position: relative; margin-top: 5em; } .page-template-mortgages-php .entry-content ol li:nth-child(9):before { content: "For the purpose of constructing your home:"; position: absolute; top: -3em; left: -1em; color: #545454; font-size: 1.1em; } .page-template-login-php .entry-content ol, .page-template-login-php .entry-content ul { margin: 0.5em 0 0 1em; padding: 0; } .page-template-login-php .entry-content li { color: #545454; font-size: 0.95em; } @media (max-width: 29.938em) { .page-template-about-php .entry-content ul li { width: 100% !important; float: none !important; } } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: none; border-radius: 3px; background: #597d99; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: none; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input.search-submit { position: absolute; background: #7895aC url("../img/arrowx.svg") center center no-repeat scroll; -webkit-background-size: 60% auto; -moz-background-size: 60% auto; -o-background-size: 60% auto; background-size: 60% auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0.5em; font-style: normal; font-size: 0.55em; padding: 0.3em 0.85em 1.5em 0.95em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; text-indent: -9999px; border: none; box-shadow: none; } .ie9 .above-nav .search input[type="submit"] { top: 25%; } .result-search input[type="submit"] { background: #7895aC; font-family: "source_sans_prolight", sans-serif; color: #ffffff; font-style: italic; font-size: 1em; text-transform: uppercase; padding: 1.1em 1.5em; border-radius: 0; line-height: 0; margin: 0 0 0 0.8em; border: none; box-shadow: none; text-indent: 0; right: 0; } @media (max-width: 29.938em) { .result-search input[type="submit"] { font-size: 0.9em; } } .page-template-mortgage_calculator-php #mortgage-calculators input[type="submit"] { position: relative; background: #7895aC; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 0.8em; text-transform: uppercase; padding: 1.2em; border-radius: 0; line-height: 0; margin: 1.5em 0; border: 1px solid #7895aC; box-shadow: none; display: block; letter-spacing: 0.05em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-template-mortgage_calculator-php #mortgage-calculators input[type="submit"]:hover { background: #545454; border: 1px solid #545454; color: #ffffff; } section.registerform form#gform_3 input[type="submit"] { right: 0 !important; font-style: normal !important; } section.loginform input[type="submit"], section.registerform input[type="submit"], #register_button, section.registerform form#gform_3 input[type="submit"], section#reset_password form#reset_password-form input[type="submit"], section#update_password form#update_password-form input[type="submit"] { position: relative; background: #ffffff; font-family: "source_sans_probold", sans-serif; color: #7895aC; font-size: 0.8em; text-transform: uppercase; padding: 1.5em 1.8em 1.3em; border-radius: 0; line-height: 0; margin: 1em 0 0 0.8em; border: 2px solid #7895aC; box-shadow: none; right: 1em; display: block; letter-spacing: 0.2em; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } section.loginform input[type="submit"]:hover, section.registerform input[type="submit"]:hover, #register_button:hover, section.registerform form#gform_3 input[type="submit"]:hover, section#reset_password form#reset_password-form input[type="submit"]:hover, section#update_password form#update_password-form input[type="submit"]:hover { background: #3873a0; border: 2px solid #3873a0; color: #ffffff; font-style: normal !important; } #login-popup input[type="submit"] { position: relative; background: transparent; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 1em; text-transform: uppercase; padding: 1.1em 1.9em; border-radius: 0; line-height: 0; margin: 1em auto; border: 2px solid #ffffff; box-shadow: none; display: block; letter-spacing: 0.2em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #login-popup input[type="submit"]:hover { background: #3873a0; border: 2px solid #3873a0; color: #ffffff; } #login-popup button#popup-close-button { position: relative; background: transparent; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 1em; padding: 1em 1.8em; border-radius: 0; line-height: 0; margin: 0 auto; border: none; box-shadow: none; right: 0; display: block; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #login-popup button#popup-close-button:hover { background: #3873a0; border: none; color: #ffffff; } .page-template-account #login_info input[type="submit"] { position: relative; background: #ffffff; font-family: "source_sans_proregular", sans-serif; color: #7895aC; font-size: 0.8em; text-transform: uppercase; padding: 1.3em 1.8em; border-radius: 0; line-height: 0; margin: 1em 0 0 0.8em; border: 1px solid #7895aC; box-shadow: none; right: 1em; display: block; letter-spacing: 0.2em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-template-account #login_info input[type="submit"]:hover { background: #3873a0; border: 1px solid #3873a0; color: #ffffff; } .page-template-fund_detail button.yadcf-filter-reset-button { position: relative; top: -0.1em; background: #ffffff; font-family: "source_sans_probold", sans-serif; color: #7895aC; font-size: 0.7em; text-transform: uppercase; padding: 0.98em; border-radius: 0; line-height: 0; margin: 0 1.5em 0 0; border: 2px solid #7895aC; box-shadow: none; letter-spacing: 0.2em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-template-fund_detail button.yadcf-filter-reset-button:hover { background: #3873a0; border: 2px solid #3873a0; color: #ffffff; } .page-template-contact-php .page-template-contact-php .visual-form-builder input[type="submit"], .page-template-contact-php .gform_wrapper input[type=submit] { position: relative; background: #7895aC; font-family: "source_sans_prolight", sans-serif; color: #ffffff; font-style: italic; font-size: 0.8em !important; text-transform: uppercase; padding: 1.1em 2em !important; border-radius: 0; line-height: 0; margin: 0 !important; border: none; box-shadow: none; } .page-template-portfolio_contact-php .gform_wrapper gform textarea.large { height: 170px; } .page-template-portfolio_contact-php .gform_wrapper .gform_body { width: 100% !important; } .page-template-portfolio_contact-php .gform_wrapper .gform_footer { padding: 0; margin: 1em 0 0; clear: both; } .page-template-portfolio_contact-php .gform_wrapper .gform_footer input[type=submit] { position: relative; background: #ffffff; font-family: "source_sans_proregular", sans-serif; color: #7895aC; font-size: 0.8em; text-transform: uppercase; padding: 1.3em 1.8em !important; border-radius: 0; line-height: 0; margin: 0; border: 1px solid #7895aC; box-shadow: none; right: 0; display: block; letter-spacing: 0.2em; width: 100%; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-template-portfolio_contact-php .gform_wrapper .gform_footer input[type=submit]:hover { background: #3873a0; border: 1px solid #3873a0; color: #ffffff; } button#session-timeout-wrapper-yes-button { position: relative; background: transparent; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 1em; text-transform: uppercase; padding: 1.1em 3.5em; border-radius: 0; line-height: 0; margin: 1em auto; border: 1px solid #ffffff; box-shadow: none; right: 0; display: block; letter-spacing: 0.2em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } button#session-timeout-wrapper-yes-button:hover { background: #3873a0; border: 2px solid #3873a0; color: #ffffff; } button#session-timeout-wrapper-no-button { position: relative; background: transparent; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 0.7em; text-transform: capitalize; padding: 1.1em 3.5em; border-radius: 0; line-height: 0; margin: 1em auto; border: none; box-shadow: none; right: 0; display: block; letter-spacing: 0.05em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } button#session-timeout-wrapper-no-button:hover { color: #545454; } .statement-wrap #button { position: relative; background: #7895aC; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 0.8em; text-transform: uppercase; padding: 1.2em; border-radius: 0; line-height: 0; margin: 1.5em 0; border: 1px solid #7895aC; box-shadow: none; display: block; letter-spacing: 0.05em; width: 100%; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .statement-wrap #button:hover { background: #545454; border: 1px solid #545454; color: #ffffff; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: 1px solid #345F80; border-radius: 3px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; text-transform: none !important; } .top-stocks input[type="search"] { font-size: 0.8em; text-transform: uppercase; background: #c7e1f7; border: none; border-radius: 0; color: #545454; text-align: right; padding: 0; width: 100%; border-right: 3em solid #c7e1f7; line-height: 1.6em; } .result-search input[type="search"] { font-size: 0.8em; text-transform: uppercase; background: #ffffff; border: 1px solid #dedede; border-radius: 0; color: #545454; text-align: left; padding: 0.7em 0.5em 0.7em 0.75em; width: 80%; -webkit-box-shadow: inset 1px 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 2px 2px 2px rgba(0, 0, 0, 0.1); } .page-template-mortgage_calculator-php #mortgage-calculators input[type="text"] { border: none; border-radius: 0; background: #dedede; } .page-template-mortgage_calculator-php #mortgage-calculators input.radio { margin: 0 0.5em; } .page-template-login-php section.loginform input[type="text"], .page-template-login-php section.loginform input[type="password"] { font-size: 0.8em; text-transform: none; background: #ffffff; border: 2px solid #999999; border-radius: 0; color: #7895aC !important; text-align: left; padding: 0.5em 0.5em 0.5em 0.75em; width: 100%; margin-bottom: 0.6em; } .page-template-login-php section.loginform input[type="text"]::-webkit-input-placeholder, .page-template-login-php section.loginform input[type="password"]::-webkit-input-placeholder { color: #7895aC; } .page-template-login-php section.loginform input[type="text"]::-moz-placeholder, .page-template-login-php section.loginform input[type="password"]::-moz-placeholder { color: #7895aC; } .page-template-login-php section.loginform input[type="text"]:-ms-input-placeholder, .page-template-login-php section.loginform input[type="password"]:-ms-input-placeholder { color: #7895aC; } .page-template-login-php section.loginform input[type="text"]:-moz-placeholder, .page-template-login-php section.loginform input[type="password"]:-moz-placeholder { color: #7895aC; } .page-template-login-php section.loginform label { display: none; } .page-template-login-php #login-popup input[type="email"], .page-template-login-php #login-popup input[type="text"] { font-size: 0.8em; text-transform: none; background: #ffffff; border: 2px solid #ffffff; border-radius: 0; color: #7895aC !important; text-align: center; padding: 0.3em 0.5em 0.3em 0.75em; width: 100%; margin-bottom: 0.6em; } .page-template-login-php #login-popup label { display: none; } .page-template-reset_password-php .entry-content h1, .page-template-update_password-php .entry-content h1 { text-transform: uppercase; font-weight: 700; font-size: 1.2em; } .page-template-reset_password-php section#reset_password::-webkit-input-placeholder, .page-template-reset_password-php section#update_password::-webkit-input-placeholder, .page-template-update_password-php section#reset_password::-webkit-input-placeholder, .page-template-update_password-php section#update_password::-webkit-input-placeholder { color: #7895aC; } .page-template-reset_password-php section#reset_password::-moz-placeholder, .page-template-reset_password-php section#update_password::-moz-placeholder, .page-template-update_password-php section#reset_password::-moz-placeholder, .page-template-update_password-php section#update_password::-moz-placeholder { color: #7895aC; } .page-template-reset_password-php section#reset_password:-ms-input-placeholder, .page-template-reset_password-php section#update_password:-ms-input-placeholder, .page-template-update_password-php section#reset_password:-ms-input-placeholder, .page-template-update_password-php section#update_password:-ms-input-placeholder { color: #7895aC; } .page-template-reset_password-php section#reset_password:-moz-placeholder, .page-template-reset_password-php section#update_password:-moz-placeholder, .page-template-update_password-php section#reset_password:-moz-placeholder, .page-template-update_password-php section#update_password:-moz-placeholder { color: #7895aC; } .page-template-reset_password-php #reset_password-form, .page-template-reset_password-php #update_password-form, .page-template-update_password-php #reset_password-form, .page-template-update_password-php #update_password-form { position: relative; width: 100%; } .page-template-reset_password-php #reset_password-form input[type="password"], .page-template-reset_password-php #update_password-form input[type="password"], .page-template-update_password-php #reset_password-form input[type="password"], .page-template-update_password-php #update_password-form input[type="password"] { font-size: 0.8em; text-transform: none; background: #ffffff; border: 2px solid #999999; border-radius: 0; color: #7895aC !important; text-align: left; padding: 0.5em 0.5em 0.5em 0.75em; width: 60%; margin-bottom: 0.6em; } .page-template-reset_password-php #reset_password-form input[type="submit"], .page-template-reset_password-php #update_password-form input[type="submit"], .page-template-update_password-php #reset_password-form input[type="submit"], .page-template-update_password-php #update_password-form input[type="submit"] { display: block; } .page-template-reset_password-php #reset_password-form label, .page-template-reset_password-php #update_password-form label, .page-template-update_password-php #reset_password-form label, .page-template-update_password-php #update_password-form label { display: block; } .page-template-reset_password-php #reset_password-form .newpassword-info, .page-template-reset_password-php #update_password-form .newpassword-info, .page-template-update_password-php #reset_password-form .newpassword-info, .page-template-update_password-php #update_password-form .newpassword-info { position: relative; font-size: 0.85em; width: 80%; line-height: 1.2; padding-bottom: 1.5em; color: #7895aC; display: none; } .page-template-reset_password-php #reset_password-form #newpassword-error, .page-template-reset_password-php #reset_password-form #confirm_newpassword-error, .page-template-reset_password-php #update_password-form #newpassword-error, .page-template-reset_password-php #update_password-form #confirm_newpassword-error, .page-template-update_password-php #reset_password-form #newpassword-error, .page-template-update_password-php #reset_password-form #confirm_newpassword-error, .page-template-update_password-php #update_password-form #newpassword-error, .page-template-update_password-php #update_password-form #confirm_newpassword-error { color: #ff0000; font-size: 0.85em; margin-bottom: 1.5em; line-height: 1.2; font-size: 0.85em; top: -0.75em; } .page-template-reset_password-php #reset_password-form .submit-instruction, .page-template-reset_password-php #update_password-form .submit-instruction, .page-template-update_password-php #reset_password-form .submit-instruction, .page-template-update_password-php #update_password-form .submit-instruction { display: block; font-size: 0.8em; color: #7cc242; margin: 0.75em 0 2.5em; line-height: 2; } .page-template-register-php .gform_wrapper .top_label div.ginput_container { position: relative; width: 50%; display: inline-block; } .page-template-register-php .gform_wrapper ul.gform_fields li.gfield { margin-top: 1em; padding-right: 0 !important; } .page-template-register-php .ginput_container input { width: 100% !important; } .page-template-register-php .gform_wrapper .top_label .gfield_label { position: absolute; right: 46%; display: inline-block; margin-top: 0.5em; display: none; } .page-template-register-php .gform_wrapper .top_label .gfield_label .gfield_required { display: none; } .page-template-register-php .gform_wrapper .top_label .gfield_label .gf-icon { margin-left: 1em; } .page-template-register-php .gform_wrapper .field_description_below .gfield_description { width: auto; display: inline; } .page-template-register-php section.registerform form#gform_3 input[type="text"], .page-template-register-php section.registerform form#gform_3 input[type="email"] { margin-bottom: 0 !important; font-size: 0.9em !important; } .page-template-register-php section.registerform input[type="text"], .page-template-register-php section.registerform input[type="email"], .page-template-register-php section.registerform form#gform_3 input[type="text"], .page-template-register-php section.registerform form#gform_3 input[type="email"] { font-size: 0.8em; text-transform: none !important; background: #ffffff !important; border: 2px solid #999999 !important; border-radius: 0; color: #7895aC !important; text-align: left; padding: 0.5em 0.5em 0.5em 0.75em; flex: 0 0 88%; margin-bottom: 0.75em; } .page-template-register-php section.registerform input[type="text"]::-webkit-input-placeholder, .page-template-register-php section.registerform input[type="email"]::-webkit-input-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="text"]::-webkit-input-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="email"]::-webkit-input-placeholder { color: #7895aC; } .page-template-register-php section.registerform input[type="text"]::-moz-placeholder, .page-template-register-php section.registerform input[type="email"]::-moz-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="text"]::-moz-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="email"]::-moz-placeholder { color: #7895aC; } .page-template-register-php section.registerform input[type="text"]:-ms-input-placeholder, .page-template-register-php section.registerform input[type="email"]:-ms-input-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="text"]:-ms-input-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="email"]:-ms-input-placeholder { color: #7895aC; } .page-template-register-php section.registerform input[type="text"]:-moz-placeholder, .page-template-register-php section.registerform input[type="email"]:-moz-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="text"]:-moz-placeholder, .page-template-register-php section.registerform form#gform_3 input[type="email"]:-moz-placeholder { color: #7895aC; } .page-template-register-php section.registerform label { display: none; } .page-template-register-php .gform_wrapper .description, .page-template-register-php .gform_wrapper .gfield_description, .page-template-register-php .gform_wrapper .gsection_description, .page-template-register-php .gform_wrapper .instruction { font-size: .813em !important; } section#login_info input { position: relative; } section#login_info input[type="text"], section#login_info input[type="email"], section#login_info input[type="password"] { position: relative; font-size: 0.8em; text-transform: none; background: #ffffff; border: 2px solid #999999; border-radius: 0; color: #7895aC !important; text-align: left; padding: 0.5em 0.5em 0.5em 0.75em; margin-bottom: 1.5em; width: 100%; } section#login_info input[type="text"]::-webkit-input-placeholder, section#login_info input[type="email"]::-webkit-input-placeholder, section#login_info input[type="password"]::-webkit-input-placeholder { color: #7895aC; } section#login_info input[type="text"]::-moz-placeholder, section#login_info input[type="email"]::-moz-placeholder, section#login_info input[type="password"]::-moz-placeholder { color: #7895aC; } section#login_info input[type="text"]:-ms-input-placeholder, section#login_info input[type="email"]:-ms-input-placeholder, section#login_info input[type="password"]:-ms-input-placeholder { color: #7895aC; } section#login_info input[type="text"]:-moz-placeholder, section#login_info input[type="email"]:-moz-placeholder, section#login_info input[type="password"]:-moz-placeholder { color: #7895aC; } section#login_info label { display: block; } .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .gfield_error input[type=text], .gfield_error input[type=text], .gfield_error textarea { font-size: 0.8em !important; text-transform: uppercase; background: #ffffff !important; border: 1px solid #dedede !important; border-radius: 0; color: #545454; text-align: left; padding: 0.2em 0.5em 0.2em 0.75em; width: 100%; } .page-template-portfolio_contact-php .ginput_container input[type="text"], .page-template-portfolio_contact-php .ginput_container input[type="email"], .page-template-portfolio_contact-php .ginput_container textarea { font-size: 0.8em !important; text-transform: none; background: #ffffff !important; border: 2px solid #999999 !important; border-radius: 0; color: #545454; text-align: left; padding: 0.2em 0.5em 0.2em 0.75em; width: 100%; margin-bottom: 0.5em; } .page-template-portfolio_contact-php .ginput_container input[type="text"]::-webkit-input-placeholder, .page-template-portfolio_contact-php .ginput_container input[type="email"]::-webkit-input-placeholder, .page-template-portfolio_contact-php .ginput_container textarea::-webkit-input-placeholder { color: #7895aC; } .page-template-portfolio_contact-php .ginput_container input[type="text"]::-moz-placeholder, .page-template-portfolio_contact-php .ginput_container input[type="email"]::-moz-placeholder, .page-template-portfolio_contact-php .ginput_container textarea::-moz-placeholder { color: #7895aC; } .page-template-portfolio_contact-php .ginput_container input[type="text"]:-ms-input-placeholder, .page-template-portfolio_contact-php .ginput_container input[type="email"]:-ms-input-placeholder, .page-template-portfolio_contact-php .ginput_container textarea:-ms-input-placeholder { color: #7895aC; } .page-template-portfolio_contact-php .ginput_container input[type="text"]:-moz-placeholder, .page-template-portfolio_contact-php .ginput_container input[type="email"]:-moz-placeholder, .page-template-portfolio_contact-php .ginput_container textarea:-moz-placeholder { color: #7895aC; } .page-template-portfolio_contact-php .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .page-template-portfolio_contact-php .gform_wrapper .top_label .gfield_label { display: none; } .page-template-contact-php textarea { width: 100% !important; height: 10em !important; } .result-search input[type="search"] { font-size: 0.8em; text-transform: uppercase; background: #ffffff; border: 1px solid #dedede; border-radius: 0; color: #545454; text-align: left; padding: 0.7em 0.5em 0.7em 0.75em; width: 72%; -webkit-box-shadow: inset 1px 2px 2px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 2px 2px 2px rgba(0, 0, 0, 0.1); margin-left: 0; } @media (max-width: 29.938em) { .result-search input[type="search"] { width: 52%; } } .mm-menu .mm-search input { border: none; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { color: #7895aC; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; text-decoration: none; } a:visited { color: #7895aC; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; text-decoration: none; } a:hover, a:focus, a:active { color: #545454; } #breadcrumbs a { text-decoration: none; color: #ffffff; } #breadcrumbs a:hover { color: #545454; } @media (min-width: 64em) { .site-branding h1.site-title a .top-logo-size { width: 12em; } } @media (max-width: 63.938em) { .site-branding h1.site-title a .top-logo-size { width: 12em; } } .site-branding h1.site-title a .top-logo-fill { fill: #ffffff; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .site-branding h1.site-title a :hover .top-logo-fill { fill: #545454; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .entry-content a { text-decoration: underline; } .entry-content a:hover { text-decoration: none; } .page-id-990 .entry-content a { font-style: italic; } h3 a { color: #545454; text-decoration: none !important; line-height: 1.5em; font-family: "source_sans_prolight", sans-serif !important; } h3 a:visited { color: #545454; text-decoration: none !important; line-height: 1.5em; font-family: "source_sans_prolight", sans-serif !important; } h3 a:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 1.2rem; background: #597d99; color: #ffffff; padding: 0.6em 0.63em 0.57em 0.667em; border-radius: 10em; line-height: 0; margin: 0 0 0 1.2em; top: -0.25em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } h3 a:hover { color: #7895aC; } h3 a:hover:after { background: #545454; } .ie9 h3 a:after { padding: 0.3em 0.3em 0.35em 0.35em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #related-content a { position: relative; font-size: 1em; color: #7895aC; padding: 0.8em; border-bottom: 1px solid #7895aC; display: block; padding-right: 3em; line-height: 1.2em; } #related-content a:after { position: absolute; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.6em; background: #597d99; color: #ffffff; padding: 0.7em 0.52em 0.5em 0.67em; border-radius: 10em; line-height: 1em; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #related-content a:hover:after { background: #545454; } #related-content p:last-of-type a { border-bottom: none; } #related-content .related_about_link { border: none; } a.read-more { position: relative; color: #545454; font-family: "source_sans_proregular", sans-serif; text-transform: uppercase; font-style: italic; font-size: 0.9em; font-weight: 700; letter-spacing: -0.02em; display: inline; text-decoration: none; float: right; right: 2em; } @media (max-width: 29.938em) { a.read-more { display: block; float: none; padding: 1em 0 0 2em; } } a.read-more:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; background: #597d99; color: #ffffff; padding: 0.6em 0.49em 0.5em 0.6em; border-radius: 10em; left: 1em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } a.read-more:hover:after { background: #545454; } .page-template-about-php .related-content h5 a, .page-template-team-php .related-content h5 a { text-transform: uppercase; font-size: 1em !important; margin-top: 2em; color: #545454 !important; text-decoration: none; line-height: 1.9em; } .page-template-about-php .related-content h5 a:hover, .page-template-team-php .related-content h5 a:hover { color: #597d99; } .page-template-about-php .entry-content h3 a { line-height: 1.9em; } @media (max-width: 63.938em) { .page-template-about-php .entry-content h3 a { display: block !important; font-size: 0.9em; line-height: 1.1em; } } a.related_about_link { text-align: right; } .annual-reports ul.dlm-downloads a.download-link, .investment-commentaries ul.dlm-downloads a.download-link { text-decoration: none; font-family: "source_sans_probold", sans-serif; font-size: 1.2em; } .annual-reports ul.dlm-downloads a.download-link:after, .investment-commentaries ul.dlm-downloads a.download-link:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; background: #597d99; color: #ffffff; padding: 0.7em 0.52em 0.5em 0.67em; border-radius: 10em; line-height: 1em; margin-left: 3em; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .annual-reports ul.dlm-downloads a.download-link:hover:after, .investment-commentaries ul.dlm-downloads a.download-link:hover:after { background: #545454; } .mm-login a { position: relative; width: auto; font-size: 1em !important; font-family: "source_sans_proregular", sans-serif !important; font-style: normal !important; display: inline-block !important; padding: 0.6em 1.8em !important; margin-bottom: 2em; background: #597d99 !important; color: #ffffff !important; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .mm-login a:hover { background: #545454 !important; } /* Using !important to override PageNavi default CSS */ .wp-pagenavi, .ngg-navigation, .tubepress_container .pagination { position: relative; font-family: "source_sans_proregular", sans-serif; margin: 0; padding: 1.5em 0; width: 100%; letter-spacing: 0em; font-size: 0.5em; text-align: center; top: 1em; display: block !important; clear: both !important; color: #545454; border: none; } .search-results .wp-pagenavi { margin: 0; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span { border: none !important; color: #7895aC; font-style: normal; font-size: 2em; line-height: 1.2em; margin: 0; padding: 0 0.3em; background: transparent; border: none; text-decoration: none; } .wp-pagenavi span.pages { border: none; color: #545454; font-size: 1.7em; letter-spacing: -0.02em; margin-right: 0.7em; } .wp-pagenavi a:hover { color: #597d99; background: transparent; border: none; } .wp-pagenavi a:active { color: #545454; background: transparent; } .wp-pagenavi span.current { color: #545454; background: transparent; padding: 0.3em; font-size: 2em !important; } .wp-pagenavi span.extend { background: transparent; color: #7895aC; margin: 2px; padding: 10px 10px; border: none; } .ngg-navigation a.page-numbers { margin-right: 0; padding: 0.2em 0.5em; } #download_statement .links a { color: #7895aC; text-decoration: none; } #download_statement .links a:hover { color: #545454; } .page-template-logout .entry-content a { text-decoration: none; } @media all and (min-width: 1024px) { #related-content p:last-of-type a { border-bottom: 1px solid #7895aC; } .annual-reports ul.dlm-downloads a.download-link, .investment-commentaries ul.dlm-downloads a.download-link { text-decoration: underline; font-family: "source_sans_proregular", sans-serif; font-size: 1em; } .annual-reports ul.dlm-downloads a.download-link:after, .investment-commentaries ul.dlm-downloads a.download-link:after { content: ""; font-style: normal; background: none; padding: 0; } .annual-reports ul.dlm-downloads a.download-link:hover:after, .investment-commentaries ul.dlm-downloads a.download-link:hover:after { background: #545454; } } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: none; content: ""; display: table; margin: 2em 0; order: -3; flex: 0 0 100%; } .main-navigation ul#menu-topmenu { list-style: none; margin: 0; padding-left: 0; display: flex; align-items: flex-start; } .main-navigation ul#menu-topmenu > li { text-align: center; } @media (max-width: 63.938em) { .main-navigation ul#menu-topmenu > li { text-align: left; } } .main-navigation ul#menu-topmenu ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 2.25em; left: -999em; z-index: 99999; background: #7895aC; width: 100%; } .main-navigation ul#menu-topmenu ul ul { left: -999em; } .main-navigation ul#menu-topmenu ul li { position: relative; margin: 0; padding: 0; float: none; display: block; border-left: none; background: #7895aC; } .main-navigation ul#menu-topmenu ul li:last-of-type a { border-bottom: none; } .main-navigation ul#menu-topmenu ul li:hover > ul { left: 100%; } .main-navigation ul#menu-topmenu ul .current_page_item > a, .main-navigation ul#menu-topmenu ul .current-menu-item > a, .main-navigation ul#menu-topmenu ul .current_page_ancestor > a { background: #7895aC; color: #545454; } .main-navigation ul#menu-topmenu ul a { position: relative; margin: 0; padding: 0; display: block; font-size: 0.65em; background: #7895aC; color: #ffffff; border-bottom: 1px solid #ffffff; margin: 0 0.5em; padding: 0.8em 0; } .main-navigation ul#menu-topmenu ul a:after { position: absolute; right: 1em; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; background: #ffffff; color: #7895aC; padding: 1.1em 0.4em 0.9em 0.6em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .main-navigation ul#menu-topmenu ul a:hover { background: #7895aC; color: #545454; border-bottom: 1px solid #545454; } .main-navigation ul#menu-topmenu ul a:hover:after { background: #7895aC; color: #ffffff; } .main-navigation ul#menu-topmenu li:hover > ul { left: auto; } .main-navigation li { position: relative; border-left: 1px solid #345F80; text-align: left; flex: 1; } @media (max-width: 63.938em) { .main-navigation li { min-height: 3.7em; } } .main-navigation li:first-of-type { border-left: none; } .main-navigation .equity { border: none; } .main-navigation .investment { flex: 1.2; } @media (min-width: 64em) { .main-navigation .ghost { display: none; } } @media (max-width: 63.938em) { .main-navigation .ghost { display: block; } } .main-navigation a { display: block; text-decoration: none; background: #ffffff; color: #545454; text-transform: uppercase; font-size: 0.88em; font-style: italic; padding: 0.5em; } .main-navigation a:hover { background: #597d99; color: #ffffff; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a { background: #545454; color: #ffffff; } .ie8 .main-navigation { position: relative; top: 0; width: 63em; left: 0; right: 0; top: 11.5em; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; } .ie8 .main-navigation ul { width: 100%; } /* Small menu */ .menu-toggle, #mobile-nav, #mobile-search { display: none; } @media screen and (max-width: 1023px) { #mobile-search { position: absolute; top: 2em; left: 2em; background: rgba(43, 67, 85, 0.7) url("../img/search.svg") center center no-repeat scroll; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; font-size: 0.5em; padding: 0.5em; border-radius: 0.5em; text-indent: -9999px; width: 7em; height: 7em; z-index: 2; display: block; } #mobile-search:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } #mobile-nav { position: absolute; top: 2em; right: 2em; background: rgba(43, 67, 85, 0.7) url("../img/nav.svg") center center no-repeat scroll; -webkit-background-size: 50% auto; -moz-background-size: 50% auto; -o-background-size: 50% auto; background-size: 50% auto; font-size: 0.5em; padding: 0.5em; border-radius: 0.5em; text-indent: -9999px; width: 7em; height: 7em; z-index: 2; display: block; } #mobile-nav:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: 0.5; } #site-navigation.cloned { display: block; z-index: 0; } #site-navigation { display: none; } } .mm-menu { clear: both; display: block; float: none; content: ""; display: table; background: none; background: #ffffff; margin: 0; } .mm-menu ul.mm-list { list-style: none; margin: 0; padding-left: 0; display: flex; align-items: flex-start; flex-direction: column; } .mm-menu .mm-list li { position: relative; border: none; width: 100%; text-align: left; flex: 0 1 4% !important; } .mm-menu .mm-list li a.mm-subclose { position: relative; top: 0; } .mm-menu .mm-list li a { display: block; text-decoration: none; background: none; color: #ffffff; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-size: 1.2em; font-style: normal; padding: 0.5em; min-width: 15%; } .mm-menu .mm-list li a:hover { color: #c7e1f7; background: none; } .mm-menu .mm-list .current_page_item > a, .mm-menu .mm-list .current-menu-item > a, .mm-menu .mm-list .current_page_ancestor > a { color: #c7e1f7; background: none; } .mm-opened .mm-menu { background: #304350; } .menu-topmenu-container, .sub-menu.mm-list.mm-panel.mm-highest.mm-current.mm-opened { top: 7em !important; } .content-navigation { position: relative; width: 100%; clear: both; padding: 2em 0; /* top: -4em; */ width: 1024px; margin: auto; } @media (max-width: 63.938em) { .content-navigation { display: none; } } .content-navigation ul { list-style: none; margin: 0; padding-left: 0; text-align: right; } .content-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 3.5em; left: -999em; z-index: 99999; background: #7895aC; width: 100%; display: none; } .content-navigation ul ul ul { left: -999em; } .content-navigation ul ul li { position: relative; margin: 0; padding: 0; float: none; display: block; border-left: none; background: #7895aC; } .content-navigation ul ul li:last-of-type a { border-bottom: none; } .content-navigation ul ul li:hover > ul { left: 100%; } .content-navigation ul ul .current_page_item > a, .content-navigation ul ul .current-menu-item > a, .content-navigation ul ul .current_page_ancestor > a { background: #7895aC; color: #545454; } .content-navigation ul ul a { position: relative; margin: 0; padding: 0; width: 219px; display: block; font-size: 0.65em; background: #7895aC; color: #ffffff; border-bottom: 1px solid #ffffff; margin: 0 0.5em; padding: 0.8em 0; } .content-navigation ul ul a:before { position: relative; font-family: "samicons"; content: "" !important; font-style: normal; font-size: 1.4em; background: none !important; color: #ffffff; padding: 0.35em 0.4em; border-radius: 5em; line-height: 0; top: 0.2em; margin: 0 0.5em; } .content-navigation ul ul a:after { position: absolute; bottom: 25%; right: 1em; font-family: "samicons"; content: "\e607"; font-style: normal; font-size: 0.85em; background: #ffffff; color: #7895aC; padding: 1em 0.39em 0.8em 0.5em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .content-navigation ul ul a:hover { background: #7895aC; color: #545454; border-bottom: 1px solid #545454; } .content-navigation ul ul a:hover:after { background: #7895aC; color: #ffffff; } .content-navigation ul li:hover > ul { left: auto; } .content-navigation li { float: left; position: relative; width: 23%; margin-left: 2%; text-align: left; } .content-navigation li:first-of-type { width: 25%; margin-left: 0; } .content-navigation a { display: block; background: #ffffff; color: #597d99; text-transform: uppercase; font-style: italic; padding: 1em 0.5em; } .content-navigation a:last-of-type { padding: 1em 0.25em; } .content-navigation a:hover { background: #597d99; color: #ffffff; } .content-navigation .current_page_item > a, .content-navigation .current-menu-item > a, .content-navigation .current_page_ancestor > a { background: #597d99; color: #ffffff; } .content-navigation .about a:before { position: relative; font-family: "samicons"; content: "\e607"; font-style: normal; font-size: 1.4em; background: #597d99; color: #ffffff; padding: 0.35em 0.4em; border-radius: 5em; line-height: 0; top: 0.2em; margin: 0 0.5em; } .content-navigation .faq a:before { position: relative; font-family: "samicons"; content: "\e609"; font-style: normal; font-size: 1.4em; background: #597d99; color: #ffffff; padding: 0.35em 0.4em; border-radius: 5em; line-height: 0; top: 0.2em; margin: 0 0.5em; } .content-navigation .links a:before { position: relative; font-family: "samicons"; content: "\e601"; font-style: normal; font-size: 1.4em; background: #597d99; color: #ffffff; padding: 0.35em 0.4em; border-radius: 5em; line-height: 0; top: 0.2em; margin: 0 0.5em; } .content-navigation .contact a:before { position: relative; font-family: "samicons"; content: "\e608"; font-style: normal; font-size: 1.4em; background: #597d99; color: #ffffff; padding: 0.35em 0.4em; border-radius: 5em; line-height: 0; top: 0.2em; margin: 0 0.5em; } .ie8 .content-navigation { position: relative; top: 0; width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top: 2em; margin-bottom: 2em; padding: 1.2em 0 2em; display: block; } .ie8 .content-navigation .menu-contentmenu-container { padding-left: 0.1em; } .ie8 .content-navigation .menu-contentmenu-container ul li:first-of-type { width: 27%; margin-left: 0; } .footer-navigation { position: relative; float: right; margin-left: 1em; margin-bottom: 0; } @media (max-width: 63.938em) { .footer-navigation { float: none; width: 100%; text-align: center; } } .footer-navigation ul { list-style: none; margin: 0; padding-left: 0; } @media (max-width: 63.938em) { .footer-navigation ul { display: inline-block; } } .footer-navigation li { float: left; position: relative; width: auto; border-left: 1px solid #7895aC; line-height: 0.5em; } @media (max-width: 63.938em) { .footer-navigation li { left: -1em; } } @media (max-width: 63.938em) { .footer-navigation li:first-of-type { border-left: none; } } .footer-navigation a { display: block; text-decoration: none; font-family: "source_sans_proregular", sans-serif; color: #7895aC; text-transform: capitalize; font-size: 0.8em; padding: 0.5em; } @media (max-width: 63.938em) { .footer-navigation a { position: relative; font-size: 1em; } } .footer-navigation a:hover { color: #545454; } .footer-navigation .current_page_item > a, .footer-navigation .current-menu-item > a, .footer-navigation .current_page_ancestor > a { color: #545454; } .main-navigation.mm-menu { margin: 0 !important; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #ffffff; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #545454; display: block; font-size: 14px; font-size: 1.4rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets */ } .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ html, body { margin: 0; padding: 0; height: 100%; } .site { position: relative; min-height: 100%; } sub, sup, .offer-value .char4, .offer-value .char5 { position: relative; font-size: 50%; line-height: 0; top: -1em; margin: 1em 0; } sup { top: -0.7em; } sub { bottom: -0.25em; } #breadcrumbs { list-style: none; margin: 10px 0; overflow: hidden; } #breadcrumbs li { font-family: "source_sans_prolight", sans-serif; font-size: 0.85em; font-style: italic; color: #c7e1f7; float: left; } #breadcrumbs li:last-of-type { margin-right: 1em; } .home-mark { text-transform: uppercase; } #breadcrumbs .sep { position: relative; margin: 0 0.3em; font-size: 1.5em; vertical-align: baseline; top: -0.1em; } .left-align { text-align: left !important; } .vertical-padding { padding-top: 1em; padding-bottom: 1em; } .left-padding { padding-left: 1em; } .right-padding { padding-right: 1em; } .left-align { text-align: left; } .first-item-bottom-border { border-bottom: 1px solid #c7e1f7; } .first-item-left-border { border-left: none; } .last-item-bottom-border { border-bottom: none; } .last-item-left-border { border-left: 1px solid #c7e1f7; } .content-padding { padding: 2em; } .about-us #page #related-content, .history #page #related-content, .our-team #page #related-content, .annual-reports #page #related-content, .investment-commentaries #page #related-content { display: none !important; } #page { display: flex; flex-flow: column nowrap; background: #ffffff; } #page > header { background: #7895aC; display: flex; flex-flow: row wrap; justify-content: space-between; text-align: center; flex: none; padding-bottom: 2em; } #page > header a { color: #30455c; text-decoration: none; text-transform: uppercase; font-weight: 700; } #page > header .header-item { /* flex: 0 0 15%; */ } #page > header .site-branding .site-title { color: #ff6873; } #page > header .site-branding .site-description { font-size: 0.95em; } #page > header .mobile-search, #page > header .mobile-nav { text-transform: uppercase; padding: 0.5em; border-radius: 0.15em; } #page > header .mobile-search { background: #8cc63f; order: -1; } #page > header .mobile-nav { background: #22bec6; } #page .above-nav { display: none; } #page #content { position: relative; } #page #related-content { width: 100%; height: auto; padding: 0; flex: none; } #page #related-content .related-content-wrap { position: relative; width: 100%; height: 100%; margin: 0; padding: 1em; background: #c7e1f7; display: block; } #page #related-content header { color: #545454; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 1.2em; font-weight: 600; line-height: 1.2em; letter-spacing: -0.02em; margin-bottom: 0.3em; border-bottom: 1px solid #545454; padding: 1em 0; } #page #related-content p { position: relative; margin: 0; padding: 0; } #page #related-content .summary { position: relative; font-size: 0.8em; color: #7895aC; line-height: 1.6em; margin-bottom: 1em; } #page #ticker { color: #fefffa; display: flex; flex-flow: row wrap; flex: none; background: #7895aC; font-size: 1.1em; overflow: hidden; } #page #ticker .ticker-item { flex: 0 0 47%; padding: 1em 3%; /* text-transform: capitalize; */ } #page #ticker #t-news { position: relative; flex: 0 0 100%; font-style: italic; } #page #ticker #t-news > header { color: #ffffff; font-family: "source_sans_probold", sans-serif; font-size: 1em; } #page #ticker #t-news p { position: relative; font-size: 0.8em; color: #c7e1f7; margin-right: 33%; } #page #ticker #t-news .link-to-nav { position: absolute; top: 1.5em; right: 1.5em; z-index: 2; } #page #ticker #t-news .link-to-nav a { position: absolute; right: 0; top: 0; background: #ffffff; padding: 0.45em 0.2em 0.55em 0.3em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #page #ticker #t-news .link-to-nav a:hover { background: #7895aC; color: #ffffff; } #page #ticker #t-news .link-to-nav a:after { font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; color: #7895aC; } #page #ticker #t-news .link-to-nav a:hover:after { color: #ffffff; } #page #ticker #t-stock { position: relative; padding: 0; flex: 0 0 42%; } #page #ticker #t-stock .stock-ticker { position: relative; padding: 0 1em 0.5em; border-bottom: 1px solid #345F80; width: 100%; padding: 0.5em; float: right; width: 100%; top: 0; border-bottom: none; } #page #ticker #t-stock .stock-ticker > header { color: #ffffff; font-family: "source_sans_probold", sans-serif; font-style: italic; position: relative; margin-right: 1em; float: none; display: block; font-size: 0.85em; } #page #ticker #t-stock .stock-ticker span.stock-item { position: relative; font-size: 0.9em; color: #c7e1f7; float: none; content: ""; display: table; } #page #ticker #t-stock .stock-ticker span.stock-item header { float: left; font-family: "source_sans_proregular", sans-serif; margin-right: 0.5em; font-size: 0.9em; float: left; width: 6em; } #page #ticker #t-stock .stock-ticker span.stock-item span { float: left; position: relative; font-family: "source_sans_probold", sans-serif; margin-right: 1em; padding-right: 1em; border-right: 1px solid #c7e1f7; border: none; width: 2em; text-align: right; padding-right: 0; } #page #ticker #t-stock .stock-ticker .link-to-nav { position: absolute; top: 0.5em; right: 0; z-index: 2; } #page #ticker #t-stock .stock-ticker .link-to-nav a { position: absolute; right: 0; top: 0; background: #ffffff; padding: 0.45em 0.2em 0.55em 0.3em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #page #ticker #t-stock .stock-ticker .link-to-nav a:hover { background: #7895aC; color: #ffffff; } #page #ticker #t-stock .stock-ticker .link-to-nav a:after { font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; color: #7895aC; } #page #ticker #t-stock .stock-ticker .link-to-nav a:hover:after { color: #ffffff; } #page #ticker #t-nav { position: relative; padding: 0 3%; flex: 0 0 50%; } #page #ticker #t-nav .nav-table { position: relative; width: 100%; clear: both; padding: 0.5em; float: left; width: 100%; top: 0; padding: 0.5em; } #page #ticker #t-nav .nav-table .nav-left { position: relative; font-family: "source_sans_probold", sans-serif; margin-right: 1em; padding-right: 0.5em; font-size: 0.78em; width: 39%; width: 100%; content: ""; display: table; } #page #ticker #t-nav .nav-table .nav-left > header { color: #ffffff; font-style: italic; font-size: 1em; } #page #ticker #t-nav .nav-table .nav-left .nav-item { content: ""; display: table; clear: both; } #page #ticker #t-nav .nav-table .nav-left .nav-item header { font-family: "source_sans_prolight", sans-serif; color: #ffffff; float: left; margin-right: 0.5em; } #page #ticker #t-nav .nav-table .nav-left .nav-item .nav-value { color: #c7e1f7; float: left; } #page #ticker #t-nav .nav-table .nav-right { position: relative; font-family: "source_sans_prolight", sans-serif; color: #ffffff; float: left; font-size: 1em; width: 57%; float: none; width: 100%; content: ""; display: table; } #page #ticker #t-nav .nav-table .nav-right > header { font-size: 0.78em; } #page #ticker #t-nav .nav-table .nav-right .offer-item { position: relative; float: left; border-left: 1px solid #ffffff; padding: 0 8%; line-height: 1.3em; width: 50%; } #page #ticker #t-nav .nav-table .nav-right .offer-item header { font-family: "source_sans_probold", sans-serif; text-transform: uppercase; display: block; font-size: 0.9em; } #page #ticker #t-nav .nav-table .nav-right .offer-item .offer-value { position: relative; top: 0.3em; font-size: 1.8em; letter-spacing: -0.015em; } #page #ticker #t-nav .nav-table .link-to-nav { position: absolute; top: 0.5em; right: -2.2em; z-index: 2; } #page #ticker #t-nav .nav-table .link-to-nav a { position: absolute; right: 0; top: 0; background: #ffffff; padding: 0.45em 0.2em 0.55em 0.3em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; right: 2em; } #page #ticker #t-nav .nav-table .link-to-nav a:hover { background: #7895aC; color: #ffffff; } #page #ticker #t-nav .nav-table .link-to-nav a:after { font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; color: #7895aC; } #page #ticker #t-nav .nav-table .link-to-nav a:hover:after { color: #ffffff; } #colophon { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; flex: none; top: -1em; position: relative; background: url("../img/sami-footer-bg.svg") center top no-repeat scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 0; overflow: hidden !important; } #colophon .site-info { position: relative; text-align: center; margin-top: 5em; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; margin-bottom: 2em; } #colophon .site-info .footer-branding { position: relative; width: 15%; float: right; position: relative; margin: 0; width: 100%; float: none; text-align: center; clear: both; } #colophon .site-info .footer-branding h1.footer-title a { position: relative; } #colophon .site-info .footer-branding h1.footer-title a .bottom-logo-size { width: 12em; } #colophon .site-info .footer-branding h1.footer-title a .bottom-logo-fill { fill: #7895aC; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #colophon .site-info .footer-branding h1.footer-title a :hover .bottom-logo-fill { fill: #545454; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #colophon .site-copyright { position: relative; float: right; font-family: "source_sans_proregular", sans-serif; color: #545454; text-transform: capitalize; font-size: 0.8em; margin-bottom: 1em; } .ie #page #ticker { overflow: hidden; } .ie #page #ticker #t-news { padding: 1em 0; } #overlay { position: fixed; background: rgba(255, 255, 255, 0.25); width: 100%; height: 100%; top: 0; left: 0; text-align: center; z-index: 9999; display: none; } #overlay > span { margin-top: 10%; } #session-popup, #login-popup { display: flex; flex-flow: row wrap; width: 80%; height: auto; background: rgba(56, 115, 160, 0.89); justify-content: center; font-family: "source_sans_proregular", sans-serif; font-size: 1.6em; color: #ffffff; z-index: 1; margin: auto; -webkit-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); } @media (max-width: 29.938em) { #session-popup, #login-popup { width: 80%; } } #session-popup header, #login-popup header { background: #3873a0; padding: 0.3em 0 0.3em 2.5%; text-transform: uppercase; text-align: left; font-family: "source_sans_probold", sans-serif; flex: 0 0 100%; align-self: flex-start; font-size: 0.8em; } #session-popup .popup-close, #login-popup .popup-close { background: #3873a0; padding: 0.6em 0; text-align: center; font-family: "source_sans_probold", sans-serif; font-size: 0.8em; flex: 0 0 15%; align-self: flex-start; line-height: 2.64; } #session-popup .popup-close a.icon-close, #login-popup .popup-close a.icon-close { color: #ffffff; text-decoration: none; display: block; width: 100%; height: 100%; } #session-popup .popup-close a.icon-close:hover, #login-popup .popup-close a.icon-close:hover { color: #c7e1f7; } #session-popup .popup-close a > span, #login-popup .popup-close a > span { display: none; } #session-popup .popup-content, #login-popup .popup-content { align-self: center; text-align: center; margin: 0.8em 0; max-width: 80%; /* LOADER */ } #session-popup .popup-content .spinner, #login-popup .popup-content .spinner { margin: 1em auto; background-color: #fff; padding: 1em 1.25em 0.1em 1.1em; border-radius: 50%; width: 4em; display: none; } #session-popup .popup-content .loader, #login-popup .popup-content .loader { width: 3em; height: 3em; border-radius: 100%; position: relative; margin: 0 auto; } #session-popup .popup-content .loader:before, #session-popup .popup-content .loader:after, #login-popup .popup-content .loader:before, #login-popup .popup-content .loader:after { content: ""; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; border-radius: 100%; border: 7px solid transparent; border-top-color: #3873a0; } #session-popup .popup-content .loader:before, #login-popup .popup-content .loader:before { z-index: 100; animation: spin 1s infinite; } #session-popup .popup-content .loader:after, #login-popup .popup-content .loader:after { border: 7px solid #eee; } #session-popup .popup-content .icon-exclamation, #login-popup .popup-content .icon-exclamation { color: #7895aC; background: white; padding: 0.7em 1.1em; border-radius: 50%; margin: 0.25em auto 1em; content: ""; display: table; } #session-popup .popup-content p, #login-popup .popup-content p { margin-bottom: 0.5em; padding: 0; line-height: 1.3; } #session-popup .popup-content p.small, #login-popup .popup-content p.small { font-size: 0.7em; } #session-popup .popup-content button, #login-popup .popup-content button { position: relative; background: transparent; font-family: "source_sans_proregular", sans-serif; color: #ffffff; font-size: 0.8em; text-transform: uppercase; padding: 1.1em 3.5em; border-radius: 0; line-height: 0; margin: 1.5em auto; border: 1px solid #ffffff; box-shadow: none; right: 0; display: block; letter-spacing: 0.2em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } #session-popup .popup-content button:hover, #login-popup .popup-content button:hover { background: #3873a0; border: 2px solid #3873a0; color: #ffffff; } #session-popup .popup-content a, #login-popup .popup-content a { color: #ffffff; } #session-popup .popup-content a:hover, #login-popup .popup-content a:hover { color: #c7e1f7; } #session-popup .popup-content a.caps, #login-popup .popup-content a.caps { text-transform: uppercase; } #session-popup .popup-content a.smaller, #login-popup .popup-content a.smaller { color: #ffffff; text-decoration: none; font-size: 0.55em; } #session-popup .popup-content .error-password, #login-popup .popup-content .error-password { color: #ff0000; font-size: 0.86em; line-height: 2; } #session-popup footer, #login-popup footer { flex: 0 0 100%; align-self: flex-end; text-align: center; padding-bottom: 1.4em; } .ie #session-popup header, .ie #login-popup header { flex: 0 0 97.5%; } #login-popup header { flex: 0 0 85%; } #login-popup .popup-close { flex: 0 0 15%; } #login-popup .popup-content { font-size: 0.7em; line-height: 3; margin-top: 1.5em; max-width: 71%; } #login-popup .popup-content form .error-password, #login-popup .popup-content form #email-error { color: #ff0000; font-size: 0.86em; line-height: 2; } #login-popup .popup-content p { margin-bottom: 1.5em; } #login-popup .popup-content p a { text-decoration: underline; } #login-popup .popup-content p a:hover { color: #c7e1f7; } .ie #login-popup header { flex: 0 0 82%; } .above-nav { position: relative; content: ""; display: table; width: 100%; line-height: 1.2em; float: none; top: 0.7em; } @media (max-width: 63.938em) { .above-nav { display: none; } } .above-nav .breadcrumb { position: relative; float: left; line-height: 1em; } .above-nav .search { position: relative; float: right; right: 1em; width: 25%; line-height: 2em; } .above-nav .login { float: none; } .above-nav .login a, .above-nav .login select { position: relative; float: right; background: #ffffff; -webkit-border-radius: 0 0 10px 10px; border: none; border-radius: 0 0 10px 10px; margin-left: 3em; min-width: 15%; height: 2.8em; text-align: right; font-size: 0.8em; text-transform: uppercase; color: #545454; padding: 0.5em 1.5em 0.5em 2em; display: block; cursor: pointer; } .above-nav .login a:hover, .above-nav .login select:hover { color: #ffffff; background: #545454; } .above-nav .login a:after, .above-nav .login select:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.5em; background: #597d99 !important; color: #ffffff !important; padding: 0.52em 0.45em 0.5em 0.65em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; } .above-nav .login a:hover:after, .above-nav .login select:hover:after { background: #545454; } .above-nav .login a .hidden, .above-nav .login select .hidden { visibility: hidden; } .above-nav .login a .option-select, .above-nav .login select .option-select { position: relative; margin: 1em auto; line-height: 10; height: 3em; } .search-results .content-area { background: #ffffff; } .search-results .site-main { padding: 2em; color: #7895aC; } .search-results .site-main .entry-header { left: 0; } .search article { position: relative; clear: both; padding-bottom: 1.5em; margin-top: 0.5em; border-bottom: 1px solid #545454; } .result-search { position: relative; float: right; width: 100%; line-height: 2em; margin-bottom: 2.5em; } .nav-listings { position: relative; display: block; clear: both; } .left-panel, .middle-panel, .right-panel { position: relative; width: 33.3%; margin: 0; float: left; min-height: 30em; } @media (max-width: 47.938em) { .left-panel, .middle-panel, .right-panel { width: 100%; float: none; line-height: 1.5em; margin-bottom: 3em; } } .left-panel { background: #545454 url("../img/nav-gbfi-bg.jpg") right top no-repeat scroll; } .middle-panel { background: #597d99 url("../img/nav-sgfi-bg.jpg") center top no-repeat scroll; } .right-panel { background: #545454 url("../img/nav-pifi-bg.jpg") center top no-repeat scroll; } .gbfi, .sgfi, .pifi { position: absolute; bottom: 2em; right: 0; width: 85%; background: #ffffff; padding: 1em; } @media (max-width: 47.938em) { .gbfi, .sgfi, .pifi { bottom: 0; width: 100%; } } .gbfi > header, .sgfi > header, .pifi > header { font-family: "source_sans_proregular", sans-serif; color: #7895aC; font-style: italic; content: ""; display: table; clear: both; font-size: 1.2em; margin: 0 1em 0.5em 0; } .gbfi .nav-item, .sgfi .nav-item, .pifi .nav-item { position: relative; font-size: 0.85em; padding: 0.1em 0; content: ""; display: table; clear: both; border-bottom: 1px solid #597d99; width: 85%; } @media (max-width: 47.938em) { .gbfi .nav-item, .sgfi .nav-item, .pifi .nav-item { width: 90%; } } .gbfi .nav-item .nav-value, .sgfi .nav-item .nav-value, .pifi .nav-item .nav-value { color: #597d99; font-family: "source_sans_probold", sans-serif; float: right; } .gbfi .nav-item header, .sgfi .nav-item header, .pifi .nav-item header { color: #999999; float: left; font-size: 0.85em; } .gbfi .nav-item .offer-item, .sgfi .nav-item .offer-item, .pifi .nav-item .offer-item { float: left; font-size: 2em; width: 42%; margin-right: 8%; padding-bottom: 0.5em; } .gbfi .nav-item .offer-item:first-of-type, .sgfi .nav-item .offer-item:first-of-type, .pifi .nav-item .offer-item:first-of-type { border-right: 1px solid #597d99; } .gbfi .nav-item .offer-item strong, .sgfi .nav-item .offer-item strong, .pifi .nav-item .offer-item strong { font-size: 0.5em; font-weight: 100; color: #999999; font-family: "source_sans_proregular", sans-serif; } .gbfi .nav-item.offer header:first-of-type, .sgfi .nav-item.offer header:first-of-type, .pifi .nav-item.offer header:first-of-type { display: block; content: ""; display: table; clear: both; width: 100%; } .gbfi .link-to-nav a, .sgfi .link-to-nav a, .pifi .link-to-nav a { position: absolute; right: 0; top: 0; background: #ffffff; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin-left: 3em; min-width: 15%; text-align: right; font-size: 0.8em; text-transform: uppercase; text-decoration: none; color: #545454; padding: 0.5em 0.5em 0.5em 0; display: block; } .gbfi .link-to-nav a:hover, .sgfi .link-to-nav a:hover, .pifi .link-to-nav a:hover { color: #545454; } .gbfi .link-to-nav a:after, .sgfi .link-to-nav a:after, .pifi .link-to-nav a:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; font-size: 0.9em; background: #597d99; color: #ffffff; padding: 0.5em 0.49em 0.55em 0.6em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; top: 0.5em; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .gbfi .link-to-nav a:hover:after, .sgfi .link-to-nav a:hover:after, .pifi .link-to-nav a:hover:after { background: #ffffff; color: #545454; } .gbfi { border-top: 0.75em solid #7895aC; } .sgfi { border-top: 0.75em solid #ffe503; } .pifi { border-top: 0.75em solid #7cc242; } .stock-listings-wrap { position: relative; display: block; } .stock-listings-wrap .lse, .stock-listings-wrap .ttse, .stock-listings-wrap .bse { position: relative; width: 100%; margin: 0 0 3em 0 !important; content: ""; display: table; clear: both; } @media (max-width: 29.938em) { .stock-listings-wrap .lse, .stock-listings-wrap .ttse, .stock-listings-wrap .bse { margin: 0 0 2em 0; } } .stock-listings-wrap .lse a.left-panel, .stock-listings-wrap .ttse a.left-panel, .stock-listings-wrap .bse a.left-panel { position: relative; width: 45%; float: left; background: #7895aC; min-height: 1em; height: 8em; border-top: 0.75em solid #7895aC; text-decoration: none; display: flex; justify-content: center; align-items: center; flex-flow: row wrap; } .stock-listings-wrap .lse a.left-panel > span, .stock-listings-wrap .ttse a.left-panel > span, .stock-listings-wrap .bse a.left-panel > span { position: relative; width: 100%; height: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; } .stock-listings-wrap .lse span.right-panel, .stock-listings-wrap .ttse span.right-panel, .stock-listings-wrap .bse span.right-panel { position: relative; width: 55%; float: left; background: #ffffff; min-height: 1em; height: 8em; border-top: 0.75em solid #c7e1f7; padding: 2%; display: flex; flex-flow: row wrap; } .stock-listings-wrap .lse span.right-panel > header, .stock-listings-wrap .ttse span.right-panel > header, .stock-listings-wrap .bse span.right-panel > header { font-size: 0.7em; flex: 100% !important; } .stock-listings-wrap .lse span.right-panel .listing, .stock-listings-wrap .ttse span.right-panel .listing, .stock-listings-wrap .bse span.right-panel .listing { position: relative; content: ""; display: table; clear: both; font-family: "source_sans_prolight", sans-serif; color: #545454; font-size: 1.2em; font-style: italic; flex: 100%; } .stock-listings-wrap .lse span.right-panel .details, .stock-listings-wrap .ttse span.right-panel .details, .stock-listings-wrap .bse span.right-panel .details { position: relative; width: 31%; color: #545454; background: whitesmoke; display: flex; flex-flow: column nowrap; margin-right: 2%; margin-top: 0.5em; padding: 0.4em 0.2em 0.6em; align-items: flex-start; line-height: 1.3; } .stock-listings-wrap .lse span.right-panel .details header, .stock-listings-wrap .ttse span.right-panel .details header, .stock-listings-wrap .bse span.right-panel .details header { position: relative; top: 0; font-size: 0.7em; } .stock-listings-wrap .lse span.right-panel .change .positive, .stock-listings-wrap .ttse span.right-panel .change .positive, .stock-listings-wrap .bse span.right-panel .change .positive { color: #7cc242; } .stock-listings-wrap .lse span.right-panel .change .negative, .stock-listings-wrap .ttse span.right-panel .change .negative, .stock-listings-wrap .bse span.right-panel .change .negative { color: #ff0000; } .stock-listings-wrap .lse span.right-panel .change .neutral, .stock-listings-wrap .ttse span.right-panel .change .neutral, .stock-listings-wrap .bse span.right-panel .change .neutral { color: #7895aC; } .stock-listings-wrap .bse-logo:after { font-family: "samicons"; font-weight: 100; content: "\e604"; font-style: normal; font-size: 4em; color: #ffffff; line-height: 1.4em; } .stock-listings-wrap .lse-logo:after { position: relative; font-family: "samicons"; font-weight: 100; content: "\e602"; font-style: normal; font-size: 2.6em; color: #ffffff; line-height: 1.8em; } .stock-listings-wrap .ttse-logo:after { font-family: "samicons"; font-weight: 100; content: "\e603"; font-style: normal; font-size: 4.2em; color: #ffffff; line-height: 1.4em; } #news-archive { position: relative; display: block; clear: both; } #news-archive ul { margin: 0; padding: 0; } #news-archive ul li { list-style: none; width: 100%; margin-bottom: 3em !important; content: ""; display: table; clear: both; } #news-archive ul li span.listing-left { position: relative; float: none; width: 100%; height: 8em; overflow: scroll; text-indent: -9999px; content: ""; display: table; clear: both; } #news-archive ul li span.listing-right { position: relative; float: left; width: 67%; margin-left: 3%; } @media (max-width: 29.938em) { #news-archive ul li span.listing-right { width: 100%; float: none; } } #news-archive ul li span.listing-right h2 { margin: 1em 0 0; } #news-archive ul li span.listing-right .post-meta { font-size: 0.8em; font-style: italic; color: #7895aC; margin-bottom: 1em; } #news-archive ul li span.listing-right a.read-more { font-size: 1.1em; font-weight: 700; letter-spacing: -0.02em; display: inline; text-decoration: none; float: left; right: 0; margin-top: 2em; } .whistles-accordion { border: none !important; box-shadow: none !important; } .whistles-accordion .whistle-title { position: relative; text-transform: none; font-family: "source_sans_proregular", sans-serif; font-style: normal; color: #545454; background: #ffffff; font-size: 1em; border: none; box-shadow: none !important; border-bottom: 1px solid #ddd9cf; letter-spacing: 0 !important; padding: 0.6rem 1.5rem; } .whistles-accordion .whistle-title:after { position: absolute; font-family: "samicons"; content: "\e60c"; font-style: normal; font-size: 0.6em; background: #c7e1f7; color: #ffffff; padding: 0.65em 0.49em 0.4em 0.5em; border-radius: 10em; line-height: 1em; margin: 0 0 0 0.8em; top: 0.5em; right: 0; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .whistles-accordion .whistle-title:hover:after { background: #ffffff; color: #545454; } .whistles-accordion .whistle-title[aria-selected="true"], .whistles-accordion .whistle-title:hover { background: #ffffff; } .whistles-accordion .whistle-title[aria-selected="true"]:after, .whistles-accordion .whistle-title:hover:after { -moz-transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -o-transform: scale(1) rotate(180deg); -ms-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } .whistles-accordion .whistle-content { font-family: "source_sans_proregular", sans-serif; color: #7895aC; font-size: 1em; margin: 0 0 1em 0; border: none !important; box-shadow: none !important; letter-spacing: 0 !important; } .whistles-accordion .whistle-content p { margin: 0 0 1em 0; padding: 0; } .collapseomatic { position: relative; color: #545454; font-family: "source_sans_probold", sans-serif; font-size: 1.2em; font-style: normal; padding: 0.5em 0; text-transform: uppercase; text-decoration: none; border: none; box-shadow: none !important; border-bottom: 1px solid #ddd9cf; display: block; letter-spacing: 0 !important; cursor: pointer; } .collapseomatic:after { position: absolute; font-family: "samicons"; content: "\e60c"; font-style: normal; font-size: 0.6em; background: #597d99; color: #ffffff; padding: 0.65em 0.49em 0.4em 0.5em; border-radius: 10em; line-height: 1em; margin: 0 0 0 0.8em; top: 0.5em; right: 0; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .collapseomatic:hover:after { background: #ffffff; color: #545454; } .colomat-close:after { -moz-transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -o-transform: scale(1) rotate(180deg); -ms-transform: scale(1) rotate(180deg); transform: scale(1) rotate(180deg); } .collapseomatic_content { margin: 0; padding: 0; letter-spacing: 0 !important; } .page-template-funds-php .entry-content section { position: relative; content: ""; display: table; clear: both; margin: 2em; } .page-template-funds-php .entry-content section .left-chart, .page-template-funds-php .entry-content section .left-table { position: relative; width: 44%; float: left; text-align: center; } @media (max-width: 29.938em) { .page-template-funds-php .entry-content section .left-chart, .page-template-funds-php .entry-content section .left-table { width: 100%; float: none; } } .page-template-funds-php .entry-content section .right-chart { position: relative; width: 44%; float: left; text-align: left; } @media (max-width: 29.938em) { .page-template-funds-php .entry-content section .right-chart { width: 100%; float: none; } } .page-template-funds-php .entry-content section .right-list { position: relative; width: 54%; float: left; text-align: left; } @media (max-width: 29.938em) { .page-template-funds-php .entry-content section .right-list { width: 100%; float: none; } } .page-template-funds-php .entry-content section .right-list p { margin-bottom: 0.5em; } .page-template-funds-php .entry-content section .right-list p a { text-decoration: none; } .page-template-funds-php .entry-content section .fund-table { position: relative; font-size: 0.9em; width: 95%; } .page-template-funds-php .entry-content section .fund-table th { background: #597d99; border: 0.35em solid #ffffff; color: #ffffff; font-family: "source_sans_proregular", sans-serif; font-weight: 100; text-align: center; } .page-template-funds-php .entry-content section .fund-table td { border-top: 0; background: #c7e1f7; border: 0.35em solid #ffffff; text-align: center; } .page-template-funds-php .entry-content section.info-date { position: relative; margin: 0 auto; } .page-template-funds-php .entry-content section.charts li { list-style: none; margin: 0; padding: 0; text-align: left; font-size: 0.8em; } .page-template-funds-php .entry-content section.charts li:first-of-type:before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #597d99; top: 0.2em; } .page-template-funds-php .entry-content section.charts li:nth-child(2):before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #ffe503; top: 0.2em; } .page-template-funds-php .entry-content section.charts li:nth-child(3):before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #7cc242; top: 0.2em; } .page-template-funds-php .entry-content section.charts li:nth-child(4):before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #545454; top: 0.2em; } .page-template-funds-php .entry-content section.charts li:nth-child(5):before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #8FC6F7; top: 0.2em; } .page-template-funds-php .entry-content section.charts li:nth-child(6):before { position: relative; font-family: "source_sans_probold", sans-serif; content: "\b7\a0"; font-style: normal; font-size: 3em; color: #F6447B; top: 0.2em; } .ie8 .left-chart, .ie8 .right-chart { position: relative; width: 48%; display: inline-block; white-space: nowrap; } .ie8 .left-table { position: relative; width: 48%; display: inline-block; white-space: nowrap; margin-left: 2em; top: -6em; } .ie8 .right-list { position: relative; width: 35%; display: inline-block; white-space: nowrap; top: 3em; } .ie8 section.below { position: relative; margin-top: 4em; } .parent-pageid-14 .fund-table { position: relative; font-size: 0.9em; width: 92%; margin: 0 auto; } .parent-pageid-14 .fund-table th { background: #597d99; border: 0.35em solid #ffffff; color: #ffffff; font-family: "source_sans_proregular", sans-serif; font-weight: 100; text-align: center; } .parent-pageid-14 .fund-table td { border-top: 0; background: #c7e1f7; border: 0.35em solid #ffffff; text-align: center; color: #597d99; } @media (max-width: 63.938em) { .page-template-contact-php #related-content { margin-bottom: 8em; } } .page-template-contact-php #related-content .related-content-wrap { background: #ffffff !important; } .page-template-contact-php #related-content p { position: relative; font-size: 0.8em; color: #7895aC; line-height: 1.6em; margin: 1.3em 0; } .page-template-contact-php section#map { position: relative; flex: 0 0 100%; height: auto; } .page-template-contact-php section#map > header { display: none; } .page-template-contact-php section#map .map { position: relative; flex: 0 0 100%; height: 400px; padding-bottom: 2em; /* fixes potential theme css conflict */ } .page-template-contact-php section#map .map img { max-width: inherit !important; } .page-template-contact-php section#contact-details .address { position: relative; width: 49%; float: left; } @media (max-width: 29.938em) { .page-template-contact-php section#contact-details .address { width: 100%; float: none; } } .page-template-contact-php section#contact-details .details { position: relative; width: 49%; float: right; } @media (max-width: 29.938em) { .page-template-contact-php section#contact-details .details { width: 100%; float: none; } } .page-template-contact-php .ie8 .contact-details { top: 30em; } .page-template-contact-php .gform_wrapper .gform_anchor { display: none; border-bottom: 1px solid #ffffff !important; } .page-template-contact-php .gform_wrapper .form_body ul.gform_fields { margin: 0; } .page-template-contact-php .gform_wrapper .form_body .gfield { position: relative; margin-bottom: 0.1em !important; } .page-template-contact-php .gform_wrapper .validation_error { display: none; } .page-template-contact-php .gform_wrapper li.gfield.gfield_error { background-color: #ffffff; border: none !important; padding: 0 !important; } .page-template-contact-php .gform_wrapper .top_label .gfield_error { width: 100% !important; } .page-template-contact-php .gform_wrapper .gfield.gfield_error.gfield_contains_required .ginput_container { max-width: 100%; margin: 0; padding: 0; } .page-template-contact-php .gform_wrapper .gfield.gfield_error.gfield_contains_required .gfield_description { padding: 0 !important; } .page-template-contact-php .gform_wrapper .ginput_container { margin: 0 !important; margin-bottom: .5em !important; } .page-template-contact-php .gform_wrapper .gfield_label, .page-template-contact-php .gform_wrapper .gfield_error .gfield_label { font-size: 0.9em !important; margin: 0 !important; font-weight: 600; color: #545454 !important; content: ""; display: table; clear: both; } .page-template-contact-php .gform_wrapper input[type="text"], .page-template-contact-php .gform_wrapper input[type="email"], .page-template-contact-php .gform_wrapper .gfield_error input[type="text"], .page-template-contact-php .gform_wrapper .gfield_error input[type="email"] { width: 100% !important; padding: 0.2em 0.5em 0.2em 0.75em !important; line-height: 1.6 !important; } .page-template-contact-php .gform_wrapper .gfield_required { color: #545454; } .page-template-contact-php .gform_wrapper .validation_message { font-family: "source_sans_proregular", sans-serif; font-size: 0.8em; font-weight: normal !important; color: #ff0000; padding: 0 !important; } .page-template-contact-php .gform_wrapper .gform_footer { text-align: right; } .page-template-contact-php .gform_confirmation_message { position: relative; top: 2em; font-family: "source_sans_proregular", sans-serif; font-size: 0.8em; color: #7cc242; padding-bottom: 3em; } .page-template-about-php .entry-content ul { margin: 0; padding: 0 2em; -webkit-columns: 1; -moz-columns: 1; columns: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .page-template-about-php .entry-content ul li { position: relative; margin: 0 0 0.5em 0; list-style: none; } .page-template-stock-php .entry-content { padding: 0; margin: 0; margin-bottom: 1em; } .page-template-stock-php .entry-content .ttse { margin: 0; } .page-template-nav-php .entry-content { padding: 0; margin: 0; margin-bottom: 1em; background: none; } .page-template-sitemap-php .entry-content ul { position: relative; display: block; content: ""; display: table; margin: 2em 0; padding: 0 2em 2.2em; } .page-template-sitemap-php .entry-content ul li { position: relative; width: 33%; float: left; margin: 0 0 1em 0; list-style: none; font-size: 1.1em; } @media (max-width: 29.938em) { .page-template-sitemap-php .entry-content ul li { width: 100%; float: none; } } .page-template-sitemap-php .entry-content ul li a { font-family: "source_sans_probold", sans-serif; color: #7895aC; text-decoration: none; } .error404 #page #content #primary, .search-no-results #page #content #primary { height: 100%; background: #ffffff; padding: 1em; } .error404 #page #content #primary #main .page-content ul, .search-no-results #page #content #primary #main .page-content ul { margin: 0; padding: 0 2em; } .error404 #page #content #primary #main .page-content ul li, .search-no-results #page #content #primary #main .page-content ul li { position: relative; width: 33%; float: left; margin: 0 0 1em 0; list-style: none; } @media (max-width: 29.938em) { .error404 #page #content #primary #main .page-content ul li, .search-no-results #page #content #primary #main .page-content ul li { width: 100%; float: none; } } .error404 #page #content #primary #main .page-content ul li a, .search-no-results #page #content #primary #main .page-content ul li a { font-family: "source_sans_probold", sans-serif; color: #7895aC; text-decoration: none; } .error404 #page #content #primary #main .page-content ul li ul, .search-no-results #page #content #primary #main .page-content ul li ul { padding: 0.5em 0 0 0.5em !important; } .error404 #page #content #primary #main .page-content ul li ul li, .search-no-results #page #content #primary #main .page-content ul li ul li { width: 100%; float: none; margin: 0; padding: 0; } .error404 #page #content #primary #main .page-content ul li ul li a, .search-no-results #page #content #primary #main .page-content ul li ul li a { font-family: "source_sans_proregular", sans-serif; display: block; font-size: 0.9em; } .error404 #page #content #primary #main .page-content .result-search, .search-no-results #page #content #primary #main .page-content .result-search { z-index: 2; } .error404 #page #related-content, .search-no-results #page #related-content { order: -1; } .error404 #page #related-content .summary, .search-no-results #page #related-content .summary { padding: 1em 2em; font-size: 1.1em; display: block; } .error404 #page #masthead, .search-no-results #page #masthead { order: -4; } .page-template-logout #page #content { position: relative; padding-bottom: 15em; margin-left: 0; } @media (min-width: 64em) { .page-template-logout #page #content { width: 63em; height: auto; min-height: 30em; margin: 0 auto; } } @media (max-width: 63.938em) { .page-template-logout #page #content { width: 100%; margin-bottom: 0; clear: both; content: ""; display: table; } } .page-template-logout #page #content .content-area { width: 100%; float: none; } .page-template-logout #page #content .content-area .site-main { padding: 0; clear: both; width: 100%; } .page-template-logout #page #content .content-area .site-main article .entry-content #back-to-sami { position: relative; margin-bottom: 2em; } .page-template-logout #page #content .content-navigation { top: -3em; } .page-template-logout #page #related-content { display: none; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media all and (min-width: 601px) { #page #ticker { font-size: 1.3em; overflow: hidden; } #page #ticker #t-news > header { font-size: 1.25em; } #page #ticker #t-stock .stock-ticker { padding: 2em; } #page #ticker #t-stock .stock-ticker > header { font-size: 1em; } #page #ticker #t-stock .stock-ticker .link-to-nav { top: 2.2em; right: 0.2em; } #page #ticker #t-nav .nav-table { padding: 2em; } #page #ticker #t-nav .nav-table .nav-left > header { font-size: 1.25em; } #page #ticker #t-nav .nav-table .nav-left .nav-item { content: ""; display: table; clear: both; } #page #ticker #t-nav .nav-table .nav-right .offer-item .offer-value { font-size: 2.1em; } #page #ticker #t-nav .nav-table .link-to-nav { top: 2.2em; right: -0.2em; } #page .stock-listings-wrap { position: relative; display: block; clear: both; } #page .stock-listings-wrap .lse, #page .stock-listings-wrap .ttse, #page .stock-listings-wrap .bse { margin: 0 0 5em 0 !important; } #page .stock-listings-wrap .lse .listing, #page .stock-listings-wrap .ttse .listing, #page .stock-listings-wrap .bse .listing { display: block !important; } .page-template-about-php .entry-content ul { margin: 0; padding: 0 2em; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .page-template-about-php .entry-content ul li { position: relative; margin: 0 0 0.5em 0; list-style: none; } #session-popup, #login-popup { max-width: 17em; } } @media all and (min-width: 1024px) { #page { align-content: flex-start; } .about-us #page #content #main .entry-content h3, .history #page #content #main .entry-content h3, .our-team #page #content #main .entry-content h3, .annual-reports #page #content #main .entry-content h3, .investment-commentaries #page #content #main .entry-content h3 { font-size: 1.7em; margin-bottom: 0.7em; display: block; } .about-us #page #related-content, .history #page #related-content, .our-team #page #related-content, .annual-reports #page #related-content, .investment-commentaries #page #related-content { display: block !important; } .about-us #page #related-content a, .history #page #related-content a, .our-team #page #related-content a, .annual-reports #page #related-content a, .investment-commentaries #page #related-content a { border-bottom: none; text-decoration: underline; font-size: 0.8em; padding: 0.2em; } .about-us #page #related-content a:after, .history #page #related-content a:after, .our-team #page #related-content a:after, .annual-reports #page #related-content a:after, .investment-commentaries #page #related-content a:after { content: ""; background: none; color: #ffffff; padding: 0; border-radius: none; line-height: 0; margin: 0; top: 0; right: 0; top: 0; } .about-us #page #related-content a:hover:after, .history #page #related-content a:hover:after, .our-team #page #related-content a:hover:after, .annual-reports #page #related-content a:hover:after, .investment-commentaries #page #related-content a:hover:after { background: none !important; color: #545454; } .about-us #page #related-content h5, .history #page #related-content h5, .our-team #page #related-content h5, .annual-reports #page #related-content h5, .investment-commentaries #page #related-content h5 { text-transform: uppercase; font-size: 1.1em; margin-top: 2em; color: #545454; } .about-us #page #related-content h5 a, .history #page #related-content h5 a, .our-team #page #related-content h5 a, .annual-reports #page #related-content h5 a, .investment-commentaries #page #related-content h5 a { color: #545454; text-decoration: none !important; font-family: "source_sans_probold", sans-serif; } .about-us #page #related-content .page-list, .history #page #related-content .page-list, .our-team #page #related-content .page-list, .annual-reports #page #related-content .page-list, .investment-commentaries #page #related-content .page-list { position: relative; padding: 0 1em 1em; width: 100%; height: auto; } .about-us #page #related-content .page-list p, .history #page #related-content .page-list p, .our-team #page #related-content .page-list p, .annual-reports #page #related-content .page-list p, .investment-commentaries #page #related-content .page-list p { margin-bottom: 0; } .about-us #page #related-content .page-list p a, .history #page #related-content .page-list p a, .our-team #page #related-content .page-list p a, .annual-reports #page #related-content .page-list p a, .investment-commentaries #page #related-content .page-list p a { position: relative; text-transform: uppercase; border-bottom: none !important; font-size: 1em; font-family: "source_sans_probold", sans-serif; padding: 0; margin: 0 0 0.5em 0; text-decoration: none; display: block; } .about-us #page #related-content .page-list p a:after, .history #page #related-content .page-list p a:after, .our-team #page #related-content .page-list p a:after, .annual-reports #page #related-content .page-list p a:after, .investment-commentaries #page #related-content .page-list p a:after { position: absolute; font-family: "samicons"; content: "\e60b"; font-style: normal; background: #597d99; color: #ffffff; padding: 0.55em 0.45em 0.5em 0.6em; border-radius: 10em; line-height: 1.1em; margin: 0 0 0 0.8em; top: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .about-us #page #related-content .page-list p a:hover:after, .history #page #related-content .page-list p a:hover:after, .our-team #page #related-content .page-list p a:hover:after, .annual-reports #page #related-content .page-list p a:hover:after, .investment-commentaries #page #related-content .page-list p a:hover:after { background: #545454; color: #ffffff; } .first-item-bottom-border { border-bottom: none; } .first-item-left-border { border-left: 1px solid #345F80; } .last-item-bottom-border { border-bottom: 1px solid #345F80; } .last-item-left-border { border-left: none; } .page-top-border { position: absolute; width: 100%; height: 12.8em; background: #7895aC; border-bottom: 2.5em solid #597d99; } #page { flex-flow: row wrap; min-height: auto; max-width: 1024px; margin: 0 auto; background: transparent; } #page header { flex: 0 30%; order: -5; padding: 0; } #page header .site-branding { align-self: center; margin: auto; } #page header .mobile-nav, #page header .mobile-search { display: none; } #page .above-nav { position: relative; display: flex; flex-flow: row wrap; flex: 0 0 100%; order: -3; top: 0.05em; justify-content: space-between; align-content: flex-start; } #page .above-nav .breadcrumb { position: relative; order: -3; top: 0.55em; flex: 0 0 44%; display: inline-block; line-height: 1.5; height: 1.5em; } #page .above-nav .breadcrumb #breadcrumbs { margin: 0; } #page .above-nav .breadcrumb #breadcrumbs .sep { position: relative; margin: 0 0.3em; font-size: 1.5em; vertical-align: baseline; top: -0.3em; } #page .above-nav .login { position: relative; flex: 0 0 auto; order: 2; font-size: 1.1em; line-height: 1.8; display: inline-block; } #page .above-nav .login a { position: relative; float: right; background: #ffffff; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin-left: 3em; text-align: right; font-size: 0.8em; text-transform: uppercase; color: #545454; padding: 0.5em 0.5em 0.5em 0; display: block; width: 100%; } #page .above-nav .login a:after { position: relative; font-family: "samicons"; content: "\e60b"; font-style: normal; background: #597d99; color: #ffffff; padding: 0.52em 0.45em 0.5em 0.65em; border-radius: 10em; line-height: 0; margin: 0 0 0 0.8em; } #page .above-nav .search { position: relative; flex: 0 0 auto; background: none; margin-top: 0.55em; margin-right: 5%; order: -1; line-height: 1.3; height: 1.5em; } #page .above-nav .search input[type="search"] { padding: 0.16em 0 0.16em 1em; border-radius: 0; background: #c7e1f7; width: 100%; font-size: 0.8em; border: none; line-height: 1.5; } #page .nav, #page .search { display: block; padding: 0; } #page .search { order: -2; flex: 0 0 20%; background: #8cc63f; } #page #content { flex: 1 0 68%; margin-left: 2%; height: auto; min-height: 50vh; } #page #content .entry-content { min-height: 50vh; } #page #related-content { flex: 1 0 20%; order: -1; align-self: flex-start; background: #ffffff; } #page #related-content > h1:first-of-type { margin-left: 1em; margin-top: 1em; } #page #related-content .summary { padding-left: 1em; padding-right: 1em; display: block; } #page #related-content .related-content-wrap { background: #ffffff; } #page #ticker { flex: 0 0 69.8%; order: -4; border: none; width: 70%; height: 7.9em; border-left: 1px solid #345F80; border-right: 1px solid #345F80; overflow: hidden; } #page #ticker #t-news { order: 1; flex: 0 0 39%; font-size: 0.8em; padding: 1em; top: -3.7em; } #page #ticker #t-news > header { font-size: 0.8em; } #page #ticker #t-news .link-to-nav { top: 1em; right: 0; } #page #ticker #t-stock { flex: 0 0 100%; order: -1; height: auto !important; overflow: hidden !important; height: auto; flex: 0 0 100%; } #page #ticker #t-stock .stock-ticker { padding: 0.5em 1em 0.5em; width: 100%; flex: 0 0 100%; font-size: 0.8em; } #page #ticker #t-stock .stock-ticker > header { float: left; font-size: 0.78em; margin-right: 1em; display: inline-block; } #page #ticker #t-stock .stock-ticker span.stock-item { float: left; display: inline-block; } #page #ticker #t-stock .stock-ticker span.stock-item span { float: left; position: relative; font-family: "source_sans_probold", sans-serif; margin-right: 1em; padding-right: 1em; border-right: 1px solid #c7e1f7; width: auto; text-align: left; } #page #ticker #t-stock .stock-ticker span.stock-item header { float: left; font-family: "source_sans_proregular", sans-serif; margin-right: 0.5em; font-size: 0.9em; width: auto; } #page #ticker #t-stock .stock-ticker .link-to-nav { top: 0.5em; right: 0.2em; } #page #ticker #t-nav { padding: 0.5em; flex: 0 0 60%; font-size: 0.8em; top: -3.7em; } #page #ticker #t-nav .nav-table { padding: 0.3em 0.8em; padding: 0.5em; } #page #ticker #t-nav .nav-table .nav-left { width: 39%; display: block; float: left; } #page #ticker #t-nav .nav-table .nav-left > header { font-size: 1.05em; } #page #ticker #t-nav .nav-table .nav-right { width: 57%; float: left; display: block; } #page #ticker #t-nav .nav-table .nav-right .offer-item { position: relative; float: left; border-left: 1px solid #ffffff; padding: 0 8%; line-height: 1.3em; width: 50%; } #page #ticker #t-nav .nav-table .nav-right .offer-item header { font-family: "source_sans_probold", sans-serif; text-transform: uppercase; display: block; font-size: 0.9em; } #page #ticker #t-nav .nav-table .nav-right .offer-item .offer-value { position: relative; top: 0.3em; font-size: 2.8em; letter-spacing: -0.015em; } #page #ticker #t-nav .nav-table .link-to-nav { top: 0.5em; right: -2.2em; } #page .stock-listings-wrap { padding-bottom: 5em; } #page .stock-listings-wrap { position: relative; display: block; clear: both; } #page .stock-listings-wrap .lse, #page .stock-listings-wrap .ttse, #page .stock-listings-wrap .bse { position: relative; margin: 0 0 1em 0 !important; display: inline-block; } #page .stock-listings-wrap .lse span.right-panel .details, #page .stock-listings-wrap .ttse span.right-panel .details, #page .stock-listings-wrap .bse span.right-panel .details { width: 23%; } #page #news-archive ul li span.listing-left { position: relative; float: left; width: 30%; } #page #news-archive ul li span.listing-right h2 { margin: 0; } #page #news-archive ul li span.listing-right a.read-more { float: right; right: 2em; margin-top: 2em; } .ie #page #ticker { overflow: hidden; } .ie #page #ticker #t-news { order: 1; flex: 0 0 32%; font-size: 0.8em; padding: 1em; top: -3.7em; } .ie #page #ticker #t-news > header { font-size: 0.8em; } .ie #page #ticker #t-news .link-to-nav { top: 1em; right: 0; } .page-bottom-border { position: relative; width: 100%; height: 15.2em; bottom: 0; display: block; margin-top: 7em; background: url("../img/sami-footer-bg.svg") center top no-repeat scroll; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding-bottom: 0; overflow: hidden !important; } .page-bottom-border #colophon { display: flex; flex-flow: column nowrap; justify-content: center; background: none; align-items: center; margin: 3em auto 2em; position: relative; width: 900px; margin: auto; } .page-bottom-border #colophon .site-info { position: relative; text-align: center; margin-top: 5em; font-size: 1em; display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; width: 100%; margin-bottom: 0; } .page-bottom-border #colophon .site-info .footer-branding { position: relative; width: 22%; float: right; position: relative; margin: 0; float: none; text-align: center; clear: both; } .page-bottom-border #colophon .site-info .footer-branding h1.footer-title a { position: relative; } .page-bottom-border #colophon .site-info .footer-branding h1.footer-title a .bottom-logo-size { width: 12em; } .page-bottom-border #colophon .site-info .footer-branding h1.footer-title a .bottom-logo-fill { fill: #7895aC; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-bottom-border #colophon .site-info .footer-branding h1.footer-title a :hover .bottom-logo-fill { fill: #545454; -webkit-transition: all 0.2s ease-in-out !important; -moz-transition: all 0.2s ease-in-out !important; -o-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .page-bottom-border #colophon .site-copyright { position: relative; float: right; font-family: "source_sans_proregular", sans-serif; color: #7895aC; text-transform: capitalize; font-size: 0.8em; margin-bottom: 0; } } /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .single .entry-header { display: none; } .page-content { margin: 0; } .entry-content { position: relative; height: 100%; width: 100%; margin: 0; padding: 0; content: ""; display: table; clear: both; color: #7895aC; line-height: 1.4em; overflow: hidden; background: #ffffff; padding-bottom: 2em; } .entry-content strong { color: #545454; font-family: "source_sans_probold", sans-serif; letter-spacing: -0.01em; } .entry-content p, .entry-content h4 { padding: 0 2em; } .entry-content h2, .entry-content h3 { padding: 0.5em 1.2em 0; } .entry-content .post-meta { padding: 0 2em; top: -0.75em; } .entry-content .post-image { content: ""; display: table; padding-bottom: 2em; width: 100%; } .entry-content .post-image img { width: 100%; max-width: 100%; } .ie8 .entry-content { padding-bottom: 2.5em; } body.privacy-policy .entry-content p, body.terms-of-use .entry-content p, body.site-map .entry-content p { line-height: 1.6; } body.faq .entry-content, .search-results .entry-content, .page-template-news_archive-php .entry-content { padding: 2em; } .entry-summary { margin: 0; } .page-links { clear: both; margin: 0 0 1.5em; } .post-meta { position: relative; font-size: 0.8em; font-style: italic; color: #7895aC; margin-bottom: 1em; } .page-template-news_archive-php h2 { padding: 0; margin: 0; } .page-template-news_archive-php .post-meta { padding: 0; margin: 0; top: 0; content: ""; display: table; } body.faq { position: relative; } body.faq p { padding: 0; } .page-template-link_archive-php { position: relative; } .page-template-link_archive-php p { position: relative; margin-bottom: 2em; } .page-template-link_archive-php .list-url { position: relative; padding: 0 2em; top: -0.5em; content: ""; display: table; clear: both; margin-bottom: 0.7em; } .sagicor-net-asset-value #page #related-content, .page-template-stock #page #related-content { order: -1; } .sagicor-net-asset-value #page #related-content h1, .page-template-stock #page #related-content h1 { display: block; font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; font-style: italic; font-size: 1.4em; font-weight: 600; line-height: 1.2em; letter-spacing: -0.02em; margin-bottom: 1em; margin-right: 1em; color: #545454; text-shadow: none; padding: 1em 1em 0; } .sagicor-net-asset-value #page #related-content .summary, .page-template-stock #page #related-content .summary { position: relative; font-size: 0.9em; color: #7895aC; line-height: 1.6em; margin-bottom: 1em; padding: 1em; display: block; } .sagicor-net-asset-value #masthead, .page-template-stock #masthead { order: -4; } .sagicor-net-asset-value #content #main .entry-header, .page-template-stock #content #main .entry-header { display: none; } .page-template-mortgages-php .entry-content p { width: 95%; } .page-template-mortgages-php .entry-content em { color: #545454; font-style: normal; } .page-template-mortgages-php .entry-content pre { background: none !important; } .page-template-mortgages-php .entry-content #lidd_mc_form { width: 80%; } /*Main content area*/ .page-template-mortgage_calculator-php .entry-content { font-family: "source_sans_proregular", sans-serif; /*Amortization Table*/ } .page-template-mortgage_calculator-php .entry-content .bottom-content { position: relative; margin-top: 2em; margin-bottom: 4em; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators { padding: 0 2em 2em; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators > a:first-of-type { font-family: "source_sans_probold", sans-serif; color: #545454; text-decoration: none; padding-bottom: 0.75em; margin-bottom: 1.2em; border-bottom: 1px solid #dedede; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators > a:first-of-type:hover { color: #7895aC; border-bottom: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators table tr td p { margin-bottom: 1em; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form .Title h2 { padding: 0; margin: 0 0 2em; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form > p:last-of-type { display: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form > p a#A_CalculatorDisclaimer { font-family: "source_sans_probold", sans-serif; color: #7895aC; text-decoration: none; padding-bottom: 0.75em; margin-bottom: 1.2em; border-bottom: 1px solid #dedede; width: auto; display: inline-block; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form > p a#A_CalculatorDisclaimer:hover { color: #545454; border-bottom: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form > p a#A_CalculatorDisclaimer a { text-decoration: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form .DetailContainer > p > a { font-family: "source_sans_probold", sans-serif; color: #7895aC; text-decoration: none; padding-bottom: 0.75em; margin-bottom: 1.2em; border-bottom: 1px solid #dedede; width: auto; display: inline-block; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form .DetailContainer > p > a:hover { color: #545454; border-bottom: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form .DetailContainer > p > a a { text-decoration: none; } .page-template-mortgage_calculator-php .entry-content #mortgage-calculators .cTimeValue form #DIVCalculatorDisclaimer { margin-top: -0.5em; } .page-template-mortgage_calculator-php .entry-content p { margin: 0; padding: 0; } .page-template-mortgage_calculator-php .entry-content .cTimeValue, .page-template-mortgage_calculator-php .entry-content .cTimeValue INPUT, .page-template-mortgage_calculator-php .entry-content .cTimeValue P, .page-template-mortgage_calculator-php .entry-content .cTimeValue UL, .page-template-mortgage_calculator-php .entry-content .cTimeValue FIELDSET { font-family: "source_sans_proregular", sans-serif; } .page-template-mortgage_calculator-php .entry-content .cTimeValue H2, .page-template-mortgage_calculator-php .entry-content .cTimeValue H3 { font-family: "source_sans_prolight", sans-serif; text-transform: uppercase; } .page-template-mortgage_calculator-php .entry-content .cTimeValue #COMPUTE, .page-template-mortgage_calculator-php .entry-content .cTimeValue #tvcCOMPUTE { font-weight: bold; font-family: "source_sans_proregular", sans-serif; } .page-template-mortgage_calculator-php .entry-content .InputTable tr p b, .page-template-mortgage_calculator-php .entry-content .InputTable tr p strong { color: #999999; } .page-template-mortgage_calculator-php .entry-content .InputTable tr td:nth-child(2) { width: 60%; } .page-template-mortgage_calculator-php .entry-content .cTimeValue .cAmortTitleFont { font-weight: bold; } .page-template-mortgage_calculator-php .entry-content .cTimeValue .cAmortTable TD { padding: 5px; text-align: right; } .page-template-mortgage_calculator-php .entry-content .cTimeValue .cAmortHeader TD { border-top: #dedfef 1px solid; border-bottom: #dedfef 2px solid; font-weight: bold; background-color: #eeeeee; text-align: center; } .page-template-mortgage_calculator-php .entry-content .cTimeValue .cAmortLineE TD { background-color: #F7F7F8; } .page-template-mortgage_calculator-php .entry-content .cTimeValue .cAmortLineTotals TD { font-weight: bold; color: black; border-top: double 3px black; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Summary { position: relative; margin: 2em 0; color: #545454; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Summary p b.answer { margin: 1em 0 !important; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Footnote > p { font-family: "source_sans_probold", sans-serif; color: #545454; text-decoration: none; padding-bottom: 0.75em; margin-bottom: 0.5em; border-bottom: 1px solid #dedede; width: auto; display: inline-block; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Footnote > p:hover { color: #7895aC; border-bottom: none; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Footnote > p a { text-decoration: none; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .Footnote #DIVCalculatorTips { margin-bottom: 2em; } .page-template-mortgage_calculator-php .entry-content #Panel_Results .DetailContainer { position: relative; margin: 2em 0; } .page-template-mortgage_calculator-php .entry-content #Panel_Results table tr th p { color: #999999; } .page-template-mortgage_calculator-php .entry-content #Panel_Results table tr td legend { font-family: "source_sans_probold", sans-serif !important; color: #999999; } .page-template-team-php .entry-content { position: relative; } .page-template-team-php .entry-content section.team-members { position: relative; padding: 0 2em; content: ""; display: table; clear: both; width: 100%; } .page-template-team-php .entry-content section.team-members #team-container { position: relative; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; } .page-template-team-php .entry-content section.team-members #team-container .team-member { margin: 0 2.5% 2em; flex: 0 0 20%; } @media (max-width: 63.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member { margin: 0 2.5% 2em; flex: 0 0 20%; } } @media (max-width: 47.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member { margin: 0 1.5% 2em; flex: 0 0 30%; } } @media (max-width: 29.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member { margin: 0 2.5% 2em; flex: 0 0 45%; } } .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-image, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-name, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-position, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-bio { display: block; font-size: 0.9em; } @media (max-width: 63.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-image, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-name, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-position, .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-bio { font-size: 1.2em; } } @media (max-width: 63.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-image img { width: 90%; max-width: 12em; } } .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-position { color: #545454; font-size: 0.7em; top: -0.25em; position: relative; line-height: 1.3; } @media (max-width: 63.938em) { .page-template-team-php .entry-content section.team-members #team-container .team-member .team-member-position { font-size: 0.9em; } } .page-template-team-php .entry-content section.team-members #team-container .team-member:first-of-type { flex: 0 0 100%; } .page-template-team-php .entry-content section.team-members #team-container .featured { display: flex; flex-flow: row wrap; padding-bottom: 0.5em; border-bottom: 1px solid #dedede; margin: 0 0 2.5em 0; } @media (max-width: 29.938em) { .page-template-team-php .entry-content section.team-members #team-container .featured { display: block; } } .page-template-team-php .entry-content section.team-members #team-container .featured .team-member-image { flex: 0 0 27%; } @media (max-width: 47.938em) { .page-template-team-php .entry-content section.team-members #team-container .featured .team-member-image { flex: 0 1 44%; } } @media (max-width: 29.938em) { .page-template-team-php .entry-content section.team-members #team-container .featured .team-member-image { float: left; width: 40%; } } .page-template-team-php .entry-content section.team-members #team-container .featured .detail { flex: 0 0 73%; display: block; font-size: 1.17em; } @media (max-width: 47.938em) { .page-template-team-php .entry-content section.team-members #team-container .featured .detail { flex: 0 1 75%; } } .page-template-team-php .entry-content section.team-members #team-container .featured .detail .team-member-position { margin-bottom: 1.5em; margin-top: 0.5em; } .page-template-team-php .entry-content section.team-members #team-container .featured .detail .team-member-bio p { padding-left: 0; padding-right: 0; font-size: 0.95em; line-height: 1.6; margin-bottom: 1em; } .page-template-team-php .entry-content section.team-members p { padding: 0; margin: 0; } .page-template-team-php .entry-content section.team-members .left-managers { position: relative; width: 50%; float: left; } @media (max-width: 47.938em) { .page-template-team-php .entry-content section.team-members .left-managers { width: 55%; } } @media (max-width: 29.938em) { .page-template-team-php .entry-content section.team-members .left-managers { width: 100%; float: none; } } .page-template-team-php .entry-content section.team-members .left-managers span { position: relative; margin-bottom: 1.5em; content: ""; display: table; clear: both; } .page-template-team-php .entry-content section.team-members .right-managers { position: relative; width: 50%; float: left; } @media (max-width: 47.938em) { .page-template-team-php .entry-content section.team-members .right-managers { width: 45%; } } @media (max-width: 29.938em) { .page-template-team-php .entry-content section.team-members .right-managers { width: 100%; float: none; } } .page-template-team-php .entry-content section.team-members .right-managers span { position: relative; margin-bottom: 1.5em; content: ""; display: table; clear: both; } .select-growth-fund #page #related-content .summary, .global-balanced-fund #page #related-content .summary, .preferred-income-fund #page #related-content .summary { display: none; } @media (max-width: 29.938em) { .page-template-login-php .content-area { top: 0; } } .page-template-login-php .entry-content { position: relative; display: flex; flex-wrap: wrap; padding: 2em; } .page-template-login-php .entry-content section { position: relative; flex: 0 0 44%; padding: 4em 3%; margin: 0 2%; } @media (max-width: 29.938em) { .page-template-login-php .entry-content section { flex: 0 0 100%; padding: 3em 2%; margin: 0 2%; } } .page-template-login-php .entry-content section:first-of-type { border-right: 2px solid #c7e1f7; } @media (max-width: 29.938em) { .page-template-login-php .entry-content section:first-of-type { flex: 0 0 75%; border: none; } } @media (max-width: 29.938em) { .page-template-login-php .entry-content section:nth-child(2) { border-top: 1px solid #7895aC; } } .page-template-login-php .entry-content section.loginform { position: relative; } .page-template-login-php .entry-content section.loginform .submit-instruction .login-failure { color: #ff0000; font-size: 0.86em; padding: 1em 0; } .page-template-login-php .entry-content section.loginform .loginform-info { position: relative; top: 1em; } .page-template-login-php .entry-content section.loginform .loginform-info p { margin: 0; padding: 0; color: #999999; font-size: 0.8em; } .page-template-login-php .entry-content section.loginform #login_forgot_password { line-height: 1; display: block; text-align: right; color: #7895aC; border: none !important; top: 0.25em; position: relative; font-size: 0.7em; cursor: pointer; text-decoration: none; } .page-template-login-php .entry-content section.loginform #login_forgot_password:hover { color: #30455c; } .page-template-login-php .entry-content section.loginform #login-popup { position: absolute; left: 0.5%; display: none; flex-flow: row wrap; width: 100%; height: auto; background: rgba(56, 115, 160, 0.89); justify-content: center; font-family: "source_sans_proregular", sans-serif; font-size: 1.1em; color: #ffffff; z-index: 1; margin: auto; -webkit-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); } .page-template-login-php .entry-content section.loginform #login-popup header { background: #3873a0; padding: 0.7em 0 0.7em 2.5%; text-transform: uppercase; text-align: left; font-family: "source_sans_probold", sans-serif; flex: 0 0 89%; align-self: flex-start; } .page-template-login-php .entry-content section.loginform #login-popup .popup-close { background: #3873a0; padding: 0; text-align: center; font-family: "source_sans_probold", sans-serif; flex: 0 0 10.5%; align-self: flex-start; line-height: 2.64; } .page-template-login-php .entry-content section.loginform #login-popup .popup-close a { color: #ffffff; text-decoration: none; display: block; width: 100%; height: 100%; } .page-template-login-php .entry-content section.loginform #login-popup .popup-close a:hover { background: #597d99; } .page-template-login-php .entry-content section.loginform #login-popup .popup-content { align-self: center; text-align: center; margin: 0.8em 0; max-width: 80%; } .page-template-login-php .entry-content section.loginform #login-popup .popup-content p { margin-bottom: 1em; padding: 0; } .page-template-login-php .entry-content section.loginform #login-popup .popup-content a { color: #ffffff; } .page-template-login-php .entry-content section.loginform #login-popup .popup-content .error-password { color: #ff0000; font-size: 0.86em; line-height: 2; display: none; } .page-template-login-php .entry-content section.loginform #login-popup footer { flex: 0 0 100%; align-self: flex-end; text-align: center; padding-bottom: 1.4em; } .page-template-login-php .entry-content section.registerform { position: relative; } .page-template-login-php .entry-content section.registerform .registerform-info ul { list-style: disc !important; } .page-template-login-php .entry-content section.registerform p { margin: 0; padding: 0; color: #545454; font-size: 0.95em; } .page-template-login-php .entry-content section.login-info { position: relative; flex: 0 0 100%; top: 2.5em; border-top: 2px solid #c7e1f7; padding: 3em 3% 6em; margin: 0; } @media (max-width: 29.938em) { .page-template-login-php .entry-content section.login-info { border: none; padding: 0 0 4em; } } .page-template-login-php .entry-content section.login-info p:first-of-type { font-weight: 800; } .page-template-login-php .entry-content p { position: relative; margin-bottom: 0; } @media (max-width: 29.938em) { .page-template-login-php .entry-content p { padding: 0; } } .page-template-login-php.ie .entry-content section.loginform, .page-template-login-php.ie .entry-content section.registerform { flex: 0 0 42%; padding: 4em 2%; margin: 0 1%; } @media (max-width: 29.938em) { .page-template-login-php.ie .entry-content section.loginform, .page-template-login-php.ie .entry-content section.registerform { flex: 0 0 100%; padding: 3em 2%; margin: 0 2%; } } @media (max-width: 29.938em) { .page-template-register-php .content-area, .page-template-reset_password-php .content-area, .page-template-update_password-php .content-area { top: 2em; } } .page-template-register-php .entry-content, .page-template-reset_password-php .entry-content, .page-template-update_password-php .entry-content { position: relative; padding: 6em 6em 10em; } @media (max-width: 29.938em) { .page-template-register-php .entry-content, .page-template-reset_password-php .entry-content, .page-template-update_password-php .entry-content { padding: 2em 2em 2em; } } .page-template-register-php .entry-content section, .page-template-reset_password-php .entry-content section, .page-template-update_password-php .entry-content section { position: relative; } .page-template-register-php .entry-content section:first-of-type, .page-template-reset_password-php .entry-content section:first-of-type, .page-template-update_password-php .entry-content section:first-of-type { color: #999999; font-size: 0.95em; padding-top: 1em; } .page-template-register-php .entry-content section:first-of-type p, .page-template-reset_password-php .entry-content section:first-of-type p, .page-template-update_password-php .entry-content section:first-of-type p { margin: 0; padding: 0; } .page-template-register-php .entry-content section.update_password_info, .page-template-reset_password-php .entry-content section.update_password_info, .page-template-update_password-php .entry-content section.update_password_info { position: relative; margin-bottom: 2em; } .page-template-register-php .entry-content section#update_password .black, .page-template-reset_password-php .entry-content section#update_password .black, .page-template-update_password-php .entry-content section#update_password .black { color: #545454; display: block; clear: both; } .page-template-register-php .entry-content section#update_password p, .page-template-reset_password-php .entry-content section#update_password p, .page-template-update_password-php .entry-content section#update_password p { padding: 0; } .page-template-register-php .entry-content section#update_password .update-password-currentpassword-failure, .page-template-reset_password-php .entry-content section#update_password .update-password-currentpassword-failure, .page-template-update_password-php .entry-content section#update_password .update-password-currentpassword-failure { display: block; font-size: 0.8em; color: #ff0000; margin: 0.25em 0 1em; line-height: 1.2; width: 60%; } .page-template-register-php .entry-content section.reset_password_info, .page-template-reset_password-php .entry-content section.reset_password_info, .page-template-update_password-php .entry-content section.reset_password_info { position: relative; margin-bottom: 2em; } .page-template-register-php .entry-content section#reset-password p, .page-template-reset_password-php .entry-content section#reset-password p, .page-template-update_password-php .entry-content section#reset-password p { padding: 2em 0; margin: 0; } .page-template-register-php .entry-content section.registerform, .page-template-reset_password-php .entry-content section.registerform, .page-template-update_password-php .entry-content section.registerform { position: relative; } .page-template-register-php .entry-content section.registerform:first-of-type, .page-template-reset_password-php .entry-content section.registerform:first-of-type, .page-template-update_password-php .entry-content section.registerform:first-of-type { padding-top: 0; } .page-template-register-php .entry-content section.registerform .gform_wrapper li.gfield.gfield_error, .page-template-reset_password-php .entry-content section.registerform .gform_wrapper li.gfield.gfield_error, .page-template-update_password-php .entry-content section.registerform .gform_wrapper li.gfield.gfield_error { padding: 0; background: #ffffff; border: none; } .page-template-register-php .entry-content section.registerform .gfield_description.validation_message, .page-template-reset_password-php .entry-content section.registerform .gfield_description.validation_message, .page-template-update_password-php .entry-content section.registerform .gfield_description.validation_message { position: absolute; left: 0; color: #ff0000; font-weight: normal; margin-top: 3em; } .page-template-register-php .entry-content section.registerform li.gfield.national-id .gfield_description.validation_message, .page-template-reset_password-php .entry-content section.registerform li.gfield.national-id .gfield_description.validation_message, .page-template-update_password-php .entry-content section.registerform li.gfield.national-id .gfield_description.validation_message { bottom: 1.5em; left: 22.5%; } .page-template-register-php .entry-content section.registerform .gform_wrapper div.validation_error, .page-template-reset_password-php .entry-content section.registerform .gform_wrapper div.validation_error, .page-template-update_password-php .entry-content section.registerform .gform_wrapper div.validation_error { display: none; } .page-template-register-php .entry-content section.registerform #registerform, .page-template-reset_password-php .entry-content section.registerform #registerform, .page-template-update_password-php .entry-content section.registerform #registerform { width: 58.5%; display: flex; flex-flow: row wrap; } @media (max-width: 47.938em) { .page-template-register-php .entry-content section.registerform #registerform, .page-template-reset_password-php .entry-content section.registerform #registerform, .page-template-update_password-php .entry-content section.registerform #registerform { width: 88.5%; } } .page-template-register-php .entry-content section.registerform #registerform .error-register, .page-template-reset_password-php .entry-content section.registerform #registerform .error-register, .page-template-update_password-php .entry-content section.registerform #registerform .error-register { position: relative; color: #ff0000 !important; font-size: 0.75em; display: block; line-height: 1.2; top: -1em; display: none; } .page-template-register-php .entry-content section.registerform #registerform .error-register:last-of-type, .page-template-reset_password-php .entry-content section.registerform #registerform .error-register:last-of-type, .page-template-update_password-php .entry-content section.registerform #registerform .error-register:last-of-type { top: 2em; } .page-template-register-php .entry-content section.registerform .help, .page-template-reset_password-php .entry-content section.registerform .help, .page-template-update_password-php .entry-content section.registerform .help { position: relative; font-family: "source_sans_probold", sans-serif; color: #3873a0; background: #ffffff; border: 2px solid #7895aC; border-radius: 50%; padding: 0 0.5823em; font-size: 0.7em; line-height: 1.5; align-self: flex-start; flex: 0 0 4.5%; margin-left: 4%; margin-top: 0.8em; cursor: text; font-style: normal; } .page-template-register-php .entry-content section.registerform .help .tooltip, .page-template-reset_password-php .entry-content section.registerform .help .tooltip, .page-template-update_password-php .entry-content section.registerform .help .tooltip { font-family: "source_sans_proregular", sans-serif; position: absolute; width: 280px; color: #3873a0; background: #ffffff; border: 1px solid #3873a0; height: auto; line-height: 1.6; text-align: left; border-radius: 0; padding: 0.75em; font-size: 1.5em; left: 100%; top: 0; margin-top: 1em; margin-left: 1.2em; z-index: 0; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; transition: 0.3s ease; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; transition-delay: 0ms; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; transition-delay: 100ms; } @media (max-width: 29.938em) { .page-template-register-php .entry-content section.registerform .help .tooltip, .page-template-reset_password-php .entry-content section.registerform .help .tooltip, .page-template-update_password-php .entry-content section.registerform .help .tooltip { margin-left: -1862%; } } .page-template-register-php .entry-content section.registerform .help .tooltip:before, .page-template-reset_password-php .entry-content section.registerform .help .tooltip:before, .page-template-update_password-php .entry-content section.registerform .help .tooltip:before { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -9px; width: 0; height: 0; border-right: 9px solid #3873a0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; } @media (max-width: 29.938em) { .page-template-register-php .entry-content section.registerform .help .tooltip:before, .page-template-reset_password-php .entry-content section.registerform .help .tooltip:before, .page-template-update_password-php .entry-content section.registerform .help .tooltip:before { right: -3%; border-right: none; border-left: 9px solid #3873a0; } } .page-template-register-php .entry-content section.registerform .help .tooltip:after, .page-template-reset_password-php .entry-content section.registerform .help .tooltip:after, .page-template-update_password-php .entry-content section.registerform .help .tooltip:after { content: ''; position: absolute; top: 50%; right: 100%; margin-top: -7px; width: 0; height: 0; border-right: 7px solid #ffffff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } @media (max-width: 29.938em) { .page-template-register-php .entry-content section.registerform .help .tooltip:after, .page-template-reset_password-php .entry-content section.registerform .help .tooltip:after, .page-template-update_password-php .entry-content section.registerform .help .tooltip:after { right: -2.5%; border-right: none; border-left: 7px solid #ffffff; } } .page-template-register-php .entry-content section.registerform .help:hover .tooltip, .page-template-reset_password-php .entry-content section.registerform .help:hover .tooltip, .page-template-update_password-php .entry-content section.registerform .help:hover .tooltip { z-index: 1; opacity: 1; } .page-template-register-php .entry-content section.registerform .help.email:hover .tooltip, .page-template-register-php .entry-content section.registerform .help.acc-number:hover .tooltip, .page-template-reset_password-php .entry-content section.registerform .help.email:hover .tooltip, .page-template-reset_password-php .entry-content section.registerform .help.acc-number:hover .tooltip, .page-template-update_password-php .entry-content section.registerform .help.email:hover .tooltip, .page-template-update_password-php .entry-content section.registerform .help.acc-number:hover .tooltip { top: -2.7em; } .page-template-register-php .entry-content section.registerform .help.national-id:hover .tooltip, .page-template-reset_password-php .entry-content section.registerform .help.national-id:hover .tooltip, .page-template-update_password-php .entry-content section.registerform .help.national-id:hover .tooltip { top: -4.4em; } .page-template-portfolio .entry-content { padding: 2em 2em; display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: flex-end; } .page-template-portfolio .entry-content a.portfolio_breadcrumb { flex: 1 0 100%; font-size: 0.9em; color: #545454; text-transform: uppercase; margin: 1em 0 2.5em; text-decoration: none; visibility: hidden; } .page-template-portfolio .entry-content a.portfolio_breadcrumb:before { content: "◀︎"; display: inline; margin-right: 0.75em; color: #545454; font-size: 0.75em; } .page-template-portfolio .entry-content a.portfolio_breadcrumb:hover { color: #7895aC; } .page-template-portfolio .entry-content a.portfolio_breadcrumb:hover:before { color: #7895aC; } .page-template-portfolio .entry-content h1 { flex: 0 0 100%; } .page-template-portfolio .entry-content .dataTables_wrapper { width: 100%; } .page-template-portfolio .entry-content .dataTables_wrapper table.dataTable { border-bottom: none; } .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_length, .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_filter, .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_info { display: none; } .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_paginate { float: left; text-align: left; padding-top: 1.5em; } .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_paginate a.paginate_button { position: relative; margin: 0 0.5em; cursor: pointer; color: #7895aC !important; box-sizing: border-box; display: inline-block; min-width: 0; padding: 0; margin-left: 0; text-align: center; text-decoration: none !important; cursor: pointer; border: 1px solid transparent; border-radius: none; } .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_paginate a.paginate_button:hover { background: none; color: #545454 !important; } .page-template-portfolio .entry-content .dataTables_wrapper .dataTables_paginate .current { font-family: "source_sans_probold", sans-serif; border: none; background: transparent; } .page-template-portfolio .entry-content table#portfolio_summary { font-size: 0.85em; flex: 1 0 100%; margin-top: 2em; } .page-template-portfolio .entry-content table#portfolio_summary caption { display: none; } .page-template-portfolio .entry-content table#portfolio_summary thead { font-family: "source_sans_probold", sans-serif; text-transform: uppercase; font-size: 0.95em; letter-spacing: -0.02em; } .page-template-portfolio .entry-content table#portfolio_summary tr .sorting, .page-template-portfolio .entry-content table#portfolio_summary tr .sorting_asc, .page-template-portfolio .entry-content table#portfolio_summary tr .sorting_desc, .page-template-portfolio .entry-content table#portfolio_summary tr .sorting_asc_disabled, .page-template-portfolio .entry-content table#portfolio_summary tr .sorting_desc_disabled { background: none; } .page-template-portfolio .entry-content table#portfolio_summary tr th, .page-template-portfolio .entry-content table#portfolio_summary tr td { border-collapse: collapse; border-bottom: 1px solid #c7e1f7; padding: 1em 0; } .page-template-portfolio .entry-content table#portfolio_summary tr th a, .page-template-portfolio .entry-content table#portfolio_summary tr td a { text-decoration: none; color: #7895aC; } .page-template-portfolio .entry-content table#portfolio_summary tr th a:hover, .page-template-portfolio .entry-content table#portfolio_summary tr td a:hover { color: #545454; } .page-template-portfolio .entry-content table#portfolio_summary tr th a { text-decoration: none; } .page-template-portfolio .entry-content table#portfolio_summary tr .sortable_header:after { content: "▽"; display: inline; margin-left: 0.5em; color: #3873a0; font-size: 0.6em; opacity: 0.9; } .page-template-portfolio .entry-content table#portfolio_summary tr .sortable_header.sorting_asc:after { content: "▼"; display: inline; margin-left: 0.5em; color: #7895aC; font-size: 0.6em; } .page-template-portfolio .entry-content table#portfolio_summary tr .sortable_header.sorting_desc:after { content: "▲"; display: inline; margin-left: 0.5em; color: #7895aC; font-size: 0.6em; } .page-template-portfolio .entry-content table#portfolio_summary tr td { color: #545454; text-align: center; } .page-template-portfolio .entry-content table#portfolio_summary tr td:first-of-type { text-align: left; } .page-template-portfolio .entry-content .pager .page-number { position: relative; margin: 0 0.5em; cursor: pointer; } .page-template-portfolio .entry-content .pager .active { font-family: "source_sans_probold", sans-serif; } .page-template-fund_detail #DateControl { display: inline-block; } .page-template-fund_detail .ui-datepicker { font-size: 100%; } .page-template-fund_detail table thead tr th { text-align: center; } .page-template-fund_detail table thead tr th:first-of-type, .page-template-fund_detail table thead tr th:nth-child(2) { text-align: left; } .page-template-fund_detail table tr td { width: 20%; } /* ------------- ADHOC API DISPLAY ---------------- */ .page-template-portfolio #api_header { padding: 1em; color: #7cc242; background: #ffffff; font-weight: 400 !important; text-transform: uppercase; font-size: 1.5em; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0; line-height: 1; content: ""; display: table; clear: both; } .page-template-portfolio #quote-title { padding: 1em; color: #ffffff; background: #7895aC; font-family: "source_sans_prolight", sans-serif; text-transform: none; font-style: italic; font-size: 1.4em; font-weight: 700; letter-spacing: -0.02em; margin-top: 1em; content: ""; display: table; clear: both; } .page-template-portfolio #quote-content { margin: 0; padding: 2em; color: #ffffff; background: #3873a0; font-size: 0.95em; display: inline-block; } .page-template-fund_detail .entry-content { padding: 2em 2em; display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: flex-end; } .page-template-fund_detail .entry-content a.portfolio_breadcrumb { flex: 1 0 100%; font-size: 0.9em; color: #545454; text-transform: uppercase; margin: 1em 0 2.5em; text-decoration: none; } .page-template-fund_detail .entry-content a.portfolio_breadcrumb:before { content: "◀︎"; display: inline; margin-right: 0.75em; color: #545454; font-size: 0.75em; } .page-template-fund_detail .entry-content a.portfolio_breadcrumb:hover { color: #7895aC; } .page-template-fund_detail .entry-content a.portfolio_breadcrumb:hover:before { color: #7895aC; } .page-template-fund_detail .entry-content h1 { flex: 1 0 100%; margin-bottom: 1em; } .page-template-fund_detail .entry-content #download_statement { flex: 0 0 45%; display: flex; justify-content: space-between; align-items: flex-end; position: relative; } .page-template-fund_detail .entry-content #download_statement header { flex: 0 0 auto !important; } .page-template-fund_detail .entry-content #download_statement .links { color: #7895aC; } .page-template-fund_detail .entry-content #download_statement .links a { display: inline; margin: auto 0.5em; padding: 0; border: none; border-radius: 0; cursor: pointer; font-size: 1em; background-color: none; background: none; } .page-template-fund_detail .entry-content #download_statement .links a:hover { background: none; border: none; } .page-template-fund_detail .entry-content #download_statement .links a:first-of-type { padding-right: 0.5em; border-right: 1px solid #7895aC; } .page-template-fund_detail .entry-content #download_statement .links a:first-of-type:hover { background: none; border-right: 1px solid #7895aC; } .page-template-fund_detail .entry-content #download_statement .links a.inactive { color: #dedede; cursor: default; } .page-template-fund_detail .entry-content section { display: flex; flex-flow: row wrap; flex: 1 0 100%; } .page-template-fund_detail .entry-content section label { background: #F7FBFD; border-bottom: 1px solid #7895aC; text-transform: uppercase; padding: .7em 1.5em; cursor: pointer; z-index: 1; margin-left: 1px; font-size: 0.8em; color: #545454; } .page-template-fund_detail .entry-content section label:first-of-type { margin-left: 0; } .page-template-fund_detail .entry-content section > div { width: 100%; margin-top: -1px; padding: 1em; border-top: 1px solid #7895aC; order: 1; background: #ffffff; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper { width: 100%; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper table.dataTable { border-bottom: none; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_length, .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_filter, .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_info { display: none; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_paginate { float: left; text-align: left; padding-top: 1.5em; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_paginate a.paginate_button { position: relative; margin: 0 0.5em; cursor: pointer; color: #7895aC !important; box-sizing: border-box; display: inline-block; min-width: 0; padding: 0; margin-left: 0; text-align: center; text-decoration: none !important; cursor: pointer; border: 1px solid transparent; border-radius: none; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_paginate a.paginate_button:hover { background: none; color: #545454 !important; } .page-template-fund_detail .entry-content section > div .dataTables_wrapper .dataTables_paginate .current { font-family: "source_sans_probold", sans-serif; border: none; background: transparent; } .page-template-fund_detail .entry-content section input[type=radio], .page-template-fund_detail .entry-content section > div { display: none; } .page-template-fund_detail .entry-content section input[type=radio]:checked + label { background: #ffffff; border: 1px solid #7895aC; border-bottom: 1px solid #ffffff; font-family: "source_sans_probold", sans-serif; } .page-template-fund_detail .entry-content section input[type=radio]:checked + label + div { display: block; } .page-template-fund_detail .entry-content section .filter_links { display: flex; justify-content: flex-start; margin: 0.75em 0 1em; height: 2em; } .page-template-fund_detail .entry-content section .filter_links .links > input { font-size: 0.7em; text-transform: uppercase; text-decoration: none; color: #7895aC; display: inline; margin: 0; cursor: pointer; background: transparent; box-shadow: none; border: none; padding: 0.6em 0.5em 0.4em; } .page-template-fund_detail .entry-content section .filter_links .links > input:hover { color: #545454; } .page-template-fund_detail .entry-content section .filter_links #external_range_container { display: none; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 { display: inline; margin-left: 0.75em; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 .yadcf-filter-wrapper-inner, .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 input.yadcf-filter-date { display: inline-block; border: none; font-size: 80%; width: 65%; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 .yadcf-filter-wrapper-inner .yadcf-filter-range-date-seperator, .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 input.yadcf-filter-date .yadcf-filter-range-date-seperator { margin: 0 0.25em; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 > div { position: relative; margin-left: 0.5em; display: inline; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 #filter-btn { position: relative; display: inline; } .page-template-fund_detail .entry-content section .filter_links #external_filter_container_6 .yadcf-filter-reset-button { margin-left: 0.5em; } .page-template-fund_detail .entry-content section table#transaction_activity { font-size: 0.85em; } .page-template-fund_detail .entry-content section table#transaction_activity caption { display: none; } .page-template-fund_detail .entry-content section table#transaction_activity thead { font-family: "source_sans_probold", sans-serif; text-transform: uppercase; font-size: 0.95em; letter-spacing: -0.02em; } .page-template-fund_detail .entry-content section table#transaction_activity thead tr .sorting, .page-template-fund_detail .entry-content section table#transaction_activity thead tr .sorting_asc, .page-template-fund_detail .entry-content section table#transaction_activity thead tr .sorting_desc, .page-template-fund_detail .entry-content section table#transaction_activity thead tr .sorting_asc_disabled, .page-template-fund_detail .entry-content section table#transaction_activity thead tr .sorting_desc_disabled { background: none; } .page-template-fund_detail .entry-content section table#transaction_activity thead tr th { text-align: center; } .page-template-fund_detail .entry-content section table#transaction_activity thead tr th:first-of-type, .page-template-fund_detail .entry-content section table#transaction_activity thead tr th:nth-child(2) { text-align: left; } .page-template-fund_detail .entry-content section table#transaction_activity thead tr td { width: 20%; } .page-template-fund_detail .entry-content section table#transaction_activity tr th, .page-template-fund_detail .entry-content section table#transaction_activity tr td { border-collapse: collapse; border-bottom: 1px solid #c7e1f7; padding: 1em 0; } .page-template-fund_detail .entry-content section table#transaction_activity tr th a { text-decoration: none; } .page-template-fund_detail .entry-content section table#transaction_activity tr td { color: #545454; text-align: center; } .page-template-fund_detail .entry-content section table#transaction_activity tr td:first-of-type { text-align: left; } .page-template-fund_detail .entry-content section table#transaction_activity tr .sortable_header:after { content: "▽"; display: inline; margin-left: 0.5em; color: #3873a0; font-size: 0.6em; opacity: 0.9; } .page-template-fund_detail .entry-content section table#transaction_activity tr .sortable_header.sorting_asc:after { content: "▼"; display: inline; margin-left: 0.5em; color: #7895aC; font-size: 0.6em; } .page-template-fund_detail .entry-content section table#transaction_activity tr .sortable_header.sorting_desc:after { content: "▲"; display: inline; margin-left: 0.5em; color: #7895aC; font-size: 0.6em; } .page-template-fund_detail .entry-content section .pager .page-number { position: relative; margin: 0 0.5em; cursor: pointer; } .page-template-fund_detail .entry-content section .pager .active { font-family: "source_sans_probold", sans-serif; } .page-template-fund_detail .entry-content #fundinformation { display: flex; padding-bottom: 3em; } .page-template-fund_detail .entry-content #fundinformation .item { flex: 0 0 25%; margin: 1em 5%; font-size: 0.95em; } .page-template-fund_detail .entry-content #fundinformation .item:first-of-type { padding-right: 10%; border-right: 1px solid #3873a0; } .page-template-fund_detail .entry-content #fundinformation .item header { text-transform: uppercase; } .page-template-fund_detail .entry-content #fundinformation .item span { color: #545454; } .page-template-fund_detail .entry-content #fundinformation .item span > header { font-size: 0.6em; color: #7895aC; line-height: 1; margin-top: 2em; } .page-template-fund_detail .entry-content #fundinformation ._error { display: flex wrap; } .page-template-fund_detail .entry-content #fundinformation ._error .error { flex: 0 0 95%; font-size: 0.95em; clear: both; } .page-template-fund_detail .entry-content #fundinformation ._error header { font-family: "source_sans_probold", sans-serif; color: #545454; content: ""; display: table; clear: both; } .page-template-account .entry-content { padding: 2em 2em; display: flex; flex-flow: row wrap; align-content: flex-start; } .page-template-account .entry-content a.portfolio_breadcrumb { flex: 1 0 100%; font-size: 0.9em; color: #545454; text-transform: uppercase; margin: 1em 0 3em; text-decoration: none; visibility: hidden; } .page-template-account .entry-content a.portfolio_breadcrumb:before { content: "◀︎"; display: inline; margin-right: 0.75em; color: #545454; font-size: 0.75em; } .page-template-account .entry-content a.portfolio_breadcrumb:hover { color: #7895aC; } .page-template-account .entry-content a.portfolio_breadcrumb:hover:before { color: #7895aC; } .page-template-account .entry-content #account_login_info { flex: 1 0 100%; display: flex; justify-content: space-between; } .page-template-account .entry-content #account_login_info section { position: relative; padding: 0 0 2em; margin: 0 2%; } @media (max-width: 29.938em) { .page-template-account .entry-content #account_login_info section { flex: 0 0 100%; padding: 3em 2%; margin: 0 2%; } } .page-template-account .entry-content #account_login_info section:first-of-type { border-right: 2px solid #c7e1f7; } @media (max-width: 29.938em) { .page-template-account .entry-content #account_login_info section:first-of-type { flex: 0 0 75%; border: none; } } .page-template-account .entry-content #account_login_info section > header { text-transform: uppercase; line-height: 1.6; margin-bottom: 1.5em; } .page-template-account .entry-content #account_login_info #account_info { flex: 0 0 44%; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; } .page-template-account .entry-content #account_login_info #account_info span { color: #545454; } .page-template-account .entry-content #account_login_info #account_info span > header { font-size: 0.6em; color: #7895aC; line-height: 1; margin-top: 2em; text-transform: uppercase; } .page-template-account .entry-content #account_login_info #account_info .instructional_info { background: #F7FBFD; padding: 2em 1.75em 1em; margin-top: 2em; font-size: 0.75em; line-height: 1.2; color: #545454; width: 90%; } .page-template-account .entry-content #account_login_info #account_info .instructional_info a { font-family: "source_sans_proregular", sans-serif; text-decoration: none; color: #3873a0; margin-top: 0.5em; line-height: 2; } .page-template-account .entry-content #account_login_info #account_info .instructional_info a:hover { color: #545454; } .page-template-account .entry-content #account_login_info #account_info .instructional_info p { padding: 0; } .page-template-account .entry-content #account_login_info #account_info .instructional_info p:last-of-type { color: #999999; text-align: right; margin-top: 2em; font-size: 0.75em; } .page-template-account .entry-content #account_login_info #account_info .instructional_info p a { font-family: "source_sans_proregular", sans-serif !important; text-decoration: none; color: #3873a0; margin-top: 0.5em; line-height: 2; } .page-template-account .entry-content #account_login_info #account_info .instructional_info p a:hover { color: #545454; } .page-template-account .entry-content #account_login_info #account_info .instructional_info p strong { line-height: 2; } .page-template-account .entry-content #account_login_info #login_info { flex: 0 0 40%; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .help { position: relative; font-family: "source_sans_probold", sans-serif; cursor: pointer; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip { font-family: "source_sans_proregular", sans-serif; position: absolute; width: 280px; color: #3873a0; background: #ffffff; border: 1px solid #3873a0; height: auto; line-height: 1.6; text-align: left; border-radius: 0; padding: 0.75em; font-size: 1.1em; left: -1.5em; top: -8em; margin-top: 1em; margin-left: 1.2em; z-index: -1; opacity: 0; -webkit-transition: opacity 250ms ease-out; -moz-transition: opacity 250ms ease-out; -ms-transition: opacity 250ms ease-out; -o-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; } @media (max-width: 29.938em) { .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip { margin-left: -1862%; } } .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip:before { content: ''; position: absolute; top: 100%; right: 12%; margin-top: 0; width: 0; height: 0; border-top: 9px solid #3873a0; border-right: 9px solid transparent; border-left: 9px solid transparent; } @media (max-width: 29.938em) { .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip:before { right: -3%; border-right: none; border-left: 9px solid #3873a0; } } .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip:after { content: ''; position: absolute; top: 100%; right: 12.5%; margin-top: 0; width: 0; height: 0; border-top: 7px solid #ffffff; border-right: 7px solid transparent; border-left: 7px solid transparent; } @media (max-width: 29.938em) { .page-template-account .entry-content #account_login_info #login_info #login_info_form .help .help-tooltip:after { right: -2.5%; border-right: none; border-left: 7px solid #ffffff; } } .page-template-account .entry-content #account_login_info #login_info #login_info_form .help:hover .help-tooltip { opacity: 1; z-index: 1; } .page-template-account .entry-content #account_login_info #login_info #login_info_form input[type="email"], .page-template-account .entry-content #account_login_info #login_info #login_info_form input[type="password"] { text-transform: none; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .login-info { font-size: 0.75em; line-height: 1.2; top: 4em; position: relative; color: #999999; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .password_reminder-instruction { line-height: 1; display: block; text-align: right; color: #7895aC; border: none !important; top: -0.75em; position: relative; font-size: 0.7em; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .submit-instruction { display: block; font-size: 0.8em; color: #7cc242; margin: 0.5em 0 2.5em; line-height: 2; } .page-template-account .entry-content #account_login_info #login_info #login_info_form .confirm_newpassword-instruction, .page-template-account .entry-content #account_login_info #login_info #login_info_form .email-instruction, .page-template-account .entry-content #account_login_info #login_info #login_info_form #acc_email-error, .page-template-account .entry-content #account_login_info #login_info #login_info_form #newpassword-error, .page-template-account .entry-content #account_login_info #login_info #login_info_form #confirm_newpassword-error { line-height: 1.2; display: block; text-align: right; top: -0.75em; position: relative; font-size: 0.8em; text-align: left; color: #ff0000 !important; } .page-template-contact #page #related-content { background: #ffffff; } .page-template-contact #page #related-content .related-content-wrap > p:first-of-type { color: #7895aC; margin-top: 2em; } .page-template-contact #page #related-content .related-content-wrap .gform_anchor:after { content: ""; padding: 0; background: none; border-bottom: 1px solid #ffffff !important; } .page-template-portfolio_contact-php .entry-content { padding: 2em 2em 4em; display: flex; flex-flow: row wrap; flex: 0 0 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .page-template-portfolio_contact-php .entry-content section { position: relative; padding: 0; margin: 0; } @media (max-width: 29.938em) { .page-template-portfolio_contact-php .entry-content section { flex: 0 0 100%; padding: 3em 2%; margin: 0 2%; } } .page-template-portfolio_contact-php .entry-content section > header { text-transform: uppercase; margin-bottom: 0; font-size: 1.2em; height: 1.6em; } .page-template-portfolio_contact-php .entry-content section p { margin: 1em 0 0; padding: 0; font-size: 0.9em; color: #545454; } .page-template-portfolio_contact-php .entry-content a.portfolio_breadcrumb { flex: 0 0 100%; font-size: 0.9em; color: #545454; text-transform: uppercase; margin: 1em 0 3em; text-decoration: none; order: -3; } .page-template-portfolio_contact-php .entry-content a.portfolio_breadcrumb:before { content: "◀︎"; display: inline; margin-right: 0.75em; color: #545454; font-size: 0.75em; } .page-template-portfolio_contact-php .entry-content a.portfolio_breadcrumb:hover { color: #7895aC; } .page-template-portfolio_contact-php .entry-content a.portfolio_breadcrumb:hover:before { color: #7895aC; } .page-template-portfolio_contact-php .entry-content section#map { position: relative; flex: 0 0 69%; height: auto; order: -1; } .page-template-portfolio_contact-php .entry-content section#map .map { position: relative; flex: 0 0 100%; height: 240px; padding-bottom: 2em; margin-top: 1em; /* fixes potential theme css conflict */ } .page-template-portfolio_contact-php .entry-content section#map .map img { max-width: inherit !important; } .page-template-portfolio_contact-php .entry-content section#contact-details { /* align-content: flex-start; */ width: 62%; right: 0; position: absolute; align-self: flex-end; margin-top: -5em; margin-right: 7%; } .page-template-portfolio_contact-php .entry-content section#contact-details .contact-details-wrap { display: flex; flex-flow: row wrap; justify-content: space-around; align-content: flex-start; } .page-template-portfolio_contact-php .entry-content section#contact-details .contact-details-wrap header { flex: 0 0 100%; color: #3873a0; } .page-template-portfolio_contact-php .entry-content section#contact-details .contact-details-wrap .item { position: relative; flex: 0 0 45%; margin-top: 1.75em; padding-bottom: 2em; font-size: 0.95em; } .page-template-portfolio_contact-php .entry-content section#contact-details .contact-details-wrap .item h4 { margin: 0 0 0.25em; padding: 0; color: #545454; } .page-template-portfolio_contact-php .entry-content section#contact-form { flex: 0 0 26%; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items: stretch; order: -2; margin-right: 5%; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 { display: flex; flex-flow: column nowrap; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 .validation_message { display: none; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 .validation_error { color: #ff0000; font-size: 0.75em; border: none; padding: 0; margin-top: 0; order: 1; font-family: "source_sans_proregular", sans-serif; font-weight: normal; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 .gform_confirmation_wrapper { font-size: 0.9em; margin-top: 2em; color: #7cc242; font-weight: 600; font-style: italic; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error { background: none; border: none; padding: 0; margin: 0; width: 100%; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::-webkit-input-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::-moz-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input:-ms-input-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::-webkit-input-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::-moz-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea:-ms-input-placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::placeholder { color: #ff0000; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::-webkit-input-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::-moz-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input:-ms-input-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error input::placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::-webkit-input-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::-moz-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea:-ms-input-placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 li.gfield_error textarea::placeholder::after { content: ' *'; visibility: visible; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 .gform_footer { order: 2; } .page-template-portfolio_contact-php .entry-content section#contact-form form#gform_2 .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .page-template-portfolio_contact-php.windows .entry-content section#contact-details { margin-top: 24em; align-self: flex-start; } .page-template-portfolio_contact-php.ie .entry-content section#contact-details { margin-top: 19em; } .page-template-portfolio_contact-php.ie .entry-content section#contact-form { align-content: inherit !important; align-items: inherit !important; align-content: flex-start !important; align-items: flex-start !important; } .page-template-portfolio_contact-php.ie .entry-content section#contact-form header { margin-bottom: 1.5em; height: auto !important; } .page-template-portfolio_contact-php.ie .entry-content section#contact-form p { position: relative; width: 100%; } .ie8 .left-managers, .ie8 .right-managers { position: relative; width: 48%; display: inline-block; white-space: nowrap; } .ie8 .right-managers { top: 1em; } .error404 .page-content, .search-no-results .page-content { padding-top: 2em; } .mm-menu > .mm-search, .site-navigation .mm-search { top: 5em !important; } .mm-search { position: relative; margin: 1em 0; } .mm-login { position: relative; margin-bottom: 1em !important; width: 30% !important; top: 2em !important; left: 1em; z-index: 5; } .home #page .above-nav .breadcrumb { visibility: hidden; } .home #page #content { margin: 0; } .home #page #content .accordion-slider { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; } .home #page #content .entry-header { display: none; } .home #page #content .entry-content { background: transparent; padding-bottom: 0; } .home #page #related-content { display: none; } .page-template-logout .hentry { text-align: center; } .page-template-logout .hentry .entry-content { min-height: 5em; padding: 2em 0 7em; } .page-template-logout .hentry .entry-content p { margin-bottom: 1.2em; margin: 2em 20%; border: 1px solid #999999; padding: 1.5em !important; color: #545454; } .page-template-logout .hentry .entry-content #other-links header { text-transform: uppercase; color: #545454; font-size: 0.9em; margin: 3em 0 0.5em; } .page-template-logout #session-timeout-wrapper { position: absolute; width: 100%; height: 100%; z-index: 1000; display: flex; justify-content: center; align-items: center; } .page-template-logout #session-timeout-wrapper #session-timeout-container { background: rgba(56, 115, 160, 0.89); display: flex; flex-flow: row wrap; width: 30%; height: auto; justify-content: center; font-family: "source_sans_proregular", sans-serif; font-size: 1.1em; color: #ffffff; -webkit-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 52px -6px rgba(0, 0, 0, 0.75); } @media (max-width: 29.938em) { .page-template-logout #session-timeout-wrapper #session-timeout-container { width: 130%; } } .page-template-logout #session-timeout-wrapper #session-timeout-container .session-timeout-item { text-align: center; font-family: "source_sans_probold", sans-serif; flex: 0 0 100%; } .page-template-logout #session-timeout-wrapper #session-timeout-container header { background: #3873a0; padding: 0.7em 0 0.7em 2.5%; text-transform: uppercase; } .page-template-logout #session-timeout-wrapper #session-timeout-container .popup-icon { padding: 0; } .page-template-logout #session-timeout-wrapper #session-timeout-container .popup-content { position: relative; margin: 1em 0; max-width: 80%; font-family: "source_sans_proregular", sans-serif; font-size: 1.3em; line-height: 1.3; } .page-template-logout #session-timeout-wrapper #session-timeout-container .popup-content p { margin-bottom: 1em; padding: 0; } .page-template-logout #session-timeout-wrapper #session-timeout-container .popup-content .small { position: relative; font-size: 0.6em; top: -1em; } .page-template-logout #session-timeout-wrapper #session-timeout-container footer { display: flex; flex-flow: column nowrap; width: 0 0 100%; justify-content: center; align-items: center; padding-bottom: 1em; } .page-template-logout #session-timeout-wrapper #session-timeout-container footer button { width: 0 0 100%; } @media all and (min-width: 1024px) { body.privacy-policy .entry-content, body.terms-of-use .entry-content, body.site-map .entry-content { min-height: 38em !important; padding-top: 2em; } body.faq .entry-content, .search-results .entry-content, .page-template-news_archive-php .entry-content { min-height: 38em !important; } .sagicor-net-asset-value #page #related-content, .page-template-stock #page #related-content { order: -1; } .sagicor-net-asset-value #page #related-content h1, .page-template-stock #page #related-content h1 { font-size: 2.2em; line-height: 1.2em; color: #545454; padding: 0; } .sagicor-net-asset-value #page #related-content .summary, .page-template-stock #page #related-content .summary { position: relative; font-size: 0.9em; color: #7895aC; line-height: 1.6em; margin-bottom: 1em; padding: 1em; display: block; } .sagicor-net-asset-value #masthead, .page-template-stock #masthead { order: -4; } .sagicor-net-asset-value #content #main .entry-header, .page-template-stock #content #main .entry-header { display: none; } .ie #page .stock-listings-wrap .lse .details, .ie #page .stock-listings-wrap .ttse .details, .ie #page .stock-listings-wrap .bse .details { display: block; } body.cost-consideration #page #related-content > h1:first-of-type { margin-left: 0.25em; } .page-id-1221.gecko #page #content, body.cost-consideration.gecko #page #content { flex: 0 0 67%; } .page-id-1221.gecko #page #content .entry-content, body.cost-consideration.gecko #page #content .entry-content { min-height: 50vh; } .page-id-1221.gecko #page #related-content, body.cost-consideration.gecko #page #related-content { flex: 0 0 20%; } .select-growth-fund #page #content, .global-balanced-fund #page #content, .preferred-income-fund #page #content { min-height: 25vh; } .page-template-contact #page #related-content { background: #ffffff; } .page-template-contact #page #related-content .related-content-wrap > p:first-of-type { color: #7895aC; margin-top: 2em; margin-bottom: 2em; } .page-template-contact #page #related-content .related-content-wrap > header { display: none; } .page-template-contact #page #related-content .related-content-wrap .gform_anchor { display: none; } .terms-of-use #page #related-content h1 { margin-right: 3em; } .select-growth-fund #page #content #main .entry-content .summary, .global-balanced-fund #page #content #main .entry-content .summary, .preferred-income-fund #page #content #main .entry-content .summary { display: block; } } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 12.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- 12.2 Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- 13.0 Mmenu --------------------------------------------------------------*/ /* Changing Colours */ /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; bottom: 88%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; bottom: 70%; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 16px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px transparent; } .mm-menu { background: #ffffff; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(46, 67, 82, 0); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(46, 67, 82, 0); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; bottom: 88%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; bottom: 70%; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 16px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px transparent; } .mm-menu { background: #ffffff; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(46, 67, 82, 0); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(46, 67, 82, 0); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #ffffff; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #ffffff; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; } .mm-menu .mm-footer { border-color: rgba(46, 67, 82, 0); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; } .mm-header [href].mm-close:after { content: 'x'; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(46, 67, 82, 0); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(46, 67, 82, 0); } .mm-menu label.mm-toggle:before { background: #ffffff; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: #fff; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #fff; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #fff; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: #fff; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: #000; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #000; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #000; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: #000; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /*-------------------------------------------------------------- 14.0 Mmenu --------------------------------------------------------------*/ #tooltip { text-align: center; color: #fff; background: #545454; font-size: 0.8em; position: absolute; z-index: 100; padding: 15px; border-radius: 3px; box-sizing: border-box; top: 15em; } .glossarizer_replaced { font-family: "source_sans_probold", sans-serif; color: #545454; } @media only screen and (max-width: 800px) { #tooltip:before { content: 'x'; position: absolute; color: #fff; right: 8px; top: 3px; font-size: 12px; } } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /*-------------------------------------------------------------- 15.0 Sliders --------------------------------------------------------------*/ .slider { -ms-touch-action: pan-y; /* Prevent default touch actions on Windows 8. Only required for IE10 */ overflow: auto; /* Not required but recommended for accessibility when JavaScript is turned off */ position: relative; touch-action: pan-y; /* Prevent default touch actions on Windows 8. Supported in IE11+ */ } /* AnySlider can be styled to your liking. This is just example styles */ ul#t-stock { margin: 0; padding: 0; text-align: left; display: inline-block; clear: both; overflow: hidden; position: relative !important; float: right !important; height: 14em !important; margin-bottom: 3em; overflow: hidden !important; height: auto; flex: 0 0 46%; } ul#t-nav { margin: 0; padding: 0; text-align: left; display: inline-block; overflow: hidden; position: relative !important; float: left !important; overflow: hidden !important; height: auto; flex: 0 0 54%; } ul#t-stock li.s-slider { position: relative; } li.s-slider { list-style: none !important; } .as-nav { display: none; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ @media all and (min-width: 601px) { ul#t-stock { height: 16em !important; } } .accordion-slider { position: relative; margin-left: auto; margin-right: auto; } .accordion-slider * { -webkit-tap-highlight-color: transparent; } .as-mask { position: absolute; width: 100%; height: 100%; overflow: hidden; } .as-panels { position: absolute; } .as-horizontal .as-panels { height: 100%; } .as-vertical .as-panels { width: 100%; } .as-panel { position: absolute; overflow: hidden; } .as-overlap .as-panel { overflow: visible; } .as-horizontal .as-panel { height: 100%; width: auto; } .as-vertical .as-panel { width: 100%; height: auto; } .as-shadow { -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; } .as-background, .as-background-opened { border: 0; } .as-horizontal .as-background, .as-horizontal .as-background-opened { height: 100%; width: auto; } .as-vertical .as-background, .as-vertical .as-background-opened { width: 100%; height: auto; } .as-background-opened { position: absolute; left: 0; top: 0; visibility: hidden; } .as-layer { position: absolute; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-font-smoothing: subpixel-antialiased; } .as-black { color: #FFF; background: #000; background: rgba(0, 0, 0, 0.7); } .as-white { color: #000; background: #fff; background: rgba(255, 255, 255, 0.7); } .as-rounded { border-radius: 10px; } .as-padding { padding: 10px; } .as-pagination-buttons { position: absolute; top: 100%; width: 100%; text-align: center; padding-top: 10px; } .as-pagination-button { width: 10px; height: 10px; border: 2px solid #000; border-radius: 50%; margin: 4px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .as-pagination-buttons .as-selected { background-color: #000; } .as-has-buttons { margin-bottom: 32px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .as-pagination-button { width: 14px; height: 14px; } .as-has-buttons { margin-bottom: 36px; } } @media only screen and (min-width: 568px) and (max-width: 768px) { .as-pagination-button { width: 16px; height: 16px; } .as-has-buttons { margin-bottom: 38px; } } @media only screen and (min-width: 320px) and (max-width: 568px) { .as-pagination-button { width: 18px; height: 18px; } .as-has-buttons { margin-bottom: 40px; } } .as-selectable { cursor: default; } .as-grab { cursor: url(images/openhand.cur), move; } .as-grabbing { cursor: url(images/closedhand.cur), move; } .as-no-js { overflow: hidden; max-width: 100%; } .accordion-slider p.as-layer { font-size: 14px; line-height: 1.4; } .accordion-slider h1.as-layer { font-size: 32px; line-height: 1.4; } .accordion-slider h2.as-layer { font-size: 24px; line-height: 1.4; } .accordion-slider h3.as-layer { font-size: 19px; line-height: 1.4; } .accordion-slider h4.as-layer { font-size: 16px; line-height: 1.4; } .accordion-slider h5.as-layer { font-size: 13px; line-height: 1.4; } .accordion-slider h6.as-layer { font-size: 11px; line-height: 1.4; } .accordion-slider img.as-layer { border: 0; } .accordion-slider .as-background, .accordion-slider .as-background-opened { max-width: none !important; max-height: none !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; -webkit-box-shadow: none !important; -mox-box-shadow: none !important; box-shadow: none !important; transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .accordion-slider a { position: static; text-decoration: none !important; transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: none !important; } .accordion-slider iframe, .accordion-slider object, .accordion-slider video, .accordion-slider embed, .accordion-slider canvas { max-width: none; max-height: none; } /*-------------------------------------------------------------- 16.0 Fonts --------------------------------------------------------------*/ @font-face { font-family: 'samicons'; src: url("../fonts/samicons/fonts/samicons.eot?5u0hjo"); src: url("../fonts/samicons/fonts/samicons.eot?5u0hjo#iefix") format("embedded-opentype"), url("../fonts/samicons/fonts/samicons.ttf?5u0hjo") format("truetype"), url("../fonts/samicons/fonts/samicons.woff?5u0hjo") format("woff"), url("../fonts/samicons/fonts/samicons.svg?5u0hjo#samicons") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'samicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before { content: "\ea0f"; font-family: 'samicons'; } .icon-exclamation:before { content: "\e901"; } .icon-download:before { content: "\e900"; font-family: 'samicons'; margin-right: 0.5em; } .icon-lse-logo:before { content: "\e602"; } .icon-ttse-logo:before { content: "\e603"; } .icon-bse-logo:before { content: "\e604"; } .icon-logo:before { content: "\e600"; } .icon-footer:before { content: "\e605"; } .icon-header:before { content: "\e606"; } .icon-about:before { content: "\e607"; } .icon-contact:before { content: "\e608"; } .icon-faq:before { content: "\e609"; } .icon-links:before { content: "\e601"; } .icon-search:before { content: "\e60a"; } .icon-x-arrow:before { content: "\e60b"; } .icon-y-arrow:before { content: "\e60c"; } .icon-nav:before { content: "\e60d"; } @font-face { font-family: 'source_sans_prosemibold'; src: url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.eot"); src: url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.woff2") format("woff2"), url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.woff") format("woff"), url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.ttf") format("truetype"), url("../fonts/samisrcsnspro/samisrcsnspro-semibold-webfont.svg#source_sans_prosemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_prolight'; src: url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.eot"); src: url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.woff2") format("woff2"), url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.woff") format("woff"), url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.ttf") format("truetype"), url("../fonts/samisrcsnspro/samisrcsnspro-light-webfont.svg#source_sans_prolight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_probold'; src: url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.eot"); src: url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.woff2") format("woff2"), url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.woff") format("woff"), url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.ttf") format("truetype"), url("../fonts/samisrcsnspro/samisrcsnspro-bold-webfont.svg#source_sans_probold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_proregular'; src: url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.eot"); src: url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.woff2") format("woff2"), url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.woff") format("woff"), url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.ttf") format("truetype"), url("../fonts/samisrcsnspro/samisrcsnspro-regular-webfont.svg#source_sans_proregular") format("svg"); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- 17.0 Datatables --------------------------------------------------------------*/