/*
Theme Name: Thames Water Trust Fund Version 2
Theme URI: http://www.twtf.org.uk
Version: 2.0
Author: The Web in a Box
Author URI: http://www.thewebinabox.co.uk
*/
@font-face {
font-family: 'Open Sans';
src: url("fonts/opensans-light-webfont.eot");
src: url("fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-light-webfont.woff2") format("woff2"), url("fonts/opensans-light-webfont.woff") format("woff"), url("fonts/opensans-light-webfont.ttf") format("truetype"), url("fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url("fonts/opensans-bold-webfont.eot");
src: url("fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-bold-webfont.woff2") format("woff2"), url("fonts/opensans-bold-webfont.woff") format("woff"), url("fonts/opensans-bold-webfont.ttf") format("truetype"), url("fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url("fonts/opensans-extrabold-webfont.eot");
src: url("fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("fonts/opensans-extrabold-webfont.woff") format("woff"), url("fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("fonts/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: 'Open Sans';
src: url("fonts/opensans-lightitalic-webfont.eot");
src: url("fonts/opensans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-lightitalic-webfont.woff2") format("woff2"), url("fonts/opensans-lightitalic-webfont.woff") format("woff"), url("fonts/opensans-lightitalic-webfont.ttf") format("truetype"), url("fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg");
font-weight: 300;
font-style: italic; }
@font-face {
font-family: 'Open Sans';
src: url("fonts/opensans-semibold-webfont.eot");
src: url("fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/opensans-semibold-webfont.woff2") format("woff2"), url("fonts/opensans-semibold-webfont.woff") format("woff"), url("fonts/opensans-semibold-webfont.ttf") format("truetype"), url("fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Black.woff2") format("woff2"), url("fonts/Metropolis-Black.woff") format("woff");
font-weight: 900;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-BlackItalic.woff2") format("woff2"), url("fonts/Metropolis-BlackItalic.woff") format("woff");
font-weight: 900;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Bold.woff2") format("woff2"), url("fonts/Metropolis-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-BoldItalic.woff2") format("woff2"), url("fonts/Metropolis-BoldItalic.woff") format("woff");
font-weight: 700;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-ExtraBold.woff2") format("woff2"), url("fonts/Metropolis-ExtraBold.woff") format("woff");
font-weight: 800;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-ExtraBoldItalic.woff2") format("woff2"), url("fonts/Metropolis-ExtraBoldItalic.woff") format("woff");
font-weight: 800;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-ExtraLight.woff2") format("woff2"), url("fonts/Metropolis-ExtraLight.woff") format("woff");
font-weight: 200;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-ExtraLightItalic.woff2") format("woff2"), url("fonts/Metropolis-ExtraLightItalic.woff") format("woff");
font-weight: 200;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Light.woff2") format("woff2"), url("fonts/Metropolis-Light.woff") format("woff");
font-weight: 300;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-LightItalic.woff2") format("woff2"), url("fonts/Metropolis-LightItalic.woff") format("woff");
font-weight: 300;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Medium.woff2") format("woff2"), url("fonts/Metropolis-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-MediumItalic.woff2") format("woff2"), url("fonts/Metropolis-MediumItalic.woff") format("woff");
font-weight: 500;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Regular.woff2") format("woff2"), url("fonts/Metropolis-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-RegularItalic.woff2") format("woff2"), url("fonts/Metropolis-RegularItalic.woff") format("woff");
font-weight: 400;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-SemiBold.woff2") format("woff2"), url("fonts/Metropolis-SemiBold.woff") format("woff");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-SemiBoldItalic.woff2") format("woff2"), url("fonts/Metropolis-SemiBoldItalic.woff") format("woff");
font-weight: 600;
font-style: italic;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-Thin.woff2") format("woff2"), url("fonts/Metropolis-Thin.woff") format("woff");
font-weight: 100;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Metropolis';
src: url("fonts/Metropolis-ThinItalic.woff2") format("woff2"), url("fonts/Metropolis-ThinItalic.woff") format("woff");
font-weight: 100;
font-style: italic;
font-display: swap; }
header .top-line {
background-color: #002D43;
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 24px;
padding: 9px 0; }
@media (min-width: 768px) {
header .top-line .opening-times-and-phone {
text-align: right; } }
header .top-line .opening-times-and-phone .opening-times {
margin-right: 10px; }
header .top-line .opening-times-and-phone .phone-label {
margin-left: 10px; }
header .top-line .opening-times-and-phone a {
color: #fff;
text-decoration: none; }
header .logo-and-navigation-menu {
padding: 40px 0; }
@media (min-width: 992px) {
header #topMenuToggle {
display: none; } }
header .menu-container {
margin-top: 12px; }
header .menu-container > ul > li.current-menu-item > a {
color: #002E43; }
header .menu-container ul {
font-size: 0;
margin: 0;
padding: 0 0 20px; }
@media (min-width: 992px) {
header .menu-container ul {
padding-bottom: 5px; } }
header .menu-container ul li:hover > a {
color: #002E43; }
header .menu-container ul li.menu-item-has-children {
position: relative; }
header .menu-container ul li.menu-item-has-children:hover .sub-menu, header .menu-container ul li.menu-item-has-children:active .sub-menu, header .menu-container ul li.menu-item-has-children:focus .sub-menu {
z-index: 99; }
@media (min-width: 992px) {
header .menu-container ul li.menu-item-has-children:hover .sub-menu, header .menu-container ul li.menu-item-has-children:active .sub-menu, header .menu-container ul li.menu-item-has-children:focus .sub-menu {
border-bottom: 10px #fff solid;
border-radius: 5px;
display: block;
left: -15px;
margin: 0;
padding: 0;
position: absolute;
text-align: left;
top: 30px;
width: 300px; } }
@media (min-width: 992px) {
header .menu-container ul li.menu-item-has-children:hover .sub-menu li, header .menu-container ul li.menu-item-has-children:active .sub-menu li, header .menu-container ul li.menu-item-has-children:focus .sub-menu li {
background-color: #fff;
display: block;
margin: 0;
padding: 10px 15px 0; } }
@media (min-width: 992px) {
header .menu-container ul li {
display: inline-block;
margin-left: 20px;
padding-bottom: 15px; } }
@media (min-width: 1200px) {
header .menu-container ul li {
margin-left: 32px; } }
header .menu-container ul li a {
color: #3D3D3D;
font-size: 17px;
font-weight: 500;
line-height: 27px; }
@media (min-width: 992px) {
header .menu-container ul li a {
font-size: 15px;
line-height: 21px; } }
header .menu-container ul li a:hover, header .menu-container ul li a:active, header .menu-container ul li a:focus {
color: #007BBB;
text-decoration: none; }
header .menu-container ul li .sub-menu {
padding: 0 0 0 40px; }
@media (min-width: 992px) {
header .menu-container ul li .sub-menu {
display: none; } }
@media (min-width: 992px) {
header .right-side {
text-align: right; } }
header #topHeader {
background-color: #4877c3; }
@media (min-width: 992px) {
header #topHeader {
background-color: #fff;
border-bottom: 5px #4877c3 solid; } }
header #topHeader #topMenuToggleContainer #topMenuToggle {
background-image: url(img/top-menu-toggle-icon.png);
background-position: left center;
background-repeat: no-repeat;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 400;
line-height: 24px;
margin: 12px 0;
padding-left: 41px;
text-transform: uppercase; }
header #topHeader #topMenuToggleContainer #topMenuToggle:hover {
opacity: 0.7;
text-decoration: none; }
header #topHeader #topMenuToggleContainer #topMenuToggle:active, header #topHeader #topMenuToggleContainer #topMenuToggle:focus {
text-decoration: none; }
header #topHeader #topSearchToggleContainer {
text-align: right; }
header #topHeader #topSearchToggleContainer #topSearchToggle {
background-image: url(img/top-search-toggle-icon.png);
background-position: right center;
background-repeat: no-repeat;
color: #fff;
display: inline-block;
color: #fff;
font-size: 15px;
font-weight: 400;
line-height: 24px;
margin: 12px 0;
padding-right: 35px;
text-transform: uppercase; }
header #topHeader #topSearchToggleContainer #topSearchToggle:hover {
opacity: 0.7;
text-decoration: none; }
header #topHeader #topSearchToggleContainer #topSearchToggle:active, header #topHeader #topSearchToggleContainer #topSearchToggle:focus {
text-decoration: none; }
header #topHeader #topMenuContainer #menu-top-menu {
font-size: 0;
margin: 0 0 -5px;
padding: 5px 0 20px; }
header #topHeader #topMenuContainer #menu-top-menu li {
line-height: 23px;
list-style-type: none; }
header #topHeader #topMenuContainer #menu-top-menu a {
color: #fff;
font-size: 16px;
font-weight: 600; }
header #topHeader #topMenuContainer #menu-top-menu a:hover, header #topHeader #topMenuContainer #menu-top-menu a:active, header #topHeader #topMenuContainer #menu-top-menu a:focus {
text-decoration: none; }
@media (min-width: 992px) {
header #topHeader #topMenuContainer #menu-top-menu {
padding: 0; }
header #topHeader #topMenuContainer #menu-top-menu a {
color: #666;
font-size: 14px; }
header #topHeader #topMenuContainer #menu-top-menu #menu-item-36 a {
background-image: url(img/home-icon-grey.png);
background-position: center;
background-repeat: no-repeat;
color: transparent; }
header #topHeader #topMenuContainer #menu-top-menu #menu-item-36 a:hover, header #topHeader #topMenuContainer #menu-top-menu #menu-item-36 a:active, header #topHeader #topMenuContainer #menu-top-menu #menu-item-36 a:focus {
background-image: url(img/home-icon-white.png); }
header #topHeader #topMenuContainer #menu-top-menu #menu-item-36.current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu #menu-item-36:hover a, header #topHeader #topMenuContainer #menu-top-menu #menu-item-36:active a, header #topHeader #topMenuContainer #menu-top-menu #menu-item-36:focus a {
background-image: url(img/home-icon-white.png); }
header #topHeader #topMenuContainer #menu-top-menu > li {
display: inline-block;
position: relative; }
header #topHeader #topMenuContainer #menu-top-menu > li#menu-item-36 {
border-bottom: 5px #4877c3 solid; }
header #topHeader #topMenuContainer #menu-top-menu > li#menu-item-36.current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li#menu-item-36:hover a, header #topHeader #topMenuContainer #menu-top-menu > li#menu-item-36:active a, header #topHeader #topMenuContainer #menu-top-menu > li#menu-item-36:focus a {
background-color: #4877c3; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) {
border-bottom: 5px #dec500 solid; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2).current-menu-item, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) .sub-menu {
background-color: #dec500; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2).current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):hover a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):active a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):focus a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) .sub-menu a {
color: #fffbde;
text-shadow: 0 0 1px rgba(44, 39, 0, 0.5); }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2).current-menu-item .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2).current-menu-item .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2).current-menu-item .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):hover .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):hover .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):hover .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):active .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):active .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):active .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):focus .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):focus .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2):focus .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) .sub-menu .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) .sub-menu .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+2) .sub-menu .sub-menu li:focus {
background-color: #c8b416; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) {
border-bottom: 5px #19cbe3 solid; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3).current-menu-item, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) .sub-menu {
background-color: #19cbe3; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3).current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):hover a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):active a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):focus a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) .sub-menu a {
color: #fcfeff;
text-shadow: 0 0 1px rgba(7, 59, 66, 0.5); }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3).current-menu-item .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3).current-menu-item .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3).current-menu-item .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):hover .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):hover .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):hover .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):active .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):active .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):active .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):focus .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):focus .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3):focus .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) .sub-menu .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) .sub-menu .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+3) .sub-menu .sub-menu li:focus {
background-color: #32b8ca; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) {
border-bottom: 5px #686684 solid; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4).current-menu-item, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) .sub-menu {
background-color: #686684; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4).current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):hover a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):active a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):focus a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) .sub-menu a {
color: #f3f3f6;
text-shadow: 0 0 1px rgba(25, 24, 31, 0.5); }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4).current-menu-item .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4).current-menu-item .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4).current-menu-item .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):hover .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):hover .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):hover .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):active .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):active .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):active .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):focus .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):focus .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4):focus .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) .sub-menu .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) .sub-menu .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+4) .sub-menu .sub-menu li:focus {
background-color: #757575; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) {
border-bottom: 5px #93cc1f solid; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5).current-menu-item, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) .sub-menu {
background-color: #93cc1f; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5).current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):hover a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):active a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):focus a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) .sub-menu a {
color: #f8fcee;
text-shadow: 0 0 1px rgba(35, 49, 7, 0.5); }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5).current-menu-item .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5).current-menu-item .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5).current-menu-item .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):hover .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):hover .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):hover .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):active .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):active .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):active .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):focus .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):focus .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5):focus .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) .sub-menu .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) .sub-menu .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+5) .sub-menu .sub-menu li:focus {
background-color: #8bb537; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) {
border-bottom: 5px #4a79c1 solid; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6).current-menu-item, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) .sub-menu {
background-color: #4a79c1; }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6).current-menu-item a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):hover a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):active a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):focus a, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) .sub-menu a {
color: white;
text-shadow: 0 0 1px rgba(23, 40, 66, 0.5); }
header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6).current-menu-item .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6).current-menu-item .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6).current-menu-item .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):hover .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):hover .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):hover .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):active .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):active .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):active .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):focus .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):focus .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6):focus .sub-menu li:focus, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) .sub-menu .sub-menu li:hover, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) .sub-menu .sub-menu li:active, header #topHeader #topMenuContainer #menu-top-menu > li:nth-child(5n+6) .sub-menu .sub-menu li:focus {
background-color: #627ea9; }
header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children {
position: relative; }
header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:hover .sub-menu, header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:active .sub-menu, header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:focus .sub-menu {
display: block;
margin: 0;
padding: 0;
position: absolute;
width: 300px;
z-index: 10; }
header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:hover .sub-menu li a, header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:active .sub-menu li a, header #topHeader #topMenuContainer #menu-top-menu > li.menu-item-has-children:focus .sub-menu li a {
display: block;
line-height: 43px; }
header #topHeader #topMenuContainer #menu-top-menu > li:hover a, header #topHeader #topMenuContainer #menu-top-menu > li:focus a, header #topHeader #topMenuContainer #menu-top-menu > li:active a {
text-decoration: none; }
header #topHeader #topMenuContainer #menu-top-menu > li a {
display: inline-block;
line-height: 60px;
padding: 0 12px; }
header #topHeader #topMenuContainer #menu-top-menu > li .sub-menu {
display: none; } }
@media (min-width: 1200px) {
header #topHeader #topMenuContainer #menu-top-menu > li a {
padding: 0 22px; } }
header #topHeader #topSearchContainer .search {
height: 46px;
position: relative; }
header #topHeader #topSearchContainer .search .search-input {
background-color: #ececec;
border-radius: 5px;
border-style: none;
color: #000;
display: block;
font-size: 12px;
height: 33px;
line-height: 33px;
padding: 0 10px;
position: absolute;
right: 45px;
width: 200px; }
@media (min-width: 992px) {
header #topHeader #topSearchContainer .search .search-input {
bottom: 0;
width: 150px; } }
@media (min-width: 1200px) {
header #topHeader #topSearchContainer .search .search-input {
width: 200px; } }
header #topHeader #topSearchContainer .search .search-submit {
background-color: transparent;
border-style: none;
display: block;
height: 33px;
line-height: 33px;
padding: 0;
position: absolute;
right: 0; }
@media (min-width: 992px) {
header #topHeader #topSearchContainer .search .search-submit {
bottom: 0; } }
header #topHeader #topSearchContainer .search .search-submit img {
display: block;
height: 33px;
line-height: 33px; }
header #bottomHeader {
padding: 25px 0 0; }
@media (min-width: 768px) {
header #bottomHeader {
padding: 25px 0 5px; } }
@media (min-width: 992px) {
header #bottomHeader {
padding: 40px 0 18px; } }
@media (min-width: 1200px) {
header #bottomHeader {
padding: 50px 0 18px; } }
header #bottomHeader .logo-container {
padding-bottom: 20px;
padding-top: 5px; }
header #bottomHeader .logo-container img {
max-width: 100%; }
@media (min-width: 768px) {
header #bottomHeader .logo-container {
padding-top: 7px; } }
@media (min-width: 992px) {
header #bottomHeader .logo-container {
padding-bottom: 10px; } }
@media (min-width: 1200px) {
header #bottomHeader .logo-container {
padding-bottom: 20px; } }
header #bottomHeader .phone-container {
padding-bottom: 20px; }
header #bottomHeader .phone-container .caption {
color: #999;
font-size: 20px; }
header #bottomHeader .phone-container a {
background-image: url(img/phone-icon.png);
background-position: left;
background-repeat: no-repeat;
color: #333;
font-size: 30px;
font-weight: 600;
padding-left: 27px; }
header #bottomHeader .phone-container a:hover, header #bottomHeader .phone-container a:active, header #bottomHeader .phone-container a:focus {
color: #666;
text-decoration: none; }
@media (min-width: 480px) {
header #bottomHeader .phone-container a {
background-image: none;
font-size: 26px;
padding-left: 0; } }
@media (min-width: 768px) {
header #bottomHeader .phone-container a {
background-image: url(img/phone-icon.png);
font-size: 30px;
padding-left: 27px; } }
@media (min-width: 480px) {
header #bottomHeader .phone-container {
text-align: right; } }
.page-template-template-home .top-banner {
background-image: url(img/home-top-banner.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
color: #fff;
padding: 25px 0 18px; }
.page-template-template-home .top-banner .main-content h1 {
font-size: 42px;
font-weight: 700;
line-height: 46px;
margin: 35px 0 24px; }
.page-template-template-home .top-banner .main-content p {
font-size: 23px;
font-weight: 500; }
.page-template-template-home .top-banner .main-content .button {
background-color: #007BBB;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 28px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 24px 0 75px;
padding: 15px 65px 15px 22px;
text-decoration: none; }
.page-template-template-home .top-banner .main-content .button:hover {
background-color: #002D43; }
.page-template-template-home .top-banner .speech-bubble-container {
position: relative; }
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble {
color: #fff;
font-size: 17px;
font-weight: 700;
text-align: center; }
@media (max-width: 767px) {
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble {
background-color: #002D43;
border-radius: 10px;
margin: 0 0 25px;
max-width: 250px; } }
@media (min-width: 768px) {
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble {
background-image: url(img/speech-bubble-background.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 175px;
padding: 40px 15px;
position: absolute;
right: 0;
top: 0;
width: 219px; } }
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble .caption {
font-size: 20px;
font-weight: 500; }
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble a {
color: #fff;
font-size: 23px;
font-weight: 700;
text-decoration: none; }
.page-template-template-home .top-banner .speech-bubble-container .speech-bubble a:hover {
color: #fff; }
.page-template-template-home .top-banner .search-block {
background-color: #F7F7F7;
border-radius: 10px;
padding: 20px;
text-align: center; }
.page-template-template-home .top-banner .search-block .search {
display: inline-block; }
.page-template-template-home .top-banner .search-block .search input, .page-template-template-home .top-banner .search-block .search button {
border-radius: 10px;
border-style: none; }
.page-template-template-home .top-banner .search-block .search input {
background-color: #fff;
color: #002E43;
font-size: 18px;
font-weight: 500;
height: 32px;
line-height: 32px;
padding: 0 20px;
text-align: left; }
.page-template-template-home .top-banner .search-block .search input::placeholder {
color: #002E43; }
.page-template-template-home .top-banner .search-block .search button {
background-color: #002D43;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 18px;
border-radius: 10px;
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 32px;
padding: 0 55px 0 40px; }
.page-template-template-home .top-banner .search-block .search button:hover {
background-color: #007BBB; }
.page-template-template-home .sorting-out-debt-and-our-coverage {
padding: 50px 0; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt {
background-color: #007BBB;
border-radius: 10px;
color: #fff;
padding: 20px 30px 40px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt h2 {
font-size: 35px;
font-weight: 700;
margin: 0 0 20px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt h2 a {
color: #fff; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .items .item {
align-items: center;
display: flex; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .items .item .number {
background-color: #002D43;
border-radius: 100%;
color: #fff;
display: inline-block;
flex: 0 0 auto;
font-size: 36px;
font-weight: 700;
line-height: 43px;
margin: 6px 0;
text-align: center;
width: 43px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .items .item .text {
flex: 1 1 auto;
font-size: 22px;
line-height: 27px;
margin-left: 15px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .button {
background-color: #002D43;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 28px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 24px 0 75px;
padding: 15px 55px 15px 22px;
text-decoration: none; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .button:hover {
background-color: #000; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .content {
font-size: 16px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .sorting-out-debt .content strong {
color: #002E43;
font-size: 18px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage {
margin-top: 50px; }
@media (min-width: 992px) {
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage {
margin-top: 0; } }
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage h2 {
font-size: 35px;
font-weight: 700;
margin: 0 0 20px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage h2 a {
color: #002E43;
text-decoration: none; }
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage .text {
font-size: 16px;
margin-bottom: 20px; }
.page-template-template-home .sorting-out-debt-and-our-coverage .our-coverage img {
max-width: 100%; }
.page-template-template-home .how-we-can-help {
background-color: #F7F7F7;
padding: 30px 0 35px; }
.page-template-template-home .how-we-can-help h2 {
color: #3D3D3D;
font-size: 38px;
font-weight: 500;
margin: 0 0 10px;
text-align: center; }
.page-template-template-home .how-we-can-help .a-way-we-can-help {
margin: 20px 0 0;
text-align: center; }
.page-template-template-home .how-we-can-help .a-way-we-can-help .heading {
font-size: 28px;
font-weight: 700;
margin: 10px 0; }
.page-template-template-home .how-we-can-help .a-way-we-can-help .heading a {
color: #007BBB;
text-decoration: none; }
.page-template-template-home .how-we-can-help .a-way-we-can-help .button {
background-color: #598100;
background-image: url(img/button-arrow.png);
background-position: center right 16px;
background-repeat: no-repeat;
background-size: auto 18px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 16px;
font-weight: 700;
margin: 10px 0 0;
padding: 10px 40px 10px 17px;
text-decoration: none; }
.page-template-template-home .how-we-can-help .a-way-we-can-help .button:hover {
background-color: #002D43; }
.page-template-template-home .thames-water-trust-fund {
padding: 60px 0 30px;
text-align: center; }
@media (min-width: 992px) {
.page-template-template-home .thames-water-trust-fund {
padding: 60px 60px 30px; } }
@media (min-width: 1200px) {
.page-template-template-home .thames-water-trust-fund {
padding: 60px 160px 30px; } }
.page-template-template-home .thames-water-trust-fund h2 {
color: #434F5E;
font-size: 37px;
font-weight: 500;
margin: 0 0 26px;
text-align: center; }
.page-template-template-home .thames-water-trust-fund .large-text {
color: #002E43;
font-size: 22px;
font-weight: 500;
margin-top: 23px; }
@media (min-width: 992px) {
.page-template-template-home .thames-water-trust-fund .large-text {
padding: 0 50px; } }
@media (min-width: 992px) {
.page-template-template-home .thames-water-trust-fund .large-text {
padding: 0 70px; } }
.page-template-template-home .thames-water-trust-fund .button {
background-color: #002D43;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 28px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 500;
margin: 24px 12px;
padding: 15px 55px 15px 22px;
text-decoration: none; }
.page-template-template-home .thames-water-trust-fund .button.how-we-can-help {
background-color: #007BBB; }
.page-template-template-home .thames-water-trust-fund .button.how-we-can-help:hover {
background-color: #002D43; }
.page-template-template-home .thames-water-trust-fund .button.apply {
background-color: #598100; }
.page-template-template-home .thames-water-trust-fund .button.apply:hover {
background-color: #002D43; }
.page-template-template-home .customer-assistance-fund-and-can-we-help {
background-color: #007BBB;
padding: 30px 0; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund {
background-color: #fff; }
@media (min-width: 480px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner {
background-image: url(img/customer-assistance-fund-2021.jpg);
background-position: right -10px center;
background-repeat: no-repeat;
background-size: auto 100%;
padding-right: 200px; } }
@media (min-width: 992px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner {
background-position: right -30px center; } }
@media (min-width: 1200px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner {
background-position: right -10px center;
padding-right: 240px; } }
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .content, .page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .website-phone {
background-color: #fff; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .content {
padding: 35px 20px 5px; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .website-phone {
font-size: 18px;
font-weight: 700;
padding: 0 20px 40px; }
@media (min-width: 768px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .website-phone {
padding-bottom: 55px; } }
.page-template-template-home .customer-assistance-fund-and-can-we-help .customer-assistance-fund .inner .website-phone a {
color: #002E43; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help {
color: #fff; }
@media (min-width: 1200px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help {
padding-left: 40px; } }
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help h2 {
font-size: 34px;
font-weight: 700;
margin: 0 0 20px; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help h2 a {
color: #fff;
text-decoration: none; }
@media (min-width: 480px) {
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help h2 a {
background-image: url(img/can-we-help-icon.png);
background-position: left;
background-repeat: no-repeat;
display: inline-block;
padding-left: 140px; } }
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help .button {
background-color: #002D43;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 28px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 20px;
font-weight: 500;
margin: 10px 0 0;
padding: 15px 100px 15px 22px;
text-decoration: none; }
.page-template-template-home .customer-assistance-fund-and-can-we-help .can-we-help .button:hover {
background-color: #000; }
.page-template-default .top-banner, .search-results .top-banner {
background-color: #002D43;
padding: 20px 0; }
.page-template-default .top-banner .title-and-speech-bubble, .search-results .top-banner .title-and-speech-bubble {
align-items: center;
color: #fff;
display: flex;
justify-content: space-between; }
.page-template-default .top-banner .title-and-speech-bubble h1, .search-results .top-banner .title-and-speech-bubble h1 {
font-size: 48px;
font-weight: 700;
margin: 0;
max-width: 400px; }
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container {
text-align: right; }
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble {
color: #fff;
display: inline-block;
font-size: 17px;
font-weight: 700;
text-align: center; }
@media (max-width: 767px) {
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble {
background-color: #002D43;
border-radius: 10px;
margin: 0 0 25px;
max-width: 250px; } }
@media (min-width: 768px) {
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble {
background-image: url(img/speech-bubble-background-inner.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
height: 175px;
padding: 40px 15px;
width: 219px; } }
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble .caption, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble .caption {
font-size: 20px;
font-weight: 500; }
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble a, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble a {
color: #fff;
font-size: 23px;
font-weight: 700;
text-decoration: none; }
.page-template-default .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble a:hover, .search-results .top-banner .title-and-speech-bubble .speech-bubble-container .speech-bubble a:hover {
color: #fff; }
.page-template-default .content-and-coverage, .search-results .content-and-coverage {
padding: 60px 0; }
.page-template-default .content-and-coverage .content-container, .search-results .content-and-coverage .content-container {
color: #434F5E;
font-size: 16px; }
.page-template-default .content-and-coverage .content-container h2, .search-results .content-and-coverage .content-container h2 {
font-size: 20px;
font-weight: 500; }
.page-template-default .content-and-coverage .content-container .button, .search-results .content-and-coverage .content-container .button {
background-color: #007BBB;
background-image: url(img/button-arrow.png);
background-position: center right 26px;
background-repeat: no-repeat;
background-size: auto 28px;
border-radius: 10px;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 24px 0 40px;
padding: 15px 65px 15px 22px;
text-decoration: none; }
.page-template-default .content-and-coverage .content-container .button.light-blue, .search-results .content-and-coverage .content-container .button.light-blue {
background-color: #007BBB; }
.page-template-default .content-and-coverage .content-container .button.green, .search-results .content-and-coverage .content-container .button.green {
background-color: #598100; }
.page-template-default .content-and-coverage .content-container .top-tip, .search-results .content-and-coverage .content-container .top-tip {
background-color: #002D43;
border-radius: 10px;
color: #fff;
margin-top: 20px;
padding: 40px; }
.page-template-default .content-and-coverage .content-container .top-tip h2, .search-results .content-and-coverage .content-container .top-tip h2 {
color: #007BBB;
font-size: 28px;
font-weight: 700; }
.page-template-default .content-and-coverage .content-container .top-tip p, .search-results .content-and-coverage .content-container .top-tip p {
font-size: 18px; }
.page-template-default .content-and-coverage .our-coverage h2, .search-results .content-and-coverage .our-coverage h2 {
font-size: 29px;
font-weight: 700;
margin: 0 0 15px; }
.page-template-default .content-and-coverage .our-coverage h2 a, .search-results .content-and-coverage .our-coverage h2 a {
color: #002E43; }
.page-template-default .content-and-coverage .our-coverage .text, .search-results .content-and-coverage .our-coverage .text {
margin-bottom: 20px; }
.page-template-default .twtf-impact, .search-results .twtf-impact {
background-color: #007BBB;
color: #fff;
padding: 40px 0; }
.page-template-default .twtf-impact img, .search-results .twtf-impact img {
display: inline-block;
margin-bottom: 30px; }
.page-template-default .twtf-impact h2, .search-results .twtf-impact h2 {
font-size: 21px;
font-weight: 700;
margin: 0 0 20px; }
.page-template-default .twtf-impact p, .search-results .twtf-impact p {
font-size: 16px;
font-weight: 700; }
.page-template-default .twtf-impact h3, .search-results .twtf-impact h3 {
font-size: 22px;
font-weight: 700;
margin: 0; }
.page-template-default .twtf-impact h3 .number, .search-results .twtf-impact h3 .number {
color: #7DC6DF;
font-size: 44px; }
.page-template-default .content-and-coverage .content-container h2 {
margin: 0 0 20px; }
.search-results .content-and-coverage .content-container h2 {
margin: 20px 0 5px; }
.water-droplet-separator {
background-image: url(img/small-grey-water-droplet.png);
background-position: top center;
background-repeat: no-repeat;
height: 49px; }
.water-droplet-separator.top {
margin-top: -24px;
padding-bottom: 24px; }
.water-droplet-separator.bottom {
margin-bottom: -24px;
padding-top: 24px; }
#homeContent h1 {
color: #444;
font-size: 35px;
font-weight: 600;
line-height: 53px; }
#homeContent .banner-container .banner {
list-style-type: none;
margin: 0;
padding: 0; }
#homeContent .banner-container .banner li {
background-position: bottom, center;
background-repeat: no-repeat;
background-size: 100% auto, cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
height: 210px;
position: relative; }
@media (min-width: 480px) {
#homeContent .banner-container .banner li {
height: 310px; } }
@media (min-width: 992px) {
#homeContent .banner-container .banner li {
height: 410px; } }
@media (min-width: 1200px) {
#homeContent .banner-container .banner li {
height: 510px; } }
#homeContent .banner-container .banner li a {
background-color: #ddc400;
background-image: url(img/home-top-banner-button-arrow.png);
background-position: right 22px center;
background-repeat: no-repeat;
border-radius: 3px;
bottom: 40px;
color: #fff;
display: block;
font-size: 18px;
font-weight: 600;
line-height: 28px;
max-width: 90%;
padding: 10px 78px 10px 20px;
position: absolute;
right: 0;
text-decoration: none;
text-shadow: 0 0 1px #6e6100;
width: 250px; }
#homeContent .banner-container .banner li a:hover, #homeContent .banner-container .banner li a:active, #homeContent .banner-container .banner li a:focus {
background-color: #d3bb00;
text-decoration: none; }
@media (min-width: 480px) {
#homeContent .banner-container .banner li a {
bottom: 65px;
right: 40px; } }
#homeContent .how-we-can-help h1 {
margin: 55px 0 26px; }
#homeContent .how-we-can-help .four-options a, #homeContent .how-we-can-help .three-options a {
background-position: left 12px center;
background-repeat: no-repeat;
background-size: 46px;
display: table;
width: 100%; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .four-options a, #homeContent .how-we-can-help .three-options a {
background-position: left 10px center;
background-size: 30px; } }
@media (min-width: 992px) {
#homeContent .how-we-can-help .four-options a, #homeContent .how-we-can-help .three-options a {
background-position: left 12px center;
background-size: 46px; } }
#homeContent .how-we-can-help .four-options a span, #homeContent .how-we-can-help .three-options a span {
display: table-cell;
height: 70px;
padding: 0 20px 0 74px;
vertical-align: middle; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .four-options a span, #homeContent .how-we-can-help .three-options a span {
padding: 0 15px 0 50px; } }
@media (min-width: 992px) {
#homeContent .how-we-can-help .four-options a span, #homeContent .how-we-can-help .three-options a span {
padding: 0 20px 0 74px; } }
#homeContent .how-we-can-help .four-options a:hover, #homeContent .how-we-can-help .four-options a:active, #homeContent .how-we-can-help .four-options a:focus, #homeContent .how-we-can-help .three-options a:hover, #homeContent .how-we-can-help .three-options a:active, #homeContent .how-we-can-help .three-options a:focus {
text-decoration: none; }
#homeContent .how-we-can-help .four-options .sorting-out-debt a {
background-color: #00bdda;
background-image: url(img/sorting-out-debt-icon-white.png);
color: #fff;
font-weight: bold;
text-shadow: 0 0 1px #005f6e; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .four-options .sorting-out-debt a {
font-weight: 400; } }
#homeContent .how-we-can-help .four-options .sorting-out-debt a:hover, #homeContent .how-we-can-help .four-options .sorting-out-debt a:active, #homeContent .how-we-can-help .four-options .sorting-out-debt a:focus {
background-color: #006eb2;
text-shadow: 0 0 1px #003e47; }
#homeContent .how-we-can-help .four-options .free-help-and-advice a, #homeContent .how-we-can-help .four-options .work-out-your-budget a, #homeContent .how-we-can-help .four-options .grants a {
background-color: #eee;
color: #686783; }
#homeContent .how-we-can-help .four-options .free-help-and-advice a:hover, #homeContent .how-we-can-help .four-options .free-help-and-advice a:active, #homeContent .how-we-can-help .four-options .free-help-and-advice a:focus, #homeContent .how-we-can-help .four-options .work-out-your-budget a:hover, #homeContent .how-we-can-help .four-options .work-out-your-budget a:active, #homeContent .how-we-can-help .four-options .work-out-your-budget a:focus, #homeContent .how-we-can-help .four-options .grants a:hover, #homeContent .how-we-can-help .four-options .grants a:active, #homeContent .how-we-can-help .four-options .grants a:focus {
color: #fff; }
#homeContent .how-we-can-help .four-options .free-help-and-advice a {
background-image: url(img/free-help-and-advice-icon-green.png); }
#homeContent .how-we-can-help .four-options .free-help-and-advice a:hover, #homeContent .how-we-can-help .four-options .free-help-and-advice a:active, #homeContent .how-we-can-help .four-options .free-help-and-advice a:focus {
background-color: #94ca33;
background-image: url(img/free-help-and-advice-icon-white.png);
text-shadow: 0 0 1px #4b661a; }
#homeContent .how-we-can-help .four-options .work-out-your-budget a {
background-image: url(img/work-out-your-budget-icon-grey.png); }
#homeContent .how-we-can-help .four-options .work-out-your-budget a:hover, #homeContent .how-we-can-help .four-options .work-out-your-budget a:active, #homeContent .how-we-can-help .four-options .work-out-your-budget a:focus {
background-color: #686783;
background-image: url(img/work-out-your-budget-icon-white.png);
text-shadow: 0 0 1px #333240; }
#homeContent .how-we-can-help .four-options .grants a {
background-image: url(img/grants-icon-yellow.png); }
#homeContent .how-we-can-help .four-options .grants a:hover, #homeContent .how-we-can-help .four-options .grants a:active, #homeContent .how-we-can-help .four-options .grants a:focus {
background-color: #dec500;
background-image: url(img/grants-icon-white.png);
text-shadow: 0 0 1px #6e6100; }
#homeContent .how-we-can-help .four-options a {
border-top-left-radius: 5px;
border-top-right-radius: 4px; }
#homeContent .how-we-can-help .large-sorting-out-debt {
background-color: #00bdda;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
padding-top: 25px; }
#homeContent .how-we-can-help .large-sorting-out-debt .items .item {
display: table;
margin-bottom: 30px;
padding-left: 14px; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .large-sorting-out-debt .items .item {
padding-left: 12px; } }
@media (min-width: 992px) {
#homeContent .how-we-can-help .large-sorting-out-debt .items .item {
padding-left: 14px; } }
#homeContent .how-we-can-help .large-sorting-out-debt .items .item .number {
display: table-cell;
vertical-align: middle;
width: 64px; }
#homeContent .how-we-can-help .large-sorting-out-debt .items .item .number .outer {
border: 2px #fff solid;
border-radius: 100%;
display: inline-block; }
#homeContent .how-we-can-help .large-sorting-out-debt .items .item .number .outer .inner {
background-color: #fff;
border: 4px #008ea6 solid;
border-radius: 100%;
color: #008ea6;
display: inline-block;
font-size: 18px;
line-height: 40px;
text-align: center;
width: 48px; }
#homeContent .how-we-can-help .large-sorting-out-debt .items .item .text {
display: table-cell;
vertical-align: middle; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .large-sorting-out-debt .content-container {
border-left: 1px #00b0ca solid; } }
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content {
font-size: 16px;
line-height: 26px;
margin: 5px 0 25px;
padding: 5px 35px 10px 25px; }
@media (min-width: 768px) {
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content {
border-left: 1px #1ce3ff solid; } }
@media (min-width: 1200px) {
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content {
padding-right: 270px;
position: relative; } }
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content p strong {
font-size: 20px;
line-height: 28px; }
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content .call-to-action {
background-color: #006eb2;
background-image: url(img/small-button-arrow.png);
background-position: right 12px center;
background-repeat: no-repeat;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 38px;
margin-top: 20px;
padding: 0 40px 2px 20px; }
@media (min-width: 1200px) {
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content .call-to-action {
bottom: 0;
margin-top: 0;
position: absolute;
right: 25px; } }
#homeContent .how-we-can-help .large-sorting-out-debt .content-container .content .call-to-action:hover, #homeContent .how-we-can-help .large-sorting-out-debt .content-container .content .call-to-action:active, #homeContent .how-we-can-help .large-sorting-out-debt .content-container .content .call-to-action:focus {
background-color: #005e99;
text-decoration: none; }
#homeContent .how-we-can-help .three-options .free-help-and-advice a {
background-color: #eee;
background-image: url(img/free-help-and-advice-icon-green.png); }
#homeContent .how-we-can-help .three-options .free-help-and-advice a:hover, #homeContent .how-we-can-help .three-options .free-help-and-advice a:active, #homeContent .how-we-can-help .three-options .free-help-and-advice a:focus {
background-color: #94ca33;
background-image: url(img/free-help-and-advice-icon-white.png);
text-shadow: 0 0 1px #4b661a; }
#homeContent .how-we-can-help .three-options .work-out-your-budget a {
background-color: #eee;
background-image: url(img/work-out-your-budget-icon-grey.png); }
#homeContent .how-we-can-help .three-options .work-out-your-budget a:hover, #homeContent .how-we-can-help .three-options .work-out-your-budget a:active, #homeContent .how-we-can-help .three-options .work-out-your-budget a:focus {
background-color: #686783;
background-image: url(img/work-out-your-budget-icon-white.png);
text-shadow: 0 0 1px #333240; }
#homeContent .how-we-can-help .three-options .grants a {
background-color: #eee;
background-image: url(img/grants-icon-yellow.png); }
#homeContent .how-we-can-help .three-options .grants a:hover, #homeContent .how-we-can-help .three-options .grants a:active, #homeContent .how-we-can-help .three-options .grants a:focus {
background-color: #dec500;
background-image: url(img/grants-icon-white.png);
text-shadow: 0 0 1px #6e6100; }
#homeContent .how-we-can-help .three-options a {
border-radius: 5px;
color: #686783;
margin-top: 20px; }
#homeContent .how-we-can-help .three-options a:hover, #homeContent .how-we-can-help .three-options a:active, #homeContent .how-we-can-help .three-options a:focus {
background-color: #eee;
color: #fff;
text-shadow: 0 0 0 transparent; }
#homeContent .what-we-do-how-we-do-it {
border-bottom: 1px #ddd solid;
border-top: 1px #ddd solid;
margin: 70px 0; }
#homeContent .what-we-do-how-we-do-it h1 {
margin: 27px 0 31px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund {
border: 1px #ddd solid;
border-radius: 5px;
margin-bottom: 31px;
padding: 17px 20px 10px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund h2 {
color: #006cb4;
font-size: 27px;
font-weight: 600;
line-height: 41px;
margin: 0 0 8px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund .content {
border-bottom: 1px #ddd solid;
margin-bottom: 17px;
padding-bottom: 30px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund .content p {
color: #333;
font-size: 14px;
line-height: 21px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund .large-text {
background-image: url(img/donations-icon.png);
background-position: right 10px center;
background-repeat: no-repeat;
padding-right: 90px; }
#homeContent .what-we-do-how-we-do-it .thames-water-trust-fund .large-text p {
color: #3d90c8;
font-size: 20px;
line-height: 28px; }
#homeContent .the-customer-assistance-fund {
background-color: #8fc03d;
border-radius: 5px;
margin-bottom: 31px; }
@media (min-width: 480px) {
#homeContent .the-customer-assistance-fund {
background-image: url(img/customer-assistance-fund.jpg);
background-position: left 100% center;
background-repeat: no-repeat;
background-size: auto 100%; } }
@media (min-width: 768px) {
#homeContent .the-customer-assistance-fund {
background-position: left 350% center;
margin-bottom: 52px; } }
@media (min-width: 992px) {
#homeContent .the-customer-assistance-fund {
background-position: right -20% center;
background-size: 70% auto; } }
@media (min-width: 1200px) {
#homeContent .the-customer-assistance-fund {
background-position: right center;
background-size: 60% auto; } }
#homeContent .the-customer-assistance-fund .inner {
background-color: #8fc03d;
border-radius: 5px;
padding: 16px 17px; }
@media (min-width: 480px) {
#homeContent .the-customer-assistance-fund .inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc03d+50,8fc03d+83&1+50,0+83 */
background: -moz-linear-gradient(left, #8fc03d 65%, rgba(143, 192, 61, 0) 83%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #8fc03d 65%, rgba(143, 192, 61, 0) 83%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8fc03d 65%, rgba(143, 192, 61, 0) 83%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 16px 35% 16px 17px; } }
@media (min-width: 992px) {
#homeContent .the-customer-assistance-fund .inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc03d+50,8fc03d+83&1+50,0+83 */
background: -moz-linear-gradient(left, #8fc03d 50%, rgba(143, 192, 61, 0) 83%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #8fc03d 50%, rgba(143, 192, 61, 0) 83%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #8fc03d 50%, rgba(143, 192, 61, 0) 83%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 5px;
padding-right: 53%; } }
#homeContent .the-customer-assistance-fund .inner .content {
border-bottom: 1px #80ac2f solid; }
#homeContent .the-customer-assistance-fund .inner .content p {
color: #fff;
font-size: 15px;
line-height: 23px; }
#homeContent .the-customer-assistance-fund .inner .website-phone {
border-top: 1px #a3dd3c solid;
font-size: 20px;
line-height: 30px;
padding-top: 7px; }
#homeContent .the-customer-assistance-fund .inner .website-phone .website, #homeContent .the-customer-assistance-fund .inner .website-phone .phone {
color: #fff;
display: block; }
#homeContent .can-we-help-your-organisation {
background-color: #eee;
border: 1px #ddd solid;
border-radius: 5px;
margin-bottom: 31px;
padding: 16px 34px 25px; }
#homeContent .can-we-help-your-organisation h2 {
color: #006ab7;
font-size: 27px;
font-weight: 600;
line-height: 41px;
margin: 0 0 20px; }
#homeContent .can-we-help-your-organisation .content p {
color: #333;
font-size: 15px;
line-height: 23px; }
#homeContent .can-we-help-your-organisation .call-to-action {
background-color: #ddc400;
background-image: url(img/small-button-arrow.png);
background-position: right 12px center;
background-repeat: no-repeat;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 38px;
margin-top: 20px;
padding: 0 40px 2px 20px; }
#homeContent .can-we-help-your-organisation .call-to-action:hover, #homeContent .can-we-help-your-organisation .call-to-action:active, #homeContent .can-we-help-your-organisation .call-to-action:focus {
background-color: #d3bb00;
text-decoration: none; }
#homeContent .our-coverage {
border: 1px #ddd solid;
border-radius: 5px;
margin-bottom: 31px;
padding: 21px 33px; }
#homeContent .our-coverage h2 {
color: #006cb3;
font-size: 27px;
font-weight: 600;
line-height: 41px;
margin: 0 0 10px; }
#homeContent .our-coverage .text {
color: #333;
font-size: 13px;
line-height: 16px;
margin-bottom: 12px; }
#homeContent .our-coverage .image {
text-align: center; }
#homeContent .our-coverage .image img {
max-width: 100%; }
#homeContent .latest-news-help .latest-news h1 {
font-size: 35px;
line-height: 53px;
margin: 0; }
#homeContent .latest-news-help .need-help-container h1 {
font-size: 35px;
line-height: 53px;
margin: 0; }
@media (min-width: 480px) {
#homeContent .latest-news-help .need-help-container .call-to-action-container {
text-align: right; } }
#homeContent .latest-news-help .need-help-container .call-to-action-container a {
background-color: #ddc400;
background-image: url(img/small-button-arrow.png);
background-position: right 12px center;
background-repeat: no-repeat;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 16px;
line-height: 38px;
margin-top: 10px;
padding: 0 40px 2px 20px; }
@media (min-width: 480px) {
#homeContent .latest-news-help .need-help-container .call-to-action-container a {
margin-top: 5px; } }
#homeContent .latest-news-help .need-help-container .call-to-action-container a:hover, #homeContent .latest-news-help .need-help-container .call-to-action-container a:active, #homeContent .latest-news-help .need-help-container .call-to-action-container a:focus {
background-color: #d3bb00;
text-decoration: none; }
#homeContent .latest-news-help .need-help-container .need-help {
background-color: #4766a3;
border-radius: 5px;
margin-top: 10px; }
@media (min-width: 480px) {
#homeContent .latest-news-help .need-help-container .need-help {
background-image: url(img/need-help.jpg);
background-position: left 100% center;
background-repeat: no-repeat;
background-size: auto 100%; } }
@media (min-width: 768px) {
#homeContent .latest-news-help .need-help-container .need-help {
background-position: right 100% center; } }
@media (min-width: 992px) {
#homeContent .latest-news-help .need-help-container .need-help {
background-position: right -50% center;
background-size: 80% auto; } }
@media (min-width: 1200px) {
#homeContent .latest-news-help .need-help-container .need-help {
background-position: right -10% center;
background-size: 60% auto; } }
#homeContent .latest-news-help .need-help-container .need-help .inner {
background-color: #4766a3;
border-radius: 5px;
padding: 22px 32px; }
@media (min-width: 480px) {
#homeContent .latest-news-help .need-help-container .need-help .inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc03d+50,8fc03d+83&1+50,0+83 */
background: -moz-linear-gradient(left, #4766a3 50%, rgba(71, 102, 163, 0) 83%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #4766a3 50%, rgba(71, 102, 163, 0) 83%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4766a3 50%, rgba(71, 102, 163, 0) 83%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 22px 50% 22px 32px; } }
@media (min-width: 768px) {
#homeContent .latest-news-help .need-help-container .need-help .inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc03d+50,8fc03d+83&1+50,0+83 */
background: -moz-linear-gradient(left, #4766a3 65%, rgba(71, 102, 163, 0) 83%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #4766a3 65%, rgba(71, 102, 163, 0) 83%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4766a3 65%, rgba(71, 102, 163, 0) 83%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding: 22px 35% 22px 32px; } }
@media (min-width: 992px) {
#homeContent .latest-news-help .need-help-container .need-help .inner {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc03d+50,8fc03d+83&1+50,0+83 */
background: -moz-linear-gradient(left, #4766a3 70%, rgba(71, 102, 163, 0) 83%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #4766a3 70%, rgba(71, 102, 163, 0) 83%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #4766a3 70%, rgba(71, 102, 163, 0) 83%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius: 5px;
padding-right: 30%; } }
#homeContent .latest-news-help .need-help-container .need-help .inner .content {
color: #fff; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content a {
color: #fff;
text-decoration: underline; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content a:hover, #homeContent .latest-news-help .need-help-container .need-help .inner .content a:active, #homeContent .latest-news-help .need-help-container .need-help .inner .content a:focus {
text-decoration: none; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content strong {
font-weight: 600; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content .large {
font-size: 17px;
line-height: 27px; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content .large p {
margin-bottom: 27px; }
#homeContent .latest-news-help .need-help-container .need-help .inner .content .small {
font-size: 14px;
line-height: 22px; }
footer {
background-color: #002D43;
color: #fff;
padding: 40px 0 60px; }
footer #topFooter {
background-color: #eee;
padding-bottom: 23px; }
footer #topFooter .social-container, footer #topFooter .newsletter-text-container, footer #topFooter .newsletter-form-container {
padding-top: 23px; }
footer #topFooter .social-container {
font-size: 0; }
footer #topFooter .social-container a img {
display: inline-block;
margin-right: 30px;
margin-top: 20px; }
@media (min-width: 992px) {
footer #topFooter .social-container a img {
margin-top: 0; } }
footer #topFooter .social-container a:hover img, footer #topFooter .social-container a:active img, footer #topFooter .social-container a:focus img {
opacity: 0.9; }
footer #topFooter .newsletter-text-container h1, footer #topFooter .newsletter-text-container h2 {
color: #35539b;
font-weight: 600;
margin: 0; }
footer #topFooter .newsletter-text-container h1 {
font-size: 23px; }
@media (min-width: 992px) {
footer #topFooter .newsletter-text-container h1 {
margin-top: 4px; } }
@media (min-width: 1200px) {
footer #topFooter .newsletter-text-container h1 {
font-size: 25px;
margin-top: 0; } }
footer #topFooter .newsletter-text-container h2 {
font-size: 13px;
margin-top: 7px; }
@media (min-width: 1200px) {
footer #topFooter .newsletter-text-container h2 {
font-size: 15px; } }
footer #topFooter .newsletter-form-container form {
min-height: 50px; }
footer #topFooter .newsletter-form-container form input {
border-style: none;
height: 50px;
line-height: 50px;
padding: 0;
position: absolute; }
footer #topFooter .newsletter-form-container form input#mce-EMAIL {
background-color: #fafafa;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
color: #333;
font-size: 13px;
padding: 0 15px;
width: 160px; }
@media (min-width: 992px) {
footer #topFooter .newsletter-form-container form input#mce-EMAIL {
right: 147px; } }
@media (min-width: 1200px) {
footer #topFooter .newsletter-form-container form input#mce-EMAIL {
width: 220px; } }
footer #topFooter .newsletter-form-container form input#mc-embedded-subscribe {
background-color: #006cb4;
background-image: url(img/small-button-arrow.png);
background-position: right 15px center;
background-repeat: no-repeat;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
font-size: 16px;
left: 175px;
padding-right: 20px;
width: 132px; }
@media (min-width: 992px) {
footer #topFooter .newsletter-form-container form input#mc-embedded-subscribe {
right: 15px; } }
@media (min-width: 768px) {
footer #bottomFooter .logo-container {
text-align: right; } }
footer #bottomFooter .logo-container img {
margin-bottom: 30px;
max-width: 100%; }
@media (min-width: 768px) {
footer #bottomFooter .logo-container img {
margin-bottom: 0; } }
footer #bottomFooter .footer-menu-container #menu-footer-menu {
font-size: 0;
margin: 0 0 25px -10px;
padding: 0; }
@media (min-width: 480px) {
footer #bottomFooter .footer-menu-container #menu-footer-menu li {
border-right: 1px #fff solid;
line-height: 20px;
margin-left: 6px;
margin-right: 0;
padding-right: 6px;
display: inline-block; }
footer #bottomFooter .footer-menu-container #menu-footer-menu li:last-child {
border-style: none; } }
footer #bottomFooter .footer-menu-container #menu-footer-menu li a {
color: #fff;
font-size: 16px;
margin-left: 7px;
margin-right: 7px; }
footer #bottomFooter .footer-menu-container p {
color: #fff;
font-size: 12px;
line-height: 19px;
margin: 0 0 12px; }
.reciteme {
position: fixed;
bottom: 0;
right: 0;
z-index: 9998; }