html, body, div, span, applet, object, iframe,
h1, h2, h3, .l-footer .pane-centrica-navigation-footer .list-item h3 a, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; }
html {
line-height: 1; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
q, blockquote {
quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
a img {
border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@font-face {
font-family: "OpenSansRegular";
src: url("../fonts/opensans-regular/OpenSansRegular.eot?1469118433");
src: url("../fonts/opensans-regular/OpenSansRegular.eot?&1469118433#iefix") format("embedded-opentype"), url("../fonts/opensans-regular/OpenSansRegular.woff2?1469118433") format("woff2"), url("../fonts/opensans-regular/OpenSansRegular.woff?1469118433") format("woff"), url("../fonts/opensans-regular/OpenSansRegular.svg?1469118433") format("svg"), url("../fonts/opensans-regular/OpenSansRegular.ttf?1469118433") format("truetype"); }
@font-face {
font-family: "OpenSansBold";
src: url("../fonts/opensans-bold/OpenSansBold.eot?1469118433");
src: url("../fonts/opensans-bold/OpenSansBold.eot?&1469118433#iefix") format("embedded-opentype"), url("../fonts/opensans-bold/OpenSansBold.woff2?1469118433") format("woff2"), url("../fonts/opensans-bold/OpenSansBold.woff?1469118433") format("woff"), url("../fonts/opensans-bold/OpenSansBold.svg?1469118433") format("svg"), url("../fonts/opensans-bold/OpenSansBold.ttf?1469118433") format("truetype"); }
@font-face {
font-family: "OpenSansLight";
src: url("../fonts/opensans-light/OpenSansLight.eot?1469118433");
src: url("../fonts/opensans-light/OpenSansLight.eot?&1469118433#iefix") format("embedded-opentype"), url("../fonts/opensans-light/OpenSansLight.woff2?1469118433") format("woff2"), url("../fonts/opensans-light/OpenSansLight.woff?1469118433") format("woff"), url("../fonts/opensans-light/OpenSansLight.svg?1469118433") format("svg"), url("../fonts/opensans-light/OpenSansLight.ttf?1469118433") format("truetype"); }
@font-face {
font-family: "OpenSansSemibold";
src: url("opensans-semibold/OpenSans-Semibold.eot");
src: url(opensans-semibold/OpenSans-Semibold.eot?#iefix) format('eot'), font-files("opensans-semibold/OpenSans-Semibold.woff2", "opensans-semibold/OpenSans-Semibold.woff", "opensans-semibold/OpenSans-Semibold.svg", "opensans-semibold/OpenSans-Semibold.ttf"); }
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
min-height: 100%;
font-family: "OpenSansRegular", arial, sans-serif;
min-width: 320px;
position: relative;
max-width: 1920px;
margin: auto;
-webkit-text-size-adjust: 100%; }
body.overflow {
overflow: hidden; }
body .centrica-wysiwyg-dialog-accordion {
position: fixed; }
@media (min-width: 1025px) {
body header {
position: fixed;
top: 0;
left: 0;
background: #ffffff;
z-index: 999; }
body .l-main {
padding-top: 100px; }
body.admin-menu header {
position: fixed;
top: 29px;
left: 0;
background: #ffffff; } }
.messages--error {
padding: 9px 18px 8px 17px;
background: #e52857;
color: #ffffff;
text-transform: uppercase;
font-size: 12.96px;
font-family: "OpenSansBold", arial, sans-serif;
margin: 0;
border: none; }
img {
max-width: 100%;
height: auto; }
a img {
height: auto !important; }
blockquote.quote {
margin: 18px 0 50px 0;
font-size: 22px;
color: #374280;
background: url("../images/quote.png") no-repeat 25px 37px;
background-size: 40px 28px;
border-top: 1px solid #ececed;
border-bottom: 1px solid #ececed;
padding: 29px 45px 40px 95px;
position: relative; }
blockquote.quote .description {
line-height: 32px;
letter-spacing: -0.0035em; }
blockquote.quote .person-wrapper {
position: absolute;
bottom: -9px;
right: 2px;
background: #ffffff;
padding: 0 12px 0 54px;
font-size: 13px;
color: #170e3d; }
blockquote.quote .person-wrapper .position {
padding-left: 1px;
color: #727082; }
@media (max-width: 639px) {
blockquote.quote {
border: none;
margin: 0 0 45px 0;
padding: 16px 5px 34px 68px;
background-position: 7px 22px; } }
.l-content h2, .l-content h1 {
font-size: 32px;
color: #170e3d;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 12px; }
.l-content h3, .l-content .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .l-content a {
font-size: 20px;
color: #374280;
line-height: 135%;
letter-spacing: -0.004em;
padding-bottom: 23px; }
.l-content h4 {
font-size: 17px;
color: #6e83cd;
text-transform: uppercase;
line-height: 145%;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.01em;
padding-bottom: 14px; }
.l-content h5 {
padding-bottom: 14px; }
.l-content h6 {
padding-bottom: 14px; }
@media (max-width: 639px) {
.l-content h2, .l-content h1 {
font-size: 26px; }
.l-content h3, .l-content .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .l-content a {
font-size: 18px; } }
.linkit-wrapper {
z-index: 999999999; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none; }
b, strong {
font-family: "OpenSansBold", arial, sans-serif; }
em {
font-style: italic; }
a {
-webkit-transition: color 0.3s false;
-moz-transition: color 0.3s false false;
-o-transition: color 0.3s false false;
transition: color 0.3s; }
.l-page table,
.cke_editable table {
text-align: center;
width: 100%;
max-width: 100%; }
.l-page table p,
.cke_editable table p {
padding-bottom: 0; }
.l-page table thead tr th,
.cke_editable table thead tr th {
text-align: center;
background: #374280;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 19px 10px 20px; }
.l-page table thead tr th p,
.cke_editable table thead tr th p {
color: inherit; }
.l-page table td,
.cke_editable table td {
text-align: center;
font-size: 15px;
color: #170e3d;
padding: 15px 10px; }
.l-page table tbody tr,
.cke_editable table tbody tr {
background: #e5e3e9; }
.l-page table tbody tr:nth-child(2n),
.cke_editable table tbody tr:nth-child(2n) {
background: #edecf0; }
@media (max-width: 900px) {
.l-page table table, .l-page table thead, .l-page table tbody, .l-page table th, .l-page table td, .l-page table tr,
.cke_editable table table,
.cke_editable table thead,
.cke_editable table tbody,
.cke_editable table th,
.cke_editable table td,
.cke_editable table tr {
display: block; }
.l-page table thead,
.cke_editable table thead {
display: none; }
.l-page table thead + tbody td,
.cke_editable table thead + tbody td {
padding-left: 50%; }
.l-page table thead + tbody td:before,
.cke_editable table thead + tbody td:before {
content: attr(data-th);
position: absolute;
top: 33%;
left: 6px;
width: 45%;
padding-right: 10px; }
.l-page table tbody td,
.cke_editable table tbody td {
border: none;
position: relative; } }
input.error,
textarea.error,
select.error {
border: 1px solid #e52857 !important; }
hr {
border-color: #edecf0;
background-color: #edecf0;
color: #edecf0;
margin: 7px 0;
border-style: solid; }
hr + p {
padding-bottom: 0 !important; }
.centrica-management-message-wrapper {
background: #1a245f;
padding: 11px 21px 12px; }
.centrica-management-message-wrapper .centrica-management-message {
color: #ffffff;
line-height: normal;
font-size: 16px; }
.centrica-management-message-wrapper .centrica-management-message a {
color: #a5b5e9; }
#cookiesdirective div, #cookiesdirective input {
font-family: "OpenSansRegular", arial, sans-serif; }
#cookiesdirective div a, #cookiesdirective input a {
color: #6e83cd; }
#cookiesdirective div a:hover, #cookiesdirective input a:hover {
text-decoration: none; }
#cookiesdirective .cookies-submit,
#cookiesdirective .cookies-message {
display: inline-block; }
#cookiesdirective .cookies-submit {
margin-left: 15px;
margin-bottom: 5px; }
.contextual-links-wrapper {
width: 28px;
height: 18px; }
img, media {
max-width: 100%; }
.view-careers-search .careers-search-lable {
font-size: 32px;
color: #170e3d;
padding: 9px 0 31px 3px;
letter-spacing: -0.005em; }
.view-careers-search .careers-search-lable .results {
padding-left: 22px;
font-size: 22px;
color: #6e83cd; }
.view-careers-search .views-row {
background: #edecf0;
position: relative;
min-height: 176px;
margin-bottom: 19px;
padding: 34px 22% 12px 32px;
overflow: hidden; }
.view-careers-search .views-row:last-child {
margin-bottom: 0; }
.view-careers-search .views-row .views-field-nothing {
position: absolute;
right: 0;
top: 27px;
width: 22.7%;
padding-right: 22px; }
.view-careers-search .views-row .views-field-nothing .logo img {
max-width: 100%;
height: auto;
display: block; }
.view-careers-search .views-row .views-field-nothing .link {
padding: 9px 0 0; }
.view-careers-search .views-row .views-field-nothing .link a {
padding: 13px 4px 15px 0;
display: block;
background: #313b73;
color: #ffffff;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
text-decoration: none;
letter-spacing: 0.01em;
text-align: center;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.view-careers-search .views-row .views-field-nothing .link a:hover {
background: #414D91; }
.view-careers-search .views-row .views-field-field-date-posted,
.view-careers-search .views-row .views-field-field-job-type,
.view-careers-search .views-row .views-field-field-region,
.view-careers-search .views-row .views-field-field-salary-text {
float: left;
width: 50%;
color: #170e3d;
font-size: 16px;
position: relative;
padding: 0 15px 15px 37px;
line-height: 135%; }
.view-careers-search .views-row .views-field-field-date-posted:before,
.view-careers-search .views-row .views-field-field-job-type:before,
.view-careers-search .views-row .views-field-field-region:before,
.view-careers-search .views-row .views-field-field-salary-text:before {
content: '';
width: 24px;
height: 21px;
display: block;
position: absolute;
left: 4px;
top: -1px;
background: url("../images/jobs-sprite.png") no-repeat 0 0;
background-size: 44px auto; }
.view-careers-search .views-row .views-field-field-date-posted .views-label,
.view-careers-search .views-row .views-field-field-job-type .views-label,
.view-careers-search .views-row .views-field-field-region .views-label,
.view-careers-search .views-row .views-field-field-salary-text .views-label {
font-weight: 400;
letter-spacing: 0.01em; }
.view-careers-search .views-row .views-field-field-date-posted .field-content,
.view-careers-search .views-row .views-field-field-job-type .field-content,
.view-careers-search .views-row .views-field-field-region .field-content,
.view-careers-search .views-row .views-field-field-salary-text .field-content {
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: 0.01em; }
.view-careers-search .views-row .views-field-field-date-posted:before {
background-position: 1px -22px;
left: 2px;
top: 3px; }
.view-careers-search .views-row .views-field-field-job-type:before {
background-position: -23px -20px;
left: 4px;
top: 0; }
.view-careers-search .views-row .views-field-field-region:before {
background-position: -23px 0;
left: 6px;
top: 2px; }
.view-careers-search .views-row .views-field-field-salary-text {
float: right; }
.view-careers-search .views-row .views-field-field-salary-text:before {
background-position: 0 0;
left: 4px;
top: 1px; }
.view-careers-search .views-row .views-field-title {
padding-bottom: 30px; }
.view-careers-search .views-row .views-field-title a {
font-size: 24px;
text-decoration: none;
color: #374280;
display: block;
letter-spacing: -0.004em;
-webkit-transition: color 0.3s false;
-moz-transition: color 0.3s false false;
-o-transition: color 0.3s false false;
transition: color 0.3s; }
.view-careers-search .views-row .views-field-title a:hover {
color: #6e83cd; }
.view-careers-search .views-row.views-row-even {
background: #f7f6f8; }
@media (max-width: 1024px) {
.view-careers-search {
padding: 0 12px; } }
@media (max-width: 639px) {
.view-careers-search .careers-search-lable {
font-size: 26px;
padding: 7px 0 23px 4px;
line-height: 107%; }
.view-careers-search .views-row {
padding: 20px 17px;
margin-bottom: 14px; }
.view-careers-search .views-row .views-field-nothing {
position: static;
width: 268px;
overflow: hidden;
padding-right: 0;
padding-top: 5px; }
.view-careers-search .views-row .views-field-nothing .logo {
width: 125px;
float: right; }
.view-careers-search .views-row .views-field-nothing .link {
width: 133px;
float: left;
padding: 5px 0 0; }
.view-careers-search .views-row .views-field-field-date-posted,
.view-careers-search .views-row .views-field-field-job-type,
.view-careers-search .views-row .views-field-field-region,
.view-careers-search .views-row .views-field-field-salary-text {
width: 100%;
float: none;
font-size: 15px;
padding: 0 47px 17px 41px; }
.view-careers-search .views-row .views-field-field-date-posted:before {
left: 5px;
top: 2px; }
.view-careers-search .views-row .views-field-field-job-type:before {
left: 6px;
top: 3px; }
.view-careers-search .views-row .views-field-field-region:before {
left: 9px;
top: 4px; }
.view-careers-search .views-row .views-field-field-salary-text:before {
left: 7px;
top: 0; }
.view-careers-search .views-row .views-field-title {
padding: 0 0 22px 4px; }
.view-careers-search .views-row .views-field-title a {
font-size: 22px;
line-height: 135%; } }
.story-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.story-region--left-sidebar .pane-bundle-general-tile,
.story-region--left-sidebar .pane-bundle-price-tile,
.story-region--left-sidebar .pane-bundle-download-tile,
.story-region--left-sidebar .pane-bundle-sponsor-logos,
.story-region--left-sidebar .pane-bundle-results-tile,
.story-region--left-sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.story-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.story-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.story-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.story-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.story-region--left-sidebar .pane-bundle-results-tile .tile-wrapper,
.story-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.story-region--left-sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.story-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.story-region--left-sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.story-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.story-region--left-sidebar .panel-pane {
width: 100%; }
.careers-search-result-page .l-content {
padding-bottom: 10px; }
.careers-search-result-page .pager-wrapper {
padding-bottom: 24px; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar {
padding: 26px 2.3% 0 2.8%; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-general-tile,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-price-tile,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-download-tile,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-sponsor-logos,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-results-tile,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-results-tile .tile-wrapper,
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .panel-pane {
width: 100%; }
.careers-search-result-page .search-result-hybrid-region--main-part {
padding: 26px 6% 0 0.6%; }
@media (max-width: 1024px) {
.careers-search-result-page .search-result-hybrid-region--left-sidebar {
width: 100%;
padding: 0; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .panel-pane {
display: none;
margin: 0; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-careers-seach-filter-results {
display: block; }
.careers-search-result-page .search-result-hybrid-region--left-sidebar .pane-careers-seach-filter-results .panel-pane {
display: block; }
.careers-search-result-page .search-result-hybrid-region--main-part {
width: 100%;
padding: 16px 0 0; }
.careers-search-result-page .centrica-hierarchy-navigation-form {
display: none; } }
@media (max-width: 720px) {
.careers-search-result-page .pager-wrapper {
padding-bottom: 6px; } }
.pane-careers-seach-filter-results .form-item,
.pane-careers-seach-filter-results .form-actions {
margin-bottom: 0;
overflow: hidden; }
.pane-careers-seach-filter-results .pane-title {
color: #ffffff;
font-size: 19px;
background: #374280;
padding: 16px 37px 17px 18px;
position: relative; }
.pane-careers-seach-filter-results .pane-title:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
display: block;
right: 17px;
top: 21px;
background: url("../images/search-arrows.png") no-repeat 0 0;
background-size: 28px auto; }
@media (max-width: 1024px) {
.pane-careers-seach-filter-results .pane-title:after {
background-position: -15px 0;
top: 19px; }
.pane-careers-seach-filter-results .pane-title.expanded:after {
top: 21px;
background-position: 0 0; } }
.pane-careers-seach-filter-results form label {
color: #231f4d;
font-size: 16px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding: 15px 21px 12px; }
.pane-careers-seach-filter-results form input {
display: block;
max-width: 100%; }
.pane-careers-seach-filter-results form input[type="submit"] {
display: none; }
.pane-careers-seach-filter-results .search-result {
padding: 11px 36px 11px 24px;
background: #d8d8e2;
font-size: 15.5px;
color: #170e3d;
position: relative; }
.pane-careers-seach-filter-results .search-result .filter-value {
display: block; }
.pane-careers-seach-filter-results .search-result .filter-remove {
position: absolute;
right: 19px;
top: 14px; }
.pane-careers-seach-filter-results .search-result .filter-remove a {
display: block;
text-indent: -9999px;
color: transparent;
font-size: 0;
width: 12px;
height: 12px;
background: url("../images/search-cross.png") no-repeat 0 0;
background-size: 11px 10px; }
.pane-careers-seach-filter-results .centrica-careers-search-filter-form {
overflow: hidden;
background: #e2e2e9;
position: relative; }
.pane-careers-seach-filter-results .centrica-careers-search-filter-form .form-type-textfield {
float: left;
width: 100%;
margin-bottom: 0; }
.pane-careers-seach-filter-results .centrica-careers-search-filter-form .form-type-textfield input {
width: 89.8%;
margin: 0 5.1% 17px;
display: block;
font-size: 16.52px;
height: 37px;
font-family: "OpenSansRegular", arial, sans-serif;
letter-spacing: -0.02em;
padding: 0 50px 0 13px;
border: 1px solid #dadada; }
.pane-careers-seach-filter-results .centrica-careers-search-filter-form input[type="submit"] {
position: absolute;
top: 44px;
margin-right: 1px;
right: 5.1%;
display: block;
float: left;
width: 42px;
border: none;
cursor: pointer;
background: #6e83cd url("../images/search.png") no-repeat center center;
background-size: 14px auto;
text-indent: -99999px;
color: transparent;
height: 35px; }
.pane-careers-seach-filter-results .panel-panel > div .panel-pane {
background: #e2e2e9; }
.pane-careers-seach-filter-results .panel-panel > div .panel-pane:nth-child(2n) {
background: #edecf0; }
.pane-careers-seach-filter-results .centrica-careers-search-facet-field-region .careers-search-filter-location,
.pane-careers-seach-filter-results .centrica-careers-search-facet-field-region .form-item-location {
background: #edecf0; }
.pane-careers-seach-filter-results .pane-careers-job-search-all-link {
background: #edecf0;
text-align: center;
padding: 10px 1px 30px 1px; }
.pane-careers-seach-filter-results .pane-careers-job-search-all-link a {
background: #6e83cd;
color: #ffffff;
font-size: 19.63px;
text-align: center;
display: inline-block;
text-decoration: none;
font-family: "OpenSansLight", arial, sans-serif;
padding: 12px 20px 12px;
width: 205px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.pane-careers-seach-filter-results .pane-careers-job-search-all-link a:hover {
background: #8899d6; }
.pane-careers-seach-filter-results select {
opacity: 0;
display: block;
height: 45px;
width: 100%;
background: #ffffff;
line-height: 41px; }
.pane-careers-seach-filter-results .selector {
width: 89.8% !important;
margin: 0 5.1% 19px;
position: relative;
height: 37px; }
.pane-careers-seach-filter-results .selector span {
background: #ffffff;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
color: #94959d;
font-size: 16.52px;
border: 1px solid #dadada;
padding: 9px 62px 6px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.pane-careers-seach-filter-results .selector span:after {
content: '';
position: absolute;
width: 42px;
height: 35px;
display: block;
right: 0;
top: 0;
background: #374280 url("../images/calendar-arrows.png") no-repeat 15px 15px;
background-size: 40px; }
.pane-careers-seach-filter-results select {
font-family: "OpenSansRegular", arial, sans-serif;
background: #ffffff;
width: 100%;
font-size: 16.52px;
padding: 9px 62px 6px 10px;
margin-right: 0;
height: 37px;
display: block;
line-height: 33px;
border: none;
opacity: 0;
z-index: 10; }
@media (max-width: 1024px) {
.pane-careers-seach-filter-results .panel-display {
display: none; }
.pane-careers-seach-filter-results .pane-title {
padding: 17px 37px 16px 16px; } }
.page-node .search-result-hybrid-region--left-sidebar .pane-careers-seach-filter-results .panel-pane,
.page-node .story-region--left-sidebar .pane-careers-seach-filter-results .panel-pane,
.node-type-job .search-result-hybrid-region--left-sidebar .pane-careers-seach-filter-results .panel-pane,
.node-type-job .story-region--left-sidebar .pane-careers-seach-filter-results .panel-pane {
margin-bottom: 0; }
.page-page-not-found .pane-bundle-content-search,
.page-access-denied .pane-bundle-content-search {
margin-bottom: 7px; }
.page-page-not-found .pane-bundle-content-search .tile-wrapper,
.page-access-denied .pane-bundle-content-search .tile-wrapper {
background-size: cover;
background-repeat: no-repeat;
min-height: 588px;
padding: 91px 35px 30px; }
.page-page-not-found .pane-bundle-content-search .tile-wrapper > .field,
.page-access-denied .pane-bundle-content-search .tile-wrapper > .field {
width: 1200px;
max-width: 100%;
margin: auto; }
.page-page-not-found .pane-bundle-content-search .field--name-field-text,
.page-access-denied .pane-bundle-content-search .field--name-field-text {
font-size: 65.12px;
color: inherit;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 115%;
letter-spacing: -0.01em; }
.page-page-not-found .pane-bundle-content-search .field--name-field-additional-text,
.page-access-denied .pane-bundle-content-search .field--name-field-additional-text {
color: inherit;
font-size: 32.79px;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: -0.011em;
line-height: normal;
padding-left: 2px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search,
.page-access-denied .pane-bundle-content-search .field--name-field-search {
padding: 39px 0 0 3px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search form > div,
.page-access-denied .pane-bundle-content-search .field--name-field-search form > div {
overflow: hidden; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search .form-type-textfield,
.page-access-denied .pane-bundle-content-search .field--name-field-search .form-type-textfield {
margin-bottom: 0;
float: left;
max-width: 504px;
width: 70%; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search .form-type-textfield input[type="text"],
.page-access-denied .pane-bundle-content-search .field--name-field-search .form-type-textfield input[type="text"] {
font-size: 22.37px;
color: #ababab;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
border: none;
font-style: italic;
width: 100%;
height: 54px;
line-height: 49px;
padding: 6px 17px;
letter-spacing: -0.04em; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search input[type="submit"],
.page-access-denied .pane-bundle-content-search .field--name-field-search input[type="submit"] {
float: left;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 19.12px;
color: #ffffff;
background: #374280;
display: block;
border: none;
max-width: 180px;
width: 30%;
padding: 13px 0 15px 0; }
.page-page-not-found .pane-bundle-content-search .field--name-field-llink,
.page-access-denied .pane-bundle-content-search .field--name-field-llink {
padding: 49px 0 0 9px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-llink a,
.page-access-denied .pane-bundle-content-search .field--name-field-llink a {
line-height: normal;
font-size: 21.88px;
color: inherit;
text-decoration: none;
position: relative;
display: inline-block;
letter-spacing: 0.01em;
padding-left: 27px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-llink a:before,
.page-access-denied .pane-bundle-content-search .field--name-field-llink a:before {
content: '';
display: block;
position: absolute;
width: 9px;
height: 13px;
left: 0;
top: 10px;
background: url("../images/link-arrow.png") no-repeat 0 0;
background-size: 9px 13px; }
@media (max-width: 1200px) {
.page-page-not-found .pane-bundle-content-search,
.page-access-denied .pane-bundle-content-search {
margin-bottom: 0.57%; } }
@media (max-width: 1024px) {
.page-page-not-found .pane-bundle-content-search,
.page-access-denied .pane-bundle-content-search {
margin-bottom: 1%; } }
@media (max-width: 639px) {
.page-page-not-found .pane-bundle-content-search .tile-wrapper,
.page-access-denied .pane-bundle-content-search .tile-wrapper {
padding: 25px 20px 30px;
min-height: 440px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search .form-type-textfield,
.page-access-denied .pane-bundle-content-search .field--name-field-search .form-type-textfield {
width: 100%; }
.page-page-not-found .pane-bundle-content-search .field--name-field-search input[type="submit"],
.page-access-denied .pane-bundle-content-search .field--name-field-search input[type="submit"] {
width: 65%; }
.page-page-not-found .pane-bundle-content-search .field--name-field-text,
.page-access-denied .pane-bundle-content-search .field--name-field-text {
font-size: 48px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-additional-text,
.page-access-denied .pane-bundle-content-search .field--name-field-additional-text {
font-size: 26px; }
.page-page-not-found .pane-bundle-content-search .field--name-field-llink,
.page-access-denied .pane-bundle-content-search .field--name-field-llink {
padding: 30px 0 0 9px; } }
.page-page-not-found .error-region--main,
.page-access-denied .error-region--main {
overflow: hidden;
width: 1216px;
max-width: 100%;
margin: 0 auto 0.3%; }
@media (max-width: 1024px) {
.page-page-not-found .error-region--main,
.page-access-denied .error-region--main {
margin-bottom: 0.7%; } }
.l-footer {
clear: both; }
.l-footer.fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%; }
.l-footer .l-region--footer {
width: 100%;
margin: auto;
max-width: 100%;
position: relative;
background: #373f79; }
.l-footer .panels-flexible-region-inside:after {
content: "";
display: table;
clear: both; }
.l-footer .pane-centrica-navigation-footer:after {
content: "";
display: table;
clear: both; }
.l-footer .pane-centrica-navigation-footer .list-item {
padding: 33px 0 0 2.35%;
width: 16.666%;
float: left;
padding-bottom: 52px; }
.l-footer .pane-centrica-navigation-footer .list-item h3, .l-footer .pane-centrica-navigation-footer .list-item h3 a {
word-wrap: break-word;
color: #828ebb;
font-size: 18px;
text-decoration: none; }
.l-footer .pane-centrica-navigation-footer .list-item ul {
padding: 13px 15px 40px; }
.l-footer .pane-centrica-navigation-footer .list-item li {
padding-bottom: 6px; }
.l-footer .pane-centrica-navigation-footer .list-item li:last-child {
padding-bottom: 0; }
.l-footer .pane-centrica-navigation-footer .list-item li a {
font-size: 13px;
text-decoration: none;
color: #ffffff;
font-family: "OpenSansLight", arial, sans-serif; }
.l-footer .pane-centrica-navigation-footer .list-item li a:hover {
text-decoration: underline; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(1) {
background: #373f79; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(2) {
background: #31396d; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(3) {
background: #2c3362; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(4) {
background: #282e58; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(5) {
background: #24294f; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(6) {
background: #202547; }
.l-footer .pane-centrica-footer-courtesy-links {
padding: 17px 0 20px 35px;
color: #ffffff;
font-size: 12px;
float: left; }
.l-footer .pane-centrica-footer-courtesy-links a {
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.l-footer .pane-centrica-footer-courtesy-links a:hover {
color: #6e83cd; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content,
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content {
float: left; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content h3, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-left-content a, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul,
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content h3, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-right-content a,
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content ul {
float: left; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content h3 li, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-left-content a li, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul li,
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content h3 li, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-right-content a li,
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-right-content ul li {
float: left; }
.l-footer .footer-countesy-left-content {
padding-left: 28px; }
.l-footer .footer-countesy-left-content h3, .l-footer .footer-countesy-left-content .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .footer-countesy-left-content a {
display: none; }
.l-footer .footer-countesy-left-content li {
border-right: 1px solid #7f7f7f;
padding: 0 19px 0 16px;
letter-spacing: 0.01em; }
.l-footer .footer-countesy-left-content li:first-child {
padding-left: 0; }
.l-footer .footer-countesy-left-content li:last-child {
padding-right: 0;
border-right: none; }
.l-footer .pane-centrica-footer-social-links {
float: right;
z-index: 1;
padding: 11px 27px 0 0; }
.l-footer .pane-centrica-footer-social-links ul {
overflow: hidden; }
.l-footer .pane-centrica-footer-social-links ul li {
float: left;
padding-left: 9px; }
.l-footer .pane-centrica-footer-social-links ul li:first-child {
padding-left: 0; }
.l-footer .pane-centrica-footer-social-links ul li a {
text-indent: -99999px;
color: transparent;
font-size: 0;
background: url("../images/social-links-sprite.png") no-repeat 0 0;
background-size: 96px 26px;
display: block;
height: 26px;
width: 26px;
opacity: 0.8;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.l-footer .pane-centrica-footer-social-links ul li a:hover {
opacity: 1; }
.l-footer .pane-centrica-footer-social-links ul li a.social-link-tw {
background-position: -35px 0; }
.l-footer .pane-centrica-footer-social-links ul li a.social-link-yt {
background-position: -70px 0; }
@media (max-width: 1230px) {
.l-footer .pane-centrica-navigation-footer .list-item {
width: 33.33333%; } }
@media (max-width: 860px) {
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content {
float: right;
padding: 0 0 0 14px;
letter-spacing: 0.05em;
cursor: pointer;
border-left: 1px solid #ffffff;
margin-left: 15px; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content h3, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-left-content a {
position: relative;
padding-right: 26px; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content h3:after, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-left-content a:after {
content: '';
width: 15px;
height: 12px;
display: block;
position: absolute;
top: 0;
right: 0;
background: url("../images/legal-arrows.png") no-repeat 0 3px;
background-size: 10px 17px; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul {
display: none;
position: absolute;
z-index: 3;
bottom: 49px;
left: 0;
width: 100%; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul li {
border: none;
display: block;
float: none;
padding: 0; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul li:last-child {
border-bottom: none; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul li a {
background: rgba(4, 7, 38, 0.9);
font-size: 16px;
letter-spacing: -0.01em;
padding: 22px 8px 21px 14px;
display: block;
white-space: nowrap;
border-bottom: 1px solid #31375B; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content ul li a span {
display: none; }
.l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content h3, .l-footer .pane-centrica-footer-courtesy-links .footer-countesy-left-content .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-footer-courtesy-links .footer-countesy-left-content a {
display: block; }
.l-footer .pane-centrica-navigation-footer {
padding: 8px 0 130px;
background: #101438; }
.l-footer .pane-centrica-navigation-footer .list-item {
width: 44.8%;
padding: 24px 0 0 25px; }
.l-footer .pane-centrica-navigation-footer .list-item ul {
display: none; }
.l-footer .pane-centrica-navigation-footer .list-item:nth-child(6), .l-footer .pane-centrica-navigation-footer .list-item:nth-child(5), .l-footer .pane-centrica-navigation-footer .list-item:nth-child(4), .l-footer .pane-centrica-navigation-footer .list-item:nth-child(3), .l-footer .pane-centrica-navigation-footer .list-item:nth-child(2), .l-footer .pane-centrica-navigation-footer .list-item:nth-child(1) {
background: #101438; }
.l-footer .pane-centrica-footer-courtesy-links {
padding: 19px 0 18px 13px; }
.l-footer .pane-centrica-footer-social-links {
padding-top: 11px;
padding-right: 11px; }
.l-footer .pane-centrica-footer-social-links ul li {
padding-left: 10px; } }
.pane-centrica-stories-hero-article .hero-article-tile {
max-height: 412px; }
.pane-centrica-stories-hero-article .hero-article-tile .tile-wrapper {
margin: 0px;
width: 100%;
height: 412px;
padding-bottom: 0px; }
.hero-article-tile {
overflow: hidden; }
.hero-article-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.hero-article-tile .tile-wrapper h2 {
display: none; }
.hero-article-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.hero-article-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.hero-article-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.hero-article-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.hero-article-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.hero-article-tile .posted-tags-wrapper {
float: right;
padding: 20px 20px 0px 0px;
position: relative;
z-index: 2;
max-width: calc(100% - 230px);
max-weight: 40px;
font-family: "OpenSansSemibold", arial, sans-serif;
color: #ffffff;
font-size: 12px;
line-height: 18px; }
.hero-article-tile .posted-tags-wrapper .tags {
padding-left: 24px;
margin-left: 30px;
position: relative;
display: inline-block;
text-align: right;
max-height: 17px;
overflow: hidden;
text-overflow: clip;
text-overflow: ellipsis; }
.hero-article-tile .posted-tags-wrapper .tags a {
display: inline-block;
float: right;
font-family: "OpenSansLight", arial, sans-serif;
color: #fff;
text-decoration: none;
font-size: 14px;
padding-right: 5px; }
.hero-article-tile .posted-tags-wrapper .tags:before {
font-family: 'FontAwesome';
content: "\f02b";
transform: scaleX(-1);
font-size: 16px;
line-height: 18px;
position: relative;
left: -5px; }
.hero-article-tile .posted-tags-wrapper .date-posted {
text-transform: uppercase;
display: inline-block;
color: #ffffff; }
.hero-article-tile .category {
font-family: "OpenSansSemibold", arial, sans-serif;
font-size: 14px;
color: #ffffff;
padding: 20px 0px 0px 35px;
line-height: 25px;
text-transform: uppercase;
position: relative; }
.hero-article-tile .category .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.hero-article-tile .title {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 52px;
line-height: 60px;
color: #fff;
margin: 45px 20px 138px 35px;
position: relative;
max-width: 500px; }
.hero-article-tile .title .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.hero-article-tile .more-link a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.hero-article-tile .more-link a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 4.9%;
padding: 2.9% 5.5% 3.2% 6.4%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.hero-article-tile .more-link a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 38px;
padding: 0px 24px 0px 35px;
display: inline-block;
font-size: 18px;
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 20px;
line-height: 46px;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.hero-article-tile:hover .tile-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
.hero-article-tile:hover .more-link .link-text {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-homepage-carousel-2016,
.pane-bundle-homepage-2016-carousel {
text-align: left;
max-width: 100%;
width: 100%;
margin: 0;
max-height: 390px;
overflow: hidden;
float: left; }
.pane-bundle-homepage-carousel-2016 > h2,
.pane-bundle-homepage-2016-carousel > h2 {
display: none; }
.pane-bundle-homepage-carousel-2016 .slick-track > .field__item,
.pane-bundle-homepage-2016-carousel .slick-track > .field__item {
position: relative;
float: left; }
.pane-bundle-homepage-carousel-2016 .slick-slide .field-collection-view,
.pane-bundle-homepage-2016-carousel .slick-slide .field-collection-view {
padding: 0 0 0 0;
margin: 0 0 0 0; }
.pane-bundle-homepage-carousel-2016 .group-headlinegroup,
.pane-bundle-homepage-carousel-2016 .carousel-text-wrapper,
.pane-bundle-homepage-2016-carousel .group-headlinegroup,
.pane-bundle-homepage-2016-carousel .carousel-text-wrapper {
position: absolute;
top: 10%;
left: 3.5%;
width: 37%;
min-width: 220px;
z-index: 2; }
.pane-bundle-homepage-carousel-2016 .field--name-field-title,
.pane-bundle-homepage-2016-carousel .field--name-field-title {
line-height: 106%;
letter-spacing: -0.009em;
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 2.5rem;
padding-bottom: 5%; }
.pane-bundle-homepage-carousel-2016 .field--name-field-title a,
.pane-bundle-homepage-2016-carousel .field--name-field-title a {
font-size: 1em;
font-family: "OpenSansLight", arial, sans-serif;
text-decoration: none; }
.pane-bundle-homepage-carousel-2016 .field--name-field-headline-title,
.pane-bundle-homepage-2016-carousel .field--name-field-headline-title {
line-height: 106%;
letter-spacing: -0.009em;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 1.5rem;
padding-bottom: 5%; }
.pane-bundle-homepage-carousel-2016 .field--name-field-call-to-action,
.pane-bundle-homepage-2016-carousel .field--name-field-call-to-action {
width: auto; }
.pane-bundle-homepage-carousel-2016 .field--name-field-call-to-action a,
.pane-bundle-homepage-2016-carousel .field--name-field-call-to-action a {
cursor: pointer;
display: inline-block;
padding: 12px 15px 12px 20px;
background: #170e3d;
color: #ffffff;
text-decoration: none;
font-size: 1.125rem;
font-family: "OpenSansLight", arial, sans-serif;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.pane-bundle-homepage-carousel-2016 .field--name-field-call-to-action a:hover,
.pane-bundle-homepage-2016-carousel .field--name-field-call-to-action a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-homepage-carousel-2016 .field--name-field-slides,
.pane-bundle-homepage-2016-carousel .field--name-field-slides {
position: relative;
font-size: 65px; }
.pane-bundle-homepage-carousel-2016 .field--name-field-slide-items,
.pane-bundle-homepage-2016-carousel .field--name-field-slide-items {
display: none;
padding: 38px 0 0 28px;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: 0.01em; }
.pane-bundle-homepage-carousel-2016 .field--name-field-slide-items a,
.pane-bundle-homepage-2016-carousel .field--name-field-slide-items a {
font-size: 0.34em;
text-decoration: none;
color: #000033;
position: relative;
display: block; }
.pane-bundle-homepage-carousel-2016 .field--name-field-slide-items a:before,
.pane-bundle-homepage-2016-carousel .field--name-field-slide-items a:before {
content: '';
left: -26px;
top: 7px;
width: 9px;
height: 13px;
position: absolute;
background: url("../images/link-arrow.png") no-repeat 0 0;
background-size: 9px 13px; }
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image img,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image img {
width: 100%;
height: auto;
display: block; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation,
.pane-bundle-homepage-2016-carousel .slideshow-navigation {
position: absolute;
bottom: 15px;
right: 18px;
overflow: hidden; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation button:focus,
.pane-bundle-homepage-2016-carousel .slideshow-navigation button:focus {
outline: none; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-next,
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-prev,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-next,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-prev {
display: block;
width: 13px;
height: 18px;
float: left;
background: url("../images/slideshow-arrows.png") no-repeat 0 0;
background-size: 24px auto;
border: none;
text-indent: -9999px;
color: transparent;
font-size: 0; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-prev,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-prev {
margin-right: 14px; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-next,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-next {
margin-left: 14px;
background-position: -13px -1px; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-dots,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-dots {
float: left; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-dots li,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-dots li {
float: left;
margin-right: 11px; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-dots li:last-child,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-dots li:last-child {
margin-right: 0; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-dots button,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-dots button {
text-indent: -9999px;
color: transparent;
font-size: 0;
display: block;
width: 15px;
height: 15px;
background: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
border: 2px solid #ffffff; }
.pane-bundle-homepage-carousel-2016 .slideshow-navigation .slick-dots .slick-active button,
.pane-bundle-homepage-2016-carousel .slideshow-navigation .slick-dots .slick-active button {
background: #ffffff; }
@media (max-width: 1230px) {
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image {
width: 100%;
height: auto; }
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image .field__item,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image .field__item {
overflow: hidden; }
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image img,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image img {
width: 100%;
height: auto;
min-height: 323px;
min-width: 634px;
float: right; } }
@media (max-width: 1024px) {
.pane-bundle-homepage-carousel-2016 .field--name-field-title,
.pane-bundle-homepage-2016-carousel .field--name-field-title {
font-size: 1.875rem;
line-height: 100%; }
.pane-bundle-homepage-carousel-2016 .field--name-field-headline-title,
.pane-bundle-homepage-2016-carousel .field--name-field-headline-title {
line-height: 100%;
font-size: 1.125rem; }
.pane-bundle-homepage-carousel-2016 .group-headlinegroup,
.pane-bundle-homepage-carousel-2016 .carousel-text-wrapper,
.pane-bundle-homepage-2016-carousel .group-headlinegroup,
.pane-bundle-homepage-2016-carousel .carousel-text-wrapper {
top: 15.5%; } }
@media (max-width: 820px) {
.pane-bundle-homepage-carousel-2016 .field--name-field-carousel-link,
.pane-bundle-homepage-2016-carousel .field--name-field-carousel-link {
padding: 20px 0 0 28px; }
.pane-bundle-homepage-carousel-2016 .field--name-field-carousel-link a,
.pane-bundle-homepage-2016-carousel .field--name-field-carousel-link a {
font-size: 0.3em; }
.pane-bundle-homepage-carousel-2016 .field--name-field-carousel-link a .link-text:before,
.pane-bundle-homepage-2016-carousel .field--name-field-carousel-link a .link-text:before {
top: 4px; } }
@media (max-width: 768px) {
.pane-bundle-homepage-carousel-2016 .field--name-field-call-to-action,
.pane-bundle-homepage-2016-carousel .field--name-field-call-to-action {
top: 80%; } }
@media (max-width: 640px) {
.pane-bundle-homepage-carousel-2016 .field--name-field-title,
.pane-bundle-homepage-2016-carousel .field--name-field-title {
font-size: 1.625rem;
line-height: 100%; }
.pane-bundle-homepage-carousel-2016 .field--name-field-headline-title,
.pane-bundle-homepage-2016-carousel .field--name-field-headline-title {
line-height: 100%;
font-size: 1rem; } }
@media (max-width: 639px) {
.pane-bundle-homepage-carousel-2016 .group-headlinegroup,
.pane-bundle-homepage-carousel-2016 .carousel-text-wrapper,
.pane-bundle-homepage-2016-carousel .group-headlinegroup,
.pane-bundle-homepage-2016-carousel .carousel-text-wrapper {
top: 17%; }
.pane-bundle-homepage-carousel-2016 .field--name-field-title .color-text,
.pane-bundle-homepage-carousel-2016 .field--name-field-headline-title,
.pane-bundle-homepage-2016-carousel .field--name-field-title .color-text,
.pane-bundle-homepage-2016-carousel .field--name-field-headline-title {
color: #ffffff !important; }
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image {
position: relative; }
.pane-bundle-homepage-carousel-2016 .field--name-field-background-image:after,
.pane-bundle-homepage-2016-carousel .field--name-field-background-image:after {
content: '';
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
background: rgba(35, 31, 77, 0.68);
z-index: 1; }
.pane-bundle-homepage-carousel-2016 .field--name-field-call-to-action,
.pane-bundle-homepage-2016-carousel .field--name-field-call-to-action {
z-index: 3; } }
.panels-section-columns .pane-bundle-category-feature-carousel,
.panels-section-columns .pane-bundle-homepage-carousel-2016 {
max-width: 400px; }
.homepage-region--top {
width: 100%; }
.homepage-region--top:after {
content: "";
display: table;
clear: both; }
.homepage-region--top .pane-bundle-homepage-carousel-2016 {
margin-bottom: 0; }
.homepage-region {
margin-bottom: 0; }
.homepage-region--main {
overflow: hidden;
width: 1215px;
margin: auto;
max-width: 100%; }
.homepage-region--main:after {
content: "";
display: table;
clear: both; }
.homepage-region--lower {
max-width: 1215px;
margin: 0 auto; }
.homepage-region--bottom .panels-ipe-region {
max-width: 1215px;
margin: 0 auto; }
input[type="email"],
input[type="submit"],
input[type="text"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0; }
.node-type-hybrid .l-header {
margin-bottom: 0; }
.node-type-hybrid .content-wrapper {
width: 1200px;
max-width: 100%;
margin: auto; }
.node-type-hybrid .content-wrapper:after {
content: "";
display: table;
clear: both; }
.node-type-hybrid .hybrid-region--main-part {
padding: 28px 5.6% 20px 0.65%; }
.node-type-hybrid .hybrid-region--main-part .pane-bundle-html-widget {
margin: 0 0.65%; }
.node-type-hybrid .hybrid-region--left-sidebar {
padding: 28px 2.5% 0; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-general-tile,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-price-tile,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-download-tile,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-sponsor-logos,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.node-type-hybrid .hybrid-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-hybrid .hybrid-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
@media (max-width: 1024px) {
.node-type-hybrid .hybrid-region--left-sidebar {
width: 100%;
padding: 0; }
.node-type-hybrid .hybrid-region--left-sidebar .panel-pane {
display: none; }
.node-type-hybrid .hybrid-region--main-part {
width: 100%;
padding: 28px 1%; }
.node-type-hybrid .hybrid-region--main-part .pane-bundle-html-widget {
margin: 0 1.1%; } }
@media (max-width: 639px) {
.node-type-hybrid .hybrid-region--main-part {
padding: 17px 0; } }
.node-type-hybrid.careers-search-landing-page .l-main {
margin-bottom: 30px; }
.node-type-hybrid.careers-search-landing-page .hybrid-region--left-sidebar {
padding: 29px 2.5% 0; }
.node-type-hybrid.careers-search-landing-page .hybrid-region--left-sidebar .panel-pane {
margin-bottom: 23px; }
.node-type-hybrid.careers-search-landing-page .hybrid-region--main-part {
padding: 33px 3.7% 0 0; }
@media (max-width: 639px) {
.node-type-hybrid.careers-search-landing-page .hybrid-region--main-part {
padding: 17px 0; } }
.node-type-hybrid.careers-search-landing-page .hybrid-region--main-part .pane-bundle-html-widget h3, .node-type-hybrid.careers-search-landing-page .hybrid-region--main-part .pane-bundle-html-widget .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-hybrid.careers-search-landing-page .hybrid-region--main-part .pane-bundle-html-widget a {
padding-bottom: 30px; }
.node-type-hybrid.careers-search-landing-page .hybrid-region--main-part .pane-bundle-html-widget h2, .node-type-hybrid.careers-search-landing-page .hybrid-region--main-part .pane-bundle-html-widget h1 {
padding-bottom: 13px; }
.category-pages .panels-ipe-editing .homepage-region--top, .category-pages .panels-ipe-editing .homepage-region--top.carousel-right {
padding: 0; }
.category-pages .panels-ipe-editing .homepage-region--top .panels-ipe-portlet-content .pane-centrica-share-price-content,
.category-pages .panels-ipe-editing .homepage-region--top .panels-ipe-portlet-content .pane-careers-job-search-widget, .category-pages .panels-ipe-editing .homepage-region--top.carousel-right .panels-ipe-portlet-content .pane-centrica-share-price-content,
.category-pages .panels-ipe-editing .homepage-region--top.carousel-right .panels-ipe-portlet-content .pane-careers-job-search-widget {
position: static; }
.category-pages .panels-ipe-editing .homepage-region--top .panels-ipe-portlet-content .pane-centrica-spotlight-articles, .category-pages .panels-ipe-editing .homepage-region--top.carousel-right .panels-ipe-portlet-content .pane-centrica-spotlight-articles {
position: relative; }
.category-pages .homepage-region--top {
margin-bottom: 6px;
position: relative;
padding-right: 403px; }
.category-pages .homepage-region--top:after {
content: "";
display: table;
clear: both; }
.category-pages .homepage-region--top .panel-pane:first-child {
margin-left: 0; }
.category-pages .homepage-region--top .panel-pane:last-child {
margin-right: 0; }
.category-pages .homepage-region--top .pane-bundle-category-feature-carousel {
max-height: 506px;
overflow: hidden;
width: 100%; }
.category-pages .homepage-region--top .pane-centrica-share-price-content,
.category-pages .homepage-region--top .pane-careers-job-search-widget,
.category-pages .homepage-region--top .pane-centrica-spotlight-articles {
right: 0;
top: 0;
width: 392px;
height: 506px;
padding-bottom: 0;
position: absolute; }
.category-pages .homepage-region--top.carousel-right {
padding-right: 0;
padding-left: 403px; }
.category-pages .homepage-region--top.carousel-right .pane-centrica-share-price-content,
.category-pages .homepage-region--top.carousel-right .pane-careers-job-search-widget,
.category-pages .homepage-region--top.carousel-right .pane-centrica-spotlight-articles {
left: 0;
top: 0; }
.category-pages .homepage-region--top.carousel-right .pane-bundle-category-feature-carousel {
margin-left: 0; }
@media (max-width: 1216px) {
.category-pages .homepage-region--top, .category-pages .homepage-region--top.carousel-right {
padding-right: 0;
padding-left: 0; }
.category-pages .homepage-region--top .pane-centrica-share-price-content,
.category-pages .homepage-region--top .pane-careers-job-search-widget,
.category-pages .homepage-region--top .pane-centrica-spotlight-articles, .category-pages .homepage-region--top.carousel-right .pane-centrica-share-price-content,
.category-pages .homepage-region--top.carousel-right .pane-careers-job-search-widget,
.category-pages .homepage-region--top.carousel-right .pane-centrica-spotlight-articles {
width: 32.76%;
height: 0;
padding-bottom: 41.917%;
position: relative; }
.category-pages .homepage-region--top .pane-bundle-category-feature-carousel {
width: 66.09%; } }
@media (max-width: 1024px) {
.category-pages .homepage-region--top {
margin-bottom: 1%; }
.category-pages .homepage-region--top.carousel-right .pane-centrica-share-price-content,
.category-pages .homepage-region--top.carousel-right .pane-careers-job-search-widget,
.category-pages .homepage-region--top.carousel-right .pane-centrica-spotlight-articles, .category-pages .homepage-region--top .pane-centrica-share-price-content,
.category-pages .homepage-region--top .pane-careers-job-search-widget,
.category-pages .homepage-region--top .pane-centrica-spotlight-articles {
width: 100%;
margin: 0;
padding-bottom: 0; }
.category-pages .homepage-region--top.carousel-right .pane-centrica-share-price-content, .category-pages .homepage-region--top .pane-centrica-share-price-content {
height: 506px; }
.category-pages .homepage-region--top.carousel-right .pane-careers-job-search-widget, .category-pages .homepage-region--top .pane-careers-job-search-widget {
min-height: 514px; }
.category-pages .homepage-region--top.carousel-right .pane-centrica-spotlight-articles, .category-pages .homepage-region--top .pane-centrica-spotlight-articles {
height: 506px; }
.category-pages .homepage-region--top .pane-bundle-category-feature-carousel {
width: 100%;
margin: 0; }
.category-pages .homepage-region--top .panel-pane {
margin: 0 0 2% 0; }
.category-pages .homepage-region--top .panel-pane:first-child {
margin-top: 0; }
.category-pages .homepage-region--top .panel-pane:last-child {
margin-bottom: 0; } }
@media (max-width: 460px) {
.category-pages .homepage-region--top .pane-centrica-share-price-content {
height: 437px; } }
@media (max-width: 410px) {
.category-pages .homepage-region--top .pane-centrica-spotlight-articles {
height: auto; } }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year {
width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 40%; }
.ui-datepicker select.ui-datepicker-month {
margin-right: 5%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
.ui-widget * {
box-sizing: content-box; }
.ui-widget {
font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
background: #2A234D;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0; }
.ui-datepicker {
padding: 0; }
.ui-datepicker-header {
border: none;
background: transparent;
font-weight: normal;
font-size: 15px; }
.ui-datepicker-header .ui-state-hover {
background: transparent;
border-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0; }
.ui-datepicker .ui-datepicker-title {
margin-top: .4em;
margin-bottom: .3em;
color: #e9f0f4; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
top: .9em;
border: none; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 2px; }
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
background-image: url(images/ui-icons_ffffff_256x240.png);
background-position: -32px 0;
margin-top: 0;
top: 0;
font-weight: normal; }
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px 0; }
.ui-datepicker table {
margin: 0; }
.ui-datepicker th {
padding: 1em 0;
font-size: 13px;
font-weight: normal;
border: none;
border-top: 1px solid #EAE9EE;
background-color: #EDECF0; }
.ui-datepicker td {
background: #384381;
border: none;
padding: 0; }
td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: .5em;
margin: 0;
font-weight: normal;
color: #efefef;
font-size: 16px; }
.ui-state-disabled {
opacity: 1; }
.ui-state-disabled .ui-state-default {
color: #fba49e; }
td .ui-state-active,
td .ui-state-hover {
background-color: #2A234D;
color: #EAE9EE; }
.pane-last-tweet .twitter-tile {
background-color: #22193c;
padding: 10px 20px 50px;
position: relative;
box-sizing: border-box;
height: 412px;
clear: both; }
.pane-last-tweet .twitter-tile * {
box-sizing: berder-box; }
.pane-last-tweet .twitter-tile__text {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 22px;
line-height: 32px;
color: #ffffff;
padding: 30px 0;
max-width: 300px; }
.pane-last-tweet .twitter-tile__text a {
color: #ffffff; }
.pane-last-tweet .twitter-tile__author, .pane-last-tweet .twitter-tile__time {
color: #6e83cd; }
.pane-last-tweet .twitter-tile__author {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 18px;
line-height: 27px;
border-bottom: 1px solid #484e84;
padding: 12px 0 18px 35px;
position: relative;
margin-right: 100px; }
@media (max-width: 1024px) {
.pane-last-tweet .twitter-tile__author {
margin-right: 0; } }
.pane-last-tweet .twitter-tile__author:before {
content: '';
position: absolute;
left: 0;
top: 15px;
width: 27px;
height: 22px;
background: url("/sites/all/themes/centrica/images/twitter-bird.png") 50% 50%;
background-size: contain; }
.pane-last-tweet .twitter-tile__time {
font-size: 14px;
line-height: 24px;
padding: 18px 0 0;
border-top: 1px solid #484e84;
position: absolute;
bottom: 16px;
left: 20px;
right: 20px; }
@media (min-width: 1024px) {
.pane-last-tweet .twitter-tile__time {
right: 100px; } }
@media (min-width: 1024px) {
.pane-last-tweet .twitter-tile__author:after, .pane-last-tweet .twitter-tile__time:after {
content: '';
display: block;
width: 90px;
height: 1px;
position: absolute;
bottom: -1px;
background: #484e84;
background: -moz-linear-gradient(left, #484e84 0%, #22193c 100%);
background: -webkit-linear-gradient(left, #484e84 0%, #22193c 100%);
background: linear-gradient(to right, #484e84 0%, #22193c 100%);
right: -90px; }
.pane-last-tweet .twitter-tile__time:after {
bottom: auto;
top: -1px; } }
.pane-last-tweet .twitter-tile__follow-button {
float: right;
display: inline-block;
padding: 0 12px;
height: 26px;
font-size: 13px;
line-height: 26px;
color: #fff;
background-color: #6d82cc;
text-decoration: none; }
@media (max-width: 720px) {
.view-location-types {
display: none; } }
.view-location-types .view-content {
text-align: center;
margin: 23px 10px 30px; }
.view-location-types .view-content:after {
content: '';
clear: both;
display: block; }
.view-location-types .view-content .views-row {
margin-top: 10px;
font: normal 12px "OpenSansRegular", arial, sans-serif;
float: left;
text-align: left; }
.view-location-types .view-content .views-row .centrica-icon {
line-height: 24px;
display: inline-block; }
.view-location-types .view-content .views-row .centrica-icon:before {
display: inline-block;
content: '';
background-size: cover;
background-position: 50%;
margin-right: 10px;
vertical-align: bottom; }
.view-location-types .view-content .views-row .centrica-icon.office:before {
width: 13px;
height: 30px;
background-image: url("../images/icons/grey-office.png");
margin-bottom: 0; }
.view-location-types .view-content .views-row .centrica-icon.training-academy:before {
width: 16px;
height: 36px;
background-image: url("../images/icons/grey-training-academy.png");
margin-bottom: -3px; }
.view-location-types .view-content .views-row .centrica-icon.power-station:before {
width: 15px;
height: 31px;
background-image: url("../images/icons/grey-power-station.png");
margin-bottom: 1px; }
.view-location-types .view-content .views-row .centrica-icon.wind-farm:before {
width: 13px;
height: 32px;
background-image: url("../images/icons/grey-wind-farm.png");
margin-bottom: -1px; }
.view-location-types .view-content .views-row .centrica-icon.offshore-platform:before {
width: 33px;
height: 26px;
background-image: url("../images/icons/grey-offshore-platform.png");
margin-bottom: -1px;
margin-top: 4px; }
.view-location-types .view-content .views-row .centrica-icon.national-distribution-centre:before {
width: 26px;
height: 29px;
background-image: url("../images/icons/grey-national-distribution-centre.png");
margin-bottom: 1px; }
.view-location-types .view-content .views-row .centrica-icon.onshore-terminal:before {
width: 28px;
height: 34px;
background-image: url("../images/icons/grey-on-shore-terminal.png");
margin-bottom: -5px; }
.view-location-types .view-content .views-row .centrica-icon.gas-assets:before {
width: 20px;
height: 32px;
background-image: url("../images/icons/grey-gas-assets.png");
margin-bottom: -3px; }
.view-location-types .view-content .views-row .centrica-icon.engineers:before {
width: 26px;
height: 37px;
background-image: url("../images/icons/grey-engineers.png");
margin-bottom: -4px; }
.view-location-types .view-content .views-row.views-row-1 {
width: 14%;
margin-left: 7px; }
.view-location-types .view-content .views-row.views-row-2 {
width: 34%; }
.view-location-types .view-content .views-row.views-row-3 {
width: 22%; }
.view-location-types .view-content .views-row.views-row-4 {
text-align: right;
width: 26%;
margin-left: 5px; }
.view-location-types .view-content .views-row.views-row-5 {
clear: both;
width: 18%;
margin-top: 2px;
margin-left: 7px; }
.view-location-types .view-content .views-row.views-row-6 {
width: 19%;
margin-top: 0;
margin-left: 5px; }
.view-location-types .view-content .views-row.views-row-7 {
width: 20%;
margin-top: 0; }
.view-location-types .view-content .views-row.views-row-8 {
width: 24%;
margin-top: 0;
margin-left: 4px; }
.view-location-types .view-content .views-row.views-row-9 {
text-align: right;
width: 14%;
margin-top: 0;
margin-left: -5px; }
.view-location .caption {
background: #373f79;
color: white;
padding: 15px 40px 15px 15px;
position: relative;
cursor: pointer;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif; }
.view-location .caption:after {
content: '\f106';
position: absolute;
right: 20px;
font-family: 'FontAwesome';
color: #515D9D;
font-weight: bold;
font-size: 26px;
top: 50%;
transform: translateY(-50%); }
.view-location .caption.hidden:after {
content: '\f107'; }
@media (max-width: 900px) {
.view-location .caption {
font-size: 15px; } }
.view-location .table-padding {
height: 15px;
background: #f9f9fa; }
@media (max-width: 900px) {
.view-location .table-padding {
height: 5px; }
.view-location .table-padding.last {
display: none !important; } }
.view-location .table {
margin: 0 10px 20px 10px; }
.view-location table tbody tr {
background: #f9f9fa; }
.view-location table tbody tr.even {
background: #f9f9fa; }
@media (max-width: 900px) {
.view-location table tbody tr.even {
background: #f1f1f4; } }
@media (min-width: 901px) {
.view-location table tbody tr:hover {
background: #e6e6ec; } }
.view-location table tbody tr td {
color: #000;
font: normal 13px "OpenSansRegular", arial, sans-serif;
padding: 0; }
.view-location table tbody tr td.views-field-field-type {
padding: 3px 20px;
width: 40px; }
.view-location table tbody tr td.views-field-field-brand {
text-align: left;
width: 180px; }
.view-location table tbody tr td.views-field-field-llink {
width: 150px;
padding: 0 10px;
text-align: left; }
.view-location table tbody tr td.views-field-field-llink span.link-seperator {
padding: 0 10px 0 14px;
font: normal 13px "OpenSansRegular", arial, sans-serif;
color: #d9d8db; }
.view-location table tbody tr td.views-field-field-llink a {
color: #000; }
.view-location table tbody tr td.views-field-title {
text-align: left; }
@media (max-width: 900px) {
.view-location table tbody tr:after {
content: '';
clear: both;
display: block; }
.view-location table tbody tr td {
padding: 5px 0; }
.view-location table tbody tr td.views-field-field-type {
width: 45px;
padding: 17px 10px 50px 15px;
float: left; }
.view-location table tbody tr td.views-field-field-brand {
width: 100%;
float: left;
margin-left: -45px;
padding: 10px 0 2px 45px; }
.view-location table tbody tr td.views-field-title {
float: left;
padding: 0 70px 14px 45px;
margin: 0 -90px 0 -45px;
width: 100%; }
.view-location table tbody tr td.views-field-field-llink {
float: left;
padding: 0 70px 12px 45px;
margin: 0 -90px 0 -45px;
width: 100%;
text-align: left; }
.view-location table tbody tr td.views-field-field-llink span.link-seperator {
padding: 0 10px 0 16px; } }
.view-location table .centrica-icon {
line-height: 20px;
display: block;
background-size: cover;
background-position: 50%;
vertical-align: bottom;
width: 20px;
height: 25px;
background-image: url("../images/icons/map-pin.png"); }
.view-location table .centrica-icon.british-gas.gas-assets {
background-image: url("../images/icons/british-gas-gas-assets.png"); }
.view-location table .centrica-icon.british-gas.national-distribution-centre {
background-image: url("../images/icons/british-gas-national-distribution-centre.png"); }
.view-location table .centrica-icon.british-gas.office {
background-image: url("../images/icons/british-gas-office.png"); }
.view-location table .centrica-icon.british-gas.offshore-platform {
background-image: url("../images/icons/british-gas-offshore-platform.png"); }
.view-location table .centrica-icon.british-gas.onshore-terminal {
background-image: url("../images/icons/british-gas-onshore-terminal.png"); }
.view-location table .centrica-icon.british-gas.power-station {
background-image: url("../images/icons/british-gas-power-station.png"); }
.view-location table .centrica-icon.british-gas.training-academy {
background-image: url("../images/icons/british-gas-training-academy.png"); }
.view-location table .centrica-icon.british-gas.wind-farm {
background-image: url("../images/icons/british-gas-wind-farm.png"); }
.view-location table .centrica-icon.bord-gais.gas-assets {
background-image: url("../images/icons/bord-gais-gas-assets.png"); }
.view-location table .centrica-icon.bord-gais.national-distribution-centre {
background-image: url("../images/icons/bord-gais-national-distribution-centre.png"); }
.view-location table .centrica-icon.bord-gais.office {
background-image: url("../images/icons/bord-gais-office.png"); }
.view-location table .centrica-icon.bord-gais.offshore-platform {
background-image: url("../images/icons/bord-gais-offshore-platform.png"); }
.view-location table .centrica-icon.bord-gais.onshore-terminal {
background-image: url("../images/icons/bord-gais-onshore-terminal.png"); }
.view-location table .centrica-icon.bord-gais.power-station {
background-image: url("../images/icons/bord-gais-power-station.png"); }
.view-location table .centrica-icon.bord-gais.training-academy {
background-image: url("../images/icons/bord-gais-training-academy.png"); }
.view-location table .centrica-icon.bord-gais.wind-farm {
background-image: url("../images/icons/bord-gais-wind-farm.png"); }
.view-location table .centrica-icon.centrica.gas-assets {
background-image: url("../images/icons/centrica-gas-assets.png"); }
.view-location table .centrica-icon.centrica.national-distribution-centre {
background-image: url("../images/icons/centrica-national-distribution-centre.png"); }
.view-location table .centrica-icon.centrica.office {
background-image: url("../images/icons/centrica-office.png"); }
.view-location table .centrica-icon.centrica.offshore-platform {
background-image: url("../images/icons/centrica-offshore-platform.png"); }
.view-location table .centrica-icon.centrica.onshore-terminal {
background-image: url("../images/icons/centrica-onshore-terminal.png"); }
.view-location table .centrica-icon.centrica.power-station {
background-image: url("../images/icons/centrica-power-station.png"); }
.view-location table .centrica-icon.centrica.training-academy {
background-image: url("../images/icons/centrica-training-academy.png"); }
.view-location table .centrica-icon.centrica.wind-farm {
background-image: url("../images/icons/centrica-wind-farm.png"); }
.view-location table .centrica-icon.centrica-storage.gas-assets {
background-image: url("../images/icons/centrica-storage-gas-assets.png"); }
.view-location table .centrica-icon.centrica-storage.national-distribution-centre {
background-image: url("../images/icons/centrica-storage-national-distribution-centre.png"); }
.view-location table .centrica-icon.centrica-storage.office {
background-image: url("../images/icons/centrica-storage-office.png"); }
.view-location table .centrica-icon.centrica-storage.offshore-platform {
background-image: url("../images/icons/centrica-storage-offshore-platform.png"); }
.view-location table .centrica-icon.centrica-storage.onshore-terminal {
background-image: url("../images/icons/centrica-storage-onshore-terminal.png"); }
.view-location table .centrica-icon.centrica-storage.power-station {
background-image: url("../images/icons/centrica-storage-power-station.png"); }
.view-location table .centrica-icon.centrica-storage.training-academy {
background-image: url("../images/icons/centrica-storage-training-academy.png"); }
.view-location table .centrica-icon.centrica-storage.wind-farm {
background-image: url("../images/icons/centrica-storage-wind-farm.png"); }
.view-location table .centrica-icon.dyno.gas-assets {
background-image: url("../images/icons/dyno-gas-assets.png"); }
.view-location table .centrica-icon.dyno.national-distribution-centre {
background-image: url("../images/icons/dyno-national-distribution-centre.png"); }
.view-location table .centrica-icon.dyno.office {
background-image: url("../images/icons/dyno-office.png"); }
.view-location table .centrica-icon.dyno.offshore-platform {
background-image: url("../images/icons/dyno-offshore-platform.png"); }
.view-location table .centrica-icon.dyno.onshore-terminal {
background-image: url("../images/icons/dyno-onshore-terminal.png"); }
.view-location table .centrica-icon.dyno.power-station {
background-image: url("../images/icons/dyno-power-station.png"); }
.view-location table .centrica-icon.dyno.training-academy {
background-image: url("../images/icons/dyno-training-academy.png"); }
.view-location table .centrica-icon.dyno.wind-farm {
background-image: url("../images/icons/dyno-wind-farm.png"); }
.view-location table .centrica-icon.hive.gas-assets {
background-image: url("../images/icons/hive-gas-assets.png"); }
.view-location table .centrica-icon.hive.national-distribution-centre {
background-image: url("../images/icons/hive-national-distribution-centre.png"); }
.view-location table .centrica-icon.hive.office {
background-image: url("../images/icons/hive-office.png"); }
.view-location table .centrica-icon.hive.offshore-platform {
background-image: url("../images/icons/hive-offshore-platform.png"); }
.view-location table .centrica-icon.hive.onshore-terminal {
background-image: url("../images/icons/hive-onshore-terminal.png"); }
.view-location table .centrica-icon.hive.power-station {
background-image: url("../images/icons/hive-power-station.png"); }
.view-location table .centrica-icon.hive.training-academy {
background-image: url("../images/icons/hive-training-academy.png"); }
.view-location table .centrica-icon.hive.wind-farm {
background-image: url("../images/icons/hive-wind-farm.png"); }
.view-location table .centrica-icon.direct-energy.gas-assets {
background-image: url("../images/icons/direct-energy-gas-assets.png"); }
.view-location table .centrica-icon.direct-energy.national-distribution-centre {
background-image: url("../images/icons/direct-energy-national-distribution-centre.png"); }
.view-location table .centrica-icon.direct-energy.office {
background-image: url("../images/icons/direct-energy-office.png"); }
.view-location table .centrica-icon.direct-energy.offshore-platform {
background-image: url("../images/icons/direct-energy-offshore-platform.png"); }
.view-location table .centrica-icon.direct-energy.onshore-terminal {
background-image: url("../images/icons/direct-energy-onshore-terminal.png"); }
.view-location table .centrica-icon.direct-energy.power-station {
background-image: url("../images/icons/direct-energy-power-station.png"); }
.view-location table .centrica-icon.direct-energy.training-academy {
background-image: url("../images/icons/direct-energy-training-academy.png"); }
.view-location table .centrica-icon.direct-energy.wind-farm {
background-image: url("../images/icons/direct-energy-wind-farm.png"); }
.view-location table .centrica-icon.gas-assets {
background-image: url("../images/icons/centrica-gas-assets.png"); }
.view-location table .centrica-icon.national-distribution-centre {
background-image: url("../images/icons/centrica-national-distribution-centre.png"); }
.view-location table .centrica-icon.office {
background-image: url("../images/icons/centrica-office.png"); }
.view-location table .centrica-icon.offshore-platform {
background-image: url("../images/icons/centrica-offshore-platform.png"); }
.view-location table .centrica-icon.onshore-terminal {
background-image: url("../images/icons/centrica-onshore-terminal.png"); }
.view-location table .centrica-icon.power-station {
background-image: url("../images/icons/centrica-power-station.png"); }
.view-location table .centrica-icon.training-academy {
background-image: url("../images/icons/centrica-training-academy.png"); }
.view-location table .centrica-icon.wind-farm {
background-image: url("../images/icons/centrica-wind-farm.png"); }
.view-regions .view-content {
margin: 0 12px 35px 12px; }
.view-regions .view-content table caption {
color: #6e83cd;
padding: 20px 0;
font: normal 16px "OpenSansBold", arial, sans-serif; }
@media (max-width: 900px) {
.view-regions .view-content table caption {
padding: 18px 0 10px 0; } }
.view-regions .view-content table tbody tr.odd {
background: #ebebf0; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr.odd {
background: #f7f7f9; } }
.view-regions .view-content table tbody tr.even {
background: #fff; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr {
padding: 7px 13px 12px;
text-align: left;
vertical-align: middle; } }
.view-regions .view-content table tbody tr td {
padding: 12px 8px 10px; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr td {
padding: 0; } }
.view-regions .view-content table tbody tr td.views-field-field-brand, .view-regions .view-content table tbody tr td.views-field-name {
text-align: left;
font: normal 16px "OpenSansRegular", arial, sans-serif;
color: #1a224a;
line-height: 14px; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr td.views-field-field-brand, .view-regions .view-content table tbody tr td.views-field-name {
padding-bottom: 11px;
padding-top: 6px;
font: normal 14px "OpenSansRegular", arial, sans-serif; } }
.view-regions .view-content table tbody tr td.views-field-nothing {
text-align: left;
width: 136px; }
.view-regions .view-content table tbody tr td.views-field-nothing span.link-seperator {
padding: 0 9px 0 13px;
font: normal 14px "OpenSansRegular", arial, sans-serif;
color: #d9d8db; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr td.views-field-nothing span.link-seperator {
padding: 0 9px 0 20px; } }
.view-regions .view-content table tbody tr td.views-field-nothing a {
color: #000;
font: normal 13px "OpenSansRegular", arial, sans-serif; }
@media (max-width: 900px) {
.view-regions .view-content table tbody tr td.views-field-nothing a {
font: normal 14px "OpenSansRegular", arial, sans-serif; } }
.mailchimp-signup-subscribe-block-extended-signup-form {
background-color: #170e3d;
padding: 17px 20px;
color: #edecf0; }
.mailchimp-signup-subscribe-block-extended-signup-form .subtitle {
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
color: #6f86d1;
font-size: 13px;
letter-spacing: 0.02em;
line-height: 20px;
margin-bottom: 10px; }
.mailchimp-signup-subscribe-block-extended-signup-form .title {
font-family: "OpenSansLight", arial, sans-serif;
color: #edecf0;
font-size: 34px;
max-width: 280px;
line-height: 39px;
padding: 0px 30px 17px 0px;
border-bottom: 1px solid #827d97; }
.mailchimp-signup-subscribe-block-extended-signup-form .form-type-checkboxes {
padding: 4px;
margin-bottom: 12px; }
.mailchimp-signup-subscribe-block-extended-signup-form .form-type-checkboxes > label {
line-height: 40px;
margin-bottom: 2px;
font-size: 14px; }
.mailchimp-signup-subscribe-block-extended-signup-form .form-type-checkboxes .form-type-checkbox {
display: inline-block;
width: 49%;
padding: 0px 5px 10px 0px;
margin: 0px;
vertical-align: top; }
.mailchimp-signup-subscribe-block-extended-signup-form .form-type-checkboxes .form-type-checkbox label {
line-height: 20px;
font-size: 13px;
white-space: nowrap; }
.mailchimp-signup-subscribe-block-extended-signup-form .form-type-checkboxes .form-checkbox {
margin: 4px 8px 4px 4px; }
.mailchimp-signup-subscribe-block-extended-signup-form input[type=text] {
width: 100%;
line-height: 42px;
padding: 0px 10px;
border: 0;
font-size: 14px;
color: #666666;
font-style: italic; }
.mailchimp-signup-subscribe-block-extended-signup-form input[type=submit] {
line-height: 42px;
font-size: 16px;
color: #ffffff;
font-family: "OpenSansRegular", arial, sans-serif;
width: 100%;
border: 0;
background-color: #6f86d1; }
.mailchimp-signup-subscribe-block-extended-signup-form input[type=submit]:hover {
background-color: #3b58b9; }
.mailchimp-signup-subscribe-block-extended-signup-form .messages.messages--centrica_subscription_success {
padding: 10px; }
body .homepage-region--main {
overflow: visible; }
/**
* Specific menu section in primary navigation.
*/
.pane-centrica-primary-navigation {
/** Mobile version **/
/** End mobile version **/ }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item {
padding: 31px 28px 28px;
font-size: 30px; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item .element-title {
font-size: 1em; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item .element-link {
position: absolute;
bottom: 20px;
left: 0;
font-size: 0.56em;
padding: 15px 25px; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div {
position: relative;
height: 245px;
padding: 25px 22px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-header {
position: relative;
z-index: 1; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-link-text {
z-index: 1;
position: absolute;
left: 0;
top: 0;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 17px;
width: 100%;
height: 100%; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-link-text .color-text {
position: absolute;
left: 0;
bottom: 7.4%;
padding: 11px 22px;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-header {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 35px;
line-height: 120%; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div .way-finders-overlay-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div > a {
font-size: 1em;
padding: 20px 30px;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 2; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div:hover .way-finders-link-text .color-text {
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1); }
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item > div:hover .way-finders-overlay-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
@media (min-width: 1025px) and (max-width: 1230px) {
.pane-centrica-primary-navigation .careers .item-list-level-2 .way-finders-header {
font-size: 32px !important; } }
@media (max-width: 1024px) {
.pane-centrica-primary-navigation .careers .item-list-level-2 .way-finders-wrapper {
background-image: none !important;
height: auto !important;
padding: 0 !important;
margin: 20px 0;
display: inline-block; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .way-finders-wrapper .way-finders-header {
color: #a2b1ea !important;
font-size: 19px !important;
font-weight: 400 !important; }
.pane-centrica-primary-navigation .careers .item-list-level-2 .way-finders-wrapper .way-finders-link-text,
.pane-centrica-primary-navigation .careers .item-list-level-2 .way-finders-wrapper .way-finders-overlay-wrapper {
display: none; } }
/**
* End specific menu section in primary navigation.
*/
/**
* Specific menu section in secondary navigation.
*/
.pane-centrica-secondary-navigation {
/** Mobile version **/
/** End mobile version **/ }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item {
padding: 31px 28px 28px;
font-size: 30px; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item .element-title {
font-size: 1em; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item .element-link {
position: absolute;
bottom: 20px;
left: 0;
font-size: 0.56em;
padding: 15px 25px; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div {
overflow: hidden;
position: relative;
height: 245px;
padding: 25px 22px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-header {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 35px;
line-height: 120%;
position: relative;
z-index: 1; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-link-text {
z-index: 1;
position: absolute;
left: 0;
top: 0;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 17px;
width: 100%;
height: 100%; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-link-text .color-text {
position: absolute;
left: 0;
bottom: 7.4%;
padding: 11px 22px;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-overlay-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div > a {
font-size: 1em;
padding: 20px 30px;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 2; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div:hover .news-link-text .color-text {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div:hover .news-overlay-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0.41);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
@media (min-width: 1025px) and (max-width: 1230px) {
.pane-centrica-secondary-navigation .news .item-list-level-2 .way-finders-header {
font-size: 32px !important; } }
@media (max-width: 1024px) {
.pane-centrica-secondary-navigation .news .item-list-level-2 .news-wrapper {
background-image: none !important;
height: auto !important;
padding: 0 !important;
margin: 20px 0;
display: inline-block; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .news-wrapper .news-header {
color: #a2b1ea !important;
font-size: 19px !important;
font-weight: 400 !important; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .news-wrapper .news-overlay-wrapper {
display: none; } }
/**
* End Specific menu section in secondary navigation.
*/
/**
* Pane primary navigation.
*/
.pane-centrica-secondary-navigation,
.pane-centrica-primary-navigation {
/** Mobile version **/
/** End mobile version **/ }
.pane-centrica-secondary-navigation.desktop-version .item-list,
.pane-centrica-primary-navigation.desktop-version .item-list {
display: block !important; }
.pane-centrica-secondary-navigation .item-list-level-1,
.pane-centrica-primary-navigation .item-list-level-1 {
/** First menu links. **/
/** End first menu links. **/ }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item {
display: inline-block;
font-size: 19px;
vertical-align: top; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a {
display: inline-block;
vertical-align: top; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 > a, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a > a,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 > a,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a > a {
position: relative;
padding: 22px 60px 22px 30px;
display: inline-block;
text-decoration: none;
color: #374280;
white-space: nowrap; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 > a.active-element, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a.active-element, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a > a.active-element,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 > a.active-element,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a.active-element, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a > a.active-element {
background-color: #313a73;
color: #fff; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 > a:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a > a:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 > a:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a > a:after {
position: absolute;
display: inline-block;
content: '';
width: 15px;
height: 9px;
right: 25px;
background: url(../images/header.png) no-repeat;
background-size: 140px auto;
background-position: -99px -28px;
margin-top: -4.5px;
top: 50%; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 > a:hover:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a:hover:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a > a:hover:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 > a:hover:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a > a:hover:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a > a:hover:after {
background-position: -121px -28px; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 + ul, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a + ul, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a + ul,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 + ul,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a + ul, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a + ul {
position: absolute;
left: 0;
top: 100%;
width: 100%;
max-height: 0;
-webkit-transition: max-height 0.1s ease;
-webkit-transition-delay: 0s;
-moz-transition: max-height 0.1s ease 0s;
-o-transition: max-height 0.1s ease 0s;
transition: max-height 0.1s ease 0s;
overflow: hidden;
z-index: 51; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:hover > h3 > a, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item:hover > a > a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item:hover > a > a,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:hover > h3 > a,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item:hover > a > a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:hover > a > a {
background-color: #313a73;
color: #fff; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:hover > h3 + ul, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item:hover > a + ul, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item:hover > a + ul,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:hover > h3 + ul,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item:hover > a + ul, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:hover > a + ul {
-webkit-transition: max-height 0.8s ease;
-webkit-transition-delay: 0s;
-moz-transition: max-height 0.8s ease 0s;
-o-transition: max-height 0.8s ease 0s;
transition: max-height 0.8s ease 0s;
max-height: 1000px; }
.pane-centrica-secondary-navigation .item-list-level-2 a,
.pane-centrica-primary-navigation .item-list-level-2 a {
text-decoration: none; }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item {
width: 25%;
float: left;
padding: 40px 10px 40px 4%; }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item > h3, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-2 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-2 > .list-item > a,
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item > h3 a,
.pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-2 > .list-item > a a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item > a a,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item > h3,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-2 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-2 > .list-item > a,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item > h3 a,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-2 > .list-item > a a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-2 > .list-item > a a {
color: #a2b1ea;
font-size: 19px; }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item-1,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item-1 {
background: rgba(55, 63, 121, 0.9); }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item-2,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item-2 {
background: rgba(49, 57, 109, 0.9); }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item-3,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item-3 {
background: rgba(44, 51, 98, 0.9); }
.pane-centrica-secondary-navigation .item-list-level-2 > .list-item-4,
.pane-centrica-primary-navigation .item-list-level-2 > .list-item-4 {
background: rgba(40, 46, 88, 0.9); }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item,
.pane-centrica-primary-navigation .item-list-level-3 .list-item {
padding: 20px 0 0 25px; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item a,
.pane-centrica-primary-navigation .item-list-level-3 .list-item a {
text-decoration: none;
display: block;
color: #fff;
font-size: 16px;
position: relative;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item a:hover,
.pane-centrica-primary-navigation .item-list-level-3 .list-item a:hover {
color: #6e83cd; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item a:before,
.pane-centrica-primary-navigation .item-list-level-3 .list-item a:before {
position: absolute;
display: inline-block;
content: '';
width: 15px;
height: 14px;
left: -25px;
background: url(../images/header.png) no-repeat;
background-size: 152px auto;
background-position: -112px -2px;
margin-top: -7px;
top: 50%; }
@media (min-width: 1025px) and (max-width: 1050px) {
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item {
font-size: 17px; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 a, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a a,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 a,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a a {
padding: 23px 60px 23px 30px; } }
@media (max-width: 1024px) {
.pane-centrica-secondary-navigation,
.pane-centrica-primary-navigation {
text-align: left; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item {
display: block; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:nth-child(2n+1),
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:nth-child(2n+1) {
background: #313A75; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:nth-child(2n+2),
.pane-centrica-primary-navigation .item-list-level-1 > .list-item:nth-child(2n+2) {
background: #2f366d; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a {
display: block;
color: #fff;
padding: 23px 3%;
position: relative; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 + ul.item-list, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a + ul.item-list, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a + ul.item-list,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3 + ul.item-list,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a + ul.item-list, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a + ul.item-list {
max-height: 100%;
opacity: 1;
position: static;
background: #2a3062; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a:after {
position: absolute;
display: inline-block;
content: '';
width: 15px;
height: 9px;
right: 25px;
background: url(../images/header.png) no-repeat;
background-size: 140px auto;
background-position: -99px -28px;
margin-top: -4.5px;
top: 50%; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item .item-list,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item .item-list {
display: none;
width: 100%;
float: none; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3:hover:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:hover:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a:hover:after, .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3:hover:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:hover:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a:hover:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a:after {
width: 10px;
height: 13px;
background-position: -41px -17px;
margin-top: -6.5px; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3.active, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a.active, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a.active,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3.active,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a.active, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a.active {
background: #232852; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3.active:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a.active:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a.active:after,
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > h3.active:after,
.pane-centrica-primary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a.active:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-centrica-primary-navigation .item-list-level-1 > .list-item > a.active:after {
width: 15px;
height: 9px;
background: url(../images/header.png) no-repeat;
background-size: 140px auto;
background-position: -99px -28px;
margin-top: -4.5px; }
.pane-centrica-secondary-navigation .item-list-level-2 > a:first-child,
.pane-centrica-primary-navigation .item-list-level-2 > a:first-child {
color: #a2b1ea;
font-size: 19px;
margin: 20px 7%;
display: inline-block; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item,
.pane-centrica-primary-navigation .item-list-level-2 .list-item {
background: none;
height: auto !important;
width: 100%;
float: none;
padding: 0 7%; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item.last-no-empty > ul,
.pane-centrica-primary-navigation .item-list-level-2 .list-item.last-no-empty > ul {
padding-bottom: 20px; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item h3, .pane-centrica-secondary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .pane-centrica-secondary-navigation .item-list-level-2 .list-item h3 a,
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3,
.pane-centrica-primary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3 a {
position: relative;
padding: 20px 0; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item h3:after, .pane-centrica-secondary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer .pane-centrica-secondary-navigation .item-list-level-2 .list-item h3 a:after,
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3:after,
.pane-centrica-primary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3 a:after {
position: absolute;
display: inline-block;
content: '';
width: 15px;
height: 14px;
right: 0;
background: url(../images/header.png) no-repeat;
background-size: 152px auto;
background-position: -112px -2px;
margin-top: -7px;
top: 50%; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item h3.active:after, .pane-centrica-secondary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a.active:after, .l-footer .pane-centrica-navigation-footer .pane-centrica-secondary-navigation .item-list-level-2 .list-item h3 a.active:after,
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3.active:after,
.pane-centrica-primary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a.active:after, .l-footer .pane-centrica-navigation-footer
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3 a.active:after {
background-position: -131px -3px; }
.pane-centrica-secondary-navigation .item-list-level-2 .list-item h3.empty-list:after, .pane-centrica-secondary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a.empty-list:after, .l-footer .pane-centrica-navigation-footer .pane-centrica-secondary-navigation .item-list-level-2 .list-item h3 a.empty-list:after,
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3.empty-list:after,
.pane-centrica-primary-navigation .item-list-level-2 .l-footer .pane-centrica-navigation-footer .list-item h3 a.empty-list:after, .l-footer .pane-centrica-navigation-footer
.pane-centrica-primary-navigation .item-list-level-2 .list-item h3 a.empty-list:after {
display: none; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item,
.pane-centrica-primary-navigation .item-list-level-3 .list-item {
padding: 15px 4%; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item:first-child,
.pane-centrica-primary-navigation .item-list-level-3 .list-item:first-child {
padding: 10px 4% 15px; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item:last-child,
.pane-centrica-primary-navigation .item-list-level-3 .list-item:last-child {
padding: 15px 4% 10px; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item > a,
.pane-centrica-primary-navigation .item-list-level-3 .list-item > a {
display: inline-block; }
.pane-centrica-secondary-navigation .item-list-level-3 .list-item > a:before,
.pane-centrica-primary-navigation .item-list-level-3 .list-item > a:before {
display: none; }
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item,
.pane-centrica-secondary-navigation .careers .item-list-level-2 .list-item,
.pane-centrica-primary-navigation .news .item-list-level-2 .list-item,
.pane-centrica-primary-navigation .careers .item-list-level-2 .list-item {
padding: 0 7%; }
.pane-centrica-secondary-navigation .news .item-list-level-2 div.careers-element,
.pane-centrica-secondary-navigation .careers .item-list-level-2 div.careers-element,
.pane-centrica-primary-navigation .news .item-list-level-2 div.careers-element,
.pane-centrica-primary-navigation .careers .item-list-level-2 div.careers-element {
background: none !important;
height: auto;
padding: 0;
font-size: 16px; }
.pane-centrica-secondary-navigation .news .item-list-level-2 div.careers-element .element-link,
.pane-centrica-secondary-navigation .careers .item-list-level-2 div.careers-element .element-link,
.pane-centrica-primary-navigation .news .item-list-level-2 div.careers-element .element-link,
.pane-centrica-primary-navigation .careers .item-list-level-2 div.careers-element .element-link {
display: none; }
.pane-centrica-secondary-navigation .news .item-list-level-2 div.careers-element a,
.pane-centrica-secondary-navigation .careers .item-list-level-2 div.careers-element a,
.pane-centrica-primary-navigation .news .item-list-level-2 div.careers-element a,
.pane-centrica-primary-navigation .careers .item-list-level-2 div.careers-element a {
padding: 0;
position: static; } }
/**
* End pane primary navigation.
*/
/**
* Pane secondary navigation.
*/
@media (min-width: 1025px) {
.pane-centrica-secondary-navigation {
border-bottom: 1px solid #f2f2f2;
overflow: hidden; }
.pane-centrica-secondary-navigation .item-list-level-1 {
float: right; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item {
border-left: 1px solid #f2f2f2;
float: left;
display: block; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:hover {
border-color: #ffffff; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:first-child {
border-left: 0; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 a, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a a {
font-size: 12.5px;
color: #6a6a6a;
padding: 11px 39px 12px 20px;
text-transform: uppercase;
letter-spacing: 0.065em;
white-space: nowrap;
vertical-align: top; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 a:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a a:after {
width: 12px;
height: 9px;
right: 17px;
top: 16px;
background: url(../images/header.png) no-repeat;
background-position: -73px -20px;
background-size: 105px auto; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item > h3 a:hover:after, .pane-centrica-secondary-navigation .l-footer .pane-centrica-navigation-footer .list-item h3 .item-list-level-1 > .list-item > a a:hover:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-secondary-navigation .item-list-level-1 > .list-item > a a:hover:after {
background-position: -89px -20px; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item .item-list-level-2 {
text-align: left;
top: 36px;
z-index: 51; } }
@media (max-width: 1024px) {
.pane-centrica-secondary-navigation .news .item-list-level-2 .list-item > div .news-link-text {
display: none; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:nth-child(2n+1) {
background: #2f366d; }
.pane-centrica-secondary-navigation .item-list-level-1 > .list-item:nth-child(2n+2) {
background: #313A75; } }
/**
* End pane secondary navigation.
*/
/**
* Pane search form.
*/
.pane-ctools-centrica-search-form {
display: inline-block;
vertical-align: top; }
.pane-ctools-centrica-search-form h2.pane-title {
display: block;
width: 95px;
height: 63px;
position: relative;
text-indent: 99999px;
overflow: hidden; }
.pane-ctools-centrica-search-form h2.pane-title:after {
position: absolute;
display: inline-block;
content: '';
width: 20px;
height: 20px;
right: 0;
background: url(../images/header.png) no-repeat;
background-position: -76px 1px;
background-size: 138px auto;
margin-top: -11px;
margin-left: -12px;
top: 50%;
left: 50%; }
.pane-ctools-centrica-search-form form {
max-height: 0;
overflow: hidden;
width: 100%;
position: absolute;
left: 0;
top: 100%;
z-index: 50;
opacity: 0;
-webkit-transition: opacity 0.3s ease, max-height 0.3s ease;
-webkit-transition-delay: 0s, 0s;
-moz-transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s;
transition: opacity 0.3s ease 0s, max-height 0.3s ease 0s; }
.pane-ctools-centrica-search-form form > div {
padding: 30px 40px; }
.pane-ctools-centrica-search-form form .form-type-textfield {
position: relative;
margin: 0;
padding-left: 390px; }
.pane-ctools-centrica-search-form form .form-type-textfield:before {
position: absolute;
display: inline-block;
content: '';
width: 20px;
height: 20px;
background: url(../images/header.png) no-repeat;
background-size: 76px auto;
background-position: 0 0;
margin-top: -10px;
top: 50%;
left: 0; }
.pane-ctools-centrica-search-form form .form-type-textfield label {
position: absolute;
left: 60px;
top: 50%;
margin-top: -14px;
color: #FFF;
font-size: 25px;
display: inline-block;
font-weight: 100; }
.pane-ctools-centrica-search-form form > div {
position: relative;
padding-right: 215px; }
.pane-ctools-centrica-search-form form input[type="text"] {
padding: 16px 20px;
border: 0;
width: 100%; }
.pane-ctools-centrica-search-form form input[type="submit"] {
height: 47px;
width: 175px;
text-align: center;
margin: 0;
background: #6d83ce;
border: 0;
color: #FFF;
font-size: 18px;
position: absolute;
right: 40px;
top: 50%;
margin-top: -23.5px; }
.pane-ctools-centrica-search-form:hover .pane-title {
background: #3c4683; }
.pane-ctools-centrica-search-form:hover h2:after {
background-position: -48px 1px; }
.pane-ctools-centrica-search-form:hover form {
max-height: 1000px;
background: #3c4683;
opacity: 1; }
@media (max-width: 1024px) {
.pane-ctools-centrica-search-form {
display: block; }
.pane-ctools-centrica-search-form h2.pane-title {
display: none; }
.pane-ctools-centrica-search-form form {
opacity: 1;
max-height: 100%;
position: static;
background: #2f366d;
display: block;
padding: 20px 3%; }
.pane-ctools-centrica-search-form form > div {
padding: 0 60px 0 0;
background: #FFF; }
.pane-ctools-centrica-search-form form .form-type-textfield {
padding: 0; }
.pane-ctools-centrica-search-form form .form-type-textfield label {
display: none; }
.pane-ctools-centrica-search-form form .form-type-textfield:before {
left: auto;
right: -40px;
background: url(../images/header.png) no-repeat;
background-size: 138px auto;
background-position: -76px 1px; }
.pane-ctools-centrica-search-form form input[type="submit"] {
background: none;
text-indent: -9999px;
padding: 15px 30px;
width: 60px;
right: 0; } }
/**
* End pane search form.
*/
/**
* Header.
*/
header {
width: 100%;
max-width: 100%;
margin: 0 auto 0;
position: relative;
z-index: 50;
/* Desktop theme. */
/* End desktop theme. */
/* Mobile theme. */
/* End mobile theme. */ }
header.opened-widget {
z-index: 999; }
header .l-branding img {
max-width: 238px;
width: 100%; }
@media (min-width: 1025px) {
header {
position: relative;
text-align: right; }
header.scrolled {
-webkit-box-shadow: 1px 1px 10px 0 #cccccc;
-moz-box-shadow: 1px 1px 10px 0 #cccccc;
box-shadow: 1px 1px 10px 0 #cccccc; }
header .l-branding {
top: 50%;
margin-top: -23px;
left: 40px;
position: absolute;
z-index: 50; }
header #block-panels-mini-navigatopn-panel {
padding: 0 0 0 0; }
header #block-panels-mini-navigatopn-panel > .block__content {
overflow: hidden; }
header #block-panels-mini-navigatopn-panel #mini-panel-navigatopn_panel {
float: right; }
header #block-panels-mini-navigatopn-panel #mini-panel-navigatopn_panel > .panel-panel {
width: auto;
overflow: hidden; }
header #block-panels-mini-navigatopn-panel #mini-panel-navigatopn_panel > .panel-panel > .inside {
margin: 0; }
header #block-panels-mini-navigatopn-panel .pane-centrica-share-price-widget {
vertical-align: bottom;
text-align: left; }
header #block-panels-mini-navigatopn-panel .pane-centrica-primary-navigation {
display: inline-block;
text-align: left; } }
@media (min-width: 1025px) and (max-width: 1230px) {
header .l-branding {
width: 195px;
left: 20px; } }
@media (max-width: 1024px) {
header .l-branding {
float: left;
padding: 0 10px;
line-height: 64px;
height: 70px; }
header .l-branding a {
display: block; }
header .l-branding a img {
vertical-align: middle; }
header #block-panels-mini-navigatopn-panel {
text-align: right; }
header #block-panels-mini-navigatopn-panel .block__content {
display: none; }
header #block-panels-mini-navigatopn-panel > .menu-button {
padding: 25px 40px 25px 23px;
font-size: 20px;
display: inline-block;
color: #313a73;
background: #ebebeb;
position: relative;
text-transform: uppercase;
letter-spacing: -0.09em;
cursor: pointer; }
header #block-panels-mini-navigatopn-panel > .menu-button + .block__content {
width: 100%;
text-align: left; }
header #block-panels-mini-navigatopn-panel > .menu-button:after {
position: absolute;
display: inline-block;
content: '';
width: 20px;
height: 20px;
background: url(../images/header.png) no-repeat;
background-size: 137px auto;
background-position: -96px -22px;
margin-top: -10px;
top: 50%;
right: 10px; }
header #block-panels-mini-navigatopn-panel > .menu-button.active {
color: #FFF;
background: #313a73; }
header #block-panels-mini-navigatopn-panel > .menu-button.active:after {
background-position: -72px -22px; }
header #mini-panel-navigatopn_panel > .panel-panel {
width: auto;
float: none; }
header #mini-panel-navigatopn_panel > .panel-panel > .inside {
margin: 0; }
header .pane-centrica-share-price-widget {
display: none; } }
@media (max-width: 820px) {
header {
position: relative; }
header .l-branding {
padding: 0 142px 0 21px;
float: none;
width: 100%;
height: 70px; }
header #block-panels-mini-navigatopn-panel > .menu-button {
position: absolute;
top: 0;
right: 0; } }
/**
* End header.
*/
.node-type-category.news-landing-page .l-content,
.node-type-hybrid.news-landing-page .l-content {
max-width: 100%; }
.node-type-category.news-landing-page header,
.node-type-hybrid.news-landing-page header {
margin: 0 auto; }
.node-type-category.category-pages .category-region--main,
.node-type-hybrid.category-pages .category-region--main {
width: 1215px;
max-width: 100%;
margin: auto; }
.node-type-category.category-pages .category-region--main:after,
.node-type-hybrid.category-pages .category-region--main:after {
content: "";
display: table;
clear: both; }
.node-type-category .pane-centrica-grid-our-stories,
.node-type-hybrid .pane-centrica-grid-our-stories {
width: 1200px;
max-width: 100%;
margin: auto; }
.node-type-category .pane-centrica-grid-our-stories:after,
.node-type-hybrid .pane-centrica-grid-our-stories:after {
content: "";
display: table;
clear: both; }
.node-type-category .centrica-grid-filters,
.node-type-hybrid .centrica-grid-filters {
overflow: hidden;
padding-left: 4.4%;
padding-top: 29px; }
.node-type-category .centrica-grid-filters h3, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a,
.node-type-hybrid .centrica-grid-filters h3,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a {
float: left;
color: #44446b;
font-size: 16px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.04em;
line-height: 48px;
padding-right: 27px; }
.node-type-category .centrica-grid-filters ul,
.node-type-hybrid .centrica-grid-filters ul {
float: left; }
.node-type-category .centrica-grid-filters ul li,
.node-type-hybrid .centrica-grid-filters ul li {
float: left;
margin: 0 0 15px 16px; }
.node-type-category .centrica-grid-filters ul li:first-child,
.node-type-hybrid .centrica-grid-filters ul li:first-child {
margin-left: 0; }
.node-type-category .centrica-grid-filters ul li a,
.node-type-hybrid .centrica-grid-filters ul li a {
background: #c1c1c1;
min-width: 84px;
text-align: center;
color: #ffffff;
font-size: 18px;
display: block;
padding: 13px 28px 17px 28px;
text-decoration: none;
letter-spacing: -0.02em; }
@media (max-width: 1050px) {
.node-type-category .centrica-grid-filters,
.node-type-hybrid .centrica-grid-filters {
padding-left: 0;
padding-top: 0; }
.node-type-category .centrica-grid-filters h3, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a,
.node-type-hybrid .centrica-grid-filters h3,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a {
display: block;
background: #374280;
color: #ffffff;
text-transform: none;
font-weight: 400;
padding-left: 4.3%;
letter-spacing: 0.002em;
float: none;
font-size: 19px;
padding-bottom: 4px;
cursor: pointer;
position: relative; }
.node-type-category .centrica-grid-filters h3:after, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a:after,
.node-type-hybrid .centrica-grid-filters h3:after,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a:after {
content: '';
display: block;
position: absolute;
right: 21px;
top: 21px;
width: 15px;
height: 9px;
background: url("../images/search-arrows.png") no-repeat 0 0;
background-size: 28px auto; }
.node-type-category .centrica-grid-filters h3.opened:after, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a.opened:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a.opened:after,
.node-type-hybrid .centrica-grid-filters h3.opened:after,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a.opened:after, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a.opened:after {
background-position: -18px 0;
width: 10px;
height: 16px;
top: 18px; }
.node-type-category .centrica-grid-filters h3 span, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a span, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a span,
.node-type-hybrid .centrica-grid-filters h3 span,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a span, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a span {
display: none; }
.node-type-category .centrica-grid-filters ul,
.node-type-hybrid .centrica-grid-filters ul {
display: none;
width: 100%; }
.node-type-category .centrica-grid-filters ul li,
.node-type-hybrid .centrica-grid-filters ul li {
padding-bottom: 0;
width: 100%;
margin: 0; }
.node-type-category .centrica-grid-filters ul li a,
.node-type-hybrid .centrica-grid-filters ul li a {
border-top: 1px solid #ffffff; } }
@media (max-width: 460px) {
.node-type-category .centrica-grid-filters h3, .node-type-category .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-category .centrica-grid-filters a,
.node-type-hybrid .centrica-grid-filters h3,
.node-type-hybrid .centrica-grid-filters .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.node-type-hybrid .centrica-grid-filters a {
padding-left: 15px; } }
.node-type-category .centrica-stories-first-grid,
.node-type-hybrid .centrica-stories-first-grid {
padding: 21px 0 0 37px;
overflow: hidden; }
.node-type-category .centrica-stories-first-grid .grid-item,
.node-type-hybrid .centrica-stories-first-grid .grid-item {
background: #edecf0;
width: 30.8%;
margin-right: 2.23%;
float: left;
margin-bottom: 29px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(3n),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(3n) {
margin-right: 0; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(3n+1),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(3n+1) {
clear: both; }
.node-type-category .centrica-stories-first-grid .grid-item .image a,
.node-type-hybrid .centrica-stories-first-grid .grid-item .image a {
display: block;
position: relative; }
.node-type-category .centrica-stories-first-grid .grid-item .image a:after,
.node-type-hybrid .centrica-stories-first-grid .grid-item .image a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #222222;
opacity: 0;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.node-type-category .centrica-stories-first-grid .grid-item .image img,
.node-type-hybrid .centrica-stories-first-grid .grid-item .image img {
max-width: 100%;
height: auto;
display: block; }
.node-type-category .centrica-stories-first-grid .grid-item .element-container,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-container {
position: relative; }
.node-type-category .centrica-stories-first-grid .grid-item .categories,
.node-type-hybrid .centrica-stories-first-grid .grid-item .categories {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden; }
.node-type-category .centrica-stories-first-grid .grid-item .categories .category-title,
.node-type-hybrid .centrica-stories-first-grid .grid-item .categories .category-title {
font-size: 16px;
color: #ffffff;
padding: 12px 20px 13px 21px;
background: #374280; }
.node-type-category .centrica-stories-first-grid .grid-item .element-title,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-title {
height: 80px;
letter-spacing: -0.018em;
padding: 22px 14px 0 19px;
overflow: hidden; }
.node-type-category .centrica-stories-first-grid .grid-item .element-title a,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-title a {
color: #170e3d;
font-size: 21px;
text-decoration: none;
display: block;
line-height: 29px;
-webkit-transition: color 0.3s false;
-moz-transition: color 0.3s false false;
-o-transition: color 0.3s false false;
transition: color 0.3s; }
.node-type-category .centrica-stories-first-grid .grid-item .element-title a:hover,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-title a:hover {
color: #6e83cd; }
.node-type-category .centrica-stories-first-grid .grid-item .element-posted,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-posted {
color: #10222a;
font-size: 15px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 14px 0 29px 20px;
-webkit-transition: color 0.3s false;
-moz-transition: color 0.3s false false;
-o-transition: color 0.3s false false;
transition: color 0.3s; }
.node-type-category .centrica-stories-first-grid .grid-item:hover,
.node-type-hybrid .centrica-stories-first-grid .grid-item:hover {
background: #374280; }
.node-type-category .centrica-stories-first-grid .grid-item:hover .image a:after,
.node-type-hybrid .centrica-stories-first-grid .grid-item:hover .image a:after {
opacity: 0.7; }
.node-type-category .centrica-stories-first-grid .grid-item:hover .element-title a,
.node-type-hybrid .centrica-stories-first-grid .grid-item:hover .element-title a {
color: #ffffff; }
.node-type-category .centrica-stories-first-grid .grid-item:hover .element-posted,
.node-type-hybrid .centrica-stories-first-grid .grid-item:hover .element-posted {
color: #ffffff; }
@media (max-width: 960px) {
.node-type-category .centrica-stories-first-grid,
.node-type-hybrid .centrica-stories-first-grid {
padding: 21px 0 0 4.3%; }
.node-type-category .centrica-stories-first-grid .grid-item,
.node-type-hybrid .centrica-stories-first-grid .grid-item {
width: 47%; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(3n+1),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(3n+1) {
clear: none; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(2n+1),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(2n+1) {
clear: both;
margin-right: 2.23%; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(3n),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(3n) {
margin-right: 2.23%; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(2n),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(2n) {
margin-right: 0; }
.node-type-category .centrica-stories-first-grid .grid-item .image img,
.node-type-hybrid .centrica-stories-first-grid .grid-item .image img {
width: 100%; } }
@media (max-width: 560px) {
.node-type-category .centrica-stories-first-grid,
.node-type-hybrid .centrica-stories-first-grid {
padding: 21px 20px 0 20px; }
.node-type-category .centrica-stories-first-grid .grid-item,
.node-type-hybrid .centrica-stories-first-grid .grid-item {
width: 100%; }
.node-type-category .centrica-stories-first-grid .grid-item:nth-child(2n), .node-type-category .centrica-stories-first-grid .grid-item:nth-child(3n), .node-type-category .centrica-stories-first-grid .grid-item:nth-child(2n+1),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(2n),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(3n),
.node-type-hybrid .centrica-stories-first-grid .grid-item:nth-child(2n+1) {
margin-right: 0; } }
@media (max-width: 460px) {
.node-type-category .centrica-stories-first-grid,
.node-type-hybrid .centrica-stories-first-grid {
padding: 13px 13px 0 13px; }
.node-type-category .centrica-stories-first-grid .grid-item,
.node-type-hybrid .centrica-stories-first-grid .grid-item {
margin-bottom: 13px; }
.node-type-category .centrica-stories-first-grid .grid-item .element-title,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-title {
height: auto;
letter-spacing: -0.018em;
padding: 16px 14px 0 18px; }
.node-type-category .centrica-stories-first-grid .grid-item .element-title a,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-title a {
font-size: 18px; }
.node-type-category .centrica-stories-first-grid .grid-item .element-posted,
.node-type-hybrid .centrica-stories-first-grid .grid-item .element-posted {
font-size: 14px;
padding-bottom: 21px; } }
.node-type-category .centrica-stories-second-grid,
.node-type-hybrid .centrica-stories-second-grid {
background: #eae9ee;
overflow: hidden;
padding: 43px 50px 9px 49px;
margin-bottom: 10px; }
.node-type-category .centrica-stories-second-grid .title,
.node-type-hybrid .centrica-stories-second-grid .title {
color: #241e4e;
font-size: 33px;
font-weight: 100;
padding: 2px 0 44px;
text-align: center;
letter-spacing: -.013em; }
.node-type-category .centrica-stories-second-grid .grid-item,
.node-type-hybrid .centrica-stories-second-grid .grid-item {
width: 33%;
float: left;
padding-bottom: 38px;
padding-left: 25px; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(3n+1),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(3n+1) {
clear: both;
padding-left: 0; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(3n),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(3n) {
padding-left: 51px; }
.node-type-category .centrica-stories-second-grid .grid-item .element-image,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-image {
float: left; }
.node-type-category .centrica-stories-second-grid .grid-item .element-image img,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-image img {
display: block;
width: 104px; }
.node-type-category .centrica-stories-second-grid .grid-item .element-title,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-title {
padding: 1px 0 14px 128px;
line-height: 22px; }
.node-type-category .centrica-stories-second-grid .grid-item .element-title a,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-title a {
color: #10222a;
font-size: 17px;
text-decoration: none; }
.node-type-category .centrica-stories-second-grid .grid-item .element-title a:hover,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-title a:hover {
color: #6e83cd; }
.node-type-category .centrica-stories-second-grid .grid-item .element-posted,
.node-type-hybrid .centrica-stories-second-grid .grid-item .element-posted {
padding-left: 128px;
font-size: 14px;
color: #676d72; }
@media (max-width: 970px) {
.node-type-category .centrica-stories-second-grid .grid-item,
.node-type-hybrid .centrica-stories-second-grid .grid-item {
width: 50%; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(3n+1),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(3n+1) {
clear: none;
padding-left: 0; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(2n+1),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(2n+1) {
clear: both;
padding-left: 0; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(2n),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(2n) {
padding-left: 15px; } }
@media (max-width: 670px) {
.node-type-category .centrica-stories-second-grid .grid-item,
.node-type-hybrid .centrica-stories-second-grid .grid-item {
width: 100%; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(2n),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(2n) {
padding-left: 0; }
.node-type-category .centrica-stories-second-grid .grid-item:nth-child(7), .node-type-category .centrica-stories-second-grid .grid-item:nth-child(8), .node-type-category .centrica-stories-second-grid .grid-item:nth-child(9),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(7),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(8),
.node-type-hybrid .centrica-stories-second-grid .grid-item:nth-child(9) {
display: none; } }
@media (max-width: 460px) {
.node-type-category .centrica-stories-second-grid,
.node-type-hybrid .centrica-stories-second-grid {
padding: 34px 22px 30px 22px; }
.node-type-category .centrica-stories-second-grid .grid-item,
.node-type-hybrid .centrica-stories-second-grid .grid-item {
padding-bottom: 32px; }
.node-type-category .centrica-stories-second-grid .grid-item:last-child,
.node-type-hybrid .centrica-stories-second-grid .grid-item:last-child {
padding-bottom: 0; }
.node-type-category .centrica-stories-second-grid .element-image,
.node-type-hybrid .centrica-stories-second-grid .element-image {
height: 78px;
overflow: hidden; }
.node-type-category .centrica-stories-second-grid .element-image img,
.node-type-hybrid .centrica-stories-second-grid .element-image img {
display: block;
width: 85px;
height: auto; }
.node-type-category .centrica-stories-second-grid .element-posted,
.node-type-hybrid .centrica-stories-second-grid .element-posted {
padding-left: 107px; }
.node-type-category .centrica-stories-second-grid .element-title,
.node-type-hybrid .centrica-stories-second-grid .element-title {
padding: 0 0 14px 107px;
line-height: 15px; }
.node-type-category .centrica-stories-second-grid .element-title a,
.node-type-hybrid .centrica-stories-second-grid .element-title a {
font-size: 15px; } }
.node-type-category .panels-flexible-region,
.node-type-hybrid .panels-flexible-region {
width: 100%; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup {
padding: 0;
margin: 0; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form {
padding: 34px 42px 20px; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .messages-container,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .messages-container {
width: 36%; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields {
width: 47.5%; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"],
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"] {
width: 15.6%; }
@media (max-width: 860px) {
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .messages-container,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .messages-container {
width: 100%;
padding-bottom: 15px; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields {
width: 65%; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"],
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"] {
width: 35%; } }
@media (max-width: 490px) {
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form {
padding: 33px 18px 20px 12px; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .messages-container .first-message,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .messages-container .first-message {
font-size: 14px;
letter-spacing: 0.055em; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .messages-container .second-message,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .messages-container .second-message {
font-size: 24px;
padding-top: 2px;
letter-spacing: -0.013em; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields {
padding-top: 5px;
width: 100%; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields .form-item,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields .form-item {
margin-bottom: 13px; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields input,
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields input {
font-size: 19px;
padding: 11px 14px 11px; }
.node-type-category.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"],
.node-type-hybrid.news-landing-page .pane-centrica-mailchimp-signup form input[type="submit"] {
font-size: 18px;
text-align: center;
padding: 9px 5px 11px 5px;
width: 141px; } }
.node-type-category .pager-wrapper,
.node-type-hybrid .pager-wrapper {
overflow: hidden;
padding: 11px 32px 27px 49px; }
.node-type-category .pager-wrapper #centrica-grid-viewing,
.node-type-hybrid .pager-wrapper #centrica-grid-viewing {
float: left;
font-size: 18px;
color: #374280;
padding-top: 6px; }
.node-type-category .pager-wrapper #centrica-grid-viewing span,
.node-type-hybrid .pager-wrapper #centrica-grid-viewing span {
color: #7085cd; }
.node-type-category .pager-wrapper #centrica-grid-pager,
.node-type-hybrid .pager-wrapper #centrica-grid-pager {
float: right; }
.node-type-category .pager-wrapper #centrica-grid-pager ul,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul {
overflow: hidden; }
.node-type-category .pager-wrapper #centrica-grid-pager ul li,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul li {
float: left;
padding: 0; }
.node-type-category .pager-wrapper #centrica-grid-pager ul li.pager__item--current,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul li.pager__item--current {
padding: 6px 10px 6px 10px;
color: #ffffff;
background: #788cd0; }
.node-type-category .pager-wrapper #centrica-grid-pager ul li.pager__item--ellipsis,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul li.pager__item--ellipsis {
height: 30px;
padding-top: 8px; }
.node-type-category .pager-wrapper #centrica-grid-pager ul li a,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul li a {
font-size: 17px;
color: #374280;
display: block;
padding: 6px 10px 6px 10px;
text-decoration: none; }
.node-type-category .pager-wrapper #centrica-grid-pager ul li a:hover,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul li a:hover {
color: #6e83cd; }
@media (max-width: 720px) {
.node-type-category .pager-wrapper,
.node-type-hybrid .pager-wrapper {
padding: 20px 0 16px; }
.node-type-category .pager-wrapper #centrica-grid-viewing,
.node-type-hybrid .pager-wrapper #centrica-grid-viewing {
display: none; }
.node-type-category .pager-wrapper #centrica-grid-pager,
.node-type-hybrid .pager-wrapper #centrica-grid-pager {
float: none;
text-align: center; }
.node-type-category .pager-wrapper #centrica-grid-pager ul,
.node-type-hybrid .pager-wrapper #centrica-grid-pager ul {
display: inline-block; } }
.rich-page-title {
height: 244px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding-left: 47px; }
.rich-page-title .title {
font-size: 46px;
font-family: "OpenSansLight", arial, sans-serif;
color: #ffffff;
padding-top: 0;
letter-spacing: -0.01em; }
.rich-page-title .subtitle {
font-size: 20px;
color: #ffffff;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding-top: 67px;
letter-spacing: 0.01em;
padding-bottom: 4px; }
@media (max-width: 639px) {
.rich-page-title {
min-height: 268px;
padding-left: 23px;
position: relative; }
.rich-page-title .title,
.rich-page-title .subtitle {
position: relative;
z-index: 1; }
.rich-page-title .subtitle {
padding-top: 79px; }
.rich-page-title .title {
font-size: 36px;
padding-top: 0;
line-height: 132%; }
.rich-page-title:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(35, 31, 77, 0.68); } }
.node-type-category .rich-page-title .subtitle {
font-size: 20px;
color: #ffffff;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding-top: 76px;
letter-spacing: 0.01em;
padding-bottom: 0; }
.node-type-category .rich-page-title .title {
font-size: 46px;
font-family: "OpenSansLight", arial, sans-serif;
color: #ffffff;
letter-spacing: -0.01em;
line-height: 130%;
padding-top: 0; }
@media (max-width: 639px) {
.node-type-category .rich-page-title .subtitle {
padding-top: 79px; }
.node-type-category .rich-page-title .title {
font-size: 36px;
padding-top: 5px; } }
.pane-newsroom-taxonomy-term-panel-pane-1 .pane-title,
.pane-newsroom-taxonomy-term .pane-title {
max-width: 1200px;
margin: 0 auto;
padding: 0px 0px 0px 18px; }
.node-type-calendar .story-region.content-wrapper {
width: 1200px;
margin: auto;
max-width: 100%; }
.node-type-calendar .story-region.content-wrapper:after {
content: "";
display: table;
clear: both; }
.node-type-calendar .story-region--left-sidebar {
padding: 8px 2.3% 0 2.8%; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-general-tile,
.node-type-calendar .story-region--left-sidebar .pane-bundle-price-tile,
.node-type-calendar .story-region--left-sidebar .pane-bundle-download-tile,
.node-type-calendar .story-region--left-sidebar .pane-bundle-sponsor-logos,
.node-type-calendar .story-region--left-sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.node-type-calendar .story-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.node-type-calendar .story-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.node-type-calendar .story-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.node-type-calendar .story-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.node-type-calendar .story-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-calendar .story-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.node-type-calendar .story-region--main-part {
padding: 0.76% 5.2% 1% 1.39%; }
@media (max-width: 1024px) {
.node-type-calendar .story-region--left-sidebar {
display: none; }
.node-type-calendar .story-region--main-part {
padding: 0.76% 1.39% 1%;
width: 100%; } }
@media (max-width: 639px) {
.view-event {
padding: 0 3.2% 0 2.4%; } }
.view-event.view-id-event .view-filters {
border-top: 1px solid #edecf0;
border-bottom: 1px solid #edecf0;
padding: 14px 0 3px;
margin: 14px 0 29px; }
.view-event.view-id-event .view-filters .views-exposed-widget {
float: left;
padding: 0;
margin-right: 17px; }
.view-event.view-id-event .view-filters .views-exposed-widget:last-child {
margin-right: 0; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-item {
margin-right: 0; }
.view-event.view-id-event .view-filters .views-exposed-widget label {
font-size: 16px;
color: #231f4d;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
line-height: 41px; }
.view-event.view-id-event .view-filters .views-exposed-widget .views-widget {
float: left; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-type-select {
width: 100%;
position: relative; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-type-select .selector {
width: 100% !important;
position: relative;
background: #ffffff;
color: #94959d;
height: 37px; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-type-select .selector span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
font-style: italic;
color: #94959d;
font-size: 16.52px;
border: 1px solid #dadada;
padding: 9px 47px 6px 10px;
min-width: 133px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-type-select .selector span:after {
content: '';
position: absolute;
width: 42px;
height: 37px;
display: block;
right: -1px;
top: -1px;
background: #374280 url("../images/calendar-arrows.png") no-repeat 15px 15px;
background-size: 40px; }
.view-event.view-id-event .view-filters .views-exposed-widget .form-type-select select {
font-family: "OpenSansRegular", arial, sans-serif;
background: #ffffff;
width: 100%;
font-size: 16.52px;
padding: 9px 47px 6px 10px;
min-width: 133px;
margin-right: 0;
height: 37px;
display: block;
line-height: 33px;
border: none;
opacity: 0;
z-index: 10; }
.view-event.view-id-event .view-filters .views-submit-button {
display: none; }
@media (max-width: 639px) {
.view-event.view-id-event .view-filters {
border: none;
margin: 0 0 21px;
padding-top: 0; }
.view-event.view-id-event .view-filters .views-exposed-widget {
width: 46.5%;
margin-right: 7%; }
.view-event.view-id-event .view-filters .views-exposed-widget:nth-child(3) {
margin-right: 0; }
.view-event.view-id-event .view-filters .views-exposed-widget select {
width: 100%; }
.view-event.view-id-event .view-filters .views-exposed-widget .date-padding,
.view-event.view-id-event .view-filters .views-exposed-widget .views-widget {
float: none; }
.view-event.view-id-event .view-filters .views-exposed-widget .container-inline-date > .form-item {
display: block;
float: none; }
.view-event.view-id-event .view-filters .views-widget-filter-_centrica_label {
width: 100%;
margin-right: 0;
position: relative; }
.view-event.view-id-event .view-filters .views-widget-filter-_centrica_label:after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 1px;
background: #edecf0;
top: 19px;
left: 0; }
.view-event.view-id-event .view-filters .views-widget-filter-_centrica_label label {
position: relative;
background: #ffffff;
z-index: 1;
padding-right: 17px;
padding-bottom: 8px;
display: inline-block; } }
.view-event.view-id-event .view-content .views-row {
padding-bottom: 16px; }
.view-event.view-id-event .view-content .views-row:last-child {
padding-bottom: 0; }
.view-event.view-id-event .view-content .field-content {
display: table;
position: relative;
width: 100%; }
.view-event.view-id-event .view-content .field-content:after {
content: "";
display: table;
clear: both; }
.view-event.view-id-event .view-content .field-content .left-col {
display: table-cell;
background: #313b73;
color: #ffffff;
text-align: center;
width: 12%;
min-height: 87px;
vertical-align: middle; }
.view-event.view-id-event .view-content .field-content .left-col .day,
.view-event.view-id-event .view-content .field-content .left-col .year {
font-size: 16px;
padding-bottom: 4px;
font-weight: bold; }
.view-event.view-id-event .view-content .field-content .left-col .month {
font-size: 24px;
padding-bottom: 4px;
text-transform: uppercase; }
.view-event.view-id-event .view-content .field-content .center-col {
display: table-cell;
width: 61.7%;
background: #edecf0;
min-height: 87px;
color: #374280;
font-size: 20px;
letter-spacing: -0.005em;
vertical-align: top;
padding: 17px 3.5% 12px 3.5%;
line-height: 135%; }
.view-event.view-id-event .view-content .field-content .center-col .ceter-col-content-wrapper {
min-height: 58px; }
.view-event.view-id-event .view-content .field-content .center-col a {
display: block;
color: #6e83cd;
text-decoration: none;
font-size: 17px;
position: relative;
padding: 4px 0 0 18px; }
.view-event.view-id-event .view-content .field-content .center-col a:hover {
text-decoration: underline; }
.view-event.view-id-event .view-content .field-content .center-col a:before {
content: '';
height: 14px;
width: 13px;
display: block;
left: 0;
top: 12px;
position: absolute;
background: url("../images/calendar-arrows.png?faw") no-repeat -32px 0;
background-size: 42px; }
.view-event.view-id-event .view-content .field-content .right-col {
vertical-align: middle;
display: table-cell;
width: 26.3%;
min-height: 87px;
background: #e3e3ea;
text-align: center; }
.view-event.view-id-event .view-content .field-content .right-col h3, .view-event.view-id-event .view-content .field-content .right-col .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .view-event.view-id-event .view-content .field-content .right-col a {
color: #313b73;
font-size: 16px;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: 0.03em;
padding-bottom: 10px; }
.view-event.view-id-event .view-content .field-content .right-col ul {
display: inline-block; }
.view-event.view-id-event .view-content .field-content .right-col ul:after {
content: "";
display: table;
clear: both; }
.view-event.view-id-event .view-content .field-content .right-col ul li {
float: left;
position: relative;
margin-right: 18px; }
.view-event.view-id-event .view-content .field-content .right-col ul li:last-child {
margin-right: 0; }
.view-event.view-id-event .view-content .field-content .right-col ul li .hover-block {
font-size: 13px;
position: absolute;
top: 135%;
white-space: nowrap;
opacity: 0;
background: #313b73;
color: #ffffff;
left: -99999px;
padding: 6px 16px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s;
-webkit-transform: translate(-46%, 0);
-moz-transform: translate(-46%, 0);
-ms-transform: translate(-46%, 0);
-o-transform: translate(-46%, 0);
transform: translate(-46%, 0); }
.view-event.view-id-event .view-content .field-content .right-col ul li .hover-block:before {
content: '';
position: absolute;
display: block;
height: 0;
width: 0;
border-style: solid;
border-width: 0 6px 5px 6px;
border-color: transparent transparent #313b73 transparent;
top: -5px;
left: 50%;
margin-left: -9px; }
.view-event.view-id-event .view-content .field-content .right-col ul li:hover .hover-block {
opacity: 1;
z-index: 1;
left: 50%; }
.view-event.view-id-event .view-content .field-content .right-col ul li a {
display: block;
width: 22px;
height: 22px;
text-indent: -999999px;
color: transparent;
font-size: 0;
background: url("../images/social-links-events.png") no-repeat -23px 0;
background-size: 85px auto; }
.view-event.view-id-event .view-content .field-content .right-col ul li a.ics {
background-position: -23px 0; }
.view-event.view-id-event .view-content .field-content .right-col ul li a.google {
background-position: -66px 0; }
.view-event.view-id-event .view-content .field-content .right-col ul li a.facebook {
background-position: -46px 0;
width: 20px; }
.view-event.view-id-event .view-content .field-content .right-col ul li a.vcs {
background-position: 0 0; }
.view-event.view-id-event .view-content .field-content .scale-link a {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 73.7%;
text-indent: -999999px;
color: transparent;
font-size: 0;
display: block; }
@media (max-width: 639px) {
.view-event.view-id-event .view-content .field-content {
display: block; }
.view-event.view-id-event .view-content .field-content .left-col {
float: left;
clear: both;
display: block;
width: 25.7%;
min-height: 79px;
height: 79px;
padding-top: 10px; }
.view-event.view-id-event .view-content .field-content .left-col .day,
.view-event.view-id-event .view-content .field-content .left-col .year {
font-size: 16px;
padding-bottom: 2px;
font-weight: bold; }
.view-event.view-id-event .view-content .field-content .left-col .month {
font-size: 24px;
padding-bottom: 2px;
text-transform: uppercase; }
.view-event.view-id-event .view-content .field-content .center-col {
min-height: 79px;
height: 79px;
float: left;
display: block;
width: 74.3%;
font-size: 16px;
padding: 21px 5.5% 12px 5.5%;
overflow: hidden;
position: relative; }
.view-event.view-id-event .view-content .field-content .center-col .ceter-col-content-wrapper {
min-height: 1px; }
.view-event.view-id-event .view-content .field-content .center-col:before {
content: '';
position: absolute;
display: block;
height: 14px;
width: 100%;
background: #edecf0;
bottom: 0;
left: 0; }
.view-event.view-id-event .view-content .field-content .center-col a {
display: none; }
.view-event.view-id-event .view-content .field-content .scale-link a {
width: 100%;
height: 79px; }
.view-event.view-id-event .view-content .field-content .right-col {
display: block;
width: 100%;
float: left;
min-height: 1px;
padding: 10px 0 7px 11px; }
.view-event.view-id-event .view-content .field-content .right-col:after {
content: "";
display: table;
clear: both; }
.view-event.view-id-event .view-content .field-content .right-col h3, .view-event.view-id-event .view-content .field-content .right-col .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .view-event.view-id-event .view-content .field-content .right-col a {
padding: 1px 24px 0 0;
font-size: 14px;
float: left; }
.view-event.view-id-event .view-content .field-content .right-col ul {
float: left; } }
.node-type-job .story-region.content-wrapper {
padding-top: 8px; }
.node-type-job .story-region--main-part {
padding: 0 6.1% 0 0.5%; }
.node-type-job .story-region--main-part h1 {
font-size: 32px;
color: #170e3d;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 12px; }
.node-type-job .story-region--main-part h2 {
font-size: 32px;
color: #170e3d;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 12px; }
.node-type-job .story-region--main-part h3, .node-type-job .story-region--main-part .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-job .story-region--main-part a {
font-size: 20px;
color: #374280;
line-height: 135%;
letter-spacing: -0.004em;
padding-bottom: 23px; }
.node-type-job .story-region--main-part h4 {
font-size: 17px;
color: #6e83cd;
text-transform: uppercase;
line-height: 145%;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.01em;
padding-bottom: 14px; }
.node-type-job .story-region--main-part h5 {
padding-bottom: 14px; }
.node-type-job .story-region--main-part h6 {
padding-bottom: 14px; }
.node-type-job .story-region--main-part .field--name-body div p, .node-type-job .story-region--main-part .field--name-body div div {
color: #5d5d5d;
font-size: 15px;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 33px; }
.node-type-job .story-region--main-part a {
color: #6e83cd;
text-decoration: underline;
line-height: 145%;
font-size: 15px; }
.node-type-job .story-region--main-part ul {
padding: 0 0 33px 36px; }
.node-type-job .story-region--main-part ul li {
position: relative;
font-size: 15px;
padding: 0 0 12px 23px;
line-height: 145%;
color: #5d5d5d; }
.node-type-job .story-region--main-part ul li:last-child {
padding-bottom: 0; }
.node-type-job .story-region--main-part ul li:before {
content: '';
display: block;
position: absolute;
top: 6px;
left: 0;
width: 8px;
height: 12px;
background: url("../images/list-arrow.png") no-repeat 0 0;
background-size: 7px auto; }
.node-type-job .story-region--main-part ol {
padding: 0 0 33px 36px;
list-style: decimal; }
.node-type-job .story-region--main-part ol li {
position: relative;
font-size: 15px;
padding: 0 0 12px 0;
margin-left: 23px;
line-height: 145%;
color: #5d5d5d; }
.node-type-job .story-region--main-part ol li:last-child {
padding-bottom: 0; }
.node-type-job .story-region--main-part .pane-node-field-llink a {
display: inline-block;
padding: 9px 10px 11px 8px;
text-decoration: none;
font-size: 18px;
color: #ffffff;
background: #313b73;
font-family: "OpenSansLight", arial, sans-serif;
text-align: center;
letter-spacing: 0.01em;
min-width: 196px; }
@media (max-width: 639px) {
.node-type-job .story-region--main-part h2, .node-type-job .story-region--main-part h1 {
font-size: 26px; }
.node-type-job .story-region--main-part h3, .node-type-job .story-region--main-part .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-job .story-region--main-part a {
font-size: 18px; } }
.node-type-job .story-region--left-sidebar {
padding: 0 2.5% 0 2.5%; }
.node-type-job .story-region--left-sidebar .pane-bundle-general-tile,
.node-type-job .story-region--left-sidebar .pane-bundle-price-tile,
.node-type-job .story-region--left-sidebar .pane-bundle-download-tile,
.node-type-job .story-region--left-sidebar .pane-bundle-sponsor-logos,
.node-type-job .story-region--left-sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-job .story-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.node-type-job .story-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.node-type-job .story-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.node-type-job .story-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.node-type-job .story-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.node-type-job .story-region--left-sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-job .story-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.node-type-job .story-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.node-type-job .story-region--left-sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-job .story-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.node-type-job .story-region--left-sidebar .panel-pane {
width: 100%; }
.node-type-job .content-wrapper {
width: 1200px;
max-width: 100%;
margin: auto; }
.node-type-job .content-wrapper:after {
content: "";
display: table;
clear: both; }
@media (max-width: 1024px) {
.node-type-job .story-region--top {
margin: 0; }
.node-type-job .story-region.content-wrapper {
padding-top: 0; }
.node-type-job .story-region--left-sidebar {
width: 100%;
padding: 0;
margin: 0; }
.node-type-job .story-region--left-sidebar .panel-pane {
display: none;
margin: 0; }
.node-type-job .story-region--left-sidebar .pane-careers-seach-filter-results {
display: block; }
.node-type-job .story-region--left-sidebar .pane-careers-seach-filter-results .panel-pane {
display: block; }
.node-type-job .story-region--main-part {
width: 100%;
padding: 27px 1.5% 0 1.5%; } }
@media (max-width: 639px) {
.node-type-job .story-region--main-part {
padding: 18px 0 0; }
.node-type-job .story-region--main-part .panel-pane {
padding: 0 4.8%; }
.node-type-job .story-region--main-part .pane-apply-now-widget {
padding: 27px 19px 30px; }
.node-type-job .story-region--top {
margin-bottom: 0; } }
.pane-apply-now-widget {
background: #edecf0;
padding: 31px 37px 17px 36px;
margin-bottom: 33px; }
.pane-apply-now-widget .panel-2col .panel-col-first {
width: 72.7%; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside {
margin: 0;
overflow: hidden; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane {
width: 50%;
float: left;
padding: 0 15px 13px 33px;
position: relative; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane:before {
content: '';
width: 24px;
height: 21px;
display: block;
position: absolute;
left: 0;
top: 2px;
background: url("../images/jobs-sprite.png") no-repeat 0 0;
background-size: 44px auto; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-salary-text {
float: right; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-salary-text:before {
background-position: 0 0; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-date-posted:before {
background-position: -1px -20px;
width: 23px;
height: 24px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-region:before {
background-position: -20px 1px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-job-type:before {
background-position: -23px -21px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane .pane-title {
float: left;
font-size: 16px;
color: #170e3d;
padding-bottom: 0;
letter-spacing: 0.01em;
padding-right: 5px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane .field {
letter-spacing: 0.01em;
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 145%; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane .field--name-field-date-posted .field__item div {
float: left;
padding-right: 5px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane .field--name-field-date-posted .field__item div:last-child {
padding-right: 0; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane:nth-child(2n) {
padding-left: 41px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane:nth-child(2n):before {
left: 7px; }
.pane-apply-now-widget .panel-2col .panel-col-last {
width: 27.3%;
padding: 5px 0 21px 0; }
.pane-apply-now-widget .panel-2col .panel-col-last .inside {
margin: 0; }
.pane-apply-now-widget .panel-2col .panel-col-last .inside a {
padding: 9px 10px 11px 8px;
display: block;
text-decoration: none;
font-size: 18px;
color: #ffffff;
background: #313b73;
font-family: "OpenSansLight", arial, sans-serif;
text-align: center;
letter-spacing: 0.01em;
max-width: 100%;
min-width: 1px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.pane-apply-now-widget .panel-2col .panel-col-last .inside a:hover {
background: #414D91; }
@media (max-width: 639px) {
.pane-apply-now-widget .panel-2col .panel-col-last,
.pane-apply-now-widget .panel-2col .panel-col-first {
width: 100%; }
.pane-apply-now-widget .panel-2col .panel-col-last {
padding: 10px 0 0 0; }
.pane-apply-now-widget .panel-2col .panel-col-last .panel-pane {
padding: 0; }
.pane-apply-now-widget .panel-2col .panel-col-last .panel-pane .field--name-field-llink a {
display: inline-block;
min-width: 196px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane {
padding: 0 15px 14px 37px;
width: 100%; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane:nth-child(2n) {
padding-left: 37px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane:nth-child(2n):before {
left: 0; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-salary-text:before {
background-position: 4px 0; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-date-posted:before {
background-position: 3px -20px;
width: 25px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-region:before {
background-position: -21px 1px;
width: 17px;
left: 4px; }
.pane-apply-now-widget .panel-2col .panel-col-first .inside .panel-pane.pane-node-field-job-type:before {
left: 3px; } }
.node-type-reports-and-results .story-region.content-wrapper {
width: 1200px;
margin: auto;
max-width: 100%; }
.node-type-reports-and-results .story-region.content-wrapper:after {
content: "";
display: table;
clear: both; }
.node-type-reports-and-results .story-region--left-sidebar {
padding: 8px 2.3% 0 2.8%; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-general-tile,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-price-tile,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-download-tile,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-sponsor-logos,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-video-tile {
padding-bottom: 19px;
overflow: hidden; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-general-tile .tile-wrapper,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-price-tile .tile-wrapper,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-download-tile .tile-wrapper,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-large-general-tile {
padding-bottom: 19px;
overflow: hidden; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.node-type-reports-and-results .story-region--left-sidebar .panel-pane {
margin-bottom: 19px; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-long-general-tile {
padding-bottom: 19px;
overflow: hidden; }
.node-type-reports-and-results .story-region--left-sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.node-type-reports-and-results .story-region--main-part {
padding: 0.76% 5.2% 1% 1.39%; }
@media (max-width: 1024px) {
.node-type-reports-and-results .story-region--left-sidebar {
display: none; }
.node-type-reports-and-results .story-region--main-part {
padding: 0.76% 1.39% 1%;
width: 100%; } }
@media (max-width: 639px) {
.node-type-reports-and-results .story-region--main-part {
padding: 0.76% 0 1%; }
.node-type-reports-and-results .story-region--main-part .panel-pane {
padding: 0 1.39% 0; }
.node-type-reports-and-results .story-region--main-part .pane-views-panes {
padding: 0; } }
.view-reports-and-results-widget .view-filters {
border-top: 1px solid #edecf0;
border-bottom: 1px solid #edecf0;
padding: 14px 0 3px 4px;
margin: 3px 0 27px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget {
float: left;
padding: 0;
margin-right: 17px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget:last-child {
margin-right: 0; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-item {
margin-right: 0; }
.view-reports-and-results-widget .view-filters .views-exposed-widget label {
font-size: 16px;
color: #231f4d;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
line-height: 41px;
float: left;
padding-right: 17px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .views-widget {
float: left;
min-width: 120px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-type-select {
width: 100%;
position: relative; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-type-select .selector {
width: 100% !important;
position: relative;
background: #ffffff;
color: #94959d;
height: 37px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-type-select .selector span {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
font-style: italic;
color: #94959d;
font-size: 16.52px;
border: 1px solid #dadada;
padding: 9px 62px 6px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-type-select .selector span:after {
content: '';
position: absolute;
width: 42px;
height: 37px;
display: block;
right: -1px;
top: -1px;
background: #374280 url("../images/calendar-arrows.png?faw") no-repeat 15px 15px;
background-size: 40px; }
.view-reports-and-results-widget .view-filters .views-exposed-widget .form-type-select select {
font-family: "OpenSansRegular", arial, sans-serif;
background: #ffffff;
width: 100%;
font-size: 16.52px;
padding: 9px 62px 6px 10px;
margin-right: 0;
height: 37px;
display: block;
line-height: 33px;
border: none;
opacity: 0;
z-index: 10; }
.view-reports-and-results-widget .views-row {
margin-bottom: 24px; }
.view-reports-and-results-widget .views-row:last-child {
margin-bottom: 0; }
.view-reports-and-results-widget .views-row .views-field-nothing {
font-size: 14px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
background: #374280;
color: #ffffff;
padding: 19px 5px 20px 29px;
letter-spacing: 0.01em; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content > .entity-report-item {
padding: 14px 0 14px 27px;
background: #e5e3e9; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content > .entity-report-item:nth-child(2n) {
background: #edecf0; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item:after {
content: "";
display: table;
clear: both; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.title {
color: #170e3d;
float: left;
width: 74.75%;
padding-right: 27px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.title .title {
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.title .extension {
font-size: 10px;
text-transform: uppercase;
padding: 4px 0 0 7px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.link {
float: left;
width: 25.25%; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.link a {
display: block;
position: relative;
font-size: 15px;
color: #170e3d;
text-decoration: none;
padding-left: 30px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.link a:hover {
text-decoration: underline; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.link a:before {
content: '';
position: absolute;
display: block;
width: 17px;
height: 18px;
left: 0;
top: 0;
background: url("../images/report-images.png") no-repeat 0 0;
background-size: 16px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .document-item.link a:before {
background-position: 1px -19px; }
@media (max-width: 639px) {
.view-reports-and-results-widget .view-filters {
padding: 2px 0 3px 18px;
margin: 3px 0 11px;
border: none; }
.view-reports-and-results-widget .views-row {
margin-bottom: 16px; }
.view-reports-and-results-widget .views-row .views-field-nothing {
line-height: 160%;
padding: 15px 15px 17px 18px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content > .entity-report-item {
padding: 19px 10px 18px 18px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.title {
width: 100%;
padding-bottom: 16px; }
.view-reports-and-results-widget .views-row .views-field-field-report-items .field-content .entity-report-item .entity-report-item.link {
width: 100%; } }
.pager-wrapper {
overflow: hidden;
padding: 11px 32px 27px 49px; }
.pager-wrapper .centrica-viewing {
float: left;
font-size: 18px;
color: #374280;
padding-top: 6px; }
.pager-wrapper .centrica-viewing span {
color: #7085cd; }
.pager-wrapper .centrica-pager {
float: right; }
.pager-wrapper .centrica-pager ul {
overflow: hidden; }
.pager-wrapper .centrica-pager ul li {
float: left;
padding: 0; }
.pager-wrapper .centrica-pager ul li.pager__item--current {
padding: 6px 10px 6px 10px;
color: #ffffff;
background: #788cd0; }
.pager-wrapper .centrica-pager ul li.pager__item--ellipsis {
height: 30px;
padding-top: 8px; }
.pager-wrapper .centrica-pager ul li a {
font-size: 17px;
color: #374280;
display: block;
padding: 6px 10px 6px 10px;
text-decoration: none; }
.pager-wrapper .centrica-pager ul li a:hover {
color: #6e83cd; }
@media (max-width: 720px) {
.pager-wrapper {
padding: 20px 0 16px; }
.pager-wrapper .centrica-viewing {
display: none; }
.pager-wrapper .centrica-pager {
float: none;
text-align: center; }
.pager-wrapper .centrica-pager ul {
display: inline-block; } }
.page-search-content .l-content {
padding-bottom: 30px; }
@media (max-width: 639px) {
.page-search-content .l-content {
padding-bottom: 21px; } }
.page-search-content .pager-wrapper {
padding-bottom: 24px; }
.page-search-content .search-result-hybrid-region--left-sidebar {
padding: 28px 2.3% 0 2.8%; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title {
color: #ffffff;
display: block;
font-size: 19px;
background: #374280;
padding: 16px 37px 17px 18px;
position: relative;
line-height: 105%; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
display: block;
right: 17px;
top: 21px;
background: url("../images/search-arrows.png") no-repeat 0 0;
background-size: 28px auto; }
@media (max-width: 1024px) {
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title {
cursor: pointer; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title:after {
background-position: -15px 0;
top: 19px; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title.expanded:after {
top: 21px;
background-position: 0 0; } }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li {
position: relative;
color: #170e3d;
font-size: 15.5px;
background: #edecf0;
padding: 10px 26px 7px 54px;
cursor: pointer;
line-height: 140%;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li:first-child {
padding-top: 23px; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li:first-child .checker span:before {
top: 23px; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li:last-child {
padding-bottom: 27px; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li:hover {
background: #e2e2e9; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li a {
display: block;
margin-right: 0;
color: #170e3d;
text-decoration: none; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li a.facetapi-checkbox.facetapi-active {
display: none; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links li span {
float: right;
color: #6e83cd; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .element-invisible {
display: none; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links input[type="checkbox"] {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .checker {
float: left;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .checker input[type="checkbox"] {
margin: 0;
display: block;
left: 0;
top: 0;
opacity: 0;
position: absolute;
width: 100%;
height: 100%; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .checker span {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .checker span:before {
content: '';
position: absolute;
width: 21px;
height: 21px;
background: #ffffff;
border: 1px solid #cdced1;
display: block;
top: 10px;
left: 18px; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links .checker span.checked:before {
background: #6e83cd url("../images/checkbox-checked.png") no-repeat center center;
background-size: 10px 8px; }
@media (max-width: 1024px) {
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .facetapi-facetapi-centrica-checkbox-links {
display: none; } }
.page-search-content .search-result-hybrid-region--main-part {
padding: 28px 6% 0 0.43%; }
.page-search-content .search-result-hybrid-region.content-wrapper {
width: 1200px;
max-width: 100%;
margin: auto; }
.page-search-content .search-result-hybrid-region.content-wrapper:after {
content: "";
display: table;
clear: both; }
@media (max-width: 1024px) {
.page-search-content .search-result-hybrid-region--left-sidebar {
width: 100%;
padding: 0; }
.page-search-content .search-result-hybrid-region--main-part {
width: 100%;
padding: 16px 0 0; } }
@media (max-width: 720px) {
.page-search-content .pager-wrapper {
padding-bottom: 6px; } }
@media (max-width: 639px) {
.page-search-content .search-result-hybrid-region--main-part {
padding: 22px 0 0; }
.page-search-content .search-result-hybrid-region--left-sidebar .pane-block .pane-title {
padding: 16px 37px 17px 13px; } }
.view-content-search .views-exposed-form .views-exposed-widget {
padding: 0; }
.view-content-search .views-exposed-form .views-exposed-widget.views-submit-button {
padding: 17px 0.5% 0 6.9%; }
.view-content-search .careers-search-lable {
font-size: 32px;
color: #170e3d;
padding: 7px 0 0 4px; }
.view-content-search .careers-search-lable .text {
padding-right: 24px; }
.view-content-search .careers-search-lable .results {
font-size: 22px;
color: #6e83cd; }
.view-content-search .views-submit-button {
width: 34.3%; }
.view-content-search .views-submit-button input[type="submit"] {
display: none; }
.view-content-search .views-submit-button .selector {
width: 100% !important;
position: relative;
height: 37px; }
.view-content-search .views-submit-button .selector span {
background: #ffffff;
display: block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
color: #94959d;
font-size: 16.52px;
border: 1px solid #dadada;
padding: 9px 48px 6px 10px;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.view-content-search .views-submit-button .selector span:after {
content: '';
position: absolute;
width: 42px;
height: 35px;
display: block;
right: 0;
top: 0;
background: #374280 url("../images/calendar-arrows.png") no-repeat 14px 13px;
background-size: 40px; }
.view-content-search .views-submit-button select {
font-family: "OpenSansRegular", arial, sans-serif;
background: #ffffff;
width: 100%;
font-size: 16.52px;
padding: 9px 62px 6px 10px;
margin-right: 0;
height: 37px;
display: block;
line-height: 33px;
border: none;
opacity: 0;
z-index: 10; }
.view-content-search .views-exposed-widgets {
margin-bottom: 0; }
.view-content-search .view-filters {
padding-top: 32px; }
.view-content-search .view-content {
padding: 28px 0 36px;
border-bottom: 1px solid #edecf0; }
.view-content-search .views-widget-filter-search_api_views_fulltext {
position: relative;
width: 65.7%; }
.view-content-search .views-widget-filter-search_api_views_fulltext input[type="text"] {
line-height: 49px;
padding: 0 68px 3px 12px;
font-size: 23.37px;
color: #ababab;
border: 1px solid #dedede;
font-family: "OpenSansLight", arial, sans-serif;
width: 100%;
max-width: 100%;
display: block;
margin: 0;
height: 54px; }
.view-content-search .views-widget-filter-search_api_views_fulltext input[type="submit"] {
position: absolute;
right: 0;
top: 0;
margin-top: 0;
border: none;
width: 64px;
height: 54px;
background: #6e83cd url("../images/search.png") no-repeat center center;
background-size: 19px 19px;
cursor: pointer;
text-indent: -99999px;
color: transparent;
font-size: 0; }
.view-content-search .views-row {
background: #edecf0;
margin-bottom: 22px;
padding: 3.9% 4% 4% 3.9%; }
.view-content-search .views-row:last-child {
margin-bottom: 0; }
.view-content-search .views-row .views-field-title a {
color: #374280;
font-size: 21px;
letter-spacing: -0.005em;
text-decoration: none; }
.view-content-search .views-row .views-field-search-api-excerpt {
color: #170e3d;
font-size: 15px;
line-height: 165%;
padding-top: 21px; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs {
padding-top: 11px;
color: #443f59;
font-size: 14px;
font-style: italic;
font-family: "OpenSansLight", arial, sans-serif; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs ul:after {
content: "";
display: table;
clear: both; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs li {
float: left;
padding-right: 32px;
letter-spacing: -0.02em;
line-height: 125%;
position: relative; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs li:after {
content: '';
position: absolute;
display: block;
right: 10px;
top: 5px;
width: 6px;
height: 12px;
background: url("../images/breadcrumb-separator.png") no-repeat 0 0;
background-size: 5px auto; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs li:last-child {
padding-right: 0; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs li:last-child:after {
display: none; }
@media (max-width: 1024px) {
.view-content-search {
padding: 0 16px; }
.view-content-search .views-widget-filter-search_api_views_fulltext {
width: 55%; }
.view-content-search .views-submit-button {
width: 45%; } }
@media (max-width: 639px) {
.view-content-search .views-widget-filter-search_api_views_fulltext {
width: 100%; }
.view-content-search .views-widget-filter-search_api_views_fulltext input[type="text"] {
line-height: 44px;
font-size: 21.25px; }
.view-content-search .views-widget-filter-search_api_views_fulltext input[type="submit"] {
width: 58px;
height: 54px; }
.view-content-search .careers-search-lable {
padding: 6px 0 0 0;
line-height: 115%; }
.view-content-search .views-exposed-form .views-exposed-widget.views-submit-button {
padding: 20px 0 0;
width: 100%; }
.view-content-search .careers-search-lable {
font-size: 26px; }
.view-content-search .careers-search-lable .text {
padding-right: 15px; }
.view-content-search .careers-search-lable .results {
font-size: 22px; }
.view-content-search .view-filters {
padding-top: 22px; }
.view-content-search .view-content {
padding: 20px 0 19px;
border-bottom: none; }
.view-content-search .views-row {
padding: 20px 19px 23px;
margin-bottom: 20px; }
.view-content-search .views-row .views-field-title {
line-height: 160%; }
.view-content-search .views-row .views-field-title a {
font-size: 19px; }
.view-content-search .views-row .views-field-centrica-node-breadcrumbs {
display: none; }
.view-content-search .views-row .views-field-search-api-excerpt {
line-height: 155%;
font-size: 14px;
padding-top: 8px; } }
.page-search-content .pager-wrapper {
padding-top: 13px; }
.pane-story-author-date-posted-share {
width: 1200px;
max-width: 100%;
margin: auto;
line-height: 40px; }
.pane-story-author-date-posted-share:after {
content: "";
display: table;
clear: both; }
.pane-story-author-date-posted-share #mini-panel-story_author_date_posted_share {
margin-top: 15px;
margin-bottom: 30px;
border-top: 1px solid #afb3cc;
border-bottom: 1px solid #afb3cc;
padding: 8px 0; }
.pane-story-author-date-posted-share .pane-node-field-story-author-image {
display: inline-block;
vertical-align: top; }
.pane-story-author-date-posted-share .pane-node-field-story-author-image img {
display: block;
border-radius: 40px;
width: 40px;
margin-right: 20px; }
.pane-story-author-date-posted-share .pane-node-field-story-author-name,
.pane-story-author-date-posted-share .pane-node-field-date-posted {
display: inline-block;
margin-right: 20px;
font-family: "OpenSansSemibold", arial, sans-serif;
font-size: 12px;
color: #6e83d2;
text-transform: uppercase; }
.pane-story-author-date-posted-share .pane-node-field-story-author-name div,
.pane-story-author-date-posted-share .pane-node-field-date-posted div {
display: inline; }
.pane-story-author-date-posted-share .pane-node-field-field-share {
float: right; }
.pane-story-author-date-posted-share .pane-node-field-field-share div {
display: inline-block; }
.pane-story-author-date-posted-share .pane-node-field-field-share .pane-title {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 12px;
color: #666666;
display: inline-block;
margin-right: 15px; }
@media (max-width: 639px) {
.pane-story-author-date-posted-share .pane-node-field-field-share {
display: block; } }
.pane-story-author-date-posted-share .pane-node-field-field-share .field__label {
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1px 14px 0 0;
letter-spacing: 0.027em; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul {
display: inline-block;
line-height: 40px; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li {
margin-left: 6px;
display: inline-block;
position: relative; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li:first-child {
margin-left: 0; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a {
display: block;
position: relative;
text-indent: -999999px;
color: transparent;
font-size: 0;
width: 30px;
height: 30px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a:before {
font-family: 'FontAwesome';
display: block;
width: 30px;
height: 30px;
color: white;
font-size: 17px;
text-indent: 0;
line-height: 31px;
text-align: center;
border-radius: 15px;
position: absolute;
left: 0;
top: 0; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a.facebook:before {
content: "\f09a";
background-color: #3b579d; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a.twitter:before {
content: "\f099";
background-color: #2caae1; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a.linkedin:before {
content: "\f0e1";
background-color: #0177b5; }
.pane-story-author-date-posted-share .pane-node-field-field-share ul li a:hover {
opacity: 0.8; }
.pane-stories-related-stories-pane {
text-align: left;
overflow: hidden;
float: left;
width: 100%;
margin: 5px 0;
padding: 0 7px; }
.pane-stories-related-stories-pane .views-row {
padding: 10px;
background-color: #edecf0; }
.pane-stories-related-stories-pane .views-row:after {
content: "";
display: table;
clear: both; }
.pane-stories-related-stories-pane .views-field-field-teaser-image {
float: left; }
.pane-stories-related-stories-pane .views-field-field-teaser-image img {
width: 88px;
display: block; }
.pane-stories-related-stories-pane .views-field-field-category,
.pane-stories-related-stories-pane .views-field-field-date-posted {
padding-left: 98px;
font-size: 10px;
line-height: 18px;
font-family: "OpenSansSemibold", arial, sans-serif;
color: #6e83d2;
text-transform: uppercase;
text-decoration: none; }
.pane-stories-related-stories-pane .views-field-title {
padding: 4px 0 11px 98px;
line-height: 18px; }
.pane-stories-related-stories-pane .views-field-title a {
color: #170e3d;
font-size: 14px;
font-face: "OpenSansRegular", arial, sans-serif;
text-decoration: none;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-stories-related-stories-pane .views-field-title a:hover {
color: #6e83cd; }
.pane-stories-related-stories-pane .view {
max-width: 1200px;
padding: 36px 0 32px;
margin: auto; }
.pane-stories-related-stories-pane .view-content {
overflow: hidden;
padding: 43px 50px 9px 56px; }
.pane-stories-related-stories-pane .views-row {
width: 33%;
float: left;
padding-bottom: 38px;
padding-left: 25px; }
.pane-stories-related-stories-pane .views-row:nth-child(3n+1) {
clear: both;
padding-left: 0; }
.pane-stories-related-stories-pane .views-row:nth-child(3n) {
padding-left: 51px; }
.pane-stories-related-stories-pane .link-all-stories,
.pane-stories-related-stories-pane .pager-load-more {
text-align: center; }
.pane-stories-related-stories-pane .link-all-stories a,
.pane-stories-related-stories-pane .pager-load-more a {
display: inline-block;
color: #353644;
font-size: 16px;
font-family: "OpenSansLight", arial, sans-serif;
background: #d4d4df;
text-decoration: none;
padding: 12px 23px 11px 29px;
min-width: 185px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease;
-webkit-transition-delay: 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
.pane-stories-related-stories-pane .link-all-stories a:hover,
.pane-stories-related-stories-pane .pager-load-more a:hover {
background: #bfbfce; }
.pane-stories-related-stories-pane .ajax-progress {
display: none; }
@media (max-width: 1230px) {
.pane-stories-related-stories-pane {
margin: 7px 0;
padding: 0; } }
@media (max-width: 970px) {
.pane-stories-related-stories-pane .views-row {
width: 50%; }
.pane-stories-related-stories-pane .views-row:nth-child(3n+1) {
clear: none;
padding-left: 0; }
.pane-stories-related-stories-pane .views-row:nth-child(2n+1) {
clear: both;
padding-left: 0; }
.pane-stories-related-stories-pane .views-row:nth-child(2n) {
padding-left: 15px; } }
@media (max-width: 670px) {
.pane-stories-related-stories-pane {
padding: 0; }
.pane-stories-related-stories-pane .views-row {
width: 100%; }
.pane-stories-related-stories-pane .views-row:nth-child(2n) {
padding-left: 0; } }
@media (max-width: 460px) {
.pane-stories-related-stories-pane .view-content {
padding: 34px 22px 30px 22px; }
.pane-stories-related-stories-pane .views-row {
padding-bottom: 32px; }
.pane-stories-related-stories-pane .views-row.views-row-last {
padding-bottom: 0; } }
.pane-stories-related-stories-pane .view-content {
padding: 15px 0px 9px 30px !important; }
.pane-stories-related-stories-pane .views-row {
background-color: transparent; }
.pane-stories-related-stories-pane .views-row:nth-child(3n) {
padding-left: 25px; }
@media (max-width: 970px) {
.pane-stories-related-stories-pane .views-row {
width: 50%; }
.pane-stories-related-stories-pane .views-row:nth-child(3n) {
padding-left: 0px; }
.pane-stories-related-stories-pane .views-row:nth-child(3n+1) {
clear: none;
padding-left: 0; }
.pane-stories-related-stories-pane .views-row:nth-child(2n+1) {
clear: both;
padding-left: 0; }
.pane-stories-related-stories-pane .views-row:nth-child(2n) {
padding-left: 15px; } }
@media (max-width: 670px) {
.pane-stories-related-stories-pane {
padding: 0; }
.pane-stories-related-stories-pane .views-row {
width: 100%; }
.pane-stories-related-stories-pane .views-row:nth-child(2n) {
padding-left: 0; } }
@media (max-width: 460px) {
.pane-stories-related-stories-pane .view-content {
padding: 5px 22px 30px 22px; }
.pane-stories-related-stories-pane .views-row {
padding-bottom: 12px; }
.pane-stories-related-stories-pane .views-row.views-row-last {
padding-bottom: 0; } }
.pane-stories-related-stories-pane .views-row-content-wrapper {
background-color: #edecf0;
padding: 10px;
overflow: hidden; }
.pane-stories-related-stories-pane .view-header h2 {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 30px;
text-align: center;
line-height: 50px;
color: #160e3d;
position: relative;
z-index: 1; }
.pane-stories-related-stories-pane .view-header h2:before {
border-top: 1px solid #afb3cc;
content: "";
margin: 0 auto;
/* this centers the line to the full width specified */
position: absolute;
/* positioning must be absolute here, and relative positioning must be applied to the parent */
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1; }
.pane-stories-related-stories-pane .view-header h2 span {
background: #ffffff;
padding: 0 30px; }
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.news-landing-page.non-first-page .pane-centrica-stories-landing-head {
display: none; }
.pane-centrica-stories-landing-head {
position: relative; }
.pane-centrica-stories-landing-head .tile-wrapper {
background-size: 100% auto; }
@media screen and (max-width: 1300px) {
.pane-centrica-stories-landing-head .tile-wrapper {
background-size: auto 100%; } }
@media screen and (max-width: 1024px) {
.pane-centrica-stories-landing-head .tile-wrapper {
background-size: 100% auto; } }
@media screen and (max-width: 626px) {
.pane-centrica-stories-landing-head .tile-wrapper {
background-size: auto 100%; } }
.pane-centrica-stories-landing-head .pane-centrica-stories-hero-article {
padding-right: 450px; }
.pane-centrica-stories-landing-head .hero-article-tile {
background-size: auto 100%; }
@media screen and (max-width: 425px) {
.pane-centrica-stories-landing-head .date-posted {
display: none !important; } }
.pane-centrica-stories-landing-head .category {
display: inline-block; }
.pane-centrica-stories-landing-head .posted-tags-wrapper {
position: absolute;
right: 5px; }
.pane-centrica-stories-landing-head .posted-tags-wrapper.top {
top: 0px; }
.pane-centrica-stories-landing-head .posted-tags-wrapper.bottom {
bottom: 40px; }
.pane-centrica-stories-landing-head .posted-tags-wrapper .hero_panel_link_override {
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
color: white;
float: right;
margin-left: 30px; }
@media screen and (max-width: 524px) {
.pane-centrica-stories-landing-head .posted-tags-wrapper {
display: none; } }
.pane-centrica-stories-landing-head .pane-last-tweet {
height: 412px;
width: 420px;
padding-bottom: 0;
position: absolute;
right: 0;
top: 0; }
@media (max-width: 1024px) {
.pane-centrica-stories-landing-head {
margin: 20px; }
.pane-centrica-stories-landing-head .pane-last-tweet {
position: static;
height: auto;
width: 100%;
right: auto;
top: auto; }
.pane-centrica-stories-landing-head .pane-last-tweet .twitter-tile {
height: auto;
min-height: 200px;
margin-top: 20px; }
.pane-centrica-stories-landing-head .pane-centrica-stories-hero-article {
padding-right: 0px;
max-height: none; }
.pane-centrica-stories-landing-head .pane-centrica-stories-hero-article .hero-article-tile {
max-height: auto; }
.pane-centrica-stories-landing-head .pane-centrica-stories-hero-article .hero-article-tile .tile-wrapper {
height: auto;
padding-bottom: 0px; } }
.share-at-news-landing {
padding: 0 0 0 37px;
margin-bottom: 30px; }
.share-at-news-landing ul {
max-width: 1200px;
margin: 0 auto; }
.share-at-news-landing ul:after {
content: "";
display: table;
clear: both; }
.share-at-news-landing ul li a {
text-decoration: none !important; }
@media (max-width: 639px) {
.share-at-news-landing {
display: block; } }
.share-at-news-landing .field__label {
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1px 14px 0 0;
letter-spacing: 0.027em; }
.share-at-news-landing ul li {
width: 30.8%;
margin-right: 2.23%;
float: left; }
.share-at-news-landing ul li:nth-child(3n) {
margin-right: 0; }
.share-at-news-landing ul li:nth-child(3n+1) {
clear: both; }
.share-at-news-landing ul li a {
display: block;
width: 100%;
height: 70px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s;
text-align: center;
padding: 0px 10px;
box-sizing: border-box; }
.share-at-news-landing ul li a span.i:before {
font-family: 'FontAwesome';
display: inline-block;
width: 45px;
color: white;
font-size: 20px;
text-indent: 0px;
line-height: 70px;
text-align: center; }
.share-at-news-landing ul li a span.text {
display: inline-block;
font-face: "OpenSansRegular", arial, sans-serif;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 70px; }
.share-at-news-landing ul li a.facebook {
background-color: #3b579d; }
.share-at-news-landing ul li a.facebook span.i:before {
content: "\f09a"; }
.share-at-news-landing ul li a.twitter {
background-color: #2caae1; }
.share-at-news-landing ul li a.twitter span.i:before {
content: "\f099"; }
.share-at-news-landing ul li a.linkedin {
background-color: #0177b5; }
.share-at-news-landing ul li a.linkedin span.i:before {
content: "\f0e1"; }
.share-at-news-landing ul li a:hover {
opacity: 0.8; }
@media (max-width: 960px) {
.share-at-news-landing {
padding: 0 4.3% 0 4.3%; }
.share-at-news-landing ul {
width: 100%; }
.share-at-news-landing ul li {
width: 31.8%; }
.share-at-news-landing ul li:nth-child(3n) {
margin-right: 0%; } }
@media (max-width: 560px) {
.share-at-news-landing {
padding: 0 20px; }
.share-at-news-landing .ul {
width: 100%; }
.share-at-news-landing .ul:nth-child(2n), .share-at-news-landing .ul:nth-child(3n), .share-at-news-landing .ul:nth-child(2n+1) {
margin-right: 0; } }
@media (max-width: 460px) {
.share-at-news-landing {
padding: 0 13px; }
.share-at-news-landing .ul {
margin-bottom: 13px; } }
.pane-stories-search-filter-results h2.pane-title {
color: #ffffff;
display: block;
font-size: 19px;
background: #374280;
padding: 16px 37px 17px 18px;
position: relative;
line-height: 105%; }
.pane-stories-search-filter-results h2.pane-title:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
display: block;
right: 17px;
top: 21px;
background: url("../images/search-arrows.png") no-repeat 0 0;
background-size: 28px auto; }
@media (min-width: 1025px) {
.pane-stories-search-filter-results h2.pane-title {
display: none; } }
@media (max-width: 1024px) {
.pane-stories-search-filter-results h2.pane-title {
cursor: pointer; }
.pane-stories-search-filter-results h2.pane-title:after {
background-position: -15px 0;
top: 19px; }
.pane-stories-search-filter-results h2.pane-title.expanded:after {
top: 21px;
background-position: 0 0; } }
@media (max-width: 1024px) {
.pane-stories-search-filter-results .panel-display#mini-panel-stories_search_filter_results {
display: none;
padding-top: 0px; } }
.pane-stories-search-filter-results #mini-panel-stories_search_filter_results {
background-color: #d7d6d9;
background-image: -owg-linear-gradient(top, #d7d6d9 0%, #edecf0 15%, #edecf0 100%);
background-image: -webkit-linear-gradient(top, #d7d6d9 0%, #edecf0 15%, #edecf0 100%);
background-image: -moz-linear-gradient(top, #d7d6d9 0%, #edecf0 15%, #edecf0 100%);
background-image: -o-linear-gradient(top, #d7d6d9 0%, #edecf0 15%, #edecf0 100%);
background-image: linear-gradient(top, #d7d6d9 0%, #edecf0 15%, #edecf0 100%);
border-top: 1px solid #edecf0;
padding: 0px 0;
margin-bottom: 26px;
text-align: right; }
.story .pane-stories-search-filter-results #mini-panel-stories_search_filter_results {
margin-bottom: 35px; }
.pane-stories-search-filter-results .panel-col {
max-width: 1200px;
margin: 0 auto; }
.pane-stories-search-filter-results .panel-col:after {
content: "";
display: table;
clear: both; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .panel-col > div {
margin: 0;
display: flex;
flex-direction: row; } }
.pane-stories-search-filter-results form input[type="submit"] {
display: none; }
.pane-stories-search-filter-results form input[type="submit"].auto-submit-all-filled-click {
display: block;
padding: 0px; }
.pane-stories-search-filter-results .panel-pane {
vertical-align: top;
float: left;
width: 100%; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .panel-pane {
padding: 20px 15px; }
.pane-stories-search-filter-results .panel-pane:first-child {
width: 63%;
flex: 1; } }
.pane-stories-search-filter-results .panel-pane:nth-child(2) {
padding: 0 20px 30px;
text-align: left; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .panel-pane:nth-child(2) {
padding: 25px 15px;
width: 270px;
background-image: linear-gradient(125deg, rgba(199, 199, 199, 0.5) 0%, rgba(255, 255, 255, 0) 70%); } }
.pane-stories-search-filter-results .panel-pane:last-child {
padding: 0;
background-image: linear-gradient(to bottom, rgba(199, 199, 199, 0.5) 0%, rgba(255, 255, 255, 0) 10%);
text-align: left; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .panel-pane:last-child {
padding: 26px 15px;
background-image: linear-gradient(125deg, rgba(199, 199, 199, 0.5) 0%, rgba(255, 255, 255, 0) 70%);
width: 185px; } }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .panel-pane {
float: left;
display: inline-block; } }
.pane-stories-search-filter-results .stories-search-filter-field-category {
margin-bottom: 20px; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .stories-search-filter-field-category {
margin-bottom: 0; } }
.pane-stories-search-filter-results .stories-search-filter-field-category #edit-field-category {
text-align: left; }
.pane-stories-search-filter-results .stories-search-filter-field-category .form-item {
margin: 0px; }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper {
overflow: hidden;
position: relative;
background: #c1c1c1;
border-top: 1px solid #fff; }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper:first-child {
border-top: none; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper {
display: inline-block;
margin-right: 5px;
border-top: none; }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper:last-child {
margin-right: 0px; } }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper input {
display: block;
position: absolute;
left: -100px;
top: -100px; }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper .form-item {
margin: 0px; }
.pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper.checked, .pane-stories-search-filter-results .stories-search-filter-field-category .checkbox-wrapper:hover {
background-color: #2a234d; }
.pane-stories-search-filter-results .stories-search-filter-field-category label {
text-align: center;
color: #ffffff;
font-family: "OpenSansRegular", arial, sans-serif;
text-transform: uppercase;
line-height: 40px;
font-size: 13px;
display: block;
padding: 0px 11px;
text-decoration: none;
cursor: pointer; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .stories-search-filter-field-category label {
min-width: 9em; } }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .stories-search-filter-field-category .form-item-field-category-all label {
min-width: inherit; } }
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-from,
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-to {
width: 50%;
display: inline-block; }
@media (min-width: 426px) {
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-from,
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-to {
width: 45.9%; } }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-from,
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-to {
margin: 0;
display: inline-block;
width: 42%; } }
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-from {
padding: 0 5px 0 0; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted #datepicker-to {
padding: 0 0 0 5px; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .auto-submit-all-filled-click {
display: block !important;
vertical-align: top;
height: 30px;
width: 100%;
background: #2a234d;
border: none;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 0.75rem;
margin: 10px 0 0 0; }
@media (min-width: 426px) {
.pane-stories-search-filter-results .story-search-filter-field-date-posted .auto-submit-all-filled-click {
width: 30px;
display: inline-block !important;
margin: 0;
float: right; } }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-item,
.pane-stories-search-filter-results .story-search-filter-field-date-posted .date-padding {
margin: 0px;
padding: 0px;
float: none;
display: block; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-item,
.pane-stories-search-filter-results .story-search-filter-field-date-posted .date-padding {
float: left;
display: inline-block; } }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-type-textfield {
position: relative; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-type-textfield:before {
font-family: 'FontAwesome';
display: block;
width: 100%;
font-size: 13px;
line-height: 30px;
color: #999999;
content: "\f133";
position: absolute;
right: 10px;
top: 0px;
z-index: 2;
width: 15px; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-type-textfield.touch:before {
display: none; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-type-textfield.touch label {
font-size: 12px;
padding-top: 5px;
color: #999999; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted .form-type-textfield.touch input[type=date] {
padding-right: 0px;
height: 30px;
width: 100%;
-webkit-appearance: none; }
.pane-stories-search-filter-results .story-search-filter-field-date-posted input[type=date],
.pane-stories-search-filter-results .story-search-filter-field-date-posted input[type=text] {
background: #ffffff;
border: 0px;
line-height: 30px;
padding: 0px 25px 0px 10px;
color: #666666;
font-family: "OpenSansSemibold", arial, sans-serif;
font-size: 12px;
display: inline-block;
width: 100%; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .story-search-filter-field-date-posted input[type=date],
.pane-stories-search-filter-results .story-search-filter-field-date-posted input[type=text] {
width: 98px;
height: 30px; } }
.pane-stories-search-filter-results .centrica-stories-search-by-keywords-filter-form {
padding: 20px; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .centrica-stories-search-by-keywords-filter-form {
padding: 0; } }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .centrica-stories-search-by-keywords-filter-form > div {
position: relative; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget {
margin: 0; } }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .form-item {
margin: 0px; }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .form-item-from,
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .form-item-to {
display: block; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .form-item-from,
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .form-item-to {
display: inline-block; } }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget input[type=date],
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget input[type=text] {
background: #ffffff;
border: 0px;
line-height: 30px;
padding: 0px 25px 0px 10px;
color: #666666;
font-family: "OpenSansSemibold", arial, sans-serif;
font-size: 13px;
width: 100%; }
@media (min-width: 1024px) {
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget input[type=date],
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget input[type=text] {
width: 130px;
height: 30px; } }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .keywords-submit {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 30px;
width: 30px;
background-color: #2a234d;
color: #fff;
border: 0;
cursor: pointer; }
.pane-stories-search-filter-results .pane-stories-keywords-filter-widget .keywords-submit:before {
font-family: 'FontAwesome';
font-size: 15px;
line-height: 30px;
color: #fff;
content: "\f002";
transform: scaleX(-1);
display: block;
position: absolute;
right: 50%;
top: 0px;
height: 40px;
width: 30px;
-webkit-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-o-transform: translate(50%, 0);
transform: translate(50%, 0); }
#ui-datepicker-div {
margin-top: 15px;
position: relative;
overflow: visible; }
#ui-datepicker-div:before {
height: 0;
width: 0;
border-bottom: 10px solid #2a234d;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
display: block;
z-index: 100;
top: -10px;
left: 10px;
content: ''; }
.view-stories-search,
.centrica-stories-landing-grid,
.view-newsroom-taxonomy-term {
margin-top: 26px;
padding: 0 0 0 37px; }
.view-stories-search .view-content,
.view-stories-search .centrica-stories-grid-conent,
.centrica-stories-landing-grid .view-content,
.centrica-stories-landing-grid .centrica-stories-grid-conent,
.view-newsroom-taxonomy-term .view-content,
.view-newsroom-taxonomy-term .centrica-stories-grid-conent {
max-width: 1200px;
margin: 0 auto; }
.view-stories-search .view-content:after,
.view-stories-search .centrica-stories-grid-conent:after,
.centrica-stories-landing-grid .view-content:after,
.centrica-stories-landing-grid .centrica-stories-grid-conent:after,
.view-newsroom-taxonomy-term .view-content:after,
.view-newsroom-taxonomy-term .centrica-stories-grid-conent:after {
content: "";
display: table;
clear: both; }
.view-stories-search .views-row,
.centrica-stories-landing-grid .views-row,
.view-newsroom-taxonomy-term .views-row {
width: 30.8%;
margin-right: 2.23%;
float: left;
background: #edecf0;
position: relative;
border: 1px solid #edecf0;
margin-bottom: 29px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s;
float: left;
margin-bottom: 30px; }
.view-stories-search .views-row:nth-child(3n),
.centrica-stories-landing-grid .views-row:nth-child(3n),
.view-newsroom-taxonomy-term .views-row:nth-child(3n) {
margin-right: 0; }
.view-stories-search .views-row:nth-child(3n+1),
.centrica-stories-landing-grid .views-row:nth-child(3n+1),
.view-newsroom-taxonomy-term .views-row:nth-child(3n+1) {
clear: both; }
.view-stories-search .views-row .row-data-wrapper,
.centrica-stories-landing-grid .views-row .row-data-wrapper,
.view-newsroom-taxonomy-term .views-row .row-data-wrapper {
padding: 15px 17px 12px;
height: 150px; }
.view-stories-search .views-row .views-field-field-teaser-image a,
.centrica-stories-landing-grid .views-row .views-field-field-teaser-image a,
.view-newsroom-taxonomy-term .views-row .views-field-field-teaser-image a {
display: block;
position: relative; }
.view-stories-search .views-row .views-field-field-teaser-image a:after,
.centrica-stories-landing-grid .views-row .views-field-field-teaser-image a:after,
.view-newsroom-taxonomy-term .views-row .views-field-field-teaser-image a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #222222;
opacity: 0;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.view-stories-search .views-row .views-field-field-teaser-image img,
.centrica-stories-landing-grid .views-row .views-field-field-teaser-image img,
.view-newsroom-taxonomy-term .views-row .views-field-field-teaser-image img {
max-width: 100%;
height: auto;
display: block; }
.view-stories-search .views-row .views-field-field-category,
.centrica-stories-landing-grid .views-row .views-field-field-category,
.view-newsroom-taxonomy-term .views-row .views-field-field-category {
font-family: "OpenSansBold", arial, sans-serif;
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
line-height: 32px;
padding: 0px 10px;
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(166, 179, 226, 0.6); }
.view-stories-search .views-row .views-field-field-category a,
.centrica-stories-landing-grid .views-row .views-field-field-category a,
.view-newsroom-taxonomy-term .views-row .views-field-field-category a {
color: #ffffff;
font-size: 12px;
text-transform: uppercase;
text-decoration: none; }
.view-stories-search .views-row .views-field-field-article-type,
.view-stories-search .views-row .views-field-field-date-posted,
.centrica-stories-landing-grid .views-row .views-field-field-article-type,
.centrica-stories-landing-grid .views-row .views-field-field-date-posted,
.view-newsroom-taxonomy-term .views-row .views-field-field-article-type,
.view-newsroom-taxonomy-term .views-row .views-field-field-date-posted {
font-family: "OpenSansBold", arial, sans-serif;
color: #374280;
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
margin-bottom: 15px; }
.view-stories-search .views-row .views-field-field-article-type,
.centrica-stories-landing-grid .views-row .views-field-field-article-type,
.view-newsroom-taxonomy-term .views-row .views-field-field-article-type {
float: right; }
.view-stories-search .views-row .views-field-field-article-type a,
.centrica-stories-landing-grid .views-row .views-field-field-article-type a,
.view-newsroom-taxonomy-term .views-row .views-field-field-article-type a {
color: #374280;
text-decoration: none; }
.view-stories-search .views-row .node-title,
.centrica-stories-landing-grid .views-row .node-title,
.view-newsroom-taxonomy-term .views-row .node-title {
font-size: 18px;
font-family: "OpenSansRegular", arial, sans-serif;
line-height: 24px;
margin-bottom: 10px;
color: #170e3d; }
.view-stories-search .views-row .node-title a,
.centrica-stories-landing-grid .views-row .node-title a,
.view-newsroom-taxonomy-term .views-row .node-title a {
color: #170e3d;
text-decoration: none;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 24px;
max-height: 48px;
height: 48px; }
.view-stories-search .views-row .node-title a:hover,
.centrica-stories-landing-grid .views-row .node-title a:hover,
.view-newsroom-taxonomy-term .views-row .node-title a:hover {
color: #2e1c7b; }
.view-stories-search .views-row .views-field-field-tax-tags,
.centrica-stories-landing-grid .views-row .views-field-field-tax-tags,
.view-newsroom-taxonomy-term .views-row .views-field-field-tax-tags {
padding-left: 24px;
position: relative;
font-family: "OpenSansBold", arial, sans-serif;
font-size: 12px;
line-height: 18px;
color: #666666;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 18px;
max-height: 18px; }
.view-stories-search .views-row .views-field-field-tax-tags a,
.centrica-stories-landing-grid .views-row .views-field-field-tax-tags a,
.view-newsroom-taxonomy-term .views-row .views-field-field-tax-tags a {
color: #374280;
text-decoration: none; }
.view-stories-search .views-row .views-field-field-tax-tags:before,
.centrica-stories-landing-grid .views-row .views-field-field-tax-tags:before,
.view-newsroom-taxonomy-term .views-row .views-field-field-tax-tags:before {
font-family: 'FontAwesome';
content: "\f02b";
position: absolute;
left: 0px;
transform: scaleX(-1);
font-size: 16px;
line-height: 18px; }
.view-stories-search .views-row:hover,
.centrica-stories-landing-grid .views-row:hover,
.view-newsroom-taxonomy-term .views-row:hover {
background: #374280; }
.view-stories-search .views-row:hover .views-field-field-teaser-image a:after,
.centrica-stories-landing-grid .views-row:hover .views-field-field-teaser-image a:after,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-teaser-image a:after {
opacity: 0.7; }
.view-stories-search .views-row:hover .node-title a,
.centrica-stories-landing-grid .views-row:hover .node-title a,
.view-newsroom-taxonomy-term .views-row:hover .node-title a {
color: #ffffff; }
.view-stories-search .views-row:hover .views-field-field-category,
.view-stories-search .views-row:hover .views-field-field-tax-tags,
.view-stories-search .views-row:hover .views-field-field-article-type,
.view-stories-search .views-row:hover .views-field-field-date-posted,
.centrica-stories-landing-grid .views-row:hover .views-field-field-category,
.centrica-stories-landing-grid .views-row:hover .views-field-field-tax-tags,
.centrica-stories-landing-grid .views-row:hover .views-field-field-article-type,
.centrica-stories-landing-grid .views-row:hover .views-field-field-date-posted,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-category,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-tax-tags,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-article-type,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-date-posted {
color: #ffffff; }
.view-stories-search .views-row:hover .views-field-field-category a,
.view-stories-search .views-row:hover .views-field-field-tax-tags a,
.view-stories-search .views-row:hover .views-field-field-article-type a,
.view-stories-search .views-row:hover .views-field-field-date-posted a,
.centrica-stories-landing-grid .views-row:hover .views-field-field-category a,
.centrica-stories-landing-grid .views-row:hover .views-field-field-tax-tags a,
.centrica-stories-landing-grid .views-row:hover .views-field-field-article-type a,
.centrica-stories-landing-grid .views-row:hover .views-field-field-date-posted a,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-category a,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-tax-tags a,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-article-type a,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-date-posted a {
color: #ffffff; }
.view-stories-search .views-row:hover .views-field-field-category a:hover,
.view-stories-search .views-row:hover .views-field-field-tax-tags a:hover,
.view-stories-search .views-row:hover .views-field-field-article-type a:hover,
.view-stories-search .views-row:hover .views-field-field-date-posted a:hover,
.centrica-stories-landing-grid .views-row:hover .views-field-field-category a:hover,
.centrica-stories-landing-grid .views-row:hover .views-field-field-tax-tags a:hover,
.centrica-stories-landing-grid .views-row:hover .views-field-field-article-type a:hover,
.centrica-stories-landing-grid .views-row:hover .views-field-field-date-posted a:hover,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-category a:hover,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-tax-tags a:hover,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-article-type a:hover,
.view-newsroom-taxonomy-term .views-row:hover .views-field-field-date-posted a:hover {
color: #dddddd; }
@media (max-width: 960px) {
.view-stories-search,
.centrica-stories-landing-grid,
.view-newsroom-taxonomy-term {
padding: 0 0 0 4.3%; }
.view-stories-search .views-row,
.centrica-stories-landing-grid .views-row,
.view-newsroom-taxonomy-term .views-row {
width: 47%; }
.view-stories-search .views-row:nth-child(3n+1),
.centrica-stories-landing-grid .views-row:nth-child(3n+1),
.view-newsroom-taxonomy-term .views-row:nth-child(3n+1) {
clear: none; }
.view-stories-search .views-row:nth-child(2n+1),
.centrica-stories-landing-grid .views-row:nth-child(2n+1),
.view-newsroom-taxonomy-term .views-row:nth-child(2n+1) {
clear: both;
margin-right: 2.23%; }
.view-stories-search .views-row:nth-child(3n),
.centrica-stories-landing-grid .views-row:nth-child(3n),
.view-newsroom-taxonomy-term .views-row:nth-child(3n) {
margin-right: 2.23%; }
.view-stories-search .views-row:nth-child(2n),
.centrica-stories-landing-grid .views-row:nth-child(2n),
.view-newsroom-taxonomy-term .views-row:nth-child(2n) {
margin-right: 0; }
.view-stories-search .views-row .views-field-field-teaser-image img,
.centrica-stories-landing-grid .views-row .views-field-field-teaser-image img,
.view-newsroom-taxonomy-term .views-row .views-field-field-teaser-image img {
width: 100%; } }
@media (max-width: 560px) {
.view-stories-search,
.centrica-stories-landing-grid,
.view-newsroom-taxonomy-term {
padding: 0 20px; }
.view-stories-search .views-row,
.centrica-stories-landing-grid .views-row,
.view-newsroom-taxonomy-term .views-row {
width: 100%; }
.view-stories-search .views-row:nth-child(2n), .view-stories-search .views-row:nth-child(3n), .view-stories-search .views-row:nth-child(2n+1),
.centrica-stories-landing-grid .views-row:nth-child(2n),
.centrica-stories-landing-grid .views-row:nth-child(3n),
.centrica-stories-landing-grid .views-row:nth-child(2n+1),
.view-newsroom-taxonomy-term .views-row:nth-child(2n),
.view-newsroom-taxonomy-term .views-row:nth-child(3n),
.view-newsroom-taxonomy-term .views-row:nth-child(2n+1) {
margin-right: 0; } }
@media (max-width: 460px) {
.view-stories-search,
.centrica-stories-landing-grid,
.view-newsroom-taxonomy-term {
padding: 0 13px; }
.view-stories-search .views-row,
.centrica-stories-landing-grid .views-row,
.view-newsroom-taxonomy-term .views-row {
margin-bottom: 13px; }
.view-stories-search .views-row .element-title,
.centrica-stories-landing-grid .views-row .element-title,
.view-newsroom-taxonomy-term .views-row .element-title {
height: auto;
letter-spacing: -0.018em;
padding: 16px 14px 0 18px; }
.view-stories-search .views-row .element-title a,
.centrica-stories-landing-grid .views-row .element-title a,
.view-newsroom-taxonomy-term .views-row .element-title a {
font-size: 18px; } }
.view-stories-search .pager-wrapper,
.pane-centrica-stories-landing .pager-wrapper {
max-width: 1200px;
margin: 0 auto;
border-top: 1px solid #eae9ee;
padding-top: 20px; }
.page-taxonomy-term article.node--story,
.page-taxonomy-term .feed-icon,
.page-taxonomy-term .l-content > .pager {
display: none; }
.searched-for-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 5px 20px; }
.searched-for-wrapper .searched-for {
font-size: 1.75rem;
font-family: "OpenSansRegular", arial, sans-serif;
margin-bottom: 20px;
color: #374280; }
.searched-for-wrapper .searched-for span {
font-family: "OpenSansBold", arial, sans-serif;
text-transform: capitalize; }
.searched-for-wrapper .back-button a {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out;
padding: 8px 8px;
display: inline-block;
margin-top: 10px;
background: #374280;
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: 13px; }
.searched-for-wrapper .back-button a:hover {
background: #28305c; }
.view-empty {
max-width: 1200px;
margin: 0 auto;
padding: 5px 20px; }
.node-type-story .l-content {
max-width: 100%; }
.node-type-story header {
margin: 0 auto; }
.node-type-story .content-wrapper {
width: 1200px;
max-width: 100%;
margin: auto; }
.node-type-story .content-wrapper:after {
content: "";
display: table;
clear: both; }
.node-type-story .story-region--top {
margin-bottom: 0px; }
.node-type-story .story-region--main-part {
padding-left: 30px;
min-height: 1px;
float: left;
width: 70.8%;
clear: left; }
.node-type-story .story-region--main-part:after {
content: "";
display: table;
clear: both; }
.node-type-story .story-region--main-part a {
color: #6e83cd; }
.node-type-story .story-region--main-part .pane-node-field-teaser-image {
margin-bottom: 35px; }
.node-type-story .story-region--main-part .pane-node-field-teaser-image img {
width: 100%; }
.node-type-story .story-region--main-part .pane-node-field-teaser {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 20px;
line-height: 27px;
color: #374280;
margin-bottom: 20px; }
.node-type-story .story-region--main-part .pane-node-body {
font-size: 15px;
color: #5d5d5d;
line-height: 21px;
clear: both; }
.node-type-story .story-region--main-part .pane-node-field-field-share div {
display: inline-block; }
.node-type-story .story-region--main-part .pane-node-field-field-share .pane-title {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 12px;
display: inline-block;
margin-right: 15px; }
@media (max-width: 639px) {
.node-type-story .story-region--main-part .pane-node-field-field-share {
display: block; } }
.node-type-story .story-region--main-part .pane-node-field-field-share .field__label {
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1px 14px 0 0;
letter-spacing: 0.027em; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul {
display: inline-block;
line-height: 40px; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li {
margin-left: 6px;
display: inline-block;
position: relative; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li:first-child {
margin-left: 0; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a {
display: block;
position: relative;
text-indent: -999999px;
color: transparent;
font-size: 0;
width: 30px;
height: 30px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a:before {
font-family: 'FontAwesome';
display: block;
width: 30px;
height: 30px;
color: white;
font-size: 17px;
text-indent: 0;
line-height: 31px;
text-align: center;
border-radius: 15px;
position: absolute;
left: 0;
top: 0; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a.facebook:before {
content: "\f09a";
background-color: #3b579d; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a.twitter:before {
content: "\f099";
background-color: #2caae1; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a.linkedin:before {
content: "\f0e1";
background-color: #0177b5; }
.node-type-story .story-region--main-part .pane-node-field-field-share ul li a:hover {
opacity: 0.8; }
.node-type-story .story-region--bottom {
width: 100%;
margin-bottom: 0px; }
.node-type-story .story-region--sidebar {
float: right;
width: 26.667%;
min-height: 1px; }
.node-type-story .story-region--sidebar:after {
content: "";
display: table;
clear: both; }
@media (max-width: 639px) {
.node-type-story .story-region--sidebar .pane-node-field-field-share {
display: block; } }
.node-type-story .story-region--sidebar .pane-node-field-field-share .field__label {
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1px 14px 0 0;
letter-spacing: 0.027em; }
.node-type-story .story-region--sidebar .pane-node-field-field-share .field__item {
display: table;
width: 100%; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul {
display: table-row; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li {
display: table-cell;
width: 33%; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a {
display: block;
position: relative;
text-indent: -999999px;
color: transparent;
font-size: 0;
width: 100%;
height: 70px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a:before {
font-family: 'FontAwesome';
display: block;
width: 100%;
color: white;
font-size: 20px;
text-indent: 0px;
line-height: 70px;
text-align: center;
z-index: 2; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a.facebook:before {
content: "\f09a";
background-color: #3b579d; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a.twitter:before {
content: "\f099";
background-color: #2caae1; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a.linkedin:before {
content: "\f0e1";
background-color: #0177b5; }
.node-type-story .story-region--sidebar .pane-node-field-field-share ul li a:hover {
opacity: 0.8; }
@media (max-width: 639px) {
.node-type-story .story-region--sidebar .pane-node-field-field-share {
display: block;
border-top: 1px solid #edecf0;
border-bottom: 1px solid #edecf0;
margin: 3px 0 12px;
padding: 19px 13px 14px; } }
.node-type-story .story-region--sidebar .pane-social-links {
display: table;
width: 100%; }
@media (max-width: 639px) {
.node-type-story .story-region--sidebar .pane-social-links {
display: block; } }
.node-type-story .story-region--sidebar .pane-social-links .field__label {
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1px 14px 0 0;
letter-spacing: 0.027em; }
.node-type-story .story-region--sidebar .pane-social-links .field__item {
display: table;
width: 100%; }
.node-type-story .story-region--sidebar .pane-social-links ul {
display: table-row; }
.node-type-story .story-region--sidebar .pane-social-links ul li {
display: table-cell;
width: 33%; }
.node-type-story .story-region--sidebar .pane-social-links ul li a {
display: block;
position: relative;
text-indent: -999999px;
color: transparent;
font-size: 0;
width: 100%;
height: 70px;
-webkit-transition: opacity 0.3s false;
-moz-transition: opacity 0.3s false false;
-o-transition: opacity 0.3s false false;
transition: opacity 0.3s; }
.node-type-story .story-region--sidebar .pane-social-links ul li a:before {
font-family: 'FontAwesome';
display: block;
width: 100%;
color: white;
font-size: 20px;
text-indent: 0px;
line-height: 70px;
text-align: center;
z-index: 2; }
.node-type-story .story-region--sidebar .pane-social-links ul li a.facebook:before {
content: "\f09a";
background-color: #3b579d; }
.node-type-story .story-region--sidebar .pane-social-links ul li a.twitter:before {
content: "\f099";
background-color: #2caae1; }
.node-type-story .story-region--sidebar .pane-social-links ul li a.linkedin:before {
content: "\f0e1";
background-color: #0177b5; }
.node-type-story .story-region--sidebar .pane-social-links ul li a:hover {
opacity: 0.8; }
@media (max-width: 639px) {
.node-type-story .story-region--sidebar .pane-social-links {
display: block;
border-top: 1px solid #edecf0;
border-bottom: 1px solid #edecf0;
margin: 3px 0 12px;
padding: 19px 13px 14px; } }
.node-type-story .story-region--sidebar .pane-bundle-general-tile,
.node-type-story .story-region--sidebar .pane-bundle-price-tile,
.node-type-story .story-region--sidebar .pane-bundle-download-tile,
.node-type-story .story-region--sidebar .pane-bundle-sponsor-logos,
.node-type-story .story-region--sidebar .pane-bundle-video-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-story .story-region--sidebar .pane-bundle-general-tile .tile-wrapper,
.node-type-story .story-region--sidebar .pane-bundle-price-tile .tile-wrapper,
.node-type-story .story-region--sidebar .pane-bundle-download-tile .tile-wrapper,
.node-type-story .story-region--sidebar .pane-bundle-sponsor-logos .tile-wrapper,
.node-type-story .story-region--sidebar .pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin: 0; }
.node-type-story .story-region--sidebar .pane-bundle-large-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-story .story-region--sidebar .pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 0; }
.node-type-story .story-region--sidebar .panel-pane {
margin-bottom: 19px; }
.node-type-story .story-region--sidebar .pane-bundle-long-general-tile {
margin-bottom: 19px;
overflow: hidden; }
.node-type-story .story-region--sidebar .pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin: 0; }
.node-type-story .story-region--sidebar .panel-pane {
width: 100%; }
.node-type-story .field--name-body a {
color: #6e83cd; }
.node-type-story .field--name-body p {
padding-bottom: 22px; }
.node-type-story .pane-centrica-categories h3, .node-type-story .pane-centrica-categories .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-story .pane-centrica-categories a {
background: #374280;
position: relative;
display: block;
color: #ffffff;
font-size: 19px;
line-height: 50px;
padding: 0 30px 2px 19px; }
.node-type-story .pane-centrica-categories h3:after, .node-type-story .pane-centrica-categories .l-footer .pane-centrica-navigation-footer .list-item h3 a:after, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-story .pane-centrica-categories a:after {
content: '';
position: absolute;
right: 19px;
top: 18px;
width: 10px;
height: 15px;
display: block;
background: url("../images/navigation-arrows.png") no-repeat 0 0;
background-size: 31px auto; }
.node-type-story .pane-centrica-categories ul li:first-child a {
padding-top: 17px; }
.node-type-story .pane-centrica-categories ul li:last-child a {
padding-bottom: 17px; }
.node-type-story .pane-centrica-categories ul li a {
display: block;
font-size: 16px;
color: #170e3d;
font-family: "OpenSansLight", arial, sans-serif;
background: #edecf0;
text-decoration: none;
padding: 11px 10px 15px 24px;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.node-type-story .pane-centrica-categories ul li a:hover {
background: #e2e2e9; }
.node-type-story .pane-centrica-categories ul li a.active {
background: #e2e2e9; }
.node-type-story .pane-stories-related-stories-pane {
padding: 0; }
.node-type-story .pane-stories-related-stories-pane .view-stories {
padding: 0; }
.node-type-story .pane-stories-related-stories-pane .view-content {
padding: 39px 50px 0px 56px; }
.node-type-story .pane-stories-related-stories-pane .views-row.views-row-last {
padding-bottom: 32px; }
@media (max-width: 1024px) {
.node-type-story .story-region--sidebar {
width: 100%;
padding: 0; }
.node-type-story .story-region--top {
padding-bottom: 0;
padding: 0% 2%; }
.node-type-story .story-region--main-part {
width: 100%;
padding: 0% 2%; } }
.story-full-node-header .teaser-wrapper {
clear: both;
overflow: hidden; }
.story-full-node-header .teaser-left {
float: left;
width: 64%; }
.story-full-node-header .teaser-right {
float: right;
width: 35%;
margin-top: 20px; }
.story-full-node-header h1.node-title,
.story-full-node-header .tags-line {
margin-bottom: 4px; }
@media (min-width: 1024px) {
.story-full-node-header h1.node-title,
.story-full-node-header .tags-line {
margin-left: 0px !important; } }
.story-full-node-header .category {
display: inline-block;
position: relative;
font-family: "OpenSansSemibold", arial, sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
line-height: 30px;
padding: 0 14px 0 10px;
color: white !important;
background-color: #00a468;
margin-left: -20px; }
.story-full-node-header .category:before {
width: 0;
height: 0;
border-top: 10px solid #007047;
border-left: 10px solid transparent;
position: absolute;
left: 0px;
bottom: -10px;
content: ""; }
.story-full-node-header h1 {
font-family: "OpenSansRegular", arial, sans-serif;
color: #313a73;
font-size: 32px;
margin-top: 22px;
margin-bottom: 11px;
line-height: 1.1;
letter-spacing: 0; }
.story-full-node-header .node-teaser-text {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 20px;
line-height: 27px;
color: #374280;
margin-bottom: 20px; }
.story-full-node-header .tags-line {
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #666666; }
.story-full-node-header .tags-line a {
color: #666666;
text-decoration: none; }
.story-full-node-header .tags-line span {
display: inline-block; }
.story-full-node-header .tags-line .article-type {
text-transform: uppercase; }
.story-full-node-header .tags-line .separator {
margin: 0px 20px; }
.story-full-node-header .tags-line .tags {
padding-left: 18px;
padding-right: 10px;
position: relative;
max-height: 20px;
overflow: hidden; }
.story-full-node-header .tags-line .tags:before {
font-family: 'FontAwesome';
content: "\f02b";
transform: scaleX(-1);
font-size: 16px;
line-height: 18px;
padding-right: 10px; }
.pane-bundle-general-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.pane-bundle-general-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-general-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-general-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.pane-bundle-general-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-general-tile .field--name-field-topic {
padding-left: 7.9%;
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.04em;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
padding-top: 10.25%; }
.pane-bundle-general-tile .field--name-field-topic .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-general-tile .field--name-field-title {
letter-spacing: -0.028em;
padding-top: 2.9%;
padding-left: 6.6%;
font-size: 37px;
font-family: "OpenSansLight", arial, sans-serif;
width: 70%;
line-height: 120%;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
line-height: 110%; }
.pane-bundle-general-tile .field--name-field-title .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-general-tile .field--name-field-link a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.pane-bundle-general-tile .field--name-field-link a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 4.9%;
padding: 2.9% 5.5% 3.2% 6.4%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.pane-bundle-general-tile:hover .tile-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
.pane-bundle-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .dark_blue,
.pane-bundle-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .electric_blue,
.pane-bundle-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .dark_blue,
.pane-bundle-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .electric_blue {
color: #ffffff !important; }
.pane-bundle-general-tile:hover .field--name-field-link .link-text {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-download-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.pane-bundle-download-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-download-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-download-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.pane-bundle-download-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-download-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-download-tile .field--name-field-topic {
padding-left: 6.3%;
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.05em;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
padding-top: 10.2%; }
.pane-bundle-download-tile .field--name-field-topic .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-download-tile .field--name-field-title {
letter-spacing: -0.012em;
padding-top: 14px;
padding-left: 23px;
font-size: 37px;
font-family: "OpenSansLight", arial, sans-serif;
width: 70%;
line-height: 120%;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
padding: 4.1% 0 0 6.6%;
line-height: 110%; }
.pane-bundle-download-tile .field--name-field-title .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-download-tile .field--name-field-description {
font-size: 23px;
font-family: "OpenSansLight", arial, sans-serif;
width: 70%;
padding-top: 4%;
line-height: 134%;
padding-left: 6.9%;
letter-spacing: 0.02em;
position: relative;
z-index: 9; }
.pane-bundle-download-tile .field--name-field-description .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-download-tile .field--name-field-download-file a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.pane-bundle-download-tile .field--name-field-download-file a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 4.9%;
padding: 2.9% 5.5% 3.2% 6.4%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.pane-bundle-download-tile .field--name-field-download-file a .link-text {
padding: 3% 5% 3% 5.9%; }
.pane-bundle-download-tile:hover .tile-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-description .dark_blue,
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-description .electric_blue,
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .dark_blue,
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .electric_blue,
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .dark_blue,
.pane-bundle-download-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .electric_blue {
color: #ffffff !important; }
.pane-bundle-download-tile:hover .field--name-field-download-file .link-text {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-testimonial-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.pane-bundle-testimonial-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-testimonial-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-testimonial-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.pane-bundle-testimonial-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-testimonial-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-testimonial-tile .field--name-field-title {
font-size: 34px;
font-family: "OpenSansLight", arial, sans-serif;
width: 70%;
line-height: 112%;
position: relative;
z-index: 3;
padding: 14% 0 9.8% 5.7%; }
.pane-bundle-testimonial-tile .field--name-field-title:after, .pane-bundle-testimonial-tile .field--name-field-title:before {
content: '';
display: block;
position: absolute;
left: 9.1%;
width: 30px;
height: 30px;
background: url("../images/qoute-small.png") no-repeat 0 0;
background-size: 53px auto; }
.pane-bundle-testimonial-tile .field--name-field-title:before {
top: 9.1%; }
.pane-bundle-testimonial-tile .field--name-field-title:after {
bottom: -4.5%;
background-position: -31px 0; }
.pane-bundle-testimonial-tile .field--name-field-topic {
font-size: 16px;
padding: 7.2% 0 0 5.8%;
width: 65%;
line-height: 150%;
position: relative;
z-index: 3; }
.pane-bundle-testimonial-tile .field--name-field-llink a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
text-indent: -99999px;
color: transparent;
font-size: 0; }
.pane-bundle-sponsor-logos {
padding: 8px 0 10px;
float: left;
width: 100%; }
.pane-bundle-sponsor-logos .view-sponsor-logos .view-content {
overflow: hidden; }
.pane-bundle-sponsor-logos .view-sponsor-logos .views-row {
width: 14.28%;
padding: 0 1.5%;
float: left; }
.pane-bundle-sponsor-logos .view-sponsor-logos .views-row a {
display: block; }
.pane-bundle-sponsor-logos .view-sponsor-logos .views-row img {
max-width: 100%;
height: auto;
display: block;
margin: auto;
-webkit-transition: opacity 0.5s false;
-moz-transition: opacity 0.5s false false;
-o-transition: opacity 0.5s false false;
transition: opacity 0.5s; }
.pane-bundle-sponsor-logos .view-sponsor-logos .views-row:hover img {
opacity: 0.6; }
@media (max-width: 680px) {
.pane-bundle-sponsor-logos .view-sponsor-logos .view-content {
text-align: center;
font-size: 0; }
.pane-bundle-sponsor-logos .view-sponsor-logos .view-content .views-row {
width: 33.3333%;
margin-bottom: 14px;
float: none;
display: inline-block; }
.pane-bundle-sponsor-logos .view-sponsor-logos .view-content .views-row.views-row-7 {
margin-bottom: 0; } }
.pane-bundle-price-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden; }
.pane-bundle-price-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-price-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
@media (max-width: 1024px) {
.pane-bundle-price-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-price-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-price-tile .field--name-field-title {
padding-left: 7.5%;
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.01em;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
padding-top: 9.8%;
position: relative;
z-index: 3; }
.pane-bundle-price-tile .share-price-data {
color: #ffffff;
padding: 4.7% 0 0 6.6%;
position: relative;
z-index: 3; }
.pane-bundle-price-tile .share-price-data .current-price {
font-size: 77px; }
.pane-bundle-price-tile .share-price-data .change,
.pane-bundle-price-tile .share-price-data .percentage-change {
font-size: 48px;
font-family: "OpenSansLight", arial, sans-serif;
padding-top: 2%; }
.pane-bundle-price-tile .share-price-data .percentage-change {
padding-top: 5.5%; }
.pane-bundle-price-tile .share-price-data .time {
font-size: 23px;
font-family: "OpenSansLight", arial, sans-serif;
padding-top: 2.5%; }
.pane-bundle-price-tile .field--name-field-link a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.pane-bundle-price-tile .field--name-field-link a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 4.7%;
padding: 2.9% 6% 3.2% 6.9%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.dark_blue,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.electric_blue,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.soft_green,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.energy_green,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.dark_purple,
.pane-bundle-price-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-price-tile:hover.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
.pane-bundle-price-tile:hover .field--name-field-link a .link-text {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-video-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.pane-bundle-video-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-video-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-video-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.pane-bundle-video-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-video-tile .field--name-field-topic {
padding-left: 7.4%;
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.06em;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
padding-top: 10.5%; }
.pane-bundle-video-tile .field--name-field-topic .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-video-tile .field--name-field-title {
letter-spacing: -0.012em;
padding-top: 2.8%;
padding-left: 6.8%;
font-size: 37px;
font-family: "OpenSansLight", arial, sans-serif;
width: 70%;
line-height: 120%;
position: relative;
z-index: 9;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s;
line-height: 111%; }
.pane-bundle-video-tile .field--name-field-title .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-video-tile .field--name-field-link-video a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.pane-bundle-video-tile .field--name-field-link-video a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 4.9%;
padding: 2.9% 5.5% 3.2% 6.4%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
.pane-bundle-video-tile .field--name-field-link-video a:after {
content: '';
position: absolute;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
display: block;
background: url("../images/video-tile-play.png") no-repeat 0 0;
background-size: 50px 50px; }
.pane-bundle-video-tile .field--name-field-link-video a .link-text {
padding: 2.9% 5% 3.2% 6.4%; }
.pane-bundle-video-tile:hover .tile-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
.pane-bundle-video-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .dark_blue,
.pane-bundle-video-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .electric_blue,
.pane-bundle-video-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .dark_blue,
.pane-bundle-video-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .electric_blue {
color: #ffffff !important; }
.pane-bundle-video-tile:hover .field--name-field-link-video .link-text {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-bundle-long-general-tile h2 {
display: none; }
.pane-bundle-long-general-tile .tile-wrapper {
width: 65.52%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
background-repeat: no-repeat;
background-position: 100% 100%;
background-size: 100% 191%;
overflow: hidden;
z-index: 2; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-topic {
font-size: 15px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 6.22% 0 0 4.2%;
letter-spacing: 0.05em;
position: relative;
z-index: 2; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-title {
font-size: 34px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 1.6% 0 0 3.9%;
line-height: 134%;
width: 70%;
letter-spacing: -0.003em;
position: relative;
z-index: 2; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-description {
font-size: 19.5px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 2.8% 0 0 4%;
line-height: 140%;
width: 70%;
letter-spacing: 0.011em;
position: relative;
z-index: 2; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-link a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
display: block;
letter-spacing: 0.01em;
z-index: 10; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-link a .link-text {
z-index: 9;
position: absolute;
left: 0;
bottom: 6%;
padding: 1.4% 3.4% 1.7% 4.7%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false, background 0.5s false, color 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false, background 0.5s false false, color 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s, background 0.5s, color 0.5s; }
@media (max-width: 1024px) {
.pane-bundle-long-general-tile .tile-wrapper {
width: 98%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-long-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 191%;
background-size: 191% 100%;
margin-left: 0;
margin-right: 0; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-topic {
width: 100%;
padding: 8.4% 16.9% 0 6.2%; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-title {
width: 100%;
padding: 5.6% 16.9% 0 5.4%;
line-height: 137%; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-description {
width: 100%;
padding: 7.2% 16.9% 0 6%;
line-height: 156%; }
.pane-bundle-long-general-tile .tile-wrapper .field--name-field-link a .link-text {
padding: 3.6% 7% 3.7% 4.8%; } }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.dark_blue,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.electric_blue,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.soft_green,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.energy_green,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link a .link-text.dark_purple,
.pane-bundle-long-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-long-general-tile:hover.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
.pane-bundle-long-general-tile:hover .field--name-field-link a .link-text {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.tile-wrapper .overlay-wrapper.default {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.7; }
.pane-bundle-large-general-tile h2 {
display: none; }
.pane-bundle-large-general-tile .tile-wrapper {
overflow: hidden;
width: 65.52%;
height: 0;
padding-bottom: 65.68%;
margin: 0.57%;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat; }
.pane-bundle-large-general-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-large-general-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
.pane-bundle-large-general-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-large-general-tile .tile-wrapper.right {
float: right; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-large-general-tile.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-large-general-tile .field--name-field-topic {
font-size: 15.36px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding: 8.1% 0 0 7%;
letter-spacing: 0.05em;
position: relative;
z-index: 9; }
.pane-bundle-large-general-tile .field--name-field-topic .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-large-general-tile .field--name-field-title {
font-size: 30.72px;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 127%;
padding: 2.1% 0 0 7%;
letter-spacing: -0.003em;
position: relative;
z-index: 9;
width: 70%; }
.pane-bundle-large-general-tile .field--name-field-title .color-text {
-webkit-transition: color 0.5s false;
-moz-transition: color 0.5s false false;
-o-transition: color 0.5s false false;
transition: color 0.5s; }
.pane-bundle-large-general-tile .field--name-field-link a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration: none;
z-index: 10;
font-size: 19.69px; }
.pane-bundle-large-general-tile .field--name-field-link a .link-text {
position: absolute;
left: 0;
bottom: 5.9%;
padding: 2.9% 4.5% 2.4% 6.4%;
display: inline-block;
-webkit-transition: -webkit-transform 0.5s false, -webkit-transform-origin 0.5s false;
-moz-transition: -moz-transform 0.5s false false, -moz-transform-origin 0.5s false false;
-o-transition: -o-transform 0.5s false false, -o-transform-origin 0.5s false false;
transition: transform 0.5s, transform-origin 0.5s; }
.pane-bundle-large-general-tile:hover .tile-wrapper:before {
background-color: rgba(7, 7, 7, 0.41); }
.pane-bundle-large-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .dark_blue,
.pane-bundle-large-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-title .electric_blue,
.pane-bundle-large-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .dark_blue,
.pane-bundle-large-general-tile:hover .tile-wrapper.overlay-disabled .field--name-field-topic .electric_blue {
color: #ffffff !important; }
.pane-bundle-large-general-tile:hover .field--name-field-link .link-text {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
@media (max-width: 1024px) {
.pane-bundle-large-general-tile .tile-wrapper {
width: 98%;
padding-bottom: 98%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-large-general-tile .tile-wrapper {
width: 100%;
padding-bottom: 141.5%;
margin: 1% 0; } }
.pane-bundle-download-list-tile {
float: left;
margin: 0.57%;
width: 98.86%; }
.pane-bundle-download-list-tile .tile-wrapper {
overflow: hidden;
background-size: cover;
position: relative;
padding: 39px 0 44px; }
.pane-bundle-download-list-tile .tile-wrapper .field {
position: relative;
z-index: 2; }
.pane-bundle-download-list-tile .tile-wrapper h2 {
padding-bottom: 0; }
.pane-bundle-download-list-tile .overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.91; }
.pane-bundle-download-list-tile .group-left {
float: left;
width: 50%; }
.pane-bundle-download-list-tile .group-left .field--name-field-text {
font-size: 13px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 0 0 0 10.3%;
letter-spacing: 0.05em; }
.pane-bundle-download-list-tile .group-left .field--name-field-html {
font-size: 25.6px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 12px 0 0 10.3%;
letter-spacing: -0.004em;
line-height: 129%; }
.pane-bundle-download-list-tile .field--name-field-file-list {
padding: 7px 20px 0 4.3%;
width: 50%;
float: right; }
.pane-bundle-download-list-tile .field--name-field-file-list li {
padding-bottom: 20px; }
.pane-bundle-download-list-tile .field--name-field-file-list li:last-child {
padding-bottom: 0; }
.pane-bundle-download-list-tile .field--name-field-file-list a {
color: inherit;
text-decoration: none;
font-size: 18.9px;
position: relative;
padding-left: 30px;
letter-spacing: -0.005em; }
.pane-bundle-download-list-tile .field--name-field-file-list a:before {
content: '';
position: absolute;
display: block;
width: 17px;
height: 17px;
left: 0;
top: 5px;
background: url("../images/hot-jobs-sprite.png") no-repeat -22px 0;
background-size: 36px; }
.pane-bundle-download-list-tile .field--name-field-file-list a span {
font-size: 11.19px;
font-family: "OpenSansLight", arial, sans-serif;
text-transform: uppercase;
padding-left: 4px; }
@media (max-width: 1024px) {
.pane-bundle-download-list-tile {
margin: 1%;
width: 98%; } }
@media (max-width: 700px) {
.pane-bundle-download-list-tile {
margin: 1% 0;
width: 100%; }
.pane-bundle-download-list-tile .tile-wrapper {
padding: 34px 0 68px; }
.pane-bundle-download-list-tile .group-left {
width: 100%; }
.pane-bundle-download-list-tile .group-left .field--name-field-text {
padding: 0 0 0 6.5%; }
.pane-bundle-download-list-tile .group-left .field--name-field-html {
padding: 12px 6.3% 0; }
.pane-bundle-download-list-tile .field--name-field-file-list {
width: 100%;
padding: 36px 0 0 6.3%; }
.pane-bundle-download-list-tile .field--name-field-file-list a {
font-size: 17.83px;
padding-left: 27px; }
.pane-bundle-download-list-tile .field--name-field-file-list li {
padding-bottom: 28px; } }
.pane-bundle-ad-spot-tile {
position: relative; }
.pane-bundle-ad-spot-tile h2 {
display: none; }
.pane-bundle-ad-spot-tile .field--name-field-spot-file img {
max-width: 100%;
height: auto;
display: block; }
.pane-bundle-ad-spot-tile .field--name-field-llink h3, .pane-bundle-ad-spot-tile .field--name-field-llink .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-bundle-ad-spot-tile .field--name-field-llink a {
display: none; }
.pane-bundle-ad-spot-tile .field--name-field-llink a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -99999px;
color: transparent;
font-size: 0; }
.pane-bundle-headline-tile h2 {
display: none; }
.pane-bundle-headline-tile .tile-wrapper {
width: 65.52%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
background-repeat: no-repeat;
background-position: top right;
background-size: auto 100%;
overflow: hidden;
z-index: 2; }
@media (max-width: 1215px) {
.pane-bundle-headline-tile .tile-wrapper .field--name-field-panel-title {
font-size: 1.5em;
font-size: 4vw; } }
@media (max-width: 1024px) {
.pane-bundle-headline-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; }
.pane-bundle-headline-tile .tile-wrapper .field--name-field-panel-title {
font-size: 1.5em;
font-size: 5vw; } }
@media (max-width: 560px) {
.pane-bundle-headline-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0;
background-position: calc(100% - 33%) top; } }
@media (max-width: 480px) {
.pane-bundle-headline-tile .tile-wrapper .field--name-field-panel-title {
font-size: 3em;
font-size: 10vw; } }
.pane-bundle-headline-tile .field--name-field-topic-heading {
position: absolute;
top: 30px;
left: 30px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase; }
.pane-bundle-headline-tile .field--name-field-panel-title {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30px;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 3em;
max-width: 50%; }
.pane-bundle-headline-tile .group-ctagroup {
position: absolute;
z-index: 9;
bottom: 4.7%;
left: 0px;
width: 100%; }
.pane-bundle-headline-tile .group-ctagroup .field--type-link-field {
float: left; }
.pane-bundle-headline-tile .group-ctagroup [class^="bl-call-to-action"] {
display: inline-block;
padding: 12px 15px 12px 20px;
background: #ffffff;
color: #374280;
margin-right: 20px;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.pane-bundle-headline-tile .group-ctagroup [class^="bl-call-to-action"]:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.pane-hp-latest-news-panel-pane-1 h2 {
display: none; }
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper {
width: 65.52%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
background-repeat: no-repeat;
background-position: top right;
background-size: auto 100%;
overflow: hidden;
z-index: 2; }
@media (max-width: 1215px) {
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper .views-field-title {
font-size: 1.5em;
font-size: 4vw; } }
@media (max-width: 1024px) {
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; }
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper .views-field-title {
font-size: 1.5em;
font-size: 5vw; } }
@media (max-width: 560px) {
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0;
background-position: calc(100% - 33%) top; } }
@media (max-width: 480px) {
.pane-hp-latest-news-panel-pane-1 .view-hp-latest-news-wrapper .views-field-title {
font-size: 3em;
font-size: 10vw; } }
.pane-hp-latest-news-panel-pane-1 .views-field-field-category {
position: absolute;
top: 30px;
left: 30px;
font-family: "OpenSansRegular", arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
text-decoration: none; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-category a {
text-transform: uppercase;
color: #ffffff;
text-decoration: none; }
.pane-hp-latest-news-panel-pane-1 .views-field-title {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 30px;
font-family: "OpenSansLight", arial, sans-serif;
font-size: 3em;
max-width: 50%;
color: #ffffff; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-meta-data {
position: absolute;
top: 30px;
right: 30px;
font-family: "OpenSansRegular", arial, sans-serif;
text-transform: uppercase;
color: #ffffff;
width: 50%;
text-align: right;
font-family: "OpenSansLight", arial, sans-serif;
width: auto;
display: inline-block; }
@media screen and (max-width: 1024px) {
.pane-hp-latest-news-panel-pane-1 .views-field-field-meta-data {
display: none; } }
.pane-hp-latest-news-panel-pane-1 .views-field-field-meta-data .views-field-field-date-posted {
display: inline-block;
float: left;
font-family: "OpenSansLight", arial, sans-serif; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-meta-data .views-field-field-date-posted:before {
content: "\f073";
display: inline-block;
padding-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 12;
max-width: calc(100% - 200px);
display: none; }
@media (min-width: 1024px) {
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper {
display: block; } }
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .views-field-field-tags,
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .tags {
max-height: 17px;
overflow: hidden;
text-overflow: clip;
text-overflow: ellipsis;
text-align: right; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .views-field-field-tags a,
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .tags a {
display: inline-block;
font-family: "OpenSansLight", arial, sans-serif;
color: #fff;
text-decoration: none;
font-size: 14px; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .views-field-field-tags a:after,
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .tags a:after {
content: ', '; }
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .views-field-field-tags:before,
.pane-hp-latest-news-panel-pane-1 .views-field-field-tags-wrapper .tags:before {
content: "\f02c";
display: inline-block;
padding-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #fff; }
.pane-hp-latest-news-panel-pane-1 .views-field-view-node {
position: absolute;
z-index: 9;
bottom: 4.7%;
left: 0px;
width: 100%; }
.pane-hp-latest-news-panel-pane-1 .views-field-view-node a {
display: inline-block;
padding: 12px 15px 12px 20px;
background: #ffffff;
color: #374280;
margin-right: 20px;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.pane-hp-latest-news-panel-pane-1 .views-field-view-node a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
a.centrica-primary-link, a.centrica-secondary-link, a.centrica-tertiary-link {
display: inline-block;
width: 32%;
color: #ffffff;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
text-align: center;
text-decoration: none;
margin-right: 2%; }
a.centrica-primary-link:hover, a.centrica-secondary-link:hover, a.centrica-tertiary-link:hover {
color: #ffffff; }
a.centrica-primary-link {
background: #170e3d; }
a.centrica-secondary-link {
background: #85aa15; }
a.centrica-tertiary-link {
background: #047fdd;
margin-right: 0; }
.pane-bundle-results-tile .tile-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden;
-webkit-transition: -webkit-transform 0.5s false, background-size 0.5s false;
-moz-transition: -moz-transform 0.5s false false, background-size 0.5s false false;
-o-transition: -o-transform 0.5s false false, background-size 0.5s false false;
transition: transform 0.5s, background-size 0.5s; }
.pane-bundle-results-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-results-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_blue {
background: #0d306c !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.electric_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.electric_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.electric_blue {
background: #2eabdd !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.soft_green,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.soft_green,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.soft_green {
background: #55bba7 !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.energy_green,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.energy_green,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.energy_green {
background: #9bb93f !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.highlight_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.highlight_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.highlight_purple {
background: #8899d6 !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-download-file a .link-text.dark_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link a .link-text.dark_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-disabled:hover .field--name-field-link-video a .link-text.dark_purple {
background: #2d3669 !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.electric_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.electric_blue,
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.electric_blue {
background: #0d306c !important; }
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-download-file a:hover .link-text.highlight_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-link a:hover .link-text.highlight_purple,
.pane-bundle-results-tile .tile-wrapper.overlay-enabled .field--name-field-link-video a:hover .link-text.highlight_purple {
background: #2d3669 !important; }
@media (max-width: 1024px) {
.pane-bundle-results-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-results-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-results-tile .tile-wrapper .field--name-field-color,
.pane-bundle-results-tile .tile-wrapper h2 {
display: none; }
.pane-bundle-results-tile .tile-wrapper > .field--name-field-text {
font-size: 13px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 9.7% 0 0 8%;
letter-spacing: 0.05em;
position: relative;
z-index: 2; }
.pane-bundle-results-tile .tile-wrapper .overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 1; }
.pane-bundle-results-tile .tile-wrapper .field--name-field-result-item {
position: relative;
z-index: 2; }
.pane-bundle-results-tile .tile-wrapper.row-count-1 .field--name-field-result-item {
padding: 8% 8% 0;
letter-spacing: -0.008em; }
.pane-bundle-results-tile .tile-wrapper.row-count-1 .field--name-field-result-item .field--name-field-text {
font-size: 22px;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 135%; }
.pane-bundle-results-tile .tile-wrapper.row-count-1 .field--name-field-result-item .field--name-field-result {
padding-top: 7%;
font-size: 52.27px;
font-family: "OpenSansLight", arial, sans-serif; }
.pane-bundle-results-tile .tile-wrapper.row-count-2 .field--name-field-result-item {
padding: 8% 8% 0;
letter-spacing: -0.008em; }
.pane-bundle-results-tile .tile-wrapper.row-count-2 .field--name-field-result-item > .field__items > .field__item {
padding-bottom: 10%; }
.pane-bundle-results-tile .tile-wrapper.row-count-2 .field--name-field-result-item .field--name-field-text {
font-size: 18.1px;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 135%; }
.pane-bundle-results-tile .tile-wrapper.row-count-2 .field--name-field-result-item .field--name-field-result {
padding-top: 1.1%;
font-size: 42.66px;
font-family: "OpenSansLight", arial, sans-serif; }
.pane-bundle-long-video-tile h2 {
display: none; }
.pane-bundle-long-video-tile .overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.63; }
.pane-bundle-long-video-tile .tile-wrapper {
width: 65.52%;
height: 0;
padding-bottom: 32.27%;
margin: 0.57%;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
z-index: 2;
text-align: center; }
.pane-bundle-long-video-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-long-video-tile .tile-wrapper:hover:before {
background: rgba(7, 7, 7, 0.41); }
.pane-bundle-long-video-tile .tile-wrapper:after {
content: '';
display: block;
width: 12%;
height: auto;
position: absolute;
padding-top: 22.3%;
left: 50%;
top: 0;
background: url("../images/video-tile-play.png") no-repeat 0 100%;
background-size: 100% auto;
z-index: 2;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.pane-bundle-long-video-tile .tile-wrapper .field--name-field-file a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -999999px;
color: transparent;
font-size: 0;
z-index: 4; }
.pane-bundle-long-video-tile .tile-wrapper .field--name-field-text {
position: relative;
z-index: 2;
font-size: 34.71px;
padding-top: 27.3%;
letter-spacing: -0.005em;
width: 68%;
margin: auto;
line-height: 107%; }
.pane-bundle-long-video-tile .tile-wrapper .field--name-field-time {
position: relative;
z-index: 2;
font-size: 18.8px;
padding-top: 1.09%;
letter-spacing: -0.005em; }
@media (max-width: 1024px) {
.pane-bundle-long-video-tile .tile-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; }
.pane-bundle-long-video-tile .tile-wrapper:after {
padding-top: 40.9%;
width: 25.6%; }
.pane-bundle-long-video-tile .tile-wrapper .field--name-field-text {
padding-top: 50.9%;
font-size: 30.42px; }
.pane-bundle-long-video-tile .tile-wrapper .field--name-field-time {
padding-top: 8.8%;
font-size: 16.48px; } }
@media (max-width: 560px) {
.pane-bundle-long-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-bundle-large-video-tile h2 {
display: none; }
.pane-bundle-large-video-tile .overlay-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.85; }
.pane-bundle-large-video-tile .tile-wrapper {
margin: 0.57%;
padding-bottom: 57.9%;
float: left;
position: relative;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
z-index: 2;
text-align: center;
width: 98.86%;
height: 0; }
.pane-bundle-large-video-tile .tile-wrapper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(7, 7, 7, 0);
-webkit-transition: background-color 0.5s false;
-moz-transition: background-color 0.5s false false;
-o-transition: background-color 0.5s false false;
transition: background-color 0.5s; }
.pane-bundle-large-video-tile .tile-wrapper:hover:before {
background: rgba(7, 7, 7, 0.41); }
.pane-bundle-large-video-tile .tile-wrapper:after {
content: '';
display: block;
width: 14%;
height: auto;
position: absolute;
padding-top: 27.6%;
left: 50%;
top: 0;
background: url("../images/video-tile-play.png") no-repeat 0 100%;
background-size: 100% auto;
z-index: 2;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0); }
.pane-bundle-large-video-tile .tile-wrapper .field--name-field-file a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
text-indent: -999999px;
color: transparent;
font-size: 0;
z-index: 4; }
.pane-bundle-large-video-tile .tile-wrapper .field--name-field-text {
z-index: 2;
position: relative;
font-size: 34.71px;
padding-top: 32.2%;
letter-spacing: -0.005em;
width: 85%;
margin: auto;
line-height: 107%; }
.pane-bundle-large-video-tile .tile-wrapper .field--name-field-time {
z-index: 2;
position: relative;
font-size: 18.8px;
padding-top: 1.7%;
letter-spacing: -0.005em; }
@media (max-width: 1024px) {
.pane-bundle-large-video-tile .tile-wrapper {
height: 0;
width: 98%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-large-video-tile .tile-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; }
.pane-bundle-large-video-tile .tile-wrapper:after {
padding-top: 46.7%;
width: 25.4%; }
.pane-bundle-large-video-tile .tile-wrapper .field--name-field-text {
padding-top: 55%;
font-size: 30.42px; }
.pane-bundle-large-video-tile .tile-wrapper .field--name-field-time {
padding-top: 4.1%;
font-size: 16.48px; } }
.pane-bundle-large-testimonial-tile .tile-wrapper {
overflow: hidden;
width: 65.52%;
height: 0;
padding-bottom: 65.68%;
margin: 0.57%;
float: left;
position: relative;
background-size: cover;
background-repeat: no-repeat; }
.pane-bundle-large-testimonial-tile .tile-wrapper .overlay-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.7; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html {
font-size: 28px;
font-family: "OpenSansLight", arial, sans-serif;
width: 88%;
line-height: 137%;
position: relative;
z-index: 3;
letter-spacing: -0.007em;
padding: 13.6% 0 9.8% 6.7%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:after, .pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:before {
content: '';
display: block;
position: absolute;
left: 8.1%;
width: 25px;
height: 22px;
background: url("../images/qoute-large.png") no-repeat 0 0;
background-size: 23px auto; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:before {
top: 12.4%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:after {
bottom: 2.4%;
background-position: 0 -21px; }
.pane-bundle-large-testimonial-tile .tile-wrapper.right {
float: right; }
@media (max-width: 639px) {
.pane-bundle-large-testimonial-tile .centrica-tile-mobile-hide-background .tile-wrapper {
background-image: none !important;
background-color: #ffffff !important; }
.pane-bundle-large-testimonial-tile .centrica-tile-mobile-hide-background .tile-wrapper .field--name-field-html {
font-size: 25px !important; } }
.pane-bundle-large-testimonial-tile .field--name-field-link a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration: none;
z-index: 10;
font-size: 16px;
font-family: "OpenSansLight", arial, sans-serif; }
.pane-bundle-large-testimonial-tile .field--name-field-link a .link-text {
position: absolute;
left: 0;
bottom: 4.7%;
padding: 2.4% 5% 2.3% 5.9%;
display: inline-block; }
.pane-bundle-large-testimonial-tile .field--name-field-attribution {
padding: 3.6% 0 0 7%;
letter-spacing: 0.02em;
position: relative;
z-index: 3; }
.pane-bundle-large-testimonial-tile .field--name-field-attribution .field--name-field-text {
font-size: 18px; }
.pane-bundle-large-testimonial-tile .field--name-field-attribution .field--name-field-position {
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding-top: 1.5%; }
@media (max-width: 1024px) {
.pane-bundle-large-testimonial-tile .tile-wrapper {
width: 98%;
padding-bottom: 98%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-bundle-large-testimonial-tile .tile-wrapper {
width: 100%;
padding-bottom: 163%;
margin: 1% 0; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html {
line-height: 132%;
padding: 21.6% 0 13.8% 7.6%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:after, .pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:before {
left: 8.4%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:before {
top: 10.3%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-html:after {
bottom: 1.3%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-attribution {
padding: 5.6% 0 0 8%;
letter-spacing: 0.01em; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-attribution .field--name-field-position {
padding-top: 2.5%; }
.pane-bundle-large-testimonial-tile .tile-wrapper .field--name-field-link a .link-text {
bottom: 3.5%;
padding: 5.1% 6.1% 4.9% 7.9%; } }
@media (min-width: 1024px) {
.hybrid-region--main-part .pane-bundle-download-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-general-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-price-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-results-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-testimonial-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-video-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-download-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-general-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-price-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-results-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-testimonial-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-video-tile .tile-wrapper,
.story-region--main-part .pane-bundle-download-tile .tile-wrapper,
.story-region--main-part .pane-bundle-general-tile .tile-wrapper,
.story-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.story-region--main-part .pane-bundle-price-tile .tile-wrapper,
.story-region--main-part .pane-bundle-results-tile .tile-wrapper,
.story-region--main-part .pane-bundle-testimonial-tile .tile-wrapper,
.story-region--main-part .pane-bundle-video-tile .tile-wrapper {
margin: 0.754%;
width: 31.82533%;
padding-bottom: 32.1%; }
.hybrid-region--main-part .pane-bundle-download-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-download-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-download-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-general-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-general-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-general-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-price-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-price-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-price-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-results-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-results-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-results-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-link-video a .link-text,
.hybrid-region--main-part .pane-bundle-video-tile .field--name-field-download-file a .link-text,
.hybrid-region--main-part .pane-bundle-video-tile .field--name-field-link a .link-text,
.hybrid-region--main-part .pane-bundle-video-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-download-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-download-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-download-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-general-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-general-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-general-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-price-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-price-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-price-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-results-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-results-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-results-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-testimonial-tile .field--name-field-link-video a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-video-tile .field--name-field-download-file a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-video-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-video-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-download-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-download-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-download-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-general-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-general-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-general-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-long-general-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-long-general-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-price-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-price-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-price-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-results-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-results-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-results-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-testimonial-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-testimonial-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-testimonial-tile .field--name-field-link-video a .link-text,
.story-region--main-part .pane-bundle-video-tile .field--name-field-download-file a .link-text,
.story-region--main-part .pane-bundle-video-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-video-tile .field--name-field-link-video a .link-text {
padding: 4.8% 7.5% 5% 7.7%; }
.hybrid-region--main-part .pane-centrica-way-finders .way-finders-wrapper,
.search-result-hybrid-region--main-part .pane-centrica-way-finders .way-finders-wrapper,
.story-region--main-part .pane-centrica-way-finders .way-finders-wrapper {
margin: 0.754%;
width: 31.82533%;
padding-bottom: 32.1%; }
.hybrid-region--main-part .pane-centrica-way-finders .way-finders-wrapper .way-finders-link-text .color-text,
.search-result-hybrid-region--main-part .pane-centrica-way-finders .way-finders-wrapper .way-finders-link-text .color-text,
.story-region--main-part .pane-centrica-way-finders .way-finders-wrapper .way-finders-link-text .color-text {
padding: 4.8% 7.5% 5% 7.7%; }
.hybrid-region--main-part .pane-bundle-large-general-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-large-testimonial-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-long-video-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-large-general-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-large-testimonial-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-long-video-tile .tile-wrapper,
.story-region--main-part .pane-bundle-large-general-tile .tile-wrapper,
.story-region--main-part .pane-bundle-large-testimonial-tile .tile-wrapper,
.story-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.story-region--main-part .pane-bundle-long-video-tile .tile-wrapper {
margin: 0.754%;
width: 65.15867%; }
.hybrid-region--main-part .pane-bundle-large-video-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-large-video-tile .tile-wrapper,
.story-region--main-part .pane-bundle-large-video-tile .tile-wrapper {
margin: 0.754%;
width: 98.492%; }
.hybrid-region--main-part .pane-bundle-download-list-tile,
.search-result-hybrid-region--main-part .pane-bundle-download-list-tile,
.story-region--main-part .pane-bundle-download-list-tile {
margin: 0.754%;
width: 98.492%; }
.hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.hybrid-region--main-part .pane-bundle-long-video-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.search-result-hybrid-region--main-part .pane-bundle-long-video-tile .tile-wrapper,
.story-region--main-part .pane-bundle-long-general-tile .tile-wrapper,
.story-region--main-part .pane-bundle-long-video-tile .tile-wrapper {
padding-bottom: 32.1%; }
.hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text,
.search-result-hybrid-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text,
.story-region--main-part .pane-bundle-long-general-tile .field--name-field-link a .link-text {
padding: 2.2% 4.5% 2.3%; } }
.pane-bundle-board-members {
margin: 0.754%; }
.pane-bundle-board-members .tile-wrapper {
background: transparent !important; }
.pane-bundle-board-members .field--name-field-board-member > .field__items:after {
content: "";
display: table;
clear: both; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item {
width: 48.3%;
margin: 0 1.7% 1.7% 0;
float: left;
border: 1px solid #ebebeb; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item:nth-child(2n) {
margin-left: 1.7%;
margin-right: 0; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item:nth-child(2n+1) {
clear: both; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-image {
float: left; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-image img {
display: block;
margin: auto; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-text {
line-height: normal;
padding: 25px 0 0 155px;
color: #37437e;
font-size: 16px !important;
letter-spacing: -0.02em;
font-family: "OpenSansBold", arial, sans-serif; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-position {
line-height: normal;
color: #6e84cb;
font-size: 13px !important;
letter-spacing: -0.01em;
padding: 0 0 0 155px;
min-height: 60px; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-llink {
padding: 0 0 0 155px; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-llink a {
color: #a1a1a1;
line-height: normal;
font-family: "OpenSansBold", arial, sans-serif;
font-size: 12px !important;
letter-spacing: -0.01em;
display: block; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item .field--name-field-llink a:hover {
text-decoration: none; }
@media (max-width: 639px) {
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item {
width: 100%;
margin-right: 0;
margin-bottom: 12px; }
.pane-bundle-board-members .field--name-field-board-member > .field__items > .field__item:nth-child(2n) {
margin-left: 0; } }
@media (max-width: 1024px) {
.pane-bundle-board-members {
margin: 1%; } }
@media (max-width: 1024px) {
.pane-bundle-board-members {
padding: 0 13px; } }
.homepage-region--lower .pane-bundle-twitter-latest-tweet {
padding: 20px;
width: 42%;
background: #55acee;
float: left;
position: relative;
min-height: 280px; }
@media screen and (max-width: 768px) {
.homepage-region--lower .pane-bundle-twitter-latest-tweet {
width: 100%;
float: none; } }
.homepage-region--lower .pane-bundle-twitter-latest-tweet h2 {
color: #ffffff;
font-size: 1.125rem;
text-transform: uppercase; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet h2:before {
content: "\f099";
display: inline-block;
padding-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.875rem;
vertical-align: middle; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet a {
color: #ffffff;
text-decoration: none; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet a:hover {
text-decoration: underline; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile {
color: #ffffff; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__content.has_image .twitter-tile_content-wrapper {
width: 65%;
float: left;
padding-right: 10px; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__content.has_image .twitter-tile__image {
width: 35%;
float: left; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__content.has_image .twitter-tile__image img {
width: 100%; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__author {
float: left;
padding-right: 10px;
vertical-align: middle;
text-align: right; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__author a {
color: #ffffff;
text-decoration: none;
font-size: 1.25rem; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile_post-date {
padding-top: 5px;
float: left;
text-align: right;
font-size: 0.75rem;
vertical-align: middle; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__text {
clear: both;
padding-top: 10px;
font-size: 1.125rem;
line-height: 1.375rem; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__follow-button a {
cursor: pointer;
display: inline-block;
position: absolute;
bottom: 20px;
padding: 12px 15px 12px 20px;
background: #170e3d;
color: #ffffff;
margin-right: 20px;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet .twitter-tile__follow-button a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.homepage-region--lower .pane-bundle-twitter-latest-tweet:after {
content: '';
position: absolute;
top: 0px;
bottom: 0px;
background: #55acee;
width: 150%;
right: 0px;
-webkit-transform: translate(100%, 0);
-moz-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0); }
.bl-job-widget {
padding: 20px;
width: 58%;
float: left;
position: relative;
background: #0e3578;
min-height: 280px; }
@media screen and (max-width: 768px) {
.bl-job-widget {
width: 100%;
float: none; } }
.bl-job-widget h2 {
font-family: "OpenSansLight", arial, sans-serif;
color: #ffffff;
width: 100%;
border-bottom: 1px solid #6e83cd;
font-size: 1.5rem; }
.bl-job-widget .bl-job-widget_ {
width: 50%;
float: left;
vertical-align: top; }
.bl-job-widget .bl-job-widget_job-title {
padding-top: 20px;
color: #6e83cd;
font-family: "OpenSansRegular", arial, sans-serif;
font-size: 1.125rem; }
.bl-job-widget .bl-job-widget_job-info-top {
padding-top: 20px;
color: #ffffff;
font-size: 1rem; }
.bl-job-widget .bl-job-widget_job-info-bottom {
padding-top: 20px;
color: #ffffff; }
.bl-job-widget .bl-job-widget_job-info-bottom:before {
content: "\f041";
display: inline-block;
padding-right: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.625rem;
vertical-align: middle;
color: #6e83cd; }
.bl-job-widget .bl-job-widget_job-link {
clear: both;
padding-top: 20px; }
.bl-job-widget .bl-job-widget_job-link a {
cursor: pointer;
position: absolute;
bottom: 20px;
display: inline-block;
padding: 12px 15px 12px 20px;
background: #170e3d;
color: #ffffff;
margin-right: 20px;
text-decoration: none;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.bl-job-widget .bl-job-widget_job-link a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: 0 20px;
-moz-transform-origin: 0 20px;
-ms-transform-origin: 0 20px;
transform-origin: 0 20px; }
.bl-job-widget:after {
content: '';
position: absolute;
top: 0px;
bottom: 0px;
background: #0e3578;
width: 150%;
left: 0px;
-webkit-transform: translate(-100%, 0);
-moz-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0); }
.bl-news-section-widget {
float: left;
width: 100%;
background: #eae9ee;
padding: 36px 0 32px; }
.bl-news-section-widget .bl-news-section-widget-inner {
max-width: 1215px;
margin: 0 auto;
overflow: hidden; }
.bl-news-section-widget .bl-news-section-widget_header h2 {
text-align: center;
color: #0e3578;
padding-bottom: 30px; }
.bl-news-section-widget .bl-news-section-widget-items {
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item {
-webkit-flex: 1;
flex: 1;
margin: 0 7px;
background: #ffffff; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner {
text-decoration: none;
color: #2d3669;
height: 100%;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out;
-webkit-align-items: stretch;
align-items: stretch;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
justify-content: flex-start; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner a {
cursor: pointer; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-image,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-content {
position: relative; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-content {
height: 150px;
padding: 0.625rem;
padding-bottom: 2.5rem; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-image {
position: relative; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-image .bl-news-section-widget-item-type {
font-family: "OpenSansBold", arial, sans-serif;
color: #ffffff;
font-size: 0.75rem;
text-transform: uppercase;
line-height: 2rem;
padding: 0px 10px;
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(166, 179, 226, 0.6); }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-content,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-image img,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-tags span a,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-tags:before,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-title a,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-date,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner .bl-news-section-widget-item-category {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out false;
-o-transition: all 300ms ease-in-out false;
transition: all 300ms ease-in-out; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover {
background: #374280; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-image {
background: black; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-image img {
opacity: 0.4; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-content .bl-news-section-widget-item-tags span a,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-content .bl-news-section-widget-item-tags span:after,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-content .bl-news-section-widget-item-tags:before,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-title a,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-date,
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-inner:hover .bl-news-section-widget-item-category {
color: #ffffff; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-meta {
overflow: hidden; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-date {
float: left;
font-family: "OpenSansBold", arial, sans-serif;
color: #374280;
text-transform: uppercase;
font-size: 0.75rem;
line-height: 20px;
margin-bottom: 15px; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-category {
float: right;
font-family: "OpenSansBold", arial, sans-serif;
color: #374280;
text-transform: uppercase;
font-size: 0.75rem;
line-height: 20px;
margin-bottom: 15px; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-title a {
color: #170e3d;
text-decoration: none;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.5rem;
max-height: 3rem;
height: 3rem; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 0.75rem;
line-height: 1.125rem;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 18px;
max-height: 18px;
width: calc(100% - 20px); }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags span:after {
content: ','; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags span:last-child:after {
display: none; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags a {
color: #374280;
font-family: "OpenSansBold", arial, sans-serif;
text-decoration: none; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags:before {
content: "\f02b";
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
display: inline-block;
padding-left: 5px;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.bl-news-section-widget .bl-news-section-widget-items .bl-news-section-widget-item .bl-news-section-widget-item-tags div {
font-size: 0.875rem;
display: inline-block; }
.bl-news-section-widget .slick-dots {
overflow: hidden;
width: 100%;
text-align: center;
margin-top: 1.25rem; }
.bl-news-section-widget .slick-dots li {
display: inline-block;
margin: 3px; }
.bl-news-section-widget .slick-dots li a {
text-indent: -119988px;
overflow: hidden;
text-align: left;
border: none;
background: #2d3669;
height: 15px;
width: 15px;
border-radius: 50%;
display: block; }
.bl-news-section-widget .slick-dots li.slick-active a {
background: #8899d6; }
.bl-news-section-widget .bl-news-section-widget_job-link {
text-align: center;
margin-top: 2.5rem; }
.bl-news-section-widget .bl-news-section-widget_job-link a {
display: inline-block;
color: #353644;
font-size: 16px;
font-family: "OpenSansLight", arial, sans-serif;
background: #d4d4df;
text-decoration: none;
padding: 12px 23px 11px 29px;
min-width: 185px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease;
-webkit-transition-delay: 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
.bl-news-section-widget .bl-news-section-widget_job-link a:hover {
background: #bfbfce; }
.pane-stories-top-stories-pane .pane-title,
.pane-stories-top-stories-pane .field--name-field-text {
font-size: 18px;
color: #ffffff;
padding: 16px 19px 17px;
letter-spacing: -0.005em;
background-image: -owg-linear-gradient(to bottom, #374280, #394583);
background-image: -webkit-linear-gradient(to bottom, #374280, #394583);
background-image: -moz-linear-gradient(to bottom, #374280, #394583);
background-image: -o-linear-gradient(to bottom, #374280, #394583);
background-image: linear-gradient(to bottom, #374280, #394583); }
.pane-stories-top-stories-pane .pane-title {
font-size: 19px;
letter-spacing: 0.04em; }
.pane-stories-top-stories-pane .views-row {
padding: 10px;
background-color: #edecf0; }
.pane-stories-top-stories-pane .views-row:after {
content: "";
display: table;
clear: both; }
.pane-stories-top-stories-pane .views-field-field-teaser-image {
float: left; }
.pane-stories-top-stories-pane .views-field-field-teaser-image img {
width: 88px;
display: block; }
.pane-stories-top-stories-pane .views-field-field-category,
.pane-stories-top-stories-pane .views-field-field-date-posted {
padding-left: 98px;
font-size: 10px;
line-height: 18px;
font-family: "OpenSansSemibold", arial, sans-serif;
color: #6e83d2;
text-transform: uppercase;
text-decoration: none; }
.pane-stories-top-stories-pane .views-field-title {
padding: 4px 0 11px 98px;
line-height: 18px; }
.pane-stories-top-stories-pane .views-field-title a {
color: #170e3d;
font-size: 14px;
font-face: "OpenSansRegular", arial, sans-serif;
text-decoration: none;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-stories-top-stories-pane .views-field-title a:hover {
color: #6e83cd; }
.pane-stories-top-stories-pane .views-row {
padding: 10px;
margin-bottom: 2px; }
.page-user .l-content {
padding: 0 20px;
width: 100%;
max-width: 1200px;
margin: auto; }
.page-user .l-content form {
overflow: hidden; }
.page-user .l-content .form-item {
width: 37.5%;
min-width: 370px;
float: left;
clear: both;
padding-right: 26px; }
.page-user .l-content .form-item label {
color: #170e3d;
text-transform: uppercase;
font-size: 15px;
float: left;
padding-right: 24px;
width: 35%;
line-height: 45px; }
.page-user .l-content .form-item input[type="password"], .page-user .l-content .form-item input[type="text"] {
float: left;
color: #94959d;
font-size: 15.83px;
border: 1px solid #dadada;
font-family: "OpenSansLight", arial, sans-serif;
height: 45px;
padding-left: 18px;
width: 65%; }
.page-user .l-content .form-item .description {
clear: both;
display: none; }
.page-user .l-content .form-actions {
clear: both; }
.page-user .l-content .form-actions input[type="submit"] {
color: #313a73;
background: #ebebeb;
text-transform: uppercase;
border: none;
padding: 6px 18px;
cursor: pointer; }
.page-user .l-content .messages-inline {
float: left;
margin: 0;
padding: 9px 18px 8px 17px;
background: #e52857;
color: #ffffff;
text-transform: uppercase;
font-size: 12.96px;
font-family: "OpenSansBold", arial, sans-serif;
max-width: 50%;
position: relative;
border: none; }
.page-user .l-content .messages-inline:before {
content: '';
display: block;
width: 7px;
height: 11px;
background: url("../images/error-arrow.png") no-repeat 0 0;
background-size: 7px 11px;
position: absolute;
left: -7px;
top: 50%;
margin-top: -4.5px; }
.page-user .l-content .messages-inline a {
display: block;
color: #ffffff; }
@media (max-width: 1024px) {
.page-user .l-content .form-item {
width: 100%;
padding: 0;
margin-bottom: 24px;
max-width: 100%;
min-width: 0; }
.page-user .l-content .form-item input[type="password"], .page-user .l-content .form-item input[type="text"] {
width: 100%; }
.page-user .l-content .form-item label {
width: 100%;
line-height: normal;
padding-bottom: 10px; }
.page-user .l-content .messages-inline {
margin: -24px 0 24px !important;
max-width: 70%; } }
.page-user.page-user-password .l-content .form-item {
width: 50%; }
.page-user.page-user-password .l-content .form-item label {
width: 53%;
padding-right: 0; }
.page-user.page-user-password .l-content .form-item input[type="text"] {
width: 47%; }
@media (max-width: 1024px) {
.page-user.page-user-password .l-content .form-item {
width: 100%;
padding: 0;
margin-bottom: 24px;
max-width: 100%;
min-width: 0; }
.page-user.page-user-password .l-content .form-item input[type="password"], .page-user.page-user-password .l-content .form-item input[type="text"] {
width: 100%; }
.page-user.page-user-password .l-content .form-item label {
width: 100%;
line-height: normal;
padding-bottom: 10px; }
.page-user.page-user-password .l-content .messages-inline {
margin: -24px 0 24px !important;
max-width: 70%; } }
.pane-centrica-share-price-widget {
display: inline-block;
background: #374280;
color: #ffffff;
width: 192px; }
.pane-centrica-share-price-widget .share-price-widget.full {
position: absolute;
top: 100%;
right: 0;
background: url("../images/share-price-background.jpg") no-repeat 0 0;
width: 392px;
height: 506px;
max-width: 100%;
display: none; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price-topic {
font-size: 17px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 11.8% 0 0 8.8%;
letter-spacing: -0.01em; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price {
font-size: 64px;
padding: 5.25% 0 0 23.2%;
position: relative; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price:before {
content: '';
position: absolute;
display: block;
width: 39px;
height: 48px;
left: 9.5%;
top: 36%;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 39px auto; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price.downward:before {
background-position: 0 -78px; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price.no:before {
display: none; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price-time {
font-size: 17px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 4.5% 0 0 23.5%;
position: relative;
display: inline-block; }
.pane-centrica-share-price-widget .share-price-widget.full .share-price-time:after {
content: '';
position: absolute;
display: block;
width: 19px;
height: 16px;
top: 58%;
right: -30px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 -145px;
background-size: 39px auto; }
.pane-centrica-share-price-widget .share-price-widget.full .percent {
font-size: 39px;
font-family: "OpenSansLight", arial, sans-serif;
padding-top: 2%;
padding-left: 23.5%; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper {
padding: 23.9% 0 0 8%; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper:after {
content: "";
display: table;
clear: both; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day {
float: left; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day .label {
font-size: 17px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding-bottom: 13px; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day .price {
font-size: 32px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 0 0 0 36px;
position: relative; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day .price:before {
content: '';
display: block;
position: absolute;
width: 23px;
height: 29px;
top: 5px;
left: 2px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 23px auto; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day .price.price-low:before {
background-position: 0 -45px; }
.pane-centrica-share-price-widget .share-price-widget.full .day-records-wrapper .day.day-high {
margin-right: 8.59%; }
.pane-centrica-share-price-widget .share-price-widget.full .view-more {
text-align: center;
padding-top: 9.5%; }
.pane-centrica-share-price-widget .share-price-widget.full .view-more a {
background: #6e83cd;
font-size: 19px;
text-decoration: none;
color: #ffffff;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
padding: 3.2% 15.2% 3.2% 14.7%;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-share-price-widget .share-price-widget.full .view-more a:hover {
background: #8899d6; }
.pane-centrica-share-price-widget .share-price-widget.brief {
padding: 14px;
cursor: pointer;
position: relative; }
.pane-centrica-share-price-widget .share-price-widget.brief .share-price-topic {
font-size: 11px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding-left: 12px; }
.pane-centrica-share-price-widget .share-price-widget.brief .share-price {
padding-top: 9px;
font-size: 31px;
font-family: "OpenSansLight", arial, sans-serif;
background: url("../images/share-price-widget-sprite.png") no-repeat 9px 11px;
background-size: 23px auto;
padding-left: 41px; }
.pane-centrica-share-price-widget .share-price-widget.brief .share-price.downward {
background-position: 9px -34px; }
.pane-centrica-share-price-widget .share-price-widget.brief .share-price.no {
background: none; }
.pane-centrica-share-price-widget .share-price-widget.brief .share-price-time {
font-size: 13px;
padding-top: 8px;
display: block;
padding-left: 13px;
background: url("../images/share-price-widget-sprite.png") no-repeat 102% -105px;
background-size: 31px auto; }
.pane-centrica-share-price-widget .share-price-widget.brief .close {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 21px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
background: #374280;
padding: 37px 0 0 85px; }
.pane-centrica-share-price-widget .share-price-widget.brief .close:before {
content: '';
position: absolute;
display: block;
width: 27px;
height: 27px;
left: 40px;
top: 36%;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 -173px;
background-size: 39px 200px; }
.pane-centrica-mailchimp-signup {
text-align: left;
width: 100%;
overflow: hidden;
margin: 0 auto;
float: left; }
.pane-centrica-mailchimp-signup form {
background: #eaE9ee;
overflow: hidden;
padding: 34px 34px 20px; }
.pane-centrica-mailchimp-signup .messages--warning,
.pane-centrica-mailchimp-signup .messages--error {
margin-bottom: 20px; }
.pane-centrica-mailchimp-signup .first-message {
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
font-size: 16px;
padding-bottom: 9px;
letter-spacing: 0.015em; }
.pane-centrica-mailchimp-signup .second-message {
font-family: "OpenSansLight", arial, sans-serif;
font-size: 26px; }
.pane-centrica-mailchimp-signup .messages-container {
color: #160e3d;
float: left;
width: 35.5%;
letter-spacing: 0.008em; }
.pane-centrica-mailchimp-signup .mailchimp-newsletter-mergefields {
padding-top: 2px;
float: left;
width: 46.65%; }
.pane-centrica-mailchimp-signup .mailchimp-newsletter-mergefields label {
display: none; }
.pane-centrica-mailchimp-signup .mailchimp-newsletter-mergefields input {
font-style: italic;
font-size: 22px;
font-family: "OpenSansLight", arial, sans-serif;
border: none;
width: 100%;
padding: 10px 19px 14px;
height: 54px; }
.pane-centrica-mailchimp-signup input[type="submit"] {
text-align: center;
background: #384280;
border: none;
color: #ffffff;
font-family: "OpenSansLight", arial, sans-serif;
float: left;
font-size: 22px;
letter-spacing: -0.007em;
width: 15.4%;
margin-top: 2px;
padding: 11px 5px 13px 5px;
cursor: pointer;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.pane-centrica-mailchimp-signup input[type="submit"]:hover {
background: #2d3669; }
.pane-centrica-mailchimp-signup .messages--centrica_subscription_success {
border: 3px solid #84A129;
color: #84A129;
background: rgba(132, 161, 41, 0.13);
font-size: 24px;
float: left;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: -0.021em;
width: 64%;
padding: 12px 13px 12px 72px;
margin-top: 2px; }
.pane-centrica-mailchimp-signup .messages--centrica_subscription_success b {
font-weight: 400; }
@media (max-width: 1230px) {
.pane-centrica-mailchimp-signup {
margin: 7px 0;
padding: 0; } }
@media (max-width: 860px) {
.pane-centrica-mailchimp-signup form .messages-container {
width: 100%;
padding-bottom: 15px; }
.pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields {
width: 65%; }
.pane-centrica-mailchimp-signup form input[type="submit"] {
width: 35%; }
.pane-centrica-mailchimp-signup .messages--centrica_subscription_success {
width: 100%; } }
@media (max-width: 490px) {
.pane-centrica-mailchimp-signup form {
padding: 33px 18px 20px 12px; }
.pane-centrica-mailchimp-signup form .messages-container .first-message {
font-size: 14px;
letter-spacing: 0.055em; }
.pane-centrica-mailchimp-signup form .messages-container .second-message {
font-size: 24px;
padding-top: 2px;
letter-spacing: -0.013em; }
.pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields {
padding-top: 5px;
width: 100%; }
.pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields .form-item {
margin-bottom: 13px; }
.pane-centrica-mailchimp-signup form .mailchimp-newsletter-mergefields input {
font-size: 19px;
padding: 11px 14px 11px;
height: auto; }
.pane-centrica-mailchimp-signup form input[type="submit"] {
font-size: 18px;
text-align: center;
padding: 9px 5px 11px 5px;
width: 141px; }
.pane-centrica-mailchimp-signup .messages--centrica_subscription_success {
padding-left: 20px; } }
.category-pages .category-region--main .pane-centrica-mailchimp-signup,
.homepage-region--main .pane-centrica-mailchimp-signup {
padding: 0 0.57%; }
@media (max-width: 1023px) {
.category-pages .category-region--main .pane-centrica-mailchimp-signup,
.homepage-region--main .pane-centrica-mailchimp-signup {
padding: 0 1%; } }
@media (max-width: 560px) {
.category-pages .category-region--main .pane-centrica-mailchimp-signup,
.homepage-region--main .pane-centrica-mailchimp-signup {
padding: 0; } }
.pane-centrica-spotlight-articles {
overflow: hidden;
float: left;
width: 32.19%;
height: 0;
padding-bottom: 41.65%;
text-align: left;
margin: 0.57%;
background: #170e3d;
background-size: cover;
position: relative; }
.pane-centrica-spotlight-articles .views-field-field-category {
line-height: normal;
padding: 2px 0 11px 40.4%;
color: #ffffff;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-spotlight-articles .views-field-field-category .field-content {
text-decoration: none;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
font-size: 15px;
letter-spacing: 0.026em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; }
.pane-centrica-spotlight-articles .views-field-title {
color: #ffffff;
padding-left: 40.4%;
font-size: 15px;
line-height: 22px;
height: 67px;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-spotlight-articles .views-field-title .field-content {
max-height: 66px;
overflow: hidden; }
.pane-centrica-spotlight-articles .views-row {
overflow: hidden;
margin-bottom: 14.1%;
position: relative; }
.pane-centrica-spotlight-articles .views-row.views-row-last {
margin-bottom: 0; }
.pane-centrica-spotlight-articles .views-row:hover .views-field-title,
.pane-centrica-spotlight-articles .views-row:hover .views-field-field-category {
color: #6e83cd; }
.pane-centrica-spotlight-articles .views-field-view-node a {
top: 0;
left: 0;
position: absolute;
display: block;
width: 100%;
height: 100%;
text-indent: -999999px;
color: transparent;
font-size: 0;
z-index: 20; }
.pane-centrica-spotlight-articles .views-field-field-teaser-image {
width: 33%;
float: left; }
.pane-centrica-spotlight-articles .views-field-field-teaser-image img {
max-width: 100%;
height: auto;
display: block; }
.pane-centrica-spotlight-articles .view-spotlight-articles {
padding: 12.2% 9.8% 15%; }
@media (max-width: 1024px) {
.pane-centrica-spotlight-articles {
margin: 1% 0;
width: 100%;
padding-bottom: 0;
height: auto; }
.pane-centrica-spotlight-articles .view-spotlight-articles {
padding: 48px 38px 58px; }
.pane-centrica-spotlight-articles .views-field-field-category {
padding: 2px 0 10px 128px; }
.pane-centrica-spotlight-articles .views-row {
margin-bottom: 44px; }
.pane-centrica-spotlight-articles .views-field-field-teaser-image {
width: 104px; }
.pane-centrica-spotlight-articles .views-field-title {
padding-left: 128px; } }
@media (max-width: 410px) {
.pane-centrica-spotlight-articles .view-spotlight-articles {
padding: 30px 21px 25px; }
.pane-centrica-spotlight-articles .views-field-field-teaser-image {
width: 85px; }
.pane-centrica-spotlight-articles .views-field-field-category {
padding: 0 0 11px 103px; }
.pane-centrica-spotlight-articles .views-field-field-category .field-content {
font-size: 13.91px; }
.pane-centrica-spotlight-articles .views-field-title {
font-size: 13.51px;
line-height: 19px;
padding-left: 103px;
height: 57px; }
.pane-centrica-spotlight-articles .views-field-title .field-content {
max-height: 57px; }
.pane-centrica-spotlight-articles .views-row {
margin-bottom: 31px; } }
.pane-centrica-latest-news {
text-align: left;
overflow: hidden;
float: left;
width: 100%;
margin: 5px 0;
padding: 0 7px;
background: #eae9ee; }
.pane-centrica-latest-news .views-field-field-teaser-image {
float: left; }
.pane-centrica-latest-news .views-field-field-teaser-image img {
width: 104px; }
.pane-centrica-latest-news .views-field-title {
padding: 1px 0 14px 128px;
line-height: 22px; }
.pane-centrica-latest-news .views-field-title a {
color: #10222a;
font-size: 17px;
text-decoration: none;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-latest-news .views-field-title a:hover {
color: #6e83cd; }
.pane-centrica-latest-news .views-field-field-date-posted {
padding-left: 128px;
font-size: 14px;
color: #676d72; }
.pane-centrica-latest-news .views-field-field-category {
padding-left: 128px;
font-size: 12px;
line-height: 20px;
font-family: "OpenSansSemibold", arial, sans-serif;
color: #6e83d2;
text-transform: uppercase; }
@media (max-width: 460px) {
.pane-centrica-latest-news .view-content {
padding: 34px 22px 30px 22px; }
.pane-centrica-latest-news .views-row {
padding-bottom: 32px; }
.pane-centrica-latest-news .views-row.views-row-last {
padding-bottom: 0; } }
.pane-centrica-latest-news .view {
max-width: 1200px;
padding: 36px 0 32px;
margin: auto; }
.pane-centrica-latest-news .view-content {
overflow: hidden;
padding: 43px 50px 9px 56px; }
.pane-centrica-latest-news .views-row {
width: 33%;
float: left;
padding-bottom: 38px;
padding-left: 25px; }
.pane-centrica-latest-news .views-row:nth-child(3n+1) {
clear: both;
padding-left: 0; }
.pane-centrica-latest-news .views-row:nth-child(3n) {
padding-left: 51px; }
.pane-centrica-latest-news .link-all-stories,
.pane-centrica-latest-news .pager-load-more {
text-align: center; }
.pane-centrica-latest-news .link-all-stories a,
.pane-centrica-latest-news .pager-load-more a {
display: inline-block;
color: #353644;
font-size: 16px;
font-family: "OpenSansLight", arial, sans-serif;
background: #d4d4df;
text-decoration: none;
padding: 12px 23px 11px 29px;
min-width: 185px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease;
-webkit-transition-delay: 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s; }
.pane-centrica-latest-news .link-all-stories a:hover,
.pane-centrica-latest-news .pager-load-more a:hover {
background: #bfbfce; }
.pane-centrica-latest-news .ajax-progress {
display: none; }
@media (max-width: 1230px) {
.pane-centrica-latest-news {
margin: 7px 0;
padding: 0; } }
@media (max-width: 970px) {
.pane-centrica-latest-news .views-row {
width: 50%; }
.pane-centrica-latest-news .views-row:nth-child(3n+1) {
clear: none;
padding-left: 0; }
.pane-centrica-latest-news .views-row:nth-child(2n+1) {
clear: both;
padding-left: 0; }
.pane-centrica-latest-news .views-row:nth-child(2n) {
padding-left: 15px; } }
@media (max-width: 670px) {
.pane-centrica-latest-news {
padding: 0; }
.pane-centrica-latest-news .views-row {
width: 100%; }
.pane-centrica-latest-news .views-row:nth-child(2n) {
padding-left: 0; } }
@media (max-width: 460px) {
.pane-centrica-latest-news .view-content {
padding: 34px 22px 30px 22px; }
.pane-centrica-latest-news .views-row {
padding-bottom: 32px; }
.pane-centrica-latest-news .views-row.views-row-last {
padding-bottom: 0; } }
.pane-centrica-latest-news .view-header {
color: #0e3578;
font-size: 34px;
font-family: "OpenSansLight", arial, sans-serif;
text-align: center; }
@media (max-width: 460px) {
.pane-centrica-latest-news .view-content {
padding: 34px 22px 30px 22px; }
.pane-centrica-latest-news .views-row {
padding-bottom: 32px; }
.pane-centrica-latest-news .views-row.views-row-last {
padding-bottom: 0; } }
.view-latest-news .loaded-rows {
opacity: 0; }
.pane-centrica-search-page-breadcrumb,
.pane-centrica-breadcrumb {
background: #edecf0; }
.pane-centrica-search-page-breadcrumb .centrica-breadcrumb-wrapper,
.pane-centrica-breadcrumb .centrica-breadcrumb-wrapper {
padding: 11px 15px 13px 39px; }
.pane-centrica-search-page-breadcrumb .centrica-breadcrumb.item,
.pane-centrica-breadcrumb .centrica-breadcrumb.item {
font-size: 14px;
color: #5d5d5d; }
.pane-centrica-search-page-breadcrumb .centrica-breadcrumb.item a,
.pane-centrica-breadcrumb .centrica-breadcrumb.item a {
color: #5d5d5d; }
.pane-centrica-search-page-breadcrumb .centrica-breadcrumb.item a:hover,
.pane-centrica-breadcrumb .centrica-breadcrumb.item a:hover {
text-decoration: none; }
.pane-centrica-search-page-breadcrumb .centrica-breadcrumb.separator,
.pane-centrica-breadcrumb .centrica-breadcrumb.separator {
padding-left: 32px;
background: url("../images/breadcrumb-separator.png") no-repeat 12px 9px;
background-size: 5px 8px; }
@media (max-width: 639px) {
.pane-centrica-search-page-breadcrumb,
.pane-centrica-breadcrumb {
display: none; } }
.pane-bundle-category-feature-carousel {
text-align: left;
margin: 0.57%;
float: left;
width: 65.52%;
position: relative; }
.pane-bundle-category-feature-carousel .field--name-field-background-image img {
width: 100%;
height: auto; }
.pane-bundle-category-feature-carousel .centrica-carousel-slide {
position: relative; }
.pane-bundle-category-feature-carousel .carousel-text-wrapper {
position: absolute;
left: 6.45%;
top: 11.6%;
width: 100%; }
@media (min-width: 1230px) {
.pane-bundle-category-feature-carousel .carousel-text-wrapper {
left: 3.2%;
top: 8.2%; } }
.pane-bundle-category-feature-carousel .field--name-field-carousel-link,
.pane-bundle-category-feature-carousel .field--name-field-title,
.pane-bundle-category-feature-carousel .field--name-field-topic,
.pane-bundle-category-feature-carousel .field--name-field-description {
color: #231e4b; }
.pane-bundle-category-feature-carousel .field--name-field-carousel-link a,
.pane-bundle-category-feature-carousel .field--name-field-title a,
.pane-bundle-category-feature-carousel .field--name-field-topic a,
.pane-bundle-category-feature-carousel .field--name-field-description a {
color: #231e4b;
text-decoration: none;
display: block; }
.pane-bundle-category-feature-carousel .field--name-field-topic {
padding-left: 2px;
font-size: 20px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
width: 50%; }
.pane-bundle-category-feature-carousel .field--name-field-title {
font-size: 65px;
font-family: "OpenSansLight", arial, sans-serif;
line-height: 1.05em;
letter-spacing: -0.01em;
padding-top: 10px;
width: 50%; }
.pane-bundle-category-feature-carousel .field--name-field-title a {
font-family: "OpenSansLight", arial, sans-serif; }
.pane-bundle-category-feature-carousel .field--name-field-description {
font-size: 24.5px;
font-family: "OpenSansLight", arial, sans-serif;
width: 50%;
padding-top: 37px;
padding-left: 2px;
letter-spacing: 0.01em;
line-height: 1.4em; }
.pane-bundle-category-feature-carousel .field--name-field-slide-items {
padding-top: 45px;
font-size: 22px; }
.pane-bundle-category-feature-carousel .field--name-field-slide-items a {
padding-left: 32px;
position: relative;
display: block;
text-decoration: none; }
.pane-bundle-category-feature-carousel .field--name-field-slide-items a:before {
content: '';
position: absolute;
left: 5px;
top: 24%;
width: 9px;
height: 13px;
display: block;
background: url("../images/angle-small-carousel.png") no-repeat 0 0;
background-size: 9px 13px; }
@media (max-width: 1024px) {
.pane-bundle-category-feature-carousel {
margin: 1% 0;
width: 100%; }
.pane-bundle-category-feature-carousel .field--name-field-background-image {
max-width: 100%; }
.pane-bundle-category-feature-carousel .field--name-field-background-image .field__item {
overflow: hidden; }
.pane-bundle-category-feature-carousel .field--name-field-background-image img {
width: 100%;
height: auto;
min-height: 324px;
min-width: 510px;
float: right; } }
@media (max-width: 639px) {
.pane-bundle-category-feature-carousel .field--name-field-description {
display: none; }
.pane-bundle-category-feature-carousel .carousel-text-wrapper {
left: 5.6%;
top: 10.7%; }
.pane-bundle-category-feature-carousel .field--name-field-title {
padding-top: 21px; } }
.homepage-region--top .pane-centrica-share-price-content,
.homepage-region--top .pane-careers-job-search-widget,
.homepage-region--top .pane-centrica-spotlight-articles,
.homepage-region--top .pane-bundle-category-feature-carousel {
margin: 0 0.57%; }
#shared-price-overlay {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
padding-top: 100px;
overflow: hidden; }
#shared-price-overlay .overlay {
background: #000000;
opacity: 0.55;
cursor: pointer;
position: absolute;
top: 100px;
left: 0;
height: 100%;
width: 100%; }
@media (max-width: 1024px) {
#shared-price-overlay {
display: none !important; } }
.pane-centrica-way-finders {
position: relative; }
.pane-centrica-way-finders .way-finders-wrapper {
width: 32.19%;
height: 0;
padding-bottom: 32.27%;
text-align: left;
margin: 0.57%;
float: left;
position: relative;
z-index: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
overflow: hidden; }
@media (max-width: 1024px) {
.pane-centrica-way-finders .way-finders-wrapper {
width: 48%;
padding-bottom: 48%;
margin: 1%; } }
@media (max-width: 560px) {
.pane-centrica-way-finders .way-finders-wrapper {
width: 100%;
padding-bottom: 100%;
margin-left: 0;
margin-right: 0; } }
.pane-centrica-way-finders .way-finders-wrapper .field--name-field-topic {
font-size: 15px;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.06em;
padding: 9.5% 0 0 7.2%;
text-transform: uppercase;
position: relative;
z-index: 9; }
.pane-centrica-way-finders .way-finders-wrapper a {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 10; }
.pane-centrica-way-finders .way-finders-wrapper .way-finders-overlay-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8; }
.pane-centrica-way-finders .way-finders-wrapper .way-finders-header {
font-size: 42px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 3.1% 0 0 6.1%;
width: 70%;
line-height: 120%;
position: relative;
z-index: 9; }
.pane-centrica-way-finders .way-finders-wrapper .way-finders-link-text {
position: absolute;
bottom: 6%;
left: 0;
width: 100%;
font-family: "OpenSansLight", arial, sans-serif;
z-index: 9;
font-size: 16px; }
.pane-centrica-way-finders .way-finders-wrapper .way-finders-link-text .color-text {
display: inline-block;
padding: 3% 6% 3.6% 7%; }
.pane-centrica-share-price-content {
color: #ffffff;
float: left;
width: 32.19%;
height: 0;
padding-bottom: 41.65%;
background: url("../images/share-price-background.jpg") no-repeat 0 0;
background-size: cover;
background-position: center center;
margin: 0.57%; }
.pane-centrica-share-price-content .share-price-widget.full {
max-width: 100%; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-topic {
font-size: 17px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
padding: 11.8% 0 0 8.8%;
letter-spacing: -0.01em; }
.pane-centrica-share-price-content .share-price-widget.full .share-price {
font-size: 64px;
padding: 5.25% 0 0 23.2%;
position: relative; }
.pane-centrica-share-price-content .share-price-widget.full .share-price:before {
content: '';
position: absolute;
display: block;
width: 39px;
height: 48px;
left: 9.5%;
top: 36%;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 39px auto; }
.pane-centrica-share-price-content .share-price-widget.full .share-price.downward:before {
background-position: 0 -78px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price.no:before {
display: none; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time {
font-size: 17px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 4.5% 0 0 23.5%;
position: relative;
display: inline-block; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time:after {
content: '';
position: absolute;
display: block;
width: 19px;
height: 16px;
top: 58%;
right: -30px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 -145px;
background-size: 39px auto; }
.pane-centrica-share-price-content .share-price-widget.full .percent {
font-size: 39px;
font-family: "OpenSansLight", arial, sans-serif;
padding-top: 2%;
padding-left: 23.5%; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper {
padding: 23.9% 0 0 8%; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper:after {
content: "";
display: table;
clear: both; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day {
float: left; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .label {
font-size: 17px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
padding-bottom: 13px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price {
font-size: 32px;
font-family: "OpenSansLight", arial, sans-serif;
padding: 0 0 0 36px;
position: relative; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price:before {
content: '';
display: block;
position: absolute;
width: 23px;
height: 29px;
top: 5px;
left: 2px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 23px auto; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price.price-low:before {
background-position: 0 -45px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day.day-high {
margin-right: 8.59%; }
.pane-centrica-share-price-content .share-price-widget.full .view-more {
text-align: center;
padding-top: 9.5%; }
.pane-centrica-share-price-content .share-price-widget.full .view-more a {
background: #6e83cd;
font-size: 19px;
text-decoration: none;
color: #ffffff;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
padding: 3.2% 15.2% 3.2% 14.7%;
-webkit-transition: all 0.3s false;
-moz-transition: all 0.3s false false;
-o-transition: all 0.3s false false;
transition: all 0.3s; }
.pane-centrica-share-price-content .share-price-widget.full .view-more a:hover {
background: #8899d6; }
@media (max-width: 1172px) {
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper {
padding: 17.9% 0 0 2%; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day.day-high {
margin-right: 2.59%; } }
@media (max-width: 1024px) {
.pane-centrica-share-price-content {
width: 100%;
margin: 1% 0;
height: 506px;
padding-bottom: 0;
text-align: center;
padding-right: 35px; }
.pane-centrica-share-price-content .share-price-widget {
text-align: left;
display: inline-block; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-topic {
padding: 46px 0 0 34px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price {
padding: 20px 0 0 91px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price:before {
left: 37px;
top: 31px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time {
padding: 19px 0 0 92px;
position: relative;
display: inline-block; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time:after {
top: 58%; }
.pane-centrica-share-price-content .share-price-widget.full .percent {
padding: 8px 0 0 92px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper {
padding: 94px 0 0 31px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price {
padding: 2px 0 0 30px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day.day-high {
margin-right: 32px; }
.pane-centrica-share-price-content .share-price-widget.full .view-more {
padding-top: 37px;
padding-left: 35px; }
.pane-centrica-share-price-content .share-price-widget.full .view-more a {
padding: 13px 60px 12px 57px; } }
@media (max-width: 460px) {
.pane-centrica-share-price-content {
height: 437px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-topic {
font-size: 14.43px;
padding: 40px 0 0 27px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price {
font-size: 54.35px;
padding: 17px 0 0 75px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price:before {
width: 34px;
height: 40px;
left: 29px;
top: 36%;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 33px auto; }
.pane-centrica-share-price-content .share-price-widget.full .share-price.downward:before {
background-position: 0 -65px; }
.pane-centrica-share-price-content .share-price-widget.full .percent {
font-size: 33.44px;
padding: 9px 0 0 77px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time {
font-size: 14.52px;
padding: 13px 0 0 77px; }
.pane-centrica-share-price-content .share-price-widget.full .share-price-time:after {
width: 19px;
height: 16px;
top: 50%;
right: -29px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 -119px;
background-size: 32px auto; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper {
padding: 87px 0 0 24px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day.day-high {
margin-right: 27px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .label {
font-size: 14.43px;
padding-bottom: 10px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price {
font-size: 27.09px; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price:before {
width: 20px;
height: 23px;
top: 5px;
left: 2px;
background: url("../images/share-price-widget-sprite.png") no-repeat 0 0;
background-size: 20px auto; }
.pane-centrica-share-price-content .share-price-widget.full .day-records-wrapper .day .price.price-low:before {
background-position: 0px -40px; }
.pane-centrica-share-price-content .share-price-widget.full .view-more {
padding: 31px 0 0 17px; }
.pane-centrica-share-price-content .share-price-widget.full .view-more a {
font-size: 16.66px;
padding: 8px 49px 12px 48px; } }
@media (max-width: 380px) {
.pane-centrica-share-price-content {
padding-right: 0; } }
@media (max-width: 340px) {
.pane-centrica-share-price-content {
text-align: left; } }
.pane-careers-job-search-widget {
color: #ffffff;
float: left;
width: 32.19%;
height: 0;
padding-bottom: 41.65%;
margin: 0.57%;
background: #2c244e; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form {
overflow: hidden;
padding: 9% 8.7% 9.5% 9.9%;
background: #261f43; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form .search-keyword.title {
letter-spacing: -0.01em;
font-size: 27.88px;
text-align: center;
font-family: "OpenSansLight", arial, sans-serif;
padding: 0 12px 29px 0; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form .form-type-textfield {
float: left;
width: 82%;
margin-bottom: 0; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form .form-type-textfield input {
width: 100%;
border: none;
display: block;
font-size: 19px;
font-family: "OpenSansRegular", arial, sans-serif;
letter-spacing: -0.02em;
padding: 11px 10px 11px 13px;
height: 48px; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form input[type="submit"] {
float: left;
width: 18%;
border: none;
cursor: pointer;
background: #6e83cd url("../images/search.png") no-repeat center center;
background-size: 19px 19px;
text-indent: -99999;
color: transparent;
font-size: 0;
height: 48px; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form {
padding: 5.8% 8.2% 9% 10.2%; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .search-criteria.title {
font-size: 21.96px;
text-align: center;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: -0.011em;
padding: 0 4% 8% 0; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select {
margin-bottom: 4.85%;
width: 100%;
position: relative; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select select {
font-size: 16.52px;
border: none;
padding: 12px 44px 8px 10px;
display: block;
top: 0;
left: 0;
font-family: "OpenSansRegular", arial, sans-serif;
width: 100%;
position: relative;
z-index: 10;
opacity: 0;
line-height: 36px;
height: 40px; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select .selector {
width: 100% !important;
position: relative;
background: #ffffff;
height: 40px; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select .selector span {
font-size: 16.52px;
color: #94959d;
width: 100% !important;
padding: 12px 44px 8px 10px;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select .selector span:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
display: block;
right: 0;
top: 0;
background: #e3e3e3 url("../images/angle-select.png") no-repeat 14px 15px;
background-size: 15px 10px;
pointer-events: none; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .search-criteria {
text-align: center;
padding: 8px 0 9px 0; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .search-criteria a {
color: #ffffff;
text-decoration: none;
font-size: 19.63px;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
background: #6e83cd;
letter-spacing: -0.01em;
min-width: 205px;
padding: 12px 30px 12px; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .ctools-auto-submit-click {
display: none; }
@media (max-width: 1120px) {
.pane-careers-job-search-widget .centrica-careers-search-keyword-form {
padding: 3% 8.7% 2.5% 9.9%; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form {
padding: 1.8% 8.2% 9% 10.3%; } }
@media (max-width: 1024px) {
.pane-careers-job-search-widget {
width: 100%;
margin: 1% 0;
min-height: 514px;
padding-bottom: 0; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form {
padding: 28px 15px 35px; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form > div {
text-align: center; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form .form-type-textfield {
width: 299px;
max-width: 80%;
display: inline-block;
float: none; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form .search-keyword.title {
padding-bottom: 25px;
font-size: 24.88px;
width: auto;
max-width: 100%; }
.pane-careers-job-search-widget .centrica-careers-search-keyword-form input[type="submit"] {
max-width: 57px;
display: inline-block;
float: none;
vertical-align: top;
margin-left: -5px;
width: 20%; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form {
width: 390px;
max-width: 100%;
padding: 26px 17px 3px 19px;
margin: auto; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .search-criteria.title {
font-size: 24.96px;
padding: 0 4% 27px 0; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .form-type-select {
margin-bottom: 21px; }
.pane-careers-job-search-widget .centrica-careers-search-criteria-form .search-criteria {
padding: 4px 0 9px 0; } }
@media (max-width: 639px) {
.pane-careers-job-search-widget .centrica-careers-search-keyword-form {
padding: 28px 15px 35px 19px; } }
.js .centrica-tile-animation {
opacity: 0; }
.js .panels-ipe-portlet-wrapper .centrica-tile-animation,
.js .panels-add-content-modal .centrica-tile-animation {
opacity: 1; }
.js .admin-menu .centrica-tile-animation {
opacity: 1; }
.centrica-wysiwyg-dialog {
z-index: 99999999; }
.pane-jobs-hot-job-pane {
float: left;
width: 32.19%;
height: 0;
padding-bottom: 65.68%;
margin: 0.57%;
overflow: hidden; }
.pane-jobs-hot-job-pane.right {
float: right; }
.pane-jobs-hot-job-pane .pane-title {
font-size: 18px;
text-transform: uppercase;
font-family: "OpenSansBold", arial, sans-serif;
background: #374280;
color: #ffffff;
padding: 4.6% 5% 4.1% 5.7%;
letter-spacing: 0.05em; }
.pane-jobs-hot-job-pane .views-row-even {
background: #e4e3e9; }
.pane-jobs-hot-job-pane .views-row-odd {
background: #eae9ee; }
.pane-jobs-hot-job-pane .attachment .views-row-odd {
background: #e4e3e9; }
.pane-jobs-hot-job-pane .attachment .views-row-even {
background: #eae9ee; }
.pane-jobs-hot-job-pane .views-field-field-hover-logo,
.pane-jobs-hot-job-pane .views-field-field-logo {
padding: 6.2% 0 0 4.4%;
width: 41%;
float: left; }
.pane-jobs-hot-job-pane .views-field-field-hover-logo img,
.pane-jobs-hot-job-pane .views-field-field-logo img {
display: block;
max-width: 100%;
height: auto; }
.pane-jobs-hot-job-pane .views-field-field-hover-logo {
display: none; }
.pane-jobs-hot-job-pane .views-row {
position: relative;
height: 0;
padding-bottom: 33.5%;
cursor: pointer;
color: #374280; }
.pane-jobs-hot-job-pane .views-row:hover {
background: #374280;
color: #ffffff; }
.pane-jobs-hot-job-pane .views-row:hover:after {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 29px;
height: 100%;
background: #2a3261 url("../images/hot-jobs-sprite.png") no-repeat -17px 50%;
background-size: 40px auto; }
.pane-jobs-hot-job-pane .views-row:hover .views-field-name-1 {
display: none; }
.pane-jobs-hot-job-pane .views-row:hover .views-field-nothing {
display: block;
font-family: "OpenSansBold", arial, sans-serif;
font-size: 15.47px;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 5% 0 0 46.5%; }
.pane-jobs-hot-job-pane .views-field-name {
font-size: 13.47px;
font-family: "OpenSansBold", arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 8% 0 0 46.5%; }
.pane-jobs-hot-job-pane .views-field-nothing {
display: none; }
.pane-jobs-hot-job-pane .views-field-title {
font-size: 15px;
padding: 1% 30px 0 5.3%;
line-height: 147%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block; }
.pane-jobs-hot-job-pane .views-field-name-1 {
font-size: 15px;
padding: 3.8% 0 0 46.5%; }
.pane-jobs-hot-job-pane .views-field-name-1 .field-content {
position: relative;
padding-left: 23px; }
.pane-jobs-hot-job-pane .views-field-name-1 .field-content:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 20px;
background: url("../images/hot-jobs-sprite.png") no-repeat 2px 1px;
background-size: 38px auto; }
.pane-jobs-hot-job-pane .views-field-view-node {
text-indent: -999999px;
color: transparent;
font-size: 0; }
.pane-jobs-hot-job-pane .views-field-view-node a {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
.pane-jobs-hot-job-pane .link-all-stories {
text-align: center;
background: #e4e3e9;
padding: 4.75% 0; }
.pane-jobs-hot-job-pane .link-all-stories a {
background: #374280;
color: #ffffff;
font-size: 19px;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
text-decoration: none;
letter-spacing: 0.012em;
padding: 17px 20px;
width: 90.5%; }
@media (max-width: 1024px) {
.pane-jobs-hot-job-pane {
text-align: left;
width: 98%;
margin: 1%;
height: auto;
padding-bottom: 0; }
.pane-jobs-hot-job-pane .pane-title {
padding: 18px 1px 16px 22px; }
.pane-jobs-hot-job-pane .views-row {
height: 127px;
padding-bottom: 0; }
.pane-jobs-hot-job-pane .views-row:hover .views-field-nothing {
padding: 19px 0 0 182px; }
.pane-jobs-hot-job-pane .views-field-field-hover-logo,
.pane-jobs-hot-job-pane .views-field-field-logo {
width: auto;
padding: 23px 0 0 16px; }
.pane-jobs-hot-job-pane .views-field-name {
padding: 31px 0 0 182px; }
.pane-jobs-hot-job-pane .views-field-name-1 {
padding: 12px 0 0 182px; }
.pane-jobs-hot-job-pane .views-field-title {
padding: 3px 30px 0 25px; } }
@media (max-width: 560px) {
.pane-jobs-hot-job-pane {
margin: 1% 0;
width: 100%; } }
@media (max-width: 410px) {
.pane-jobs-hot-job-pane {
margin: 1% 0;
width: 100%;
text-align: left; }
.pane-jobs-hot-job-pane .pane-title {
padding: 18px 1px 14px 19px;
font-size: 17.12px; }
.pane-jobs-hot-job-pane .views-row {
height: 125px; }
.pane-jobs-hot-job-pane .views-row:hover .views-field-nothing {
padding: 14px 0 0 137px;
font-size: 15px; }
.pane-jobs-hot-job-pane .views-field-field-hover-logo,
.pane-jobs-hot-job-pane .views-field-field-logo {
width: 127px;
padding: 18px 0 0 13px; }
.pane-jobs-hot-job-pane .views-field-name {
font-size: 12.81px;
padding: 30px 0 0 138px; }
.pane-jobs-hot-job-pane .views-field-title {
padding: 2px 30px 0 10px; }
.pane-jobs-hot-job-pane .views-field-name-1 {
padding: 10px 0 0 138px; }
.pane-jobs-hot-job-pane .link-all-stories {
padding: 9px 0 17px; }
.pane-jobs-hot-job-pane .link-all-stories a {
font-size: 18.07px;
padding: 14px 20px 18px; } }
.centrica-accordion {
clear: both;
padding-bottom: 15px; }
.centrica-accordion .content {
display: none;
font-size: 15px;
color: #5d5d5d;
background: #f9f9fa;
padding: 0 52px 0 34px;
letter-spacing: -0.005em;
line-height: 160%; }
.centrica-accordion .content .wrapper-content {
padding: 19px 0 32px;
overflow: hidden; }
.centrica-accordion .item:first-child .title {
margin-top: 0; }
.centrica-accordion .title {
cursor: pointer;
font-size: 18px;
color: #170e3d;
background: #edecf0;
font-family: "OpenSansLight", arial, sans-serif;
position: relative;
letter-spacing: 0.011em;
padding: 11px 52px 11px 22px;
line-height: 158%;
margin-top: 8px; }
.centrica-accordion .title:after {
content: '';
position: absolute;
right: 23px;
top: 43%;
display: block;
background: url("../images/accordion-arrows.png") no-repeat 0 0;
background-size: 14px auto;
width: 15px;
height: 10px; }
.centrica-accordion .title.expanded {
background: #374280;
color: #ffffff; }
.centrica-accordion .title.expanded:after {
top: 41%;
background-position: 0 -16px; }
@media (max-width: 639px) {
.centrica-accordion .title {
padding: 18px 50px 16px 18px;
font-size: 16px; }
.centrica-accordion .content {
padding: 0 20px 0 18px; }
.centrica-accordion .content .wrapper-content {
line-height: 146%;
padding: 17px 0 12px; } }
.hybrid-region--main-part .centrica-accordion,
.story-region--main-part .centrica-accordion {
padding: 0 0.57% 15px; }
@media (max-width: 1024px) {
.hybrid-region--main-part .centrica-accordion,
.story-region--main-part .centrica-accordion {
padding: 0; } }
.pane-bundle-accordion p:last-child {
padding-bottom: 0; }
.node-type-story .story-region--main-part .pane-node-body h2, .node-type-story .story-region--main-part .pane-node-body h1,
.pane-bundle-accordion h2,
.pane-bundle-accordion h1,
.cke_editable_themed h2,
.cke_editable_themed h1,
.pane-bundle-html-widget h2,
.pane-bundle-html-widget h1 {
font-size: 32px;
color: #170e3d;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 12px; }
.node-type-story .story-region--main-part .pane-node-body h3, .node-type-story .story-region--main-part .pane-node-body .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-story .story-region--main-part .pane-node-body a,
.pane-bundle-accordion h3,
.pane-bundle-accordion .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-bundle-accordion a,
.cke_editable_themed h3,
.cke_editable_themed .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.cke_editable_themed a,
.pane-bundle-html-widget h3,
.pane-bundle-html-widget .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-bundle-html-widget a {
font-size: 20px;
color: #374280;
line-height: 135%;
letter-spacing: -0.004em;
padding-bottom: 23px; }
.node-type-story .story-region--main-part .pane-node-body h4,
.pane-bundle-accordion h4,
.cke_editable_themed h4,
.pane-bundle-html-widget h4 {
font-size: 17px;
color: #6e83cd;
text-transform: uppercase;
line-height: 145%;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.01em;
padding-bottom: 14px; }
.node-type-story .story-region--main-part .pane-node-body h5,
.pane-bundle-accordion h5,
.cke_editable_themed h5,
.pane-bundle-html-widget h5 {
padding-bottom: 14px; }
.node-type-story .story-region--main-part .pane-node-body h6,
.pane-bundle-accordion h6,
.cke_editable_themed h6,
.pane-bundle-html-widget h6 {
padding-bottom: 14px; }
.node-type-story .story-region--main-part .pane-node-body p,
.pane-bundle-accordion p,
.cke_editable_themed p,
.pane-bundle-html-widget p {
color: #5d5d5d;
font-size: 15px;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 15px; }
.node-type-story .story-region--main-part .pane-node-body img,
.pane-bundle-accordion img,
.cke_editable_themed img,
.pane-bundle-html-widget img {
padding-bottom: 15px; }
.node-type-story .story-region--main-part .pane-node-body a,
.pane-bundle-accordion a,
.cke_editable_themed a,
.pane-bundle-html-widget a {
color: #6e83cd;
text-decoration: underline;
line-height: 145%;
font-size: 15px;
word-break: break-word; }
.node-type-story .story-region--main-part .pane-node-body a.centrica-primary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-secondary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-primary-link,
.pane-bundle-accordion a.centrica-secondary-link,
.pane-bundle-accordion a.centrica-tertiary-link,
.cke_editable_themed a.centrica-primary-link,
.cke_editable_themed a.centrica-secondary-link,
.cke_editable_themed a.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-primary-link,
.pane-bundle-html-widget a.centrica-secondary-link,
.pane-bundle-html-widget a.centrica-tertiary-link {
display: inline-block;
width: 32%;
color: #ffffff;
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
text-align: center;
text-decoration: none;
margin-right: 2%;
padding: 10px 10px 14px 10px;
letter-spacing: 0.01em; }
.node-type-story .story-region--main-part .pane-node-body a.centrica-primary-link:hover, .node-type-story .story-region--main-part .pane-node-body a.centrica-secondary-link:hover, .node-type-story .story-region--main-part .pane-node-body a.centrica-tertiary-link:hover,
.pane-bundle-accordion a.centrica-primary-link:hover,
.pane-bundle-accordion a.centrica-secondary-link:hover,
.pane-bundle-accordion a.centrica-tertiary-link:hover,
.cke_editable_themed a.centrica-primary-link:hover,
.cke_editable_themed a.centrica-secondary-link:hover,
.cke_editable_themed a.centrica-tertiary-link:hover,
.pane-bundle-html-widget a.centrica-primary-link:hover,
.pane-bundle-html-widget a.centrica-secondary-link:hover,
.pane-bundle-html-widget a.centrica-tertiary-link:hover {
color: #ffffff; }
@media (max-width: 700px) {
.node-type-story .story-region--main-part .pane-node-body a.centrica-primary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-secondary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-primary-link,
.pane-bundle-accordion a.centrica-secondary-link,
.pane-bundle-accordion a.centrica-tertiary-link,
.cke_editable_themed a.centrica-primary-link,
.cke_editable_themed a.centrica-secondary-link,
.cke_editable_themed a.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-primary-link,
.pane-bundle-html-widget a.centrica-secondary-link,
.pane-bundle-html-widget a.centrica-tertiary-link {
width: 91.2%;
margin: 0 4.4% 14px; }
.node-type-story .story-region--main-part .pane-node-body a.centrica-primary-link.centrica-tertiary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-secondary-link.centrica-tertiary-link, .node-type-story .story-region--main-part .pane-node-body a.centrica-tertiary-link.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-primary-link.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-secondary-link.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-tertiary-link.centrica-tertiary-link,
.cke_editable_themed a.centrica-primary-link.centrica-tertiary-link,
.cke_editable_themed a.centrica-secondary-link.centrica-tertiary-link,
.cke_editable_themed a.centrica-tertiary-link.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-primary-link.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-secondary-link.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-tertiary-link.centrica-tertiary-link {
margin-bottom: 0; } }
.node-type-story .story-region--main-part .pane-node-body a.centrica-primary-link,
.pane-bundle-accordion a.centrica-primary-link,
.cke_editable_themed a.centrica-primary-link,
.pane-bundle-html-widget a.centrica-primary-link {
background: #170e3d; }
.node-type-story .story-region--main-part .pane-node-body a.centrica-secondary-link,
.pane-bundle-accordion a.centrica-secondary-link,
.cke_editable_themed a.centrica-secondary-link,
.pane-bundle-html-widget a.centrica-secondary-link {
background: #85aa15; }
.node-type-story .story-region--main-part .pane-node-body a.centrica-tertiary-link,
.pane-bundle-accordion a.centrica-tertiary-link,
.cke_editable_themed a.centrica-tertiary-link,
.pane-bundle-html-widget a.centrica-tertiary-link {
background: #047fdd;
margin-right: 0; }
.node-type-story .story-region--main-part .pane-node-body a:hover,
.pane-bundle-accordion a:hover,
.cke_editable_themed a:hover,
.pane-bundle-html-widget a:hover {
color: #6e83cd; }
.node-type-story .story-region--main-part .pane-node-body ul,
.pane-bundle-accordion ul,
.cke_editable_themed ul,
.pane-bundle-html-widget ul {
padding: 0 0 33px 36px; }
.node-type-story .story-region--main-part .pane-node-body ul li,
.pane-bundle-accordion ul li,
.cke_editable_themed ul li,
.pane-bundle-html-widget ul li {
position: relative;
font-size: 15px;
padding: 0 0 12px 23px;
line-height: 145%;
color: #5d5d5d; }
.node-type-story .story-region--main-part .pane-node-body ul li:last-child,
.pane-bundle-accordion ul li:last-child,
.cke_editable_themed ul li:last-child,
.pane-bundle-html-widget ul li:last-child {
padding-bottom: 0; }
.node-type-story .story-region--main-part .pane-node-body ul li:before,
.pane-bundle-accordion ul li:before,
.cke_editable_themed ul li:before,
.pane-bundle-html-widget ul li:before {
content: '';
display: block;
position: absolute;
top: 6px;
left: 0;
width: 8px;
height: 12px;
background: url("../images/list-arrow.png") no-repeat 0 0;
background-size: 7px auto; }
.node-type-story .story-region--main-part .pane-node-body ol,
.pane-bundle-accordion ol,
.cke_editable_themed ol,
.pane-bundle-html-widget ol {
padding: 0 0 33px 36px;
list-style: decimal; }
.node-type-story .story-region--main-part .pane-node-body ol li,
.pane-bundle-accordion ol li,
.cke_editable_themed ol li,
.pane-bundle-html-widget ol li {
position: relative;
font-size: 15px;
padding: 0 0 12px 0;
margin-left: 23px;
line-height: 145%;
color: #5d5d5d; }
.node-type-story .story-region--main-part .pane-node-body ol li:last-child,
.pane-bundle-accordion ol li:last-child,
.cke_editable_themed ol li:last-child,
.pane-bundle-html-widget ol li:last-child {
padding-bottom: 0; }
@media (max-width: 639px) {
.node-type-story .story-region--main-part .pane-node-body h2, .node-type-story .story-region--main-part .pane-node-body h1,
.pane-bundle-accordion h2,
.pane-bundle-accordion h1,
.cke_editable_themed h2,
.cke_editable_themed h1,
.pane-bundle-html-widget h2,
.pane-bundle-html-widget h1 {
font-size: 26px; }
.node-type-story .story-region--main-part .pane-node-body h3, .node-type-story .story-region--main-part .pane-node-body .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .node-type-story .story-region--main-part .pane-node-body a,
.pane-bundle-accordion h3,
.pane-bundle-accordion .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-bundle-accordion a,
.cke_editable_themed h3,
.cke_editable_themed .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.cke_editable_themed a,
.pane-bundle-html-widget h3,
.pane-bundle-html-widget .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-bundle-html-widget a {
font-size: 18px; } }
@media (min-width: 1024px) {
.search-result-hybrid-region--main-part,
.hybrid-region--main-part {
margin-top: -6px; } }
@media (max-width: 639px) {
.search-result-hybrid-region--main-part .pane-bundle-html-widget,
.hybrid-region--main-part .pane-bundle-html-widget {
padding: 0 13px; } }
.pane-bundle-html-widget {
clear: both; }
#cboxOverlay {
background: #374280;
opacity: 0.91 !important; }
#colorbox {
overflow: visible !important; }
#colorbox #cboxContent,
#colorbox #cboxWrapper {
background: none;
overflow: visible; }
#colorbox #cboxContent #cboxTitle {
display: block !important;
height: auto !important;
overflow: visible !important;
margin: -43px 7px 0 !important;
padding: 0 !important;
color: #ffffff;
background: none;
font-size: 34px;
letter-spacing: 0.01em;
position: static; }
@media (max-width: 639px) {
#colorbox #cboxContent #cboxTitle {
font-size: 25px; } }
#colorbox #cboxContent #cboxTitle a {
color: white; }
#colorbox #cboxLoadedContent {
margin-bottom: 65px; }
#colorbox #cboxClose {
background: url("../images/colorbox-close.png") no-repeat 100% 9px;
background-size: 19px 18px;
text-indent: 0;
font-size: 25.68px;
color: #ffffff;
text-transform: uppercase;
display: block;
width: auto;
padding-right: 47px;
letter-spacing: 0.03em;
height: auto;
bottom: auto;
top: -53px;
margin-right: 9px;
font-family: "OpenSansRegular", arial, sans-serif; }
#colorbox #cboxClose:focus, #colorbox #cboxClose:active {
outline: none; }
@media (max-height: 750px) {
#colorbox #cboxClose {
position: fixed;
top: 20px;
right: 20px; } }
.pane-centrica-left-nav {
clear: both; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > a {
display: block;
width: 100%;
font-size: 19px;
color: #ffffff;
padding: 16px 33px 16px 19px;
cursor: pointer;
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.expanded {
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.expanded > a:first-child {
display: inline-block;
z-index: 1;
max-width: 85%;
padding: 16px 0 16px 19px;
width: auto; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.expanded > a.expand-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 51px;
max-width: 100%; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.expanded > a.expand-button:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
margin-top: -7px;
background: url("../images/navigation-arrows.png") no-repeat 3px 0;
background-size: 31px auto; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.opened-second > a.expand-button:after {
background-position: -15px 0;
margin-top: -5px;
height: 10px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li {
list-style: none; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li span[title] {
display: block;
width: 100%;
font-size: 19px;
color: #ffffff;
padding: 16px 33px 16px 19px;
cursor: pointer;
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li span[title]:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
margin-top: -7px;
background: url("../images/navigation-arrows.png") no-repeat 3px 0;
background-size: 31px auto; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li.opened span[title]:after {
background-position: -15px 0;
margin-top: -5px;
height: 10px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li > ul > li > ul > li:hover > a {
background: #d8d8e2; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li > ul > li > ul > li > a.active-trail {
background: #374280;
color: #ffffff;
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li > ul > li > ul > li.active-trail {
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu li > ul > li > ul > li.active-trail:after {
content: '';
top: 50%;
height: 100%;
width: 14px;
position: absolute;
pointer-events: none;
z-index: 1;
margin-top: -19px;
right: -14px;
background: url("../images/left-navigation-triangle.png") no-repeat 0 0;
background-size: 14px auto; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > a {
display: block;
width: 100%;
font-size: 19px;
color: #ffffff;
padding: 16px 33px 16px 19px;
cursor: pointer;
position: relative;
text-decoration: none; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul {
display: none; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li {
background: #edecf0; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li:hover > a {
background: #d8d8e2; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded {
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded:first-child > a {
position: relative;
z-index: 1;
max-width: 85%;
padding: 22px 0 11px 32px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded:first-child > a.expand-button {
position: absolute;
top: 0;
left: 0;
height: 49px;
display: block;
width: 100%;
padding: 0;
z-index: 0;
max-width: 100%; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded:first-child > a.expand-button:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
background: url("../images/navigation-arrows.png") no-repeat -14px -11px;
background-size: 31px auto;
margin-top: -7px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded.opened-second > a.expand-button:after {
background-position: 0 -16px;
height: 10px;
margin-top: -3px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded > a:first-child {
display: inline-block;
z-index: 1;
padding: 11px 0 11px 32px;
max-width: 85%;
position: relative; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded > a.active-trail {
padding: 11px 0 11px 32px;
position: relative;
z-index: 2;
max-width: 85%; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded > a.expand-button {
position: absolute;
top: 0;
left: 0;
height: 49px;
display: block;
width: 100%;
padding: 0;
max-width: 100%; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.expanded > a.expand-button:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
background: url("../images/navigation-arrows.png") no-repeat -14px -11px;
background-size: 31px auto;
margin-top: -7px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.opened-second > a.expand-button:after {
background-position: 0px -16px;
height: 10px;
margin-top: -3px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.active-trail {
background: #d8d8e2; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li.active-trail .expand-button {
background: #d8d8e2; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li > a {
font-size: 15.5px;
text-decoration: none;
background: #edecf0;
display: block;
color: #170e3d;
padding: 11px 36px 11px 32px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li > a.active-trail {
background: #d8d8e2; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li > ul {
display: none; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li > ul > li > ul > li > a {
background: #e2e2e9;
color: #170e3d;
font-size: 15.5px;
text-decoration: none;
display: block;
padding: 10px 4px 12px 47px; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail > ul {
display: block; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail > ul > li.active-trail > ul {
display: block; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail > ul > li.active-trail.active ul {
display: block; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail .active ul {
display: none; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail > a,
.pane-centrica-left-nav .menu-block-wrapper > .menu > li.active-trail span[title] {
color: #6e83cd;
background: #1a224a; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n+1) > a,
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n+1) span[title] {
background: #374280; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n+1).active-trail > a,
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n+1).active-trail span[title] {
background: #1a224a; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n) > a,
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n) span[title] {
background: #313b73; }
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n).active-trail > a,
.pane-centrica-left-nav .menu-block-wrapper > .menu > li:nth-child(2n).active-trail span[title] {
background: #1a224a; }
.pane-bundle-tabbed-map,
.pane-bundle-tabbed {
clear: both; }
.pane-bundle-tabbed-map .tile-wrapper,
.pane-bundle-tabbed .tile-wrapper {
background: transparent !important; }
.pane-bundle-tabbed-map h2,
.pane-bundle-tabbed h2 {
font-size: 32px;
color: #170e3d;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 12px; }
.pane-bundle-tabbed-map h3, .pane-bundle-tabbed-map .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-bundle-tabbed-map a,
.pane-bundle-tabbed h3,
.pane-bundle-tabbed .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3
.pane-bundle-tabbed a {
font-size: 20px;
color: #374280;
line-height: 135%;
letter-spacing: -0.004em;
padding-bottom: 23px; }
.pane-bundle-tabbed-map h4,
.pane-bundle-tabbed h4 {
font-size: 17px;
color: #6e83cd;
text-transform: uppercase;
line-height: 145%;
font-family: "OpenSansBold", arial, sans-serif;
letter-spacing: 0.01em;
padding-bottom: 14px; }
.pane-bundle-tabbed-map h5,
.pane-bundle-tabbed h5 {
padding-bottom: 14px; }
.pane-bundle-tabbed-map h6,
.pane-bundle-tabbed h6 {
padding-bottom: 14px; }
.pane-bundle-tabbed-map p,
.pane-bundle-tabbed p {
color: #5d5d5d;
font-size: 15px;
line-height: 145%;
letter-spacing: -0.005em;
padding-bottom: 33px; }
.pane-bundle-tabbed-map a,
.pane-bundle-tabbed a {
color: #6e83cd;
text-decoration: underline;
line-height: 145%;
font-size: 15px; }
.pane-bundle-tabbed-map a:hover,
.pane-bundle-tabbed a:hover {
text-decoration: none; }
.pane-bundle-tabbed-map ul,
.pane-bundle-tabbed ul {
padding: 0 0 33px 36px; }
.pane-bundle-tabbed-map ul li,
.pane-bundle-tabbed ul li {
position: relative;
font-size: 15px;
padding: 0 0 12px 23px;
line-height: 145%;
color: #5d5d5d; }
.pane-bundle-tabbed-map ul li:last-child,
.pane-bundle-tabbed ul li:last-child {
padding-bottom: 0; }
.pane-bundle-tabbed-map ul li:before,
.pane-bundle-tabbed ul li:before {
content: '';
display: block;
position: absolute;
top: 6px;
left: 0;
width: 8px;
height: 12px;
background: url("../images/list-arrow.png") no-repeat 0 0;
background-size: 7px auto; }
.pane-bundle-tabbed-map ol,
.pane-bundle-tabbed ol {
padding: 0 0 33px 36px;
list-style: decimal; }
.pane-bundle-tabbed-map ol li,
.pane-bundle-tabbed ol li {
position: relative;
font-size: 15px;
padding: 0 0 12px;
margin-left: 23px;
line-height: 145%;
color: #5d5d5d; }
.pane-bundle-tabbed-map ol li:last-child,
.pane-bundle-tabbed ol li:last-child {
padding-bottom: 0; }
.pane-bundle-tabbed-map .tabbed-titles:after,
.pane-bundle-tabbed .tabbed-titles:after {
content: "";
display: table;
clear: both; }
.pane-bundle-tabbed-map .tabbed-titles .tabbed-title,
.pane-bundle-tabbed .tabbed-titles .tabbed-title {
float: left;
font-size: 18px;
color: #170e3d;
background: #ededf0;
cursor: pointer;
margin-right: 5px;
padding: 15px 28px;
-webkit-transition: all 0.2s false;
-moz-transition: all 0.2s false false;
-o-transition: all 0.2s false false;
transition: all 0.2s; }
.pane-bundle-tabbed-map .tabbed-titles .tabbed-title:last-child,
.pane-bundle-tabbed .tabbed-titles .tabbed-title:last-child {
margin-right: 0; }
.pane-bundle-tabbed-map .tabbed-titles .tabbed-title.active,
.pane-bundle-tabbed .tabbed-titles .tabbed-title.active {
background: #374280;
color: #ffffff;
-webkit-box-shadow: 0 -6px 0 0 #374280;
-moz-box-shadow: 0 -6px 0 0 #374280;
box-shadow: 0 -6px 0 0 #374280;
padding: 11px 28px 19px; }
.pane-bundle-tabbed-map .tabbed-contents,
.pane-bundle-tabbed .tabbed-contents {
position: relative;
border-top: 2px solid #374280; }
.pane-bundle-tabbed-map .tabbed-contents:after,
.pane-bundle-tabbed .tabbed-contents:after {
content: "";
display: table;
clear: both; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title,
.pane-bundle-tabbed .tabbed-contents .tabbed-title {
display: none; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content,
.pane-bundle-tabbed .tabbed-contents .tabbed-content {
width: 100%;
float: left;
background: #ededf0;
font-size: 15px;
overflow: hidden; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-content-wrapper,
.pane-bundle-tabbed .tabbed-contents .tabbed-content .tab-content-wrapper {
padding: 33px 28px 8px 29px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content p,
.pane-bundle-tabbed .tabbed-contents .tabbed-content p {
line-height: 154%; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content:first-child,
.pane-bundle-tabbed .tabbed-contents .tabbed-content:first-child {
display: block; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content.hidden-elements,
.pane-bundle-tabbed .tabbed-contents .tabbed-content.hidden-elements {
position: absolute;
opacity: 0;
left: -99999px;
top: -99999px;
z-index: -9999;
width: 100%; }
@media (max-width: 900px) {
.pane-bundle-tabbed-map .tabbed-titles,
.pane-bundle-tabbed .tabbed-titles {
display: none; }
.pane-bundle-tabbed-map .tabbed-contents,
.pane-bundle-tabbed .tabbed-contents {
border-top: none; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content,
.pane-bundle-tabbed .tabbed-contents .tabbed-content {
background: #ffffff; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content p,
.pane-bundle-tabbed .tabbed-contents .tabbed-content p {
line-height: 146%; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-content-wrapper,
.pane-bundle-tabbed .tabbed-contents .tabbed-content .tab-content-wrapper {
padding: 17px 17px 0; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title,
.pane-bundle-tabbed .tabbed-contents .tabbed-title {
clear: both;
display: block;
font-size: 16px;
color: #170e3d;
background: #edecf0;
font-family: "OpenSansLight", arial, sans-serif;
position: relative;
letter-spacing: 0.011em;
padding: 18px 52px 16px 19px;
line-height: 158%;
margin-top: 3px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title:first-child,
.pane-bundle-tabbed .tabbed-contents .tabbed-title:first-child {
margin-top: 0; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title:after,
.pane-bundle-tabbed .tabbed-contents .tabbed-title:after {
content: '';
position: absolute;
right: 23px;
top: 43%;
display: block;
background: url("../images/accordion-arrows.png") no-repeat 0 0;
background-size: 14px auto;
width: 15px;
height: 10px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title.expanded,
.pane-bundle-tabbed .tabbed-contents .tabbed-title.expanded {
background: #374280;
color: #ffffff; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-title.expanded:after,
.pane-bundle-tabbed .tabbed-contents .tabbed-title.expanded:after {
top: 41%;
background-position: 0 -16px; } }
.pane-bundle-tabbed-map {
margin-bottom: 25px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content {
background: transparent; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-content-wrapper {
background: #f9f9fa; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper {
padding-top: 25px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper .geofieldMap {
height: 609px !important; }
@media (max-width: 1024px) {
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper {
padding-top: 15px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper .geofieldMap {
height: 304px !important; } }
@media (max-width: 639px) {
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper {
padding-top: 8px; }
.pane-bundle-tabbed-map .tabbed-contents .tabbed-content .tab-map-wrapper .geofieldMap {
height: 271px !important; } }
.hybrid-region--main-part .pane-bundle-tabbed {
padding: 0 0.57% 4.4%; }
@media (max-width: 1024px) {
.hybrid-region--main-part .pane-bundle-tabbed {
padding: 0 1% 4.4%; } }
@media (max-width: 623px) {
.hybrid-region--main-part .pane-bundle-tabbed {
padding: 0 0 4.4%; } }
.pane-bundle-rich-link-collection {
clear: both; }
.pane-bundle-rich-link-collection h2 {
display: none; }
.pane-bundle-rich-link-collection .field--name-field-text {
font-size: 18px;
color: #ffffff;
padding: 16px 19px 17px;
letter-spacing: -0.005em;
background: -owg-linear-gradient(to bottom, #374280, #394583);
background: -webkit-linear-gradient(to bottom, #374280, #394583);
background: -moz-linear-gradient(to bottom, #374280, #394583);
background: -o-linear-gradient(to bottom, #374280, #394583);
-pie-background: -pie-linear-gradient(to bottom, #374280, #394583);
background: linear-gradient(to bottom, #374280, #394583); }
.pane-bundle-rich-link-collection .field--name-field-image img {
width: 100%;
height: auto;
display: block; }
.pane-bundle-rich-link-collection .field--name-field-multiple-link .field__item a {
background: #edecf0;
text-decoration: none;
color: #6e83cd;
font-size: 16px;
display: block;
padding: 16px 10px 15px 40px;
position: relative; }
.pane-bundle-rich-link-collection .field--name-field-multiple-link .field__item a:hover {
text-decoration: underline; }
.pane-bundle-rich-link-collection .field--name-field-multiple-link .field__item a:before {
content: '';
position: absolute;
display: block;
top: 19px;
left: 17px;
width: 10px;
height: 12px;
background: url("../images/list-arrow.png") no-repeat 0 0;
background-size: 7px; }
.pane-bundle-rich-link-collection .field--name-field-multiple-link .field__item:nth-child(2n) a {
background: #e4e3ea; }
.pane-bundle-useful-numbers-widget {
width: 100%; }
.pane-bundle-useful-numbers-widget h2 {
display: none; }
.pane-bundle-useful-numbers-widget .tile-wrapper > .field--name-field-text {
background: #374280;
color: #ffffff;
font-size: 19px;
padding: 16px 10px 17px 19px;
letter-spacing: -0.002em; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers {
background: #edecf0;
padding: 26px 22px 31px; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers > .field__items > .field__item {
padding-bottom: 29px; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers > .field__items > .field__item:last-child {
padding-bottom: 0; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers .field--name-field-text {
font-size: 15.5px;
color: #170e3d;
padding-bottom: 7px; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers .field--name-field-phone {
font-size: 25px;
color: #170e3d;
padding-bottom: 10px; }
.pane-bundle-useful-numbers-widget .field--name-field-contact-numbers .field--name-field-additional-text {
font-size: 12.5px;
color: #858488; }
.pane-bundle-group-link-collection-widget {
width: 100%; }
.pane-bundle-group-link-collection-widget h2 {
display: none; }
.pane-bundle-group-link-collection-widget .tile-wrapper > .field--name-field-text {
background: #374280;
color: #ffffff;
font-size: 18px;
padding: 16px 10px 18px 19px;
letter-spacing: -0.002em;
position: relative; }
.pane-bundle-group-link-collection-widget .tile-wrapper > .field--name-field-text:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
margin-top: -7px;
background: url("../images/navigation-arrows.png") no-repeat 3px 0;
background-size: 31px auto; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper {
background: #edecf0;
padding: 19px 25px 26px 25px; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-teaser {
font-size: 15px;
color: #5d5d5d;
line-height: 154%;
letter-spacing: -0.005em; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-links-group {
padding-top: 22px; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-links-group > .field__items > .field__item {
padding-bottom: 17px; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-links-group > .field__items > .field__item:last-child {
padding-bottom: 0; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-links-group a {
padding-left: 37px;
font-size: 16px;
color: #6e83cd;
text-decoration: none;
position: relative;
display: block; }
.pane-bundle-group-link-collection-widget .group-link-collection-widget-wrapper .field--name-field-links-group a:before {
content: '';
position: absolute;
left: 16px;
top: 3px;
width: 10px;
height: 14px;
display: block;
background: url("../images/list-arrow.png") no-repeat 0 0;
background-size: 7px; }
.pane-centrica-newsletter-widget h3, .pane-centrica-newsletter-widget .l-footer .pane-centrica-navigation-footer .list-item h3 a, .l-footer .pane-centrica-navigation-footer .list-item h3 .pane-centrica-newsletter-widget a {
background: #374280;
color: #ffffff;
font-size: 19px;
padding: 13px 10px 14px 19px;
letter-spacing: -0.002em;
position: relative; }
.pane-centrica-newsletter-widget form {
background: #edecf0;
padding: 20px 23px 32px 17px; }
.pane-centrica-newsletter-widget .messages-container {
font-size: 15px;
color: #5d5d5d;
line-height: 155%;
letter-spacing: -0.005em;
padding: 0 6px; }
.pane-centrica-newsletter-widget .mailchimp-newsletter-mergefields {
padding-top: 17px; }
.pane-centrica-newsletter-widget .mailchimp-newsletter-mergefields label {
display: none; }
.pane-centrica-newsletter-widget .mailchimp-newsletter-mergefields input {
width: 100%;
display: block;
font-size: 18px;
font-style: italic;
border: none;
background: #ffffff;
font-family: "OpenSansLight", arial, sans-serif;
padding: 10px 10px 12px 15px;
height: 46px; }
.pane-centrica-newsletter-widget input[type="submit"] {
border: none;
font-size: 18px;
color: #ffffff;
font-family: "OpenSansLight", arial, sans-serif;
background: #6e83cd;
text-align: center;
display: inline-block;
cursor: pointer;
padding: 8px 24px 10px 23px;
-webkit-transition: background 0.3s false;
-moz-transition: background 0.3s false false;
-o-transition: background 0.3s false false;
transition: background 0.3s; }
.pane-centrica-newsletter-widget input[type="submit"]:hover {
background: #8899d6; }
.pane-centrica-newsletter-widget .messages {
margin-top: 0; }
.pane-centrica-newsletter-widget .messages--centrica_subscription_success {
padding: 11px 8px 10px 17px;
margin: 17px 0 0 0;
border: 3px solid #84A129;
color: #84A129;
background: rgba(132, 161, 41, 0.13);
font-size: 18px;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: -0.021em;
width: 100%;
line-height: 125%; }
.pane-bundle-basic-link-collection h2 {
display: none; }
.pane-bundle-basic-link-collection .tile-wrapper {
background: #ffffff !important; }
.pane-bundle-basic-link-collection .tile-wrapper > .field--name-field-text {
color: #374280;
font-size: 22.02px;
padding: 1px 18px 24px 3px;
letter-spacing: -0.005em; }
.pane-bundle-basic-link-collection .field--name-field-multiple-link > .field__items > .field__item a {
color: #ffffff;
background: #374280;
font-size: 19.02px;
text-decoration: none;
display: block;
padding: 15px 34px 17px 19px;
letter-spacing: -0.005em;
position: relative; }
.pane-bundle-basic-link-collection .field--name-field-multiple-link > .field__items > .field__item a:after {
content: '';
position: absolute;
width: 15px;
display: block;
right: 17px;
height: 15px;
top: 50%;
margin-top: -7px;
background: url("../images/navigation-arrows.png") no-repeat 3px 0;
background-size: 31px auto; }
.pane-bundle-basic-link-collection .field--name-field-multiple-link > .field__items > .field__item:nth-child(2n) a {
background: #313b73; }
@media (max-width: 1024px) {
.category-pages .homepage-region--top .panel-pane h2 {
padding-bottom: 0; }
.category-pages .homepage-region--top .panel-pane:first-child {
margin-bottom: 0; } }
.centrica-hierarchy-navigation-form {
padding: 17px 14px 15px 17px;
clear: both;
width: 100%;
background: #edecf0; }
@media (min-width: 1025px) {
.centrica-hierarchy-navigation-form {
display: none; } }
.centrica-hierarchy-navigation-form .form-item {
margin-bottom: 0; }
.centrica-hierarchy-navigation-form input[type="submit"] {
display: none; }
.centrica-hierarchy-navigation-form select {
opacity: 0;
display: block;
height: 45px;
width: 100%;
background: #ffffff;
line-height: 41px; }
.centrica-hierarchy-navigation-form .selector {
max-width: 550px;
width: 100% !important;
margin: auto;
position: relative;
border: 1px solid #d7d7d7;
height: 45px; }
.centrica-hierarchy-navigation-form .selector select {
border: none;
font-size: 15.83px;
opacity: 0;
height: 100%;
top: 0;
left: 0;
position: absolute;
padding: 13px 49px 8px 11px; }
.centrica-hierarchy-navigation-form .selector span {
padding: 13px 49px 8px 11px;
letter-spacing: -0.024em;
display: block;
height: 43px;
width: 100% !important;
font-size: 15.83px;
color: #94959d;
font-family: "OpenSansRegular", arial, sans-serif;
font-style: italic;
background: #ffffff;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.centrica-hierarchy-navigation-form .selector span:after {
content: '';
display: block;
width: 46px;
height: 43px;
position: absolute;
right: 0;
top: 0;
background: #e3e3e3 url("../images/select-arrow.png") no-repeat 17px 16px;
background-size: 15px 11px; }
.centrica-marker {
font-family: "OpenSansRegular", arial, sans-serif;
text-align: center;
color: #ffffff;
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
-o-transform: translate(-50%, -100%);
transform: translate(-50%, -100%); }
.centrica-marker .marker-title {
font-size: 16px;
padding: 6px 0; }
.centrica-marker .marker-content {
background: #374280;
padding: 8px 15px 11px;
letter-spacing: -0.005em;
white-space: nowrap; }
.centrica-marker .marker-link {
display: inline-block; }
.centrica-marker .marker-link a {
font-size: 14px;
color: #9caeed;
text-decoration: none;
display: inline-block; }
.centrica-marker .marker-link a:after {
content: '';
display: inline-block;
width: 8px;
height: 13px;
background: url("../images/list-arrow.png") no-repeat 7px 0px;
background-size: 6px auto;
padding-left: 22px;
vertical-align: bottom; }
.centrica-marker .marker-arrow {
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 17px 12.5px 0 12.5px;
border-color: #374280 transparent transparent transparent; }
.pane-horizontal-search-widget {
width: 98.86%;
color: #ffffff;
overflow: hidden;
margin: 0 0.57% 42px; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form {
height: 303px;
overflow: hidden;
padding: 35px 49px 38px 40px;
background: #1f1936;
float: left;
width: 49.7%; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .search-criteria {
clear: both;
padding-top: 50px;
padding-left: 6.8%; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .search-criteria span {
font-size: 24.9px;
letter-spacing: -0.03em;
padding-right: 21px; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .search-criteria a {
color: #ffffff;
text-decoration: none;
font-size: 19.63px;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
background: #6e83cd;
letter-spacing: -0.01em;
width: 69.3%;
padding: 12px 16px 12px 12px;
text-align: center; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .search-keyword.title {
letter-spacing: -0.01em;
font-size: 27.88px;
text-align: center;
font-family: "OpenSansLight", arial, sans-serif;
padding: 0 12px 29px 0; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .form-type-textfield {
float: left;
width: 82%;
margin-bottom: 0; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .form-type-textfield input {
width: 100%;
border: none;
display: block;
font-size: 19px;
font-family: "OpenSansRegular", arial, sans-serif;
letter-spacing: -0.02em;
padding: 11px 10px 11px 13px;
height: 48px; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form input[type="submit"] {
float: left;
width: 18%;
border: none;
cursor: pointer;
background: #6e83cd url("../images/search.png") no-repeat center center;
background-size: 19px 19px;
text-indent: -99999;
color: transparent;
font-size: 0;
height: 48px; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form {
padding: 33px 44px 28px 48px;
float: left;
width: 50.3%;
height: 303px;
background: #2c244e; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria.title {
font-size: 25.96px;
text-align: center;
font-family: "OpenSansLight", arial, sans-serif;
letter-spacing: -0.011em;
padding: 0 15px 33px 0; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select {
margin-bottom: 21px;
width: 100%;
position: relative; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select select {
font-size: 16.52px;
border: none;
padding: 12px 44px 8px 10px;
display: block;
top: 0;
left: 0;
font-family: "OpenSansRegular", arial, sans-serif;
width: 100%;
position: relative;
z-index: 10;
opacity: 0;
line-height: 36px;
height: 40px; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select .selector {
width: 100% !important;
position: relative;
background: #ffffff;
height: 40px; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select .selector span {
font-size: 16.52px;
color: #94959d;
width: 100% !important;
padding: 12px 44px 8px 10px;
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select .selector span:after {
content: '';
position: absolute;
width: 42px;
height: 40px;
display: block;
right: 0;
top: 0;
background: #e3e3e3 url("../images/angle-select.png") no-repeat 14px 15px;
background-size: 15px 10px;
pointer-events: none; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria {
text-align: center;
padding: 8px 0 9px 0; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria.show-all-link {
display: none; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria a {
color: #ffffff;
text-decoration: none;
font-size: 19.63px;
font-family: "OpenSansLight", arial, sans-serif;
display: inline-block;
background: #6e83cd;
letter-spacing: -0.01em;
padding: 12px 43px 12px 37px;
text-align: center; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .ctools-auto-submit-click {
display: none; }
@media (max-width: 1024px) {
.pane-horizontal-search-widget {
width: 98%;
margin: 0 1% 46px; } }
@media (max-width: 750px) {
.pane-horizontal-search-widget .centrica-careers-search-keyword-form {
padding: 28px 17px 35px 19px;
height: auto;
width: 100%; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .search-keyword.title {
font-size: 24.88px;
padding: 0 12px 25px 0; }
.pane-horizontal-search-widget .centrica-careers-search-keyword-form .show-all-link {
display: none; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form {
width: 100%;
padding: 26px 0 0;
height: auto; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria.title {
font-size: 24.96px;
padding: 0 13px 27px 0; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria.show-all-link {
display: block;
background: #1f1936;
margin-top: 35px;
padding: 30px 0 34px; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .search-criteria.show-all-link span {
font-size: 24.9px;
letter-spacing: -0.05em;
padding: 0 22px 0 4px; }
.pane-horizontal-search-widget .centrica-careers-search-criteria-form .form-type-select {
padding: 0 19px; } }
@media (max-width: 639px) {
.pane-horizontal-search-widget {
width: 100%;
margin: 0 0 2%; } }
/*# sourceMappingURL=centrica.styles.css.map */