/* Variables ////////////////////////////////////////* /* Mixins ////////////////////////////////////////* /* IE Friendly Media Queries (http://jakearchibald.github.com/sass-ie/) ==================================================== */ .cf, .main-content .width { zoom: 1; } .cf:before, .main-content .width:before, .cf:after, .main-content .width:after { content: ''; display: table; } .cf:after, .main-content .width:after { clear: both; } .category-blog-pagination ul, .search-result-pagination ul, .search-results { list-style: none; margin: 0; padding: 0; } /* RESET BROWSERS -----------------------------------------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } ::selection { background: #000; color: #fff; text-shadow: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 0; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0 0 15px 18px; } ul li ul, ol li ol { margin: 0; padding: 8px 0 0 16px; } ul li, ol li { padding: 0 0 8px 0; line-height: 1.5em; } ul li:last-child, ol li:last-child { padding: 0 0 0 0; } ol li ol li { list-style-type: lower-alpha; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } video, iframe { width: 100%; z-index: 0; } /* COLOUR PALETTE -----------------------------------------------*/ /* Fonts Import --------------------------------------------- */ @font-face { font-family: 'fjalla_oneregular'; src: url("../fonts/fjallaone/fjallaone-regular-webfont.eot"); src: url("../fonts/fjallaone/fjallaone-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fjallaone/fjallaone-regular-webfont.woff") format("woff"), url("../fonts/fjallaone/fjallaone-regular-webfont.ttf") format("truetype"), url("../fonts/fjallaone/fjallaone-regular-webfont.svg#fjalla_oneregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url("../fonts/opensans/opensans-regular-webfont.eot"); src: url("../fonts/opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url("../fonts/opensans/opensans-italic-webfont.eot"); src: url("../fonts/opensans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-italic-webfont.svg#open_sansitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url("../fonts/opensans/opensans-bold-webfont.eot"); src: url("../fonts/opensans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-bold-webfont.svg#open_sansbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url("../fonts/opensans/opensans-bolditalic-webfont.eot"); src: url("../fonts/opensans/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans/opensans-bolditalic-webfont.woff") format("woff"), url("../fonts/opensans/opensans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg"); font-weight: normal; font-style: normal; } /* BODY STYLES -----------------------------------------------*/ html { min-width: 1100px; } body { font-family: 'open_sansregular', sans-serif; font-weight: 400; font-size: 0.65em; font-style: normal; font-weight: normal; color: #2E2E2E; line-height: 1; background-color: #ffffff; -webkit-font-smoothing: antialiased; -moz-transition: antialiased; -ms-transition: antialiased; -o-transition: antialiased; transition: antialiased; } p { margin: 0 0 8px 0; padding: 0; line-height: 1.5em; } b, strong { font-family: 'open_sansbold', sans-serif; font-weight: normal; } /* HEADINGS -----------------------------------------------*/ h1, h2, h3, h4, h5, h6 { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #2E2E2E; margin: 0; padding: 0; } h2 { font-size: 2.5em; line-height: 1.3em; padding: 0 0 20px 0; margin: 0; } h3 { font-size: 2em; line-height: 1.25em; padding: 20px 0 20px 0; margin: 0; } h4 { font-size: 1.5em; line-height: 1.25em; padding: 25px 0 15px 0; margin: 0; } h5 { font-size: 1.25em; line-height: 1.25em; padding: 25px 0 15px 0; margin: 0; } h6 { font-size: 1.25em; line-height: 1.25em; padding: 25px 0 15px 0; margin: 0; } /* LINKS -----------------------------------------------*/ a { color: #00AEEF; text-decoration: none; } .no-touch a:hover { -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } a:visited { color: #00AEEF; } a:hover { color: #2E2E2E; text-decoration: none; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } /* STRUCTURE -----------------------------------------------*/ .width { width: 1100px; margin: 0 auto; } .main-content { font-size: 1.25em; line-height: 1.2em; padding: 15px 0 40px 0; background-color: #FCF9F9; margin-top: 145px; float: left; width: 100%; } .page-content { width: 80%; float: right; } body.category-menu .page-content .item-page, body.category-blog .page-content .item-page, body.category-news .page-content .item-page, body.category-reports .page-content .item-page, body.category-case-studies .page-content .item-page, body.category-success-stories- .page-content .item-page, body.category-success-stories .page-content .item-page, body.category-ideas-lab .page-content .item-page, body.category-members .page-content .item-page { padding-left: 0; padding-top: 0; } body.category-menu .page-content .item-page h2, body.category-blog .page-content .item-page h2, body.category-news .page-content .item-page h2, body.category-reports .page-content .item-page h2, body.category-case-studies .page-content .item-page h2, body.category-success-stories- .page-content .item-page h2, body.category-success-stories .page-content .item-page h2, body.category-ideas-lab .page-content .item-page h2, body.category-members .page-content .item-page h2 { display: none; } /* TABLES --------------------------------------------- */ table { width: 100%; display: block; margin: 15px 0; } table th { padding: 10px; font-family: 'open_sansbold', sans-serif; font-weight: normal; text-align: left; color: #ffffff; background-color: #00AEEF; border-right: 1px solid #FCF9F9; text-transform: uppercase; } table td { padding: 10px; text-align: left; background-color: #ffffff; border-bottom: 1px solid #FCF9F9; border-right: 1px solid #FCF9F9; } /* SCROLL TO TOP --------------------------------------------- */ a#top-link { display: none; position: fixed; width: 50px; height: 33px; padding-top: 17px; right: 40px; bottom: 40px; text-align: center; font-size: 1em; color: #FFFFFF; background-color: #000; text-transform: uppercase; z-index: 5000; border: 1px solid #FFF; } a:hover#top-link { text-decoration: none; } /* Report scrolling fix*/ h5 a:target:before { content: ""; display: block; height: 80px; margin: -50px 0 0; } /* BREADCRUMB --------------------------------------------- */ .breadcrumb { font-size: .95em; text-transform: uppercase; color: #00AEEF; padding-bottom: 12px; font-family: 'open_sansbold', sans-serif; } .breadcrumb li { display: inline-block; list-style-type: none; } .breadcrumb .showHere { padding-right: 10px; } .breadcrumb span { color: #B0B0B0; } .breadcrumb a { color: #B0B0B0; margin-right: 8px; } .breadcrumb a:hover { color: #00AEEF; } .breadcrumb img { margin: -3px 6px 0 0; } /* LEFT-COLUMN --------------------------------------------- */ .left-column { width: 19%; float: left; } .left-column h3 { padding: 0 0 12px 0; font-size: 0.9em; text-transform: uppercase; font-family: 'open_sansbold', sans-serif; line-height: 1.3em; } .left-column ul { list-style-type: none; padding: 0; margin: 0 0 15px 0; } .left-column .side-sub-menu { border-bottom: 5px solid #E8E5E5; display: block; margin: 0 0 13px 0; padding: 0; } .left-column .side-sub-menu .menu-container { background: #fff; border-bottom: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-top: 5px solid #00AEEF; margin-bottom: 15px; padding: 15px; } .left-column .side-sub-menu .menu, .left-column .side-sub-menu .menusub-menu { border: 0; max-height: 275px; overflow: auto; padding: 0; } .left-column .side-sub-menu .menu::-webkit-scrollbar, .left-column .side-sub-menu .menusub-menu::-webkit-scrollbar { background: #d5d5d5; width: 6px; } .left-column .side-sub-menu .menu::-webkit-scrollbar-thumb, .left-column .side-sub-menu .menusub-menu::-webkit-scrollbar-thumb { background: #2e2e2e; } .left-column .menu-container { padding: 15px; } .left-column ul.menu, .left-column ul.menusub-menu { border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3; border-top: 5px solid #00AEEF; padding: 15px; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; font-size: 1.1em; margin: 0; } .left-column ul.menu li, .left-column ul.menusub-menu li { padding: 0 0 8px 0; margin-bottom: 8px; margin-right: 15px; border-bottom: solid 1px #EAEAEA; } .left-column ul.menu li:last-child, .left-column ul.menusub-menu li:last-child { padding: 0 0 0 0; margin-bottom: 0px; border-bottom: none; } .left-column ul.menu li.active a, .left-column ul.menu li.active ul li.active a, .left-column ul.menusub-menu li.active a, .left-column ul.menusub-menu li.active ul li.active a { color: #00AEEF; } .left-column ul.menu li.active ul, .left-column ul.menusub-menu li.active ul { padding: 5px 0 0 10px; margin: 0 0 0 0; } .left-column ul.menu li.active ul li, .left-column ul.menusub-menu li.active ul li { padding: 0 0 5px 0; margin: 0 0 0 0; border-bottom: none; line-height: 1.2em; } .left-column ul.menu li.active ul li:last-child, .left-column ul.menusub-menu li.active ul li:last-child { margin-bottom: 0px; padding-bottom: 0px; } .left-column ul.menu li.active ul li a, .left-column ul.menusub-menu li.active ul li a { font-family: 'open_sans', sans-serif; font-size: 0.85em; } .left-column ul.menu li.active ul li a, .left-column ul.menusub-menu li.active ul li a { color: #626262; } .left-column ul.menu li.active ul li a:hover, .left-column ul.menusub-menu li.active ul li a:hover { color: #00AEEF; } .left-column ul.menu a, .left-column ul.menusub-menu a { color: #626262; } .left-column ul.menu a:hover, .left-column ul.menusub-menu a:hover { color: #00AEEF; } .left-column .stay-connected, .left-column .customstay-connected { margin-top: 15px; margin-bottom: 15px; } .left-column .stay-connected h3.feature-header, .left-column .customstay-connected h3.feature-header { display: none; } .left-column .stay-connected .header-bar, .left-column .customstay-connected .header-bar { display: none; } .left-column .stay-connected .sidebar-content, .left-column .customstay-connected .sidebar-content { padding: 2px 10px 10px 10px; font-size: 1.3em; line-height: 1.2em; font-family: 'fjalla_oneregular', sans-serif; color: #ffffff; background-color: #00AEEF; } .left-column .stay-connected h4, .left-column .customstay-connected h4 { padding: 10px 0 7px 0; color: #ffffff; } .left-column .stay-connected p, .left-column .customstay-connected p { font-family: 'open_sans', sans-serif; font-size: 0.75em; } .left-column .stay-connected ul, .left-column .customstay-connected ul { margin: 0; overflow: hidden; } .left-column .stay-connected ul li, .left-column .customstay-connected ul li { float: left; padding: 3px 14px 2px 0; } .left-column .stay-connected ul li a, .left-column .customstay-connected ul li a { color: #ffffff; float: left; width: 19px; height: 23px; overflow: hidden; font-size: 1.2em; } .left-column .stay-connected ul li.email, .left-column .customstay-connected ul li.email { padding-right: 16px; } .left-column .stay-connected ul li.email a, .left-column .customstay-connected ul li.email a { width: 20px; } .left-column .stay-connected ul li a:hover, .left-column .customstay-connected ul li a:hover { color: #2E2E2E; } .youtube a, .linkedin a { overflow: hidden; } .youtube a:before, .linkedin a:before { font-family: 'FontAwesome'; position: relative; margin-right: 4px; top: -3px; } .youtube a:before { content: '\f167'; } .linkedin a:before { content: '\f0e1'; } .filter-trigger-primary, .filter-trigger-secondary, .filter-trigger-third, .filter-trigger-fourth { padding: 10px 8px; position: relative; border: solid 1px #E3E3E3; font-family: 'open_sansbold', sans-serif; cursor: pointer; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */ } .filter-trigger-primary span, .filter-trigger-secondary span, .filter-trigger-third span, .filter-trigger-fourth span { width: 12px; height: 9px; display: block; position: absolute; background-color: #00AEEF; color: #ffffff; right: 10px; top: 11px; padding: 5px 0 0 4px; } .filter-trigger-primary span:before, .filter-trigger-secondary span:before, .filter-trigger-third span:before, .filter-trigger-fourth span:before { font-size: 2em; content: ''; display: block; height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #fff; } .filter-trigger-primary.active span:before, .filter-trigger-secondary.active span:before, .filter-trigger-third.active span:before, .filter-trigger-fourth.active span:before { border: none; height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #fff; } .filter-trigger-primary:hover span, .filter-trigger-secondary:hover span, .filter-trigger-third:hover span, .filter-trigger-fourth:hover span { background-color: #EC008C; } .filter-trigger-secondary { margin-top: 10px; } body.category-menu .filter-trigger-secondary, body.category-blog .filter-trigger-secondary, body.category-news .filter-trigger-secondary, body.category-reports .filter-trigger-secondary, body.category-case-studies .filter-trigger-secondary, body.category-ideas-lab .filter-trigger-secondary { margin-top: 0px; } .filter-trigger-third { margin-top: 10px; } .filter-trigger-fourth { margin-top: 10px; } .filter-primary, .filter-secondary, .filter-third, .filter-fourth { padding: 7px 10px; border: solid 1px #E3E3E3; border-top: none; background-color: #ffffff; } .filter-secondary { display: none; } .filter-third { display: none; } .filter-fourth { display: none; } body.category-menu .filter-secondary, body.category-blog .filter-secondary, body.category-news .filter-secondary, body.category-reports .filter-secondary, body.category-case-studies .filter-secondary, body.category-ideas-lab .filter-secondary { display: block; } .spacer { background-color: #E8E5E5; height: 5px; margin: 15px 0; } aside form { margin: 0; } aside form label { display: none; } .filter-primary label, .filter-secondary label, .filter-third label, .filter-fourth label { display: inline-block; } aside form input[type='text'] { width: 100%; } aside form .spacer { margin: 15px 0 15px 0; } aside form .or { padding: 0; font-size: 0.8em; text-transform: uppercase; font-family: 'open_sans', sans-serif; line-height: 1.3em; margin: -19px auto 5px auto; display: block; width: 30px; background-color: #FCF9F9; text-align: center; } aside form input[type='text'] { padding: 0.5em 0 0.5em 0; text-indent: 8px; } aside form input[type='submit'] { margin: 10px 0 0 0; } aside form a.search_trigger, aside form a.cat_submit { font-family: 'fjalla_oneregular', sans-serif; border: 1px solid #00AEEF; color: #ffffff; cursor: pointer; font-size: 1.1em; font-weight: normal; background-color: #00AEEF; text-transform: uppercase; margin: 10px 0 15px 0; padding: 0.5em 0.6em; display: block; -webkit-transition: color 0.25s linear; /*safari and chrome */ -o-transition: color 0.25s linear; /* opera */ -ms-transition: color 0.25s linear; /* ie */ } .search_trigger { position: relative; } .search_trigger:after { content: ''; display: block; margin-top: -6px; position: absolute; right: 5%; top: 50%; height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; -webkit-transition: border 0.3s ease-out; -moz-transition: border 0.3s ease-out; -ms-transition: border 0.3s ease-out; -o-transition: border 0.3s ease-out; transition: border 0.3s ease-out; } .search_trigger:hover:after { border-left-color: #00AEEF; } aside form a.search_trigger:hover, aside form a.cat_submit:hover { border-color: #00AEEF; background-color: #ffffff; color: #00AEEF; } #category_filter h3 { display: none; } body.category-menu #category_filter h3, body.category-blog #category_filter h3, body.category-news #category_filter h3, body.category-reports #category_filter h3, body.category-case-studies #category_filter h3, body.category-ideas-lab #category_filter h3, body.category-members #category_filter h3, body.member-menu #category_filter h3 { display: block; } .side-cta { padding: 12px 10px 10px 10px; font-size: 1.8em; line-height: 1.2em; font-family: 'fjalla_oneregular', sans-serif; color: #ffffff; } .side-cta span { clear: both; display: block; padding-top: 1px; font-size: 0.7em; } .side-cta.pink { background-color: #EC008C; } /* ARTICLE --------------------------------------------- */ .page-content .item-page { padding-left: 45px; padding-top: 20px; position: relative; } .page-content .item-page h2 { width: 510px; } .page-content .search, .page-content .item-pagecontact-us { padding-left: 45px; padding-top: 20px; position: relative; } .author-group { float: right; text-align: right; position: absolute; top: 0; right: 0; padding-top: 23px; } .author-group .icon-share, .author-group .icon-comment, .author-group .author, .author-group .author-pic { float: right; } .author-group .author-pic img { width: 47px; height: 47px; margin-left: 10px; border: 1px solid #E3E3E3; } .author-group .author { padding-left: 17px; font-size: 1.25em; line-height: 1.25em; margin: 0; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #626262; text-transform: uppercase; max-width: 180px; } .author-group .author a { color: #626262; } .author-group .author a:hover { color: #00AEEF; } .author-group .author span { clear: both; display: block; font-size: 0.85em; color: #B0B0B0; } .author-group .icon-comment { color: #626262; display: block; font-size: 1.85em; margin-left: 15px; position: relative; display: none; } .author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .author-group .icon-comment:hover { color: #00AEEF; } .author-group .icon-share { color: #626262; display: block; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #00AEEF; border-width: 10px; left: 50%; margin-left: 2px; } .author-group .icon-share:hover { color: #00AEEF; } .intro, .article-intro { font-size: 1.7em; margin-top: -5px; padding-bottom: 8px; color: #626262; line-height: 1.5em; } .article-info { display: none; } img.full, img.full-width-image { height: auto; width: 100%; } img.right, img.float-image-right { float: right; height: auto; margin: 5px 0 10px 20px; width: 250px; } img.left, img.float-image-left { float: left; height: auto; margin: 5px 20px 10px 0; width: 250px; } p.full img, p.full-width-image img { height: auto; width: 100%; padding: 5px 0 5px 0; } p.right img, p.float-image-right img { float: right; height: auto; margin: 5px 0 10px 20px; width: 250px; } p.left img, p.float-image-left img { float: left; height: auto; margin: 5px 20px 10px 0; width: 250px; } .img-fulltext-left { display: none; } blockquote { font-size: 1.5em; line-height: 1.3em; } blockquote p { margin: 0 0 0 0; } blockquote.blue { color: #00AEEF; border-color: #00AEEF; } blockquote.pink { color: #EC008C; border-color: #EC008C; } blockquote.green { color: #02B294; border-color: #02B294; } blockquote.purple { color: #49176D; border-color: #49176D; } blockquote.right { border-left: solid 5px; padding-left: 13px; margin: 5px 0 15px 30px; float: right; width: 220px; } blockquote.left { border-right: solid 5px; padding-right: 13px; margin: 5px 30px 15px 0; float: left; width: 220px; } blockquote.float-right-blue { border-color: #00AEEF; border-left: 5px solid; color: #00AEEF; float: right; margin: 5px 0 15px 30px; padding-left: 13px; width: 220px; } blockquote.float-right-pink { border-color: #EC008C; border-left: 5px solid; color: #EC008C; float: right; margin: 5px 0 15px 30px; padding-left: 13px; width: 220px; } blockquote.float-right-green { border-color: #02B294; border-left: 5px solid; color: #02B294; float: right; margin: 5px 0 15px 30px; padding-left: 13px; width: 220px; } blockquote.float-right-purple { border-color: #49176D; border-left: 5px solid; color: #49176D; float: right; margin: 5px 0 15px 30px; padding-left: 13px; width: 220px; } blockquote.float-right-yellow { border-color: #FFDE16; border-left: 5px solid; color: #FFDE16; float: right; margin: 5px 0 15px 30px; padding-left: 13px; width: 220px; } blockquote.float-left-blue { border-color: #00AEEF; border-right: 5px solid; color: #00AEEF; float: left; margin: 5px 30px 15px 0; padding-right: 13px; width: 220px; } blockquote.float-left-pink { border-color: #EC008C; border-right: 5px solid; color: #EC008C; float: left; margin: 5px 30px 15px 0; padding-right: 13px; width: 220px; } blockquote.float-left-green { border-color: #02B294; border-right: 5px solid; color: #02B294; float: left; margin: 5px 30px 15px 0; padding-right: 13px; width: 220px; } blockquote.float-left-purple { border-color: #49176D; border-right: 5px solid; color: #49176D; float: left; margin: 5px 30px 15px 0; padding-right: 13px; width: 220px; } blockquote.float-left-yellow { border-color: #FFDE16; border-right: 5px solid; color: #FFDE16; float: left; margin: 5px 30px 15px 0; padding-right: 13px; width: 220px; } .article-content { max-width: 700px; } .member-menu .article-content, .category-members .article-content, .category-our-members .article-content, .category-news .article-content, .category-blog .article-content, .category-reports .article-content, .category-case-studies .article-content, .category-ideas-lab .article-content { max-width: 2000px; } .article-content .call, .article-content .fax { margin-bottom: 1em; } .article-content .call p, .article-content .fax p { color: #49176D; margin-bottom: 0; font-size: 16px; font-size: 1rem; } .article-content legend { font-family: fjalla_oneregular; font-weight: 400 !important; font-size: 24px !important; } .article-content .formCaption2 { font-family: fjalla_oneregular; } .article-content h1 { margin-bottom: 1.5em; } .member-menu .article-content { max-height: 305px; overflow: hidden; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } body.member-menu .article-content.full { max-height: 2000px; } /* Comments --------------------------------------------- */ #jc { float: left; width: 540px; border-top: 5px solid #E8E5E5; margin-top: 31px; } #jc h3, #jc h4 { font-size: 1.85em; font-weight: normal; margin-bottom: 0px; color: #2E2E2E; border-bottom: none; padding: 10px 0 15px 0; } #jc #comments-form { margin: 0; } #jc #comments-form p { font-family: 'open_sansbold', sans-serif; margin-left: 0px !important; margin-top: 0px; margin-bottom: 8px; overflow: hidden; padding: 0; } #jc #comments-form #comments-form-buttons { font-family: 'open_sansbold', sans-serif; margin-left: 0px !important; margin-bottom: 8px; } #jc #comments-form #comments-form-buttons .btn { background: none; margin-right: 0px; } #jc #comments-form #comments-form-buttons .btn div { margin: 0; background: none; } #jc #comments-form #comments-form-buttons .btn a { display: block; height: auto; line-height: inherit; font-family: 'fjalla_oneregular', sans-serif; border: 1px solid #49176D; color: #ffffff; cursor: pointer; font-size: 1.1em; font-weight: normal; background-color: #49176D; text-transform: uppercase; margin: 10px 0 15px 0; padding: 0.5em 0.6em; -webkit-transition: color 0.25s linear; /*safari and chrome */ -o-transition: color 0.25s linear; /* opera */ -ms-transition: color 0.25s linear; /* ie */ } #jc #comments-form #comments-form-buttons .btn a:hover { border-color: #49176D; background-color: #ffffff; color: #49176D; } #jc #comments-footer { display: none; } #jc div { clear: both; padding-bottom: 11px; } #jc label { display: block; clear: both; } #jc input[type='text'], #jc input[type='email'], #jc input[type='url'], #jc textarea { width: 80% !important; padding: 0.8em 1em !important; } .comments { float: left; width: 548px; border-top: 5px solid #E8E5E5; } .comments h3 { font-size: 1.85em; margin-bottom: 0px; } .comments div { display: block; clear: both; padding-bottom: 11px; } .comments label { display: block; clear: both; } .comments input[type='text'], .comments input[type='email'], .comments input[type='url'], .comments textarea { width: 80%; padding: 0.8em 1em; } .jcomments-form label { display: block; margin-bottom: 0.5em !important; } .jcomments-form input, .jcomments-form textarea { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .jcomments-form textarea { line-height: 1.5; } .jcomments-form .captcha { line-height: 1; margin: 0.75em 0; } .jcomments-form-buttons { margin-top: 1em; overflow: hidden; } .jcomments-submit-button, .jcomments-cancel-button { background: #00AEEF; border: 0; float: left; font-family: fjalla_oneregular; line-height: 1; padding: 0.75em 2em; text-transform: uppercase; font-size: 15px; font-size: 0.9375rem; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .jcomments-cancel-button { display: none; } .comments-form-message-error, .comments-form-message-info { margin-bottom: 1em; } /* Ugly styles to override the JComments defaults - specificity warfare :( */ #comments-form .jcomments-form-element textarea { padding: 1em !important; } .jcomments-submit-button, .jcomments-cancel-button { color: #fff !important; } .jcomments-submit-button:hover, .jcomments-cancel-button:hover { background: #0089bc !important; color: #fff !important; } #jc .jcomments-form input[type=text], #jc .jcomments-form input[type=email], #jc .jcomments-form input[type=url], #jc .jcomments-form textarea { width: 65% !important; } #comments-form textarea { margin-top: 1em !important; } .comments-form-message-error { background-position: 8px 50% !important; } #jc .comments-form-message-error, #jc .comments-form-message-info { padding: 10px 30px; } /* CONTENT ITEM STYLE ONE AND TWO (EDITORIAL) --------------------------------------------- */ .content-item-style-dummy { display: inline-block; width: 32.3%; height: 1px; font-size: 0.1px; } .content-item-style-one, .content-item-style-two, .content-item-style-report, .content-item-style-four, .content-item-style-ideas, .content-item-style-six, .content-item-style-case, .content-item-style-genericone, .content-item-style-generictwo, .content-item-style-genericthree, .content-item-style-genericfour { display: inline-block; vertical-align: top; text-align: left; width: 32.3%; height: 355px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 100%; } .content-item-style-one .item-category, .content-item-style-two .item-category, .content-item-style-report .item-category, .content-item-style-four .item-category, .content-item-style-ideas .item-category, .content-item-style-six .item-category, .content-item-style-case .item-category, .content-item-style-genericone .item-category, .content-item-style-generictwo .item-category, .content-item-style-genericthree .item-category, .content-item-style-genericfour .item-category { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 0.9em; padding: 1px 8px 4px 8px; float: right; position: absolute; top: 0; right: 0; } .content-item-style-one .item-category a, .content-item-style-two .item-category a, .content-item-style-report .item-category a, .content-item-style-four .item-category a, .content-item-style-ideas .item-category a, .content-item-style-six .item-category a, .content-item-style-case .item-category a, .content-item-style-genericone .item-category a, .content-item-style-generictwo .item-category a, .content-item-style-genericthree .item-category a, .content-item-style-genericfour .item-category a { color: #ffffff; } .content-item-style-one .item-category a:hover, .content-item-style-two .item-category a:hover, .content-item-style-report .item-category a:hover, .content-item-style-four .item-category a:hover, .content-item-style-ideas .item-category a:hover, .content-item-style-six .item-category a:hover, .content-item-style-case .item-category a:hover, .content-item-style-genericone .item-category a:hover, .content-item-style-generictwo .item-category a:hover, .content-item-style-genericthree .item-category a:hover, .content-item-style-genericfour .item-category a:hover { color: #2E2E2E; } .content-item-style-one .item-image, .content-item-style-two .item-image, .content-item-style-report .item-image, .content-item-style-four .item-image, .content-item-style-ideas .item-image, .content-item-style-six .item-image, .content-item-style-case .item-image, .content-item-style-genericone .item-image, .content-item-style-generictwo .item-image, .content-item-style-genericthree .item-image, .content-item-style-genericfour .item-image { width: 100%; height: 164px; } .content-item-style-one .item-image img, .content-item-style-two .item-image img, .content-item-style-report .item-image img, .content-item-style-four .item-image img, .content-item-style-ideas .item-image img, .content-item-style-six .item-image img, .content-item-style-case .item-image img, .content-item-style-genericone .item-image img, .content-item-style-generictwo .item-image img, .content-item-style-genericthree .item-image img, .content-item-style-genericfour .item-image img { width: 100%; height: 164px; } .content-item-style-one .item-author-group, .content-item-style-two .item-author-group, .content-item-style-report .item-author-group, .content-item-style-four .item-author-group, .content-item-style-ideas .item-author-group, .content-item-style-six .item-author-group, .content-item-style-case .item-author-group, .content-item-style-genericone .item-author-group, .content-item-style-generictwo .item-author-group, .content-item-style-genericthree .item-author-group, .content-item-style-genericfour .item-author-group { float: left; width: 100%; padding: 15px 0 10px 0; } .content-item-style-one .item-author-group .icon-share, .content-item-style-one .item-author-group .icon-comment, .content-item-style-one .item-author-group .author, .content-item-style-one .item-author-group .author-pic, .content-item-style-two .item-author-group .icon-share, .content-item-style-two .item-author-group .icon-comment, .content-item-style-two .item-author-group .author, .content-item-style-two .item-author-group .author-pic, .content-item-style-report .item-author-group .icon-share, .content-item-style-report .item-author-group .icon-comment, .content-item-style-report .item-author-group .author, .content-item-style-report .item-author-group .author-pic, .content-item-style-four .item-author-group .icon-share, .content-item-style-four .item-author-group .icon-comment, .content-item-style-four .item-author-group .author, .content-item-style-four .item-author-group .author-pic, .content-item-style-ideas .item-author-group .icon-share, .content-item-style-ideas .item-author-group .icon-comment, .content-item-style-ideas .item-author-group .author, .content-item-style-ideas .item-author-group .author-pic, .content-item-style-six .item-author-group .icon-share, .content-item-style-six .item-author-group .icon-comment, .content-item-style-six .item-author-group .author, .content-item-style-six .item-author-group .author-pic, .content-item-style-case .item-author-group .icon-share, .content-item-style-case .item-author-group .icon-comment, .content-item-style-case .item-author-group .author, .content-item-style-case .item-author-group .author-pic, .content-item-style-genericone .item-author-group .icon-share, .content-item-style-genericone .item-author-group .icon-comment, .content-item-style-genericone .item-author-group .author, .content-item-style-genericone .item-author-group .author-pic, .content-item-style-generictwo .item-author-group .icon-share, .content-item-style-generictwo .item-author-group .icon-comment, .content-item-style-generictwo .item-author-group .author, .content-item-style-generictwo .item-author-group .author-pic, .content-item-style-genericthree .item-author-group .icon-share, .content-item-style-genericthree .item-author-group .icon-comment, .content-item-style-genericthree .item-author-group .author, .content-item-style-genericthree .item-author-group .author-pic, .content-item-style-genericfour .item-author-group .icon-share, .content-item-style-genericfour .item-author-group .icon-comment, .content-item-style-genericfour .item-author-group .author, .content-item-style-genericfour .item-author-group .author-pic { float: left; } .content-item-style-one .item-author-group .author-pic img, .content-item-style-two .item-author-group .author-pic img, .content-item-style-report .item-author-group .author-pic img, .content-item-style-four .item-author-group .author-pic img, .content-item-style-ideas .item-author-group .author-pic img, .content-item-style-six .item-author-group .author-pic img, .content-item-style-case .item-author-group .author-pic img, .content-item-style-genericone .item-author-group .author-pic img, .content-item-style-generictwo .item-author-group .author-pic img, .content-item-style-genericthree .item-author-group .author-pic img, .content-item-style-genericfour .item-author-group .author-pic img { width: 36px; height: 36px; margin: 0 10px 0 15px; border: 1px solid #E3E3E3; } .content-item-style-one .item-author-group .author, .content-item-style-two .item-author-group .author, .content-item-style-report .item-author-group .author, .content-item-style-four .item-author-group .author, .content-item-style-ideas .item-author-group .author, .content-item-style-six .item-author-group .author, .content-item-style-case .item-author-group .author, .content-item-style-genericone .item-author-group .author, .content-item-style-generictwo .item-author-group .author, .content-item-style-genericthree .item-author-group .author, .content-item-style-genericfour .item-author-group .author { font-size: 0.95em; line-height: 1.25em; margin: 0 0 0 16px; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #626262; text-transform: uppercase; } .content-item-style-one .item-author-group .author a, .content-item-style-two .item-author-group .author a, .content-item-style-report .item-author-group .author a, .content-item-style-four .item-author-group .author a, .content-item-style-ideas .item-author-group .author a, .content-item-style-six .item-author-group .author a, .content-item-style-case .item-author-group .author a, .content-item-style-genericone .item-author-group .author a, .content-item-style-generictwo .item-author-group .author a, .content-item-style-genericthree .item-author-group .author a, .content-item-style-genericfour .item-author-group .author a { color: #626262; } .content-item-style-one .item-author-group .author span, .content-item-style-two .item-author-group .author span, .content-item-style-report .item-author-group .author span, .content-item-style-four .item-author-group .author span, .content-item-style-ideas .item-author-group .author span, .content-item-style-six .item-author-group .author span, .content-item-style-case .item-author-group .author span, .content-item-style-genericone .item-author-group .author span, .content-item-style-generictwo .item-author-group .author span, .content-item-style-genericthree .item-author-group .author span, .content-item-style-genericfour .item-author-group .author span { clear: both; display: block; color: #B0B0B0; } .content-item-style-one .item-author-group .author-pic + .author, .content-item-style-two .item-author-group .author-pic + .author, .content-item-style-report .item-author-group .author-pic + .author, .content-item-style-four .item-author-group .author-pic + .author, .content-item-style-ideas .item-author-group .author-pic + .author, .content-item-style-six .item-author-group .author-pic + .author, .content-item-style-case .item-author-group .author-pic + .author, .content-item-style-genericone .item-author-group .author-pic + .author, .content-item-style-generictwo .item-author-group .author-pic + .author, .content-item-style-genericthree .item-author-group .author-pic + .author, .content-item-style-genericfour .item-author-group .author-pic + .author { margin-left: 0; } .content-item-style-one .item-author-group .icon-comment, .content-item-style-two .item-author-group .icon-comment, .content-item-style-report .item-author-group .icon-comment, .content-item-style-four .item-author-group .icon-comment, .content-item-style-ideas .item-author-group .icon-comment, .content-item-style-six .item-author-group .icon-comment, .content-item-style-case .item-author-group .icon-comment, .content-item-style-genericone .item-author-group .icon-comment, .content-item-style-generictwo .item-author-group .icon-comment, .content-item-style-genericthree .item-author-group .icon-comment, .content-item-style-genericfour .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; display: none; } .content-item-style-one .item-author-group .icon-comment a, .content-item-style-two .item-author-group .icon-comment a, .content-item-style-report .item-author-group .icon-comment a, .content-item-style-four .item-author-group .icon-comment a, .content-item-style-ideas .item-author-group .icon-comment a, .content-item-style-six .item-author-group .icon-comment a, .content-item-style-case .item-author-group .icon-comment a, .content-item-style-genericone .item-author-group .icon-comment a, .content-item-style-generictwo .item-author-group .icon-comment a, .content-item-style-genericthree .item-author-group .icon-comment a, .content-item-style-genericfour .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-one .item-author-group .icon-share, .content-item-style-two .item-author-group .icon-share, .content-item-style-report .item-author-group .icon-share, .content-item-style-four .item-author-group .icon-share, .content-item-style-ideas .item-author-group .icon-share, .content-item-style-six .item-author-group .icon-share, .content-item-style-case .item-author-group .icon-share, .content-item-style-genericone .item-author-group .icon-share, .content-item-style-generictwo .item-author-group .icon-share, .content-item-style-genericthree .item-author-group .icon-share, .content-item-style-genericfour .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; margin: 0 15px 0 10px; } .content-item-style-one .item-author-group .icon-share .share-group, .content-item-style-two .item-author-group .icon-share .share-group, .content-item-style-report .item-author-group .icon-share .share-group, .content-item-style-four .item-author-group .icon-share .share-group, .content-item-style-ideas .item-author-group .icon-share .share-group, .content-item-style-six .item-author-group .icon-share .share-group, .content-item-style-case .item-author-group .icon-share .share-group, .content-item-style-genericone .item-author-group .icon-share .share-group, .content-item-style-generictwo .item-author-group .icon-share .share-group, .content-item-style-genericthree .item-author-group .icon-share .share-group, .content-item-style-genericfour .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-one .item-author-group .icon-share .share-group a, .content-item-style-two .item-author-group .icon-share .share-group a, .content-item-style-report .item-author-group .icon-share .share-group a, .content-item-style-four .item-author-group .icon-share .share-group a, .content-item-style-ideas .item-author-group .icon-share .share-group a, .content-item-style-six .item-author-group .icon-share .share-group a, .content-item-style-case .item-author-group .icon-share .share-group a, .content-item-style-genericone .item-author-group .icon-share .share-group a, .content-item-style-generictwo .item-author-group .icon-share .share-group a, .content-item-style-genericthree .item-author-group .icon-share .share-group a, .content-item-style-genericfour .item-author-group .icon-share .share-group a { font-size: 1em; } .content-item-style-one .item-heading, .content-item-style-two .item-heading, .content-item-style-report .item-heading, .content-item-style-four .item-heading, .content-item-style-ideas .item-heading, .content-item-style-six .item-heading, .content-item-style-case .item-heading, .content-item-style-genericone .item-heading, .content-item-style-generictwo .item-heading, .content-item-style-genericthree .item-heading, .content-item-style-genericfour .item-heading { clear: both; } .content-item-style-one .item-heading h3, .content-item-style-two .item-heading h3, .content-item-style-report .item-heading h3, .content-item-style-four .item-heading h3, .content-item-style-ideas .item-heading h3, .content-item-style-six .item-heading h3, .content-item-style-case .item-heading h3, .content-item-style-genericone .item-heading h3, .content-item-style-generictwo .item-heading h3, .content-item-style-genericthree .item-heading h3, .content-item-style-genericfour .item-heading h3 { font-size: 1.25em; padding: 0 15px 6px 15px; } .content-item-style-one .item-heading a, .content-item-style-two .item-heading a, .content-item-style-report .item-heading a, .content-item-style-four .item-heading a, .content-item-style-ideas .item-heading a, .content-item-style-six .item-heading a, .content-item-style-case .item-heading a, .content-item-style-genericone .item-heading a, .content-item-style-generictwo .item-heading a, .content-item-style-genericthree .item-heading a, .content-item-style-genericfour .item-heading a { color: #2E2E2E; } .content-item-style-one .item-excerpt, .content-item-style-two .item-excerpt, .content-item-style-report .item-excerpt, .content-item-style-four .item-excerpt, .content-item-style-ideas .item-excerpt, .content-item-style-six .item-excerpt, .content-item-style-case .item-excerpt, .content-item-style-genericone .item-excerpt, .content-item-style-generictwo .item-excerpt, .content-item-style-genericthree .item-excerpt, .content-item-style-genericfour .item-excerpt { clear: both; padding: 0 15px; font-size: 0.9em; } body.category-home .content-item-style-one .item-image, body.category-home .content-item-style-two .item-image, body.category-home .content-item-style-report .item-image, body.category-home .content-item-style-four .item-image, body.category-home .content-item-style-ideas .item-image, body.category-home .content-item-style-case .item-image, body.category-home .content-item-style-genericone .item-image, body.category-home .content-item-style-generictwo .item-image, body.category-home .content-item-style-genericthree .item-image { width: 100%; height: 154px; } body.category-home .content-item-style-one .item-image img, body.category-home .content-item-style-two .item-image img, body.category-home .content-item-style-report .item-image img, body.category-home .content-item-style-four .item-image img, body.category-home .content-item-style-ideas .item-image img, body.category-home .content-item-style-case .item-image img, body.category-home .content-item-style-genericone .item-image img, body.category-home .content-item-style-generictwo .item-image img, body.category-home .content-item-style-genericthree .item-image img { width: 100%; height: 154px; } body.category-home .content-item-style-one.one-two .item-image, body.category-home .content-item-style-two.one-two .item-image, body.category-home .content-item-style-report.one-two .item-image, body.category-home .content-item-style-four.one-two .item-image, body.category-home .content-item-style-ideas.one-two .item-image, body.category-home .content-item-style-case.one-two .item-image, body.category-home .content-item-style-genericone.one-two .item-image, body.category-home .content-item-style-generictwo-one-two .item-image { width: 100%; height: auto; } body.category-home .content-item-style-one.one-two .item-image img, body.category-home .content-item-style-two.one-two .item-image img, body.category-home .content-item-style-report.one-two .item-image img, body.category-home .content-item-style-four.one-two .item-image img, body.category-home .content-item-style-ideas.one-two .item-image img, body.category-home .content-item-style-case.one-two .item-image img, body.category-home .content-item-style-genericone.one-two .item-image img, body.category-home .content-item-style-generictwo-one-two .item-image img { width: 100%; height: auto; } body.category-home .long-pic .landing-grid-content .content-item-style-one.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-two.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-report.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-four.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-ideas.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-case.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-genericone.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-generictwo.one-two .item-image, body.category-home .long-pic .landing-grid-content .content-item-style-genericthree.one-two .item-image { height: 550px; } body.category-home .long-pic .landing-grid-content .content-item-style-one.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-two.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-report.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-four.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-ideas.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-case.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-genericone.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-generictwo.one-two .item-image img, body.category-home .long-pic .landing-grid-content .content-item-style-genericthree.one-two .item-image img { height: 550px; } /* Blog Page - Block Style - Blue */ .content-item-style-one { position: relative; border-top: 5px solid #00AEEF; } .content-item-style-one .item-category { background-color: #00AEEF; } .content-item-style-one .author a:hover { color: #00AEEF; } .content-item-style-one .icon-comment:hover { color: #00AEEF; } .content-item-style-one .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #00AEEF; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-one .icon-share:hover { color: #00AEEF; } .content-item-style-one .item-heading a:hover { color: #00AEEF; } /* News Page - Block Style - Pink */ .content-item-style-two { border-top: 5px solid #EC008C; position: relative; } .content-item-style-two .item-category { background-color: #EC008C; } .content-item-style-two .author a:hover { color: #EC008C; } .content-item-style-two .icon-comment:hover { color: #EC008C; } .content-item-style-two .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #EC008C; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-two .icon-share:hover { color: #EC008C; } .content-item-style-two .item-heading a:hover { color: #EC008C; } /* Blog & News Page - Block Style - Orange */ .content-item-style-genericone { position: relative; border-top: 5px solid #f3ab21; } .content-item-style-genericone .item-category { background-color: #f3ab21; } .content-item-style-genericone .author a:hover { color: #f3ab21; } .content-item-style-genericone .icon-comment:hover { color: #f3ab21; } .content-item-style-genericone .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f3ab21; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-genericone .icon-set li a { background: #f3ab21; border-right: 1px solid #f3ab21; } .content-item-style-genericone .icon-set li a:hover { color: #f3ab21; } .content-item-style-genericone .icon-share:hover { color: #f3ab21; } .content-item-style-genericone .item-heading a:hover { color: #f3ab21; } /* Blog & News Page - Block Style - Turquoise */ .content-item-style-generictwo { position: relative; border-top: 5px solid #2bafb9; } .content-item-style-generictwo .item-category { background-color: #2bafb9; } .content-item-style-generictwo .author a:hover { color: #2bafb9; } .content-item-style-generictwo .icon-comment:hover { color: #2bafb9; } .content-item-style-generictwo .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #2bafb9; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-generictwo .icon-set li a { background: #2bafb9; border-right: 1px solid #2bafb9; } .content-item-style-generictwo .icon-set li a:hover { color: #2bafb9; } .content-item-style-generictwo .icon-share:hover { color: #2bafb9; } .content-item-style-generictwo .item-heading a:hover { color: #2bafb9; } /* Blog & News Page - Block Style - Dark Blue */ .content-item-style-genericthree { position: relative; border-top: 5px solid #11528a; } .content-item-style-genericthree .item-category { background-color: #11528a; } .content-item-style-genericthree .author a:hover { color: #11528a; } .content-item-style-genericthree .icon-comment:hover { color: #11528a; } .content-item-style-genericthree .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #11528a; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-genericthree .icon-set li a { background: #11528a; border-right: 1px solid #11528a; } .content-item-style-genericthree .icon-set li a:hover { color: #11528a; } .content-item-style-genericthree .icon-share:hover { color: #11528a; } .content-item-style-genericthree .item-heading a:hover { color: #11528a; } .content-item-style-report { border-top: 5px solid #02B294; position: relative; } .content-item-style-report .item-category { background-color: #02B294; } .content-item-style-report .author a:hover { color: #02B294; } .content-item-style-report .icon-comment:hover { color: #02B294; } .content-item-style-report .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #02B294; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-report .icon-set li a { background: #02B294; border-right: 1px solid #02B294; } .content-item-style-report .icon-set li a:hover { color: #02B294; } .content-item-style-report .icon-share:hover { color: #02B294; } .content-item-style-report .item-heading a:hover { color: #02B294; } .home .content-item-style-report { width: 100%; } .content-item-style-four { border-top: 5px solid #49176D; position: relative; } .content-item-style-four .item-category { background-color: #49176D; } .content-item-style-four .author a:hover { color: #49176D; } .content-item-style-four .icon-comment:hover { color: #49176D; } .content-item-style-four .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #49176D; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-four .icon-share:hover { color: #49176D; } .content-item-style-four .item-heading a:hover { color: #49176D; } .content-item-style-ideas { border-top: 5px solid #FFDE16; position: relative; } .content-item-style-ideas .item-category { background-color: #FFDE16; } .content-item-style-ideas .item-category a { color: #2e2e2e; } .content-item-style-ideas .author a:hover { color: #FFDE16; } .content-item-style-ideas .icon-comment:hover { color: #FFDE16; } .content-item-style-ideas .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #FFDE16; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-ideas .icon-set li a { background: #FFDE16; border-right: 1px solid #FFDE16; } .content-item-style-ideas .icon-set li a:hover { color: #FFDE16; } .content-item-style-ideas .icon-share:hover { color: #FFDE16; } .content-item-style-ideas .item-heading a:hover { color: #FFDE16; } .home .content-item-style-ideas { width: 100%; } .content-item-style-case { border-top: 5px solid #49176D; position: relative; } .content-item-style-case .item-category { background-color: #49176D; } .content-item-style-case .author a:hover { color: #49176D; } .content-item-style-case .icon-comment:hover { color: #49176D; } .content-item-style-case .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #49176D; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-case .icon-set li a { background: #49176D; border-right: 1px solid #49176D; } .content-item-style-case .icon-set li a:hover { color: #49176D; } .content-item-style-case .icon-share:hover { color: #49176D; } .content-item-style-case .item-heading a:hover { color: #49176D; } .home .content-item-style-case { width: 100%; } /* CONTENT ITEM STYLE THREE - FULL BACKGROUND IMAGE WITH OVERLAY TEXT IN A BOX --------------------------------------------- */ .content-item-style-three { position: relative; vertical-align: top; } .content-item-style-three .item-author-group, .content-item-style-three .item-excerpt { display: none; } .content-item-style-three .item-category { display: none; } .content-item-style-three .item-image { width: 100%; height: 100%; } .content-item-style-three .item-image img { width: 100%; height: 100%; } .content-item-style-three .item-heading { position: absolute; top: 15px; left: 15px; } .content-item-style-three .item-heading h3 { padding: 0px; } .content-item-style-three .item-heading h3 a { padding: 10px 14px; display: block; } .content-item-style-three.one-one .item-heading { width: 237px; } .content-item-style-three.one-one .item-heading h3 { font-size: 1.8em; } .content-item-style-three.two-one .item-heading { width: 280px; } .content-item-style-three.two-one .item-heading h3 { font-size: 2.3em; line-height: 1.35em; } .content-item-style-three.blog .item-heading { background-color: #00AEEF; } .content-item-style-three.blog .item-heading h3 a { color: #ffffff; } .content-item-style-three.blog .item-heading h3 a:hover { color: #2E2E2E; } .content-item-style-three.news .item-heading { background-color: #EC008C; } .content-item-style-three.news .item-heading h3 a { color: #ffffff; } .content-item-style-three.news .item-heading h3 a:hover { color: #2E2E2E; } .content-item-style-three.reports .item-heading { background-color: #02B294; } .content-item-style-three.reports .item-heading h3 a { color: #ffffff; } .content-item-style-three.reports .item-heading h3 a:hover { color: #2E2E2E; } .content-item-style-three.case_study .item-heading { background-color: #49176D; } .content-item-style-three.case_study .item-heading h3 a { color: #ffffff; } .content-item-style-three.case_study .item-heading h3 a:hover { color: #00AEEF; } .content-item-style-three.ideas .item-heading { background-color: #FFDE16; } .content-item-style-three.ideas .item-heading h3 a { color: #2E2E2E; } .content-item-style-three.ideas .item-heading h3 a:hover { color: #ffffff; } .content-item-style-three.red .item-heading { background-color: #e14a52; } .content-item-style-three.red .item-heading h3 a { color: #ffffff; } .content-item-style-three.red .item-heading h3 a:hover { color: #2E2E2E; } /* CONTENT ITEM STYLE FOUR - FULL BACKGROUND COLOUR WITH TEXT --------------------------------------------- */ .content-item-style-four { position: relative; vertical-align: top; } .content-item-style-four .item-author-group, .content-item-style-four .item-image { display: none; } .content-item-style-four .item-category { display: none; } .content-item-style-four .item-heading { padding: 15px 15px 10px 15px; } .content-item-style-four .item-heading h3 { padding: 0; font-size: 1.8em; } .content-item-style-four .item-excerpt { padding: 0 15px; color: #ffffff; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; } .content-item-style-four.large .item-heading h3 { font-size: 2.3em; line-height: 1.35em; } .content-item-style-four.large .item-excerpt { font-size: 1.1em; } .content-item-style-four.blog { background-color: #00AEEF; } .content-item-style-four.blog h3 a { color: #ffffff; } .content-item-style-four.blog h3 a:hover { color: #2E2E2E; } .content-item-style-four.news { background-color: #EC008C; } .content-item-style-four.news h3 a { color: #ffffff; } .content-item-style-four.news h3 a:hover { color: #2E2E2E; } .content-item-style-four.reports { background-color: #02B294; } .content-item-style-four.reports h3 a { color: #ffffff; } .content-item-style-four.reports h3 a:hover { color: #2E2E2E; } .content-item-style-four.case-studies { background-color: #49176D; } .content-item-style-four.case-studies h3 a { color: #ffffff; } .content-item-style-four.case-studies h3 a:hover { color: #00AEEF; } .content-item-style-four.ideas { background-color: #FFDE16; } .content-item-style-four.ideas h3 a { color: #2E2E2E; } .content-item-style-four.ideas h3 a:hover { color: #ffffff; } .content-item-style-four.ideas .item-excerpt { color: #2E2E2E; } .content-item-style-four.generic4 { background-color: #e14a52; } .content-item-style-four.generic4 h3 a { color: #ffffff; } .content-item-style-four.generic4 h3 a:hover { color: #2E2E2E; } .content-item-style-four.generic4 .item-excerpt { color: #ffffff; } .content-item-style-four.generic5 { background-color: #5c7fca; } .content-item-style-four.generic5 h3 a { color: #ffffff; } .content-item-style-four.generic5 h3 a:hover { color: #2E2E2E; } .content-item-style-four.generic5 .item-excerpt { color: #ffffff; } .member_masonary .content-item-style-four { background-color: #49176D; } .member_masonary .content-item-style-four h3 a { color: #ffffff; } .member_masonary .content-item-style-four h3 a:hover { color: #00AEEF; } .member_masonary .content-item-style-four .item-heading h3 { font-size: 2.3em; line-height: 1.35em; } .member_masonary .content-item-style-four .item-excerpt { font-size: 1.1em; } /* CONTENT ITEM STYLE FIVE - VIDEO WITH TITLE AND SHARE --------------------------------------------- */ body.category-success-stories- .article-content.full, body.category-success-stories- .article-content, body.category-success-stories .article-content.full, body.category-success-stories .article-content { max-width: 100%; } body.category-success-stories- .filter-trigger-secondary, body.category-success-stories .filter-trigger-secondary { margin-top: 0px; } body.category-success-stories- .content-item-style-five .item-author-group .icon-comment, body.category-success-stories- .content-item-style-genericfive .item-author-group .icon-comment, body.category-success-stories .content-item-style-five .item-author-group .icon-comment, body.category-success-stories .content-item-style-genericfive .item-author-group .icon-comment { display: none; } body.category-success-stories- .content-item-style-five .item-author-group .icon-share, body.category-success-stories- .content-item-style-genericfive .item-author-group .icon-share, body.category-success-stories .content-item-style-five .item-author-group .icon-share, body.category-success-stories .content-item-style-genericfive .item-author-group .icon-share { margin-right: 15px; } /* Success Stories Page - Block Style - Purple */ .content-item-style-five { position: relative; vertical-align: top; display: inline-block; text-align: left; width: 49.2%; height: 290px; margin-bottom: 1.2%; border: solid 1px #E3E3E3; border-top: solid 5px #49176D; background: #ffffff; } .content-item-style-five .item-image object { height: 300px; width: 100%; } .content-item-style-five .item-image img { width: 100%; height: 242px; } .content-item-style-five .item-author-group { float: right; padding: 15px 0 0 0; } .content-item-style-five .item-author-group .icon-share, .content-item-style-five .item-author-group .icon-comment, .content-item-style-five .item-author-group .author, .content-item-style-five .item-author-group .author-pic { float: left; } .content-item-style-five .item-author-group .author-pic, .content-item-style-five .item-author-group .author { display: none; } .content-item-style-five .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; } .content-item-style-five .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-five .item-author-group .icon-comment:hover { color: #49176D; } .content-item-style-five .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .content-item-style-five .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-five .item-author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #49176D; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-five .item-author-group .icon-share ul li a { background-color: #49176D; font-size: 1em; border-color: #49176D; } .content-item-style-five .item-author-group .icon-share ul li a:hover { background-color: #ffffff; color: #49176D; } .content-item-style-five .item-author-group .icon-share:hover { color: #49176D; } .content-item-style-five .item-heading { float: left; width: 80%; } .content-item-style-five .item-heading h3 { font-size: 1.2em; padding: 15px 0 0 15px; } .content-item-style-five .item-heading h3 a { color: #2E2E2E; } .content-item-style-five .item-heading h3 a:hover { color: #49176D; } .content-item-style-five .item-excerpt { display: none; } /* Success Stories Page - Block Style - Mauve Blue */ .content-item-style-genericfive { position: relative; vertical-align: top; display: inline-block; text-align: left; width: 49.2%; height: 290px; margin-bottom: 1.2%; border: solid 1px #E3E3E3; border-top: solid 5px #5c7fca; background: #ffffff; } .content-item-style-genericfive .item-image object { height: 349px; width: 546px; } .content-item-style-genericfive .item-image img { width: 100%; height: 242px; } .content-item-style-genericfive .item-author-group { float: right; padding: 15px 0 0 0; } .content-item-style-genericfive .item-author-group .icon-share, .content-item-style-genericfive .item-author-group .icon-comment, .content-item-style-genericfive .item-author-group .author, .content-item-style-genericfive .item-author-group .author-pic { float: left; } .content-item-style-genericfive .item-author-group .author-pic, .content-item-style-genericfive .item-author-group .author { display: none; } .content-item-style-genericfive .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; } .content-item-style-genericfive .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-genericfive .item-author-group .icon-comment:hover { color: #5c7fca; } .content-item-style-genericfive .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .content-item-style-genericfive .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-genericfive .item-author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #5c7fca; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-genericfive .item-author-group .icon-share ul li a { background-color: #5c7fca; font-size: 1em; border-color: #5c7fca; } .content-item-style-genericfive .item-author-group .icon-share ul li a:hover { background-color: #ffffff; color: #5c7fca; } .content-item-style-genericfive .item-author-group .icon-share:hover { color: #5c7fca; } .content-item-style-genericfive .item-heading { float: left; width: 80%; } .content-item-style-genericfive .item-heading h3 { font-size: 1.2em; padding: 15px 0 0 15px; } .content-item-style-genericfive .item-heading h3 a { color: #2E2E2E; } .content-item-style-genericfive .item-heading h3 a:hover { color: #5c7fca; } .content-item-style-genericfive .item-excerpt { display: none; } body.category-home .content-item-style-five, body.category-home .content-item-style-genericfive, body.category-featured-reports .content-item-style-five, body.category-featured-reports .content-item-style-genericfive { border: none; background: #000000; padding: 6px 1px 2px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } body.category-home .content-item-style-five .item-author-group, body.category-home .content-item-style-genericfive .item-author-group { display: none; } body.category-home .content-item-style-five .item-heading h3, body.category-home .content-item-style-genericfive .item-heading h3 { padding-top: 9px; color: #ffffff; } body.category-home .content-item-style-five .item-heading h3 a, body.category-home .content-item-style-genericfive .item-heading h3 a, body.category-featured-reports .content-item-style-five .item-heading h3 a, body.category-featured-reports .content-item-style-genericfive .item-heading h3 a { color: #ffffff; } body.category-home .content-item-style-five .item-heading h3 a:hover, body.category-home .content-item-style-genericfive .item-heading h3 a:hover { color: #00AEEF; } /* CONTENT ITEM STYLE SIX - REPORTS --------------------------------------------- */ /* Reports Page - Block Style - Green */ .content-item-style-six { vertical-align: top; display: block; text-align: left; height: 173px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; border-top: 5px solid #02B294; } .content-item-style-six .item-category { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 0.9em; padding: 0px 4px 2px 4px; float: right; position: absolute; top: 0; right: 0; background-color: #02B294; } .content-item-style-six .item-category a { color: #ffffff; } .content-item-style-six .item-category a:hover { color: #2E2E2E; } .content-item-style-six .item-image { width: 100px; height: 141px; float: left; margin: 15px 0 0 15px; border: solid 1px #E3E3E3; } .content-item-style-six .item-image img { width: 100%; height: 141px; } .content-item-style-six .item-author-group { float: right; width: 85%; padding: 15px 0 0 0; } .content-item-style-six .item-author-group .icon-share, .content-item-style-six .item-author-group .icon-comment, .content-item-style-six .item-author-group .author, .content-item-style-six .item-author-group .author-pic { float: left; } .content-item-style-six .item-author-group .author-pic { display: none; /*img { width:36px; height:36px; margin:0 10px 0 0; border:1px solid $gray-v-light; }*/ } .content-item-style-six .item-author-group .author { font-size: 0.95em; line-height: 1.25em; margin: 0; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #626262; text-transform: uppercase; } .content-item-style-six .item-author-group .author a { color: #626262; } .content-item-style-six .item-author-group .author a:hover { color: #02B294; } .content-item-style-six .item-author-group .author span { clear: both; display: block; color: #B0B0B0; } .content-item-style-six .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; } .content-item-style-six .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-six .item-author-group .icon-comment:hover { color: #02B294; } .content-item-style-six .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .content-item-style-six .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-six .item-author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #02B294; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-six .item-author-group .icon-share ul li a { background-color: #02B294; font-size: 1em; border-color: #02B294; } .content-item-style-six .item-author-group .icon-share ul li a:hover { background-color: #ffffff; color: #02B294; } .content-item-style-six .item-author-group .icon-share:hover { color: #02B294; } .content-item-style-six .item-heading { width: 85%; float: right; } .content-item-style-six .item-heading h3 { font-size: 1.25em; padding: 0 15px 6px 0; } .content-item-style-six .item-heading a { color: #2E2E2E; } .content-item-style-six .item-heading a:hover { color: #02B294; } .content-item-style-six .item-excerpt { width: 85%; float: right; padding: 0 0 0 0; font-size: 0.9em; } .content-item-style-six .item-excerpt p { margin-right: 15px; } /* Reports Page - Block Style - Red */ .content-item-style-genericfour { vertical-align: top; display: block; text-align: left; height: 173px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; border-top: 5px solid #e14a52; } .content-item-style-genericfour .item-category { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 0.9em; padding: 0px 4px 2px 4px; float: right; position: absolute; top: 0; right: 0; background-color: #e14a52; } .content-item-style-genericfour .item-category a { color: #ffffff; } .content-item-style-genericfour .item-category a:hover { color: #2E2E2E; } .content-item-style-genericfour .item-image { width: 100px; height: 141px; float: left; margin: 15px 0 0 15px; border: solid 1px #E3E3E3; } .content-item-style-genericfour .item-image img { width: 100%; height: 141px; } .content-item-style-genericfour .item-author-group { float: right; width: 85%; padding: 15px 0 0 0; } .content-item-style-genericfour .item-author-group .icon-share, .content-item-style-genericfour .item-author-group .icon-comment, .content-item-style-genericfour .item-author-group .author, .content-item-style-genericfour .item-author-group .author-pic { float: left; } .content-item-style-genericfour .item-author-group .author-pic { display: none; /*img { width:36px; height:36px; margin:0 10px 0 0; border:1px solid $gray-v-light; }*/ } .content-item-style-genericfour .item-author-group .author { font-size: 0.95em; line-height: 1.25em; margin: 0; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #626262; text-transform: uppercase; } .content-item-style-genericfour .item-author-group .author a { color: #626262; } .content-item-style-genericfour .item-author-group .author a:hover { color: #e14a52; } .content-item-style-genericfour .item-author-group .author span { clear: both; display: block; color: #B0B0B0; } .content-item-style-genericfour .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; } .content-item-style-genericfour .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-genericfour .item-author-group .icon-comment:hover { color: #e14a52; } .content-item-style-genericfour .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .content-item-style-genericfour .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-genericfour .item-author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #e14a52; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-genericfour .item-author-group .icon-share ul li a { background-color: #e14a52; font-size: 1em; border-color: #e14a52; } .content-item-style-genericfour .item-author-group .icon-share ul li a:hover { background-color: #ffffff; color: #e14a52; } .content-item-style-genericfour .item-author-group .icon-share:hover { color: #e14a52; } .content-item-style-genericfour .item-heading { width: 85%; float: right; } .content-item-style-genericfour .item-heading h3 { font-size: 1.25em; padding: 0 15px 6px 0; } .content-item-style-genericfour .item-heading a { color: #2E2E2E; } .content-item-style-genericfour .item-heading a:hover { color: #e14a52; } .content-item-style-genericfour .item-excerpt { width: 85%; float: right; padding: 0 0 0 0; font-size: 0.9em; } .content-item-style-genericfour .item-excerpt p { margin-right: 15px; } .category-home .content-item-style-genericfour .item-image { margin: 0; height: 154px; width: 100% !important; border: 0; } .category-home .content-item-style-genericfour .item-image img { height: 154px; } .category-home .content-item-style-genericfour .item-author-group .author-pic { display: block; } .category-home .content-item-style-genericfour .item-author-group { float: left; width: 100%; padding: 15px 0 10px 0; } .category-home .content-item-style-genericfour .item-excerpt { width: 100%; float: left; padding: 0 15px; font-size: 0.9em; } .category-home .content-item-style-genericfour .item-heading { float: left; width: 100%; } .category-home .content-item-style-genericfour .item-heading h3 { padding: 0 15px 6px 15px; } .category-home .content-item-style-genericfour .item-category { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 0.9em; padding: 4px 8px 4px 8px; float: right; position: absolute; top: 0; right: 0; } .category-reports .content-item-style-six .item-author-group, .category-reports .content-item-style-genericfour .item-author-group { float: left; margin-bottom: 5px; } .category-reports .content-item-style-six .item-author-group .author-pic, .category-reports .content-item-style-genericfour .item-author-group .author-pic { display: block; } /* CONTENT ITEM STYLE SEVEN - IDEAS LAB --------------------------------------------- */ .content-item-style-seven { vertical-align: top; display: inline-block; text-align: left; width: 32.3%; height: 345px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; border-top: 5px solid #FFDE16; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .content-item-style-seven .item-category { font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; font-size: 0.9em; padding: 0px 4px 2px 4px; float: right; position: absolute; top: 0; right: 0; background-color: #FFDE16; } .content-item-style-seven .item-category a { color: #2E2E2E; } .content-item-style-seven .item-category a:hover { color: #ffffff; } .content-item-style-seven .item-image { width: 100%; height: 164px; } .content-item-style-seven .item-image img { width: 100%; height: 164px; } .content-item-style-seven .item-author-group { float: left; width: 100%; padding: 15px 0 10px 0; } .content-item-style-seven .item-author-group .icon-share, .content-item-style-seven .item-author-group .icon-comment, .content-item-style-seven .item-author-group .author, .content-item-style-seven .item-author-group .author-pic { float: left; } .content-item-style-seven .item-author-group .author-pic img { width: 36px; height: 36px; margin: 0 10px 0 15px; border: 1px solid #E3E3E3; } .content-item-style-seven .item-author-group .author { font-size: 0.95em; line-height: 1.25em; margin: 0; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; color: #626262; text-transform: uppercase; } .content-item-style-seven .item-author-group .author a { color: #626262; } .content-item-style-seven .item-author-group .author a:hover { color: #2E2E2E; } .content-item-style-seven .item-author-group .author span { clear: both; display: block; color: #B0B0B0; } .content-item-style-seven .item-author-group .icon-comment { color: #E3E3E3; float: right; font-size: 1.85em; margin: 0 15px 0 10px; position: relative; } .content-item-style-seven .item-author-group .icon-comment a { display: block; text-align: center; position: absolute; top: 0; width: 100%; color: #ffffff; font-size: 0.45em; padding-top: 4px; padding-bottom: 9px; font-family: 'fjalla_oneregular', sans-serif; } .content-item-style-seven .item-author-group .icon-comment:hover { color: #FFDE16; } .content-item-style-seven .item-author-group .icon-share { color: #E3E3E3; float: right; font-size: 1.4em; cursor: pointer; position: relative; height: 30px; } .content-item-style-seven .item-author-group .icon-share .share-group { display: block; width: 100px; height: 30px; position: absolute; margin-left: -53px; top: 32px; display: none; z-index: 1; } .content-item-style-seven .item-author-group .icon-share .share-group:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #FFDE16; border-width: 10px; left: 50%; margin-left: 2px; } .content-item-style-seven .item-author-group .icon-share ul li a { background-color: #FFDE16; font-size: 1em; border-color: #FFDE16; } .content-item-style-seven .item-author-group .icon-share ul li a:hover { background-color: #ffffff; color: #FFDE16; } .content-item-style-seven .item-author-group .icon-share:hover { color: #FFDE16; } .content-item-style-seven .item-heading { clear: both; } .content-item-style-seven .item-heading h3 { font-size: 1.25em; padding: 0 15px 6px 15px; } .content-item-style-seven .item-heading a { color: #2E2E2E; } .content-item-style-seven .item-heading a:hover { color: #FFDE16; } .content-item-style-seven .item-excerpt { clear: both; padding: 0 15px; font-size: 0.9em; } /* HOMEPAGE GRID --------------------------------------------- */ .landing-grid-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .landing-grid-content .content-item-style-one, .landing-grid-content .content-item-style-two, .landing-grid-content .content-item-style-three, .landing-grid-content .content-item-style-four, .landing-grid-content .content-item-style-five, .landing-grid-content .content-item-style-six, .landing-grid-content .content-item-style-seven, .landing-grid-content .content-item-style-genericone, .landing-grid-content .content-item-style-generictwo, .landing-grid-content .content-item-style-genericthree, .landing-grid-content .content-item-style-genericfour, .landing-grid-content .content-item-style-genericfive { width: 100%; height: 100%; min-height: 355px; } .landing-grid-content .content-item-style-four { border-top: 0; } .category-reports .content-item-style-six, .category-reports .content-item-style-genericfour { width: 100%; } .category-reports .content-item-style-six .item-heading, .category-reports .content-item-style-six .item-excerpt, .category-reports .content-item-style-genericfour .item-heading, .category-reports .content-item-style-genericfour .item-excerpt { clear: none; } .category-reports .item-author-group .icon-comment { display: none; } .category-reports .item-author-group .icon-share { margin-right: 10px; } /* LANDING PAGE GRID BLOG/NEWS/REPORTS/CASE-STUDIES/IDEAS LAB --------------------------------------------- */ .grid { text-align: justify; } .grid:after { content: ''; display: inline-block; width: 100%; } a.load_more { display: block; padding: 21px 20px 19px 20px; font-size: 1.5em; background-color: #E2E0ED; font-family: 'fjalla_oneregular', sans-serif; text-align: center; margin-right: 5px; text-transform: uppercase; color: #49176D; cursor: pointer; } a.load_more:hover { color: #2E2E2E; } /* LEADERSHIP COUNCIL LANDING PAGE --------------------------------------------- */ body.category-leadership-council .page-content .item-page { padding-left: 0px; padding-top: 0px; position: relative; } body.category-leadership-council .page-content .item-page .item-page-header { display: none; } body.category-leadership-council .page-content .item-page .article-content.full, body.category-leadership-council .page-content .item-page .article-content { max-width: 100%; } .leader-item { vertical-align: top; display: inline-block; text-align: left; width: 49%; height: 170px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; position: relative; } .leader-item .item-image { width: 150px; height: 150px; padding: 10px 0 0 10px; float: left; } .leader-item .item-image img { height: 100%; width: auto; max-width: 150px; } .leader-item .item-info-group { float: left; width: 240px; padding: 10px 0 0 15px; } .leader-item .item-info-group h3 { font-size: 1.2em; padding: 15px 0 6px 0; margin: 0; color: #49176D; } .leader-item .item-info-group h3 a { color: #49176D; } .leader-item .item-info-group h3 a:hover { color: #2E2E2E; } .leader-item .item-info-group .leader-company { font-family: 'fjalla_oneregular', sans-serif; text-transform: uppercase; color: #626262; } .leader-item .item-info-group p.read-more { display: none; } .leader-item-dummy { display: inline-block; width: 49%; height: 1px; font-size: 0.1px; } /* MEMBERS LANDING PAGE --------------------------------------------- */ .members-item-dummy { display: inline-block; width: 18.8%; height: 1px; font-size: 0.1px; } .members-item { vertical-align: top; display: inline-block; text-align: left; width: 18.8%; height: 165px; /*padding-top: 23%; Used instead of height to give elements fluid, width-based height */ margin-bottom: 1.2%; border: solid 1px #E3E3E3; background: #ffffff; position: relative; } .members-item .item-image img { width: 76%; height: auto; padding: 12%; } .members-item .item-info-group { width: 100%; height: 165px; position: absolute; top: 0; left: 0; background-color: #49176D; color: #ffffff; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .members-item .item-info-group h3 { color: #ffffff; padding: 15px 15px 8px 15px; font-size: 1.4em; } .members-item .item-info-group p { padding: 0 15px; font-size: 0.9em; margin: 0 0 10px 0; } .members-item .item-info-group p.read-more { margin: 0 0 0 0; } .members-item .item-info-group p.read-more a { font-family: 'fjalla_oneregular', sans-serif; text-transform: uppercase; color: #ffffff; } .members-item .item-info-group p.read-more a:hover { color: #00AEEF; } .members-item .item-info-group:hover { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* MEMBERS DETAIL PAGE --------------------------------------------- */ body.member-menu .item-page { padding-left: 45px; padding-top: 20px; position: relative; width: 546px; float: left; } body.member-menu .item-page .member-logo { float: right; text-align: right; position: absolute; top: 0; right: 0; } body.member-menu .item-page .member-logo img { width: 72px; height: 72px; border: solid 1px #E3E3E3; } .right-column { float: right; width: 257px; } .right-column h3 { padding: 0 0 12px 0; font-size: 0.9em; text-transform: uppercase; font-family: 'open_sansbold', sans-serif; line-height: 1.3em; } .right-column .bio { padding: 15px; background-color: #ffffff; border: solid 1px #E3E3E3; margin-bottom: 15px; } .right-column .bio h3 { font-size: 1.4em; color: #49176D; padding: 0 0 5px 0; font-family: 'fjalla_oneregular', sans-serif; text-transform: none; } .right-column .bio h4 { font-size: 1em; color: #626262; text-transform: uppercase; padding: 0 0 13px 0; } .right-column .bio img.bio-pic { width: 85px; height: 85px; border: solid 1px #E3E3E3; margin-bottom: 10px; } .right-column .bio blockquote { float: right; width: 127px; font-size: 1.1em; color: #49176D; } .right-column .members-related-news { border: solid 1px #E3E3E3; border-top: solid 5px #49176D; background: #ffffff; padding: 13px; margin-bottom: 15px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .right-column .members-related-news .spacer { height: 1px; } .right-column .members-related-news .external_news .external_news_date { font-size: 0.95em; line-height: 1.25em; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; text-transform: uppercase; padding-bottom: 6px; display: block; color: #B0B0B0; } .right-column .members-related-news .external_news h4 { font-size: 1.25em; padding: 0 0 6px 0; margin: 0; color: #49176D; } .right-column .members-related-news .external_news h4 a { color: #49176D; } .right-column .members-related-news .external_news h4 a:hover { color: #2E2E2E; } .member-menu .bio_desc { max-height: 155px; overflow: hidden; -webkit-transition: max-height 1s ease-in-out; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; } .bio_desc.full { max-height: 2000px; } .expand-collapse { cursor: pointer; margin: 22px 0 35px 0; clear: both; background-color: #E8E5E5; height: 5px; display: none; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .expand-collapse:hover { background: #00AEEF; } body.member-menu .expand-collapse { display: block; } .expand-collapse .arrow { padding: 0 0 10px 0; font-size: 0.8em; text-transform: uppercase; font-family: 'open_sansbold', sans-serif; line-height: 0.4em; margin: 0px auto 5px auto; display: block; width: 150px; background-color: #FCF9F9; text-align: center; } .bio .expand-collapse { margin: 22px 0 7px 0; } .bio .expand-collapse .arrow { background-color: #ffffff; } .twitterfeedrss.members-tweets { padding: 13px; background-color: #00AEEF; color: #ffffff; margin-bottom: 15px; line-height: 1.4em; } .twitterfeedrss.members-tweets a { font-family: 'open_sansbold', sans-serif; color: #ffffff; } .twitterfeedrss.members-tweets a:hover { color: #2E2E2E; } .member_masonary { display: none; } body.member-menu .member_masonary { display: block; position: relative; } .member_masonary .two-one { width: 100%; height: 349px; float: left; margin-bottom: 12px; } .member_masonary .one-one { width: 267px; height: 349px; } .member_masonary .left { float: left; clear: both; } .member_masonary .right { float: right; } .member_masonary .two-one .item-image, .member_masonary .one-one .item-image { width: 100%; height: 154px; } .member_masonary .two-one .item-image img, .member_masonary .one-one .item-image img { width: 100%; height: 154px; } .member_masonary .content-item-style-five .item-category, .member_masonary .content-item-style-genericfive .item-category { display: none; } .member-image { display: none; } .member-menu .member-image { display: block; } .member-menu .item-page .item-page-title { width: 60%; } .member-menu .member-image { float: right; position: absolute; top: 0; right: 0; width: 75px; height: 75px; } .member-menu .member-image img { width: 100%; height: auto; } .member_masonary .content-item-style-five .item-image object { height: 350px; } .member_masonary .content-item-style-five .item-author-group { display: none; } /* Related articles --------------------------------- */ .related_news_items { float: right; width: 250px; } .related_articles { margin-bottom: 20px; } .related_articles h3 { font-family: open_sansbold; font-size: 0.9em; line-height: 1.3em; margin: 0 0 15px 0; padding: 0; text-transform: uppercase; } .related_articles.blog h3 { color: #00AEEF; } .related_articles.news h3 { color: #EC008C; } .related_articles.reports h3 { color: #02B294; } .related_articles.case-studies h3 { color: #49176D; } .related_articles.ideas-lab h3 { color: #FFDE16; } .related_items { background: #fff; border: 1px solid #e3e3e3; border-top: 5px solid #ccc; padding: 13px; } .blog .related_items { border-top-color: #00AEEF; } .blog .related_items a, .blog .related_items h3 { color: #00AEEF; } .news .related_items { border-top-color: #EC008C; } .news .related_items a, .news .related_items h3 { color: #EC008C; } .reports .related_items { border-top-color: #02B294; } .reports .related_items a, .reports .related_items h3 { color: #02B294; } .case-studies .related_items { border-top-color: #49176D; } .case-studies .related_items a, .case-studies .related_items h3 { color: #49176D; } .ideas-lab .related_items { border-top-color: #FFDE16; } .ideas-lab .related_items a, .ideas-lab .related_items h3 { color: #FFDE16; } .related_item { border-bottom: 1px solid #e8e5e5; margin-bottom: 15px; padding-bottom: 15px; } .related_item:last-child { border: 0; margin: 0; padding: 0; } .external_news_title { font-size: 1.25em; margin: 0; padding: 0 0 6px 0; } .related_news_date { color: #b0b0b0; font-family: fjalla_oneregular; font-size: 0.95em; line-height: 1.25em; margin-bottom: 6px; text-transform: uppercase; } .related_news_date .author { color: #626262; margin-left: 2px; } /* Category blog layout --------------------------------- */ body.category-blog-contributors .category-blog-header { display: none; } .category-blog { line-height: 1.35; } .category-blog .content-item-style-one { height: auto; } .category-blog-header { border-bottom: 1px solid #dedede; margin-bottom: 2em; max-width: 70%; padding-bottom: 2em; } .category-blog-description { color: #909090; letter-spacing: -1px; font-size: 20px; font-size: 1.25rem; } .category-blog-items-row { margin-bottom: 1.5em; } .category-blog-items-cols-2 { overflow: hidden; } .category-blog-items-cols-2 .category-blog-item { background: #fff; border-bottom: 0; border-top: 5px solid #00AEEF; float: left; margin: 0; padding: 0; width: 48%; } .category-blog-items-cols-2 .category-blog-item + .category-blog-item { margin-left: 4%; } .category-blog-items-cols-2 .category-blog-item-featured-image img { height: 273px; width: 100%; } .category-blog-items-cols-3 { overflow: hidden; } .category-blog-items-cols-3 .category-blog-item { background: #fff; border-bottom: 0; border-top: 5px solid #00AEEF; float: left; margin: 0; padding: 0; width: 31%; height: 341px; } .category-blog-items-cols-3 .category-blog-item + .category-blog-item { margin-left: 3%; } .category-blog-items-cols-3 .category-blog-item-featured-image img { height: 273px; width: 100%; } .category-blog-items-cols-4 { overflow: hidden; } .category-blog-items-cols-4 .category-blog-item { background: #fff; border-bottom: 0; border-top: 5px solid #00AEEF; float: left; margin: 0; padding: 0; width: 22%; } .category-blog-items-cols-4 .category-blog-item + .category-blog-item { margin-left: 4%; } .category-blog-items-cols-4 .category-blog-item-featured-image img { height: 273px; width: 100%; } .category-blog-item { border-bottom: 1px solid #dedede; margin-bottom: 2em; padding-bottom: 2em; } .category-blog-item-title { font-family: fjalla_oneregular; margin: 0; padding: 0; font-size: 16px; font-size: 1rem; } .category-blog-item-title a { color: #2E2E2E; } .no-touch .category-blog-item-title a:hover { color: #00AEEF; } .category-blog-item-body-text { border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: 40px; padding: 5%; } .category-blog-item-body-text p:first-child { margin-bottom: 1em; font-size: 16px; font-size: 1rem; } .category-blog-pagination, .search-result-pagination { overflow: hidden; } .category-blog-pagination .previous, .search-result-pagination .previous, .category-blog-pagination .next, .search-result-pagination .next { float: left; } .category-blog-pagination .pages, .search-result-pagination .pages { float: left; } .category-blog-pagination ul, .search-result-pagination ul { margin: 0 1em; overflow: hidden; } .category-blog-pagination li, .search-result-pagination li { float: left; line-height: 1; padding: 0 1em; } .category-blog-pagination li:last-child, .search-result-pagination li:last-child { padding: 0 1em; } .category-blog-pagination a, .search-result-pagination a { color: #fff; } .no-touch .category-blog-pagination a:hover, .no-touch .search-result-pagination a:hover { color: #cccccc; } .category-blog-counter { display: block; font-weight: 700; margin-bottom: 1em; } .category-blog-pagination-bar { background: #00AEEF; line-height: 1; overflow: hidden; padding: 0.75em; font-size: 14px; font-size: 0.875rem; } /* Search results --------------------------------------------- */ .search-result { border-bottom: 1px solid #dedede; margin-bottom: 1.5em; padding-bottom: 1.5em; } .search-result-title { margin-bottom: 0.5em; font-size: 16px; font-size: 1rem; } .search-result-category { display: block; font-weight: 700; margin-bottom: 0.5em; } .search-result-category, .search-result-content, .search-result-creation-date { padding-left: 17px; } .form-limit { padding: 0.5em 0; } .counter { padding: 0.5em 0; } .search-result-pagination { background: #00AEEF; line-height: 1; margin-bottom: 5em; padding: 1em; } /* IE7 --------------------------------- */ .lt-ie8 header .icon-set, .lt-ie8 .sidebar-content li.email, .lt-ie8 .sidebar-content li.twitter, .lt-ie8 .sidebar-content li.facebook, .lt-ie8 .item-author-group .icon-comment, .lt-ie8 .item-author-group .icon-share, .lt-ie8 .footer-connected { display: none; } .lt-ie8 .content-item-style-one, .lt-ie8 .content-item-style-two, .lt-ie8 .content-item-style-seven, .lt-ie8 .members-item, .lt-ie8 .content-item-style-genericone, .lt-ie8 .content-item-style-generictwo, .lt-ie8 .content-item-style-genericthree { float: left; margin-right: 7px; } .lt-ie8 .content-item-style-five, .lt-ie8 .content-item-style-genericfive { float: left; margin-right: 5px; } .lt-ie8 .member_masonary .right { width: 265px; } .lt-ie8 .item-heading { padding-bottom: 1em; } .lt-ie8 .cat_search { left: -9px; position: relative; } /* Layout Engine */ .layout-engine-view { position: relative; width: 100%; height: 0; } .layout-block { position: absolute; background: #eee; } .report-bar { background: #ffffff; padding: 10px 12px; margin-bottom: 10px; border-top: 5px solid #00AEEF; border-right: solid 1px #E3E3E3; border-bottom: solid 1px #E3E3E3; border-left: solid 1px #E3E3E3; text-align: right; } .report-bar p { padding: 0; margin: 0; font-size: 16px; font-family: 'fjalla_oneregular', sans-serif; text-transform: uppercase; } /* HEADER -----------------------------------------------*/ .page-header { background-color: #ffffff; font-size: 1.25em; line-height: 1.2em; width: 100%; position: absolute; z-index: 1000; top: 0; height: 145px; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; -ms-transition: opacity 0.25s ease-in; -o-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .wrapper-top.fade #main-top h1 { float: left; width: 30px; height: 30px; padding: 10px 0 0 0; } .wrapper-top.fade #main-top h1 a { width: 100%; display: block; height: 0; overflow: hidden; padding: 30px 0 0 0; background-image: url(../images/sg-logo-white.jpg); background-repeat: none; } .wrapper-top.fade { background-color: #000; } .wrapper-top.fade .main-navigation ul li a { padding: 15px 0 15px 0; color: #D3D3D3; } .wrapper-top.fade .main-navigation ul li.current-menu-item a, .wrapper-top.fade .main-navigation ul li.current_page_parent a { color: #FFF; } .page-header h1 { padding: 0; font-size: 0em; text-indent: -999em; } .main-logo { float: left; margin: 9px 0 0 0; } .main-logo a { width: 240px; height: 81px; background-image: url("../images/ncub.png"); float: left; background-size: contain; background-repeat: no-repeat; background-position: center; } .top-bar-wide { width: 100%; background-color: #40C2F3; } .top-bar-container { background-color: #00AEEF; overflow: hidden; } .icon-set { float: right; list-style-type: none; padding: 0; } .icon-set li { float: left; padding: 0 0 0 0; } .icon-set li a, .icon-set li.search { color: #ffffff; background-color: #00AEEF; display: block; border-right: solid 1px #009ADB; font-size: 1.3em; padding: 10px; min-height: 20px; } .content-item-style-two .icon-set li a, .content-item-style-two .icon-set li.search { background-color: #EC008C; border-color: #EC008C; } .icon-set li:last-child a { border-right: 0; } .no-touch .content-item-style-two .icon-set a:hover { color: #EC008C; } .icon-set li a:hover, .icon-set li.search:hover { color: #00AEEF; background-color: #ffffff; } .icon-set li.search { border-left: solid 1px #009ADB; cursor: pointer; } .icon-set li a span { display: none; } /* sticky nav */ .page-header.fixed { position: fixed; height: 35px; z-index: 1000; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); opacity: 0; } .page-header.fixed .main-logo { float: left; margin: 0 0 0 0; position: absolute; top: 0; } .page-header.fixed .main-logo a { width: 60px; height: 35px; background-image: url("../images/logo-sml.jpg"); } .page-header.fixed .second-nav { display: none; } .page-header.fixed .main-nav { float: right; position: absolute; top: 0; margin-left: 120px; } .lt-ie8 .page-header.fixed .main-nav { margin-left: 500px; width: 600px; } .page-header.fixed .main-nav ul ul { display: none; } .page-header.fixed .main-nav ul li { float: left; padding: 0 30px 0 0; } .page-header.fixed .main-nav ul li a { color: #ffffff; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; font-size: 1.1em; text-transform: uppercase; padding: 9px 0 5px 0; display: block; } .page-header.fixed .main-nav ul li a:hover, .page-header.fixed .main-nav ul li.active a { color: #2E2E2E; border-bottom: none; } .page-header.fade { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1; } /* NAVIGATION -----------------------------------------------*/ .main-nav ul { float: right; } .main-nav ul li { float: left; padding: 0 0 0 40px; } .main-nav ul li a { color: #626262; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; font-size: 1.55em; padding: 46px 0 45px 0; display: block; text-transform: uppercase; } .main-nav ul li a:hover { color: #49176D; } .main-nav ul li.active a { color: #49176D; padding: 46px 0 10px 0; border-bottom: solid 5px #49176D; } .second-nav { float: left; padding-left: 1em; } .second-nav ul ul { display: none; } .second-nav ul li { float: left; padding: 0 30px 0 0; } .second-nav ul li.item-101 { display: none; } .second-nav ul li a { color: #ffffff; font-family: 'fjalla_oneregular', sans-serif; font-weight: normal; font-size: 1.1em; text-transform: uppercase; padding: 9px 0 5px 0; display: block; } .second-nav ul li a:hover, .second-nav ul li.active a { color: #2E2E2E; } /* Header search --------------------------------- */ .header-search { height: 17px; overflow: hidden; position: relative; width: 17px; z-index: 1; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } .header-search form { left: 37px; margin: 0; position: absolute; top: 0; width: 220px; } .header-search form .search { overflow: hidden; } .header-search label { display: none; } .header-search input[type=text] { color: #00AEEF; border: 0; float: left; font-family: fjalla_oneregular; height: 22px; text-transform: uppercase; width: 130px; -webkit-font-smoothing: antialiased; font-size: 14px; font-size: 0.875rem; } .header-search input[type=text]:focus { background: #fff; } .header-search input[type=submit] { float: left; font-size: 0.9em; margin: 0; padding: 8px 0; width: 66px; -webkit-font-smoothing: antialiased; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -ms-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out; transition: background 0.3s ease-out; } .no-touch .header-search input[type=submit]:hover { background: #652097; color: #fff; } .header-search.icon-search:before { display: none; float: left; position: relative; z-index: 1; } .icon-set .header-search.open { background: #fff; width: 234px; } .icon-set .header-search.open:before { color: #00aeef; } .header-search-toggle { height: 37px; left: 0; position: absolute; top: 0; width: 37px; z-index: 9999; } .header-search-toggle:before { left: 10px; position: relative; top: 10px; } /* FOOTER -----------------------------------------------*/ .footer-base { background-color: #ffffff; width: 100%; font-size: 1.25em; line-height: 1.2em; padding: 25px 0 10px 0; background-image: url(../images/colour-stripe.jpg); background-repeat: repeat-x; background-position: center top; clear: both; } .footer-base p { clear: both; } .footer-base h5, .footer-base h3 { text-transform: uppercase; } .footer-base h3 { font-size: 1.2em; padding-top: 25px; padding-bottom: 15px; } .footer-base p a { color: #02B294; } .footer-base p a:hover { color: #2E2E2E; } .footer-connected { float: left; width: 50%; } .footer-links { float: left; width: 30%; } .footer-connected ul, .footer-links ul { overflow: hidden; padding: 0 0 30px 0; list-style-type: none; } .footer-connected ul li, .footer-links ul li { float: left; padding: 0 12px 0 0; } .footer-connected ul li a { width: 19px; height: 19px; padding: 11px 10px 10px 11px; float: left; background-image: url(../images/logo-footer.jpg); background-position: left top; background-repeat: no-repeat; color: #ffffff; font-size: 1.3em; position: relative; } .footer-connected ul li a.icon-twitter { background-image: url(../images/footer-facebook.jpg); } .footer-connected ul li a.icon-twitter:before { position: relative; left: 2px; } .footer-connected ul li a.icon-facebook { background-image: url(../images/footer-facebook.jpg); padding: 11px 8px 10px 13px; } .footer-connected ul li a.icon-linkedin { background-image: url(../images/footer-facebook.jpg); padding: 11px 8px 10px 13px; } .footer-connected ul li a.icon-linkedin:before { font-family: 'FontAwesome'; position: relative; content: "\f0e1"; color: #ffffff; top: 0px; left: 1px; } .footer-connected ul li a.icon-youtube { background-image: url(../images/footer-facebook.jpg); } .footer-connected ul li a.icon-youtube:before { font-family: 'FontAwesome'; position: relative; content: "\f167"; color: #ffffff; top: 0px; left: 3px; } .footer-connected ul li a.icon-email { background-image: url(../images/footer-facebook.jpg); } .footer-connected ul li a.icon-email:before { position: relative; left: 1px; } .footer-links ul li { margin: 0 12px 0 0; border-right: solid 1px #EC008C; } .footer-links ul li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .footer-links ul li a { color: #2E2E2E; } .footer-links ul li a:hover { color: #EC008C; } .footer-connected ul li span { display: none; } .footer-ncub { float: right; } .footer-logo { width: 200px; height: 45px; float: right; background-image: url(../images/ncub.png); background-position: left top; background-repeat: no-repeat; background-size: contain; margin-top: 25px; } @font-face { font-family: 'icomoon'; src: url("../fonts/icofont/icomoon.eot"); src: url("../fonts/icofont/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icofont/icomoon.woff") format("woff"), url("../fonts/icofont/icomoon.ttf") format("truetype"), url("../fonts/icofont/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-twitter, .icon-share, .icon-search, .icon-facebook, .icon-email, .icon-comment, .customstay-connected .email a, .customstay-connected .twitter a, .customstay-connected .facebook a { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-twitter:before, .customstay-connected .twitter a:before { content: "\e000"; } .icon-share:before { content: "\e001"; } .icon-search:before { content: "\e002"; } .icon-facebook:before, .customstay-connected .facebook a:before { content: "\e003"; } .icon-email:before, .customstay-connected .email a:before { content: "\e004"; } .icon-comment:before { content: "\e005"; } .icon-linkedin:before, .icon-youtube:before { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: relative; } .icon-linkedin:before { content: '\f0e1'; top: -2px; } .icon-youtube:before { content: '\f167'; } /* FORMS --------------------------------------------- */ form { margin: 20px 0 15px 0; } input[type='text'], input[type='email'], input[type='url'], textarea { background: #ffffff; border: 1px solid #E3E3E3; color: #626262; font-family: inherit; font-size: 0.9em; padding: 0.5em 1em 0.5em 0.5em; outline: none; } input[type='text']:hover, input[type='email']:hover, input[type='url']:hover, textarea:hover { cursor: text; border-color: #626262; } input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, textarea:focus { color: #2E2E2E; background-color: #F4F4F4; border-color: #626262; } input[type='submit'] { font-family: 'fjalla_oneregular', sans-serif; border: 1px solid #49176D; color: #ffffff; cursor: pointer; font-size: 1.1em; font-weight: normal; background-color: #49176D; text-transform: uppercase; margin: 10px 0 15px 0; padding: 0.5em 0.6em; -webkit-transition: color 0.25s linear; /*safari and chrome */ -o-transition: color 0.25s linear; /* opera */ -ms-transition: color 0.25s linear; /* ie */ } input[type='submit']:hover { border-color: #49176D; background-color: #ffffff; color: #49176D; } label { line-height: 2em; margin: 0 5px 0 0; } input[type='checkbox'], input[type='radio'] { display: inline-block; margin: 0 10px 0 0; } select { margin: 0 0 0 5px; } input:required, textarea:required { outline: 1px solid #FF3333; } /* Textarea */ textarea { width: 96.5%; margin-bottom: 7px; } .page-content .formFieldset { margin-top: 3em; } .page-content .formFieldset legend { margin-bottom: 1em; } .page-content .formContainer input[type=text] { padding: 0.75em; width: 300px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-content .formContainer textarea { line-height: 1.5; padding: 0.75em; resize: vertical; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .page-content .formCaption2 { margin: 0.75em 0; } /*# sourceMappingURL=style.css.map */