/**
 hourglass
 */
@font-face {
	font-family: "pluto"; /* embeded font for slideshow  */
	src: url(https://wearehourglass.org/themes/custom/hourglass/fonts/de5373290268de4bf704a591f17ef92f.woff) format("truetype");
}

body,
div,
p,
span,
h3,
h4,
li {
	color: #42403f;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

p,
span,
h1,
h2,
h3,
h4,
li,
.views-row {
	text-align: left;
}

body {
	text-align: center;
}

a {
	color: #813682;
}

a:hover,
.navbar-default .navbar-nav > li > a:hover {
	color: #de7f00;
	text-decoration: none;
}

.page-header,
.page-header span {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	color: #813682 !important;
}

.file {
	font-size: 100%;
	font-weight: normal;
}

h1,
h2 {
	color: #000;
}

h1,
h1 span,
.page-header,
.page-header span,
.page-header span,
.js-quickedit-page-title span {
	font-size: 30px !important;
	padding-top: 10px;
}

/* forms stuff */
.webform-submission-form {
	text-align: left;
}

.form-item {
	margin-bottom: 20px;
	position: relative;
}

.webform-submission-form .description {
	position: relative;
	float: none;
	clear: both;
	margin-top: 15px;
}

/* capcha */
#rc-anchor-container {
	top: 20px;
	position: relative;
	padding-top: 20px !important;
}

.radio label,
.checkbox label {
	padding-right: 20px;
}

.home .page-header {
	margin-todonp: 20px;
}

.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* header */
header,
.main-container,
.region-footer {
	width: 1200px;
	display: inline-block;
}

.main-container img {
	max-width: 100%;
	height: auto;
}

.navbar-header,
.navbar.container {
	width: 1200px;
	max-width: 1200px;
	position: relative;
}

.navbar-collapse {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color: #813682 !important;
}

.logo {
	max-width: 210px !important;
	float: left;
	z-index: 101;
	position: relative;
}

.logo img {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	position: relative;
	max-width: 210px !important;
	height: auto !important;
}

#block-logolink,
#block-logolink a {
	position: absolute;
	height: 100px;
	width: 180px;
	top: 0;
	left: 0;
	z-index: 102;
}

/* header ends */

/* menu stuff */

.nav > li {
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
}

.nav > li:hover,
.nav > li:hover  a {
	background-color: transparent !important;
}

.navbar-default  ul {
	background-color: #813682;
	color: #fff;
	float: none;
	clear: both;
	line-height: 50px;
	position: relative;
	width: 100%;
}

.navbar-default   a {
	color: #fff !important;
}

.navbar .container,
.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border: 0 !important;
	background-color: #fff !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #ccc;
	border: 0;
	color: #333;
}

.dropdown-menu {
	position: absolute !important;
	background-color: #ccc !important;
	max-width: 230px;
	z-index: 100000000;
}

.dropdown-menu > li {
	background-color: #ccc;
	border: 0;
	padding: 0px;
	max-width: 230px !important;
}

.dropdown-menu > li > a {
	padding-left: 10px;
	font-size: 16px;
	max-width: 230px !important;
	white-space: normal;
}

.dropdown-menu > li > a:hover {
	background-color: transparent;
}

.navbar-default  ul li ul li ul {
	left: 155px;
	top: -8px;
	position: relative;
	border: 0;
	border-radius: 0;
	width: auto;
}

.navbar-default  ul li ul li ul li {
	padding-left: 5px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #de7f00;
}

.caret {
	color: #ccc;
	font-size: 0.5px;
	background-image: url("../images/downArrowBlack.png");
	background-repeat: no-repeat;
	background-size: 8px 6px;
	background-position: top;
	height: 12px;
	width: 12px;
	position: relative;
}

/*  new top menu */
#navbar-collapse {
	width: 100%;
	background-color: #ccc;
	text-align: center;
}

#navbar-collapse a {
	color: #333;
	left: -40px;
}

.userMenu {
	position: relative;
	right: -20px;
	padding-right: 0;
	left: 0 !important;
}

.navbar-nav {
	float: none;
	display: inline-block;
}

#block-useraccountmenu {
	float: none;
	display: inline-block;
}

.basketLink {
	background-image: url("../images/basket.png");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 15px 15px;
	position: relative;
	padding-right: 20px !important;
}

/*make menu work*/
ul.nav ul.dropdown-menu li.menu-item--expanded:hover ul.dropdown-menu {
	display: block;
	position: absolute;
	left: 175px !important;
	top: -33px !important;
	background: #92996F;
	border: 0px solid white;
	width: 350px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
	position: absolute;
}

/* menu stuff ends */
.navbar-right {
	margin-right: 0;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

/* user menu */
#block-hourglass-account-menu {
	position: absolute !important;
	top: 0px;
	right: 0px;
	width: auto;
	z-index: 100;
}

#block-hourglass-account-menu ul {
	background-color: #ccc !important;
	color: #000;
	border-radius: 5px;
	position: relative;
	line-height: 40px;
}

#block-hourglass-account-menu a {
	color: #000 !important;
	font-size: 14px;
}

/* search */
.searchTop {
	position: absolute;
	right: 0;
	top: 50px;
	width: 200px;
	text-align: right;
	padding: 0;
}

.navbar-header .searchTop  input[type="search"] {
	border: 0;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.navbar-header .searchTop .btn-primary {
	background-color: transparent;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 0px solid #fff;
	border-color: #ccc;
}

/* search ends */
.topButtons {
	position: relative;
	width: auto;
	display: inline-block;
	float: right;
}

.page-header {
	text-align: center;
}

/* exit site */
.exitsite {
	position: fixed;
	bottom: 100px;
	right: 20px;
	background-color: #cc0000;
	width: auto;
	vertical-align: middle;
	padding: 15px;
	z-index: 102;
}

.exitsite   a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

/*  top buttons*/
.topButtons {
	position: relative;
	width: auto;
	display: inline-block;
	float: right;
}

.topButtons a {
	top: 0px;
	position: relative;
	width: auto !important;
	z-index: 101;
	color: #fff;
	line-height: 35px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
	font-size: 15px !important;
	float: left;
	margin-left: 20px;
}

.topButtons img {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative;
	vertical-align: middle;
}

.freeText {
	background-color: #2c90b7;
}

.shopButton {
	float: right;
	background-color: #813682;
}

.donationsbutton {
	background-color: #de7f00;
}

.topHelpline {
	background-color: #c83664;
}

/* countries menu */
.countries {
	position: relative;
	float: left;
	width: auto;
	z-index: 101;
	background-color: transparent !important;
	top: 20px;
}

.countries button {
	background-color: transparent !important;
	color: #813682 !important;
	background-image: url("../images/downArrowPurple.png");
	background-repeat: no-repeat;
	background-size: 8px 6px;
	background-position: right;
}

.countries ul {
	background-color: #fff;
	z-index: 101;
}

.countries li {
	position: relative;
	display: inline-block;
	padding-right: 30px;
}

.countries li  a {
	color: #813682 !important;
}

.countries li:hover {
	background-color: transparent;
}

.countries .dropdown-menu {
	background-color: #fff !important;
}

/* countries menu ends */

/* donate page */

.product--variation-field--variation_price__3 {
	display: none;
}

#commerce-product-add-to-cart-form label {
	float: none;
}

.btn-success,
input [type=submit] {
	margin-bottom: 20px;
	margin-top: 10px;
}

/* donate page */
.page-node-213 .page-header,
.page-node-180  .page-header,
.page-node-181  .page-header {
	display: none;
}

#donateSection h2 {
	text-align: center;
	color: #555 !important;
	font-weight: bold;
}

.donateContainer {
	margin: 5px;
	color: #fff;
	border: 1px solid #ccc;
	padding: 0;
	text-align: center;
}

#donateSection #divOneOff .donateContainer {
	background-color: #de7f00;
}

#donateSection #divMonthly  .donateContainer {
	background-color: #c83664;
}

#donateSection .col-sm-4 img {
	padding-top: 10px;
}

#donateSection .col-sm-4 h3 {
	font-size: 25px;
}

#donateSection .col-sm-4 h3,
#donateSection .col-sm-4 p {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 120%;
	text-align: center;
}

#donateSection .col-sm-4 p {
	font-size: 14px !important;
}

.donateButtonDiv {
	background-color: #fff !important;
	position: relative;
	width: 100%;
	padding: 10px;
	height: 70px;
}

.customAmount {
	margin-left: 15px;
	margin-right: 15px;
	padding: 20px;
	margin-bottom: 30px;
	margin-top: 0px;
}

#divOneOff  .donateButtonDiv .btn {
	background-color: #de7f00;
	color: #fff;
	padding: 10px;
	border: 0;
}

#divOneOff  #divMonthly .btn {
	background-color: #c83664;
	color: #fff;
	padding: 10px;
	border: 0;
}

.donateHeaderImageText {
	position: absolute;
	top: 15px;
	left: 20px;
	width: 50%;
	color: #fff;
	text-align: left;
}

.donateHeaderImageText h1 {
	font-size: 45px !important;
	color: #fff;
	padding-top: 0;
	margin-top: 0;
}

.donateHeaderImageText p {
	color: #fff;
}

.donateHeaderImage {
	position: relative;
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}

/* donate page ends */

/* page stuff */

.homeBlockHeadings .block-title {
	text-align: center;
}

#main-content > div {
	text-align: left;
}

.main-container  .align-left {
	padding-right: 15px;
	padding-bottom: 15px;
}

.main-container  .align-right {
	padding-left: 15px;
	padding-bottom: 15px;
}

.field--name-body {
	position: relative;
	clear: both;
	float: none;
}

.field--name-body p,
.field--name-body {
	font-size: 22px !important;
	line-height: 26px;
}

.field--name-body hr {
	position: relative;
	float: none;
	clear: both;
}

.field--name-body img {
	pointer-events: none;
}

/*
article div:nth-child(2) {
display: none !important;
}*/
.js-media-library-item-preview + div {
	display: none !important;
}

/* news blog events list */
.view-news-events .views-row,
.view-news-events-scotland .views-row,
.view-news-events-northern-ireland .views-row,
#block-views-block-news-events-norhtern-ireland-block-1 .views-row {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.view-news-events img,
.view-news-events-scotland img,
.view-news-events-northern-ireland img,
#block-views-block-news-events-norhtern-ireland-block-1  img {
	position: relative;
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}

.view-news-events .views-field-view-node,
.view-news-events-scotland  .views-field-view-node,
.view-news-events-northern-ireland .views-field-view-node,
#block-views-block-news-events-norhtern-ireland-block-1 .views-field-view-node {
	font-weight: bold;
}

.views-exposed-form {
	position: relative;
	float: right;
	margin-bottom: 20px;
	margin-top: 20px;
}

.views-exposed-form label {
	font-weight: normal;
	padding-right: 10px;
}

.path-news-events h2 {
	padding-top: 0;
	margin-top: 0;
}

/* news blog eventspage end */

/* news blog events page */

.page-node-type-blog-post article img {
	padding-bottom: 20px;
}

/* news blog eventspage end */

/* banner */
#block-views-block-page-banner-block-1 {
	position: relative;
	margin-bottom: 20px;
}

#block-views-block-page-banner-block-1 .views-field-nothing {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 98%;
}

#block-views-block-page-banner-block-1 .views-field-nothing h2,
#block-views-block-page-banner-block-1 .views-field-nothing p {
	color: #fff !important;	/* text-shadow: 2px 2px 2px #000; */
}

#block-views-block-page-banner-block-1  h2 {
	font-size: 65px;
}

#block-views-block-page-banner-block-1 p {
	font-size: 20px;
}

/* contact page */
label {
	text-align: left;
	float: left;
	position: relative
}

/* page stuff ends */

/*   donation */

field--name-price field--type-commerce-price {
}

.field--name-field-donation-description {
	display: none
}

/* donation ends */

/* home page */

.homecountries {
	position: relative;
	width: 22%;
	margin-right: 4%;
	float: left;
	text-align: center;
	background-color: #2c90b7;
	color: #fff;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#block-wales {
	margin-right: 0%;
	float: right;
}

.homecountries p {
	text-align: center;
}

.homecountries a {
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.homecountries img {
	width: 100%;
	height: auto;
	max-height: 140px;
	overflow: hidden;
}

.homecountries {
	z-index: 101;
}

/* countries ends */
.homeTopRow {
	position: relative;
	width: 31%;
	float: left;
	background-color: #813682;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
	z-index: 101;
}

.homeTopRowCenter {
	margin-left: 3.5%;
	margin-right: 3.5%;
}

.homeTopRow h3,
.homeTopRow h3 a {
	text-align: center;
	color: #fff;
	padding: 0;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 20px;
}

.homeTopRow img {
	width: 100%;
	height: 220px;
}

.donateButton {
	position: relative;
	background-color: #de7f00;
	color: #fff;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-radius: 20px;
}

.donateButton:hover {
	color: #000;
}

.path-frontpage .page-header {
	display: none;
}

.path-frontpage .page .field--name-body {
	text-align: center !important;
	margin-bottom: 20px;
	position: relative;
	padding: 10px;
	background-color: #ededed;
}

.donateButton {
	position: relative;
	background-color: #de7f00;
	color: #fff;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-radius: 20px;
	float: left;
	margin-right: 20px;
}

.buttonContainer {
	position: relative;
	text-align: center;
}

.buttons {
	position: relative;
	display: inline-block;
	background-color: #de7f00;
	color: #fff;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	border-radius: 20px;
	width: auto !important;
	margin-right: 20px;
}

.buttons:hover {
	color: #000;
}

/* home page ends */
.feed-icons {
	display: none;
}

/* product page */
.field--name-field-category {
	position: relative;
	clear: both;
	float: none;
	margin-top: 20px;
}

.field--name-price,
.field--type-entity-reference {
	position: relative;
	float: left;
}

/* product page ends */

/* shop  */

.views-field-edit-commerce-product {
	position: relative;
	clear: both;
	text-align: right;
}

.shopGrid .views-row {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	float: none;
	clear: both;
	width: 100%;
	min-height: 250px;
}

.shopGrid  img {
	position: relative;
	float: left;
	padding-right: 15px;
}

.shopGrid   .views-field-title h2 {
	position: relative;
	margin-bottom: 20px;
}

.shopGrid  .views-field-body {
	float: left;
	width: 900px;
	position: relative;
	min-height: 152px;
}

.shopGrid  .btn-success,
.shopGrid  .views-field-view-commerce-product {
	float: left;
	position: relative;
	width: auto;
}

.shopGrid  .views-field-view-commerce-product {
	top: 8px;
}

/* shop ends  */

/*buttons */

.btn-success,
input [type=submit] {
	background-color: #c83664;
	color: #fff;
	border: 0;
	margin-top: 10px;
}

/* footer */
.footer {
	background-color: #ccc;
	color: #fff;
	text-align: center;
	padding-bottom: 50px;
	position: relative;
	margin-top: 80px;
}

.region-footer,
footer {
	text-align: center;
	position: relative;
}

footer  a,
footer  p,
footer  .block,
footer  div {
	color: #000;
}

#block-helpline-2,
#block-donationsbutton-2,
#block-newslettersignup,
#block-socialmedialinks {
	position: relative;
	float: left;
	width: 24%;
}

#block-helpline-2 {
	text-align: left;
}

#block-donationsbutton-2 {
	text-align: right;
}

#block-newslettersignup a {
	background-color: #2c90b7;
	color: #fff;
	border-radius: 10px;
	padding: 10px;
}

#block-socialmedialinks img {
	width: 35px;
	height: 35px;
}

#block-funding {
	position: relative;
	float: left;
	width: 20%;
	top: 30px;
	text-align: left;
}

#block-socialmedialinks {
	text-align: right;
	float: right;
	position: relative;
}

#block-socialmedialinks p {
	text-align: right;
}

#block-charityinfo {
	position: relative;
	float: left;
	width: 80%;
	top: 20px;
}

#block-charityinfo p {
	font-size: 12px !important;
	padding: 20px;
	text-align: center;
}

#block-footer-menu,
footer .nav {
	position: relative;
	width: 70%;
	margin: 0 auto 0;
	padding-top: 20px;
	float: none;
	clear: both;
	text-align: center;
	top: 30px;
	padding-bottom: 100px;
}

footer .nav  li {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

footer .nav  li  a {
	position: relative;
	color: #fff;
	vertical-align: middle;
	padding: 0;
	font-size: 12px;
}

footer .nav  li:hover {
	background-color: transparent;
}

footer .nav   .last {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px !important;
}

#block-copyright p {
	text-align: center;
	font-size: 12px !important;
}

/* body styles */
.pinkTextBig,
.pinkTextBig  a {
	color: #c83664;
	font-size: 25px;
	font-weight: bold;
}

.pinkText {
	color: #c83664;
}

.purpleText {
	color: #813682;
}

.orangeText {
	color: #de7f00;
}

.singleLine {
	line-height: 26px;
}

.LineandOneHalf {
	line-height: 39px !important;
}

.doubleLineHight {
	line-height: 52px !important;
}

.blockButton {
	
}

/* slideshow */
#views_slideshow_cycle_teaser_section_home_page_slide_show-block_1,
.views_slideshow_cycle_slide {
	width: 100% !important;
	height: auto;
}

.slideshow img {
	width: 100% !important;
	height: auto !important;
}

.slideshow .views-field-title,
.slideshow .views-field-body {
	position: absolute;
	left: 10px;
}

.slideshow .views-field-title span,
.slideshow .views-field-body p,
.slideshow .views-field-body a,
.views-field-field-link-to-page a {
	color: #fff !important;
	font-family: "pluto", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-shadow: 3px 3px 8px rgba(0, 0, 0, 1);
}

.slideshow .views-field-title {
	top: 380px;
	font-size: 50px !important;
	left: 20px;
}

.slideshow .views-field-title span {
	font-size: 50px !important;
	font-weight: bold;
}

.slideshow .views-field-body {
	top: 450px;
	left: 20px;
	color: #fff !important;
	padding-right: 20px;
}

.slideshow .views-field-body p {
	font-size: 30px !important;
}

.views-field-field-link-to-page,
.field--name-field-link {
	position: absolute;
	top: 550px;
	width: 100%;
	text-align: left;
	left: 20px;
}

.views-field-field-link-to-page .field-content {
	position: relative;
	width: 100%;
	text-align: left !important;
	float: none;
}

.views-field-field-link-to-page a,
.field--name-field-link a {
	position: relative;
	background-color: #813682;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	font-size: 20px;
	width: auto;
	float: none;
	text-shadow: none;
}

/* slideshow ends *

/* social share */
#block-socialsharingblock {
	position: relative;
	margin-top: 20px;
	top: 60px;
	padding-bottom: 30px;
}

#block-socialsharingblock .block-title {
	text-align: center;
	font-size: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 40px;
	position: relative;
	padding-bottom: 10px;
	float: none;
	clear: both;
	width: 100%;
}

/* resource */
.resourceGrid {
	position: relative;
	height: auto;
}

.resourceGrid  .view-content {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	height: auto;
	text-align: left;
}

.resourceGrid  h3 {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	font-size: 20px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.resourceGrid .views-row {
	position: relative;
	display: inline-block;
	text-align: left;
	margin-right: 20px;
}

.resourceGrid .views-row img {
	height: 250px;
	width: auto;
	padding-top: 10px;
}

.file > span {
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
}

.webform-actions {
	position: relative;
	z-index: 10000;
}

iframe {
	/* width: 100%; 	
	height: auto;*/
}

/* knowledge bank */
.page-node-type-knowledge-base iframe {
	width: 640px !important;
	height: 480px !important;
}

.file > span:first-child {
	border-left: 0;
}

.file > span:last-child {
	border-right: 0;
}

.page-node-type-knowledge-base .field--label {
	position: relative;
	padding-top: 20px;
	text-align: left;
	font-size: 20px;
}

/* knowledge bank  end*/
form  iframe {
	max-height: 100px !important;
	min-height: 100px !important;
	height: 100px !important;
	margin-bottom: 20px;
	overflow: hidden;
}

.g-recaptcha {
	position: relative;
	margin-bottom: 20px;
	max-height: 100px !important;
	min-height: 100px !important;
	height: 100px !important;
}

iframe.col-sm-6 {
	width: 100% !important;
}

/* hide PayPal and Stripe on basket page */
body.path-cart >  div#paypal-buttons-container {
	display: none;
}

.eu-cookie-compliance-buttons {
	float: right;
}

/* deleivery stuff */
.region-sidebar-second p,
.region-sidebar-second li {
	font-size: 12px !important;
	line-height: 120%;
}

#block-deliveryinformation {
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 10px;
	position: relative;
}

/*  new footer */
.footerButtons {
	text-align: center;
}

.footerButtons .newsletter,
.footerButtons .helpline,
.footerButtons .donateButtonFooter,
.footerButtons .shopButtonFooter {
	color: #fff !important;
	padding: 8px !important;
	border-radius: 10px;
	width: auto;
	margin-left: 0px;
	margin-right: 30px;
	position: relative;
	margin-bottom: 30px;
	top: 0;
	left: 0;
	display: inline-block;
}

.footerButtons img {
	max-height: 20px;
	width: auto;
}

.footerButtons .helpline {
	background-color: #c83664;
}

.footerButtons .donateButtonFooter {
	background-color: #de7f00;
}

.footerButtons .shopButtonFooter {
	background-color: #813682;
}

.footerButtons .newsletter {
	background-color: #2c90b7;
}

.footer {
	margin-top: 40px;
}

.footer a {
	color: #333;
}

footer {
	width: 100%;
	background-color: #ddd;
	position: relative;
	line-height: 120%;
}

.footerSectionsContainer {
	position: relative;
	width: 100%;
	float: none;
	clear: both;
}

.footerSections {
	position: relative;
	width: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	float: left;
	text-align: left;
	line-height: 120%;
}

.bottomInfo {
	position: relative;
	float: none;
	clear: both;
	padding-top: 20px;
	font-size: 10px !important;
	text-align: center;
}

.bottomInfo p {
	font-size: 10px !important;
}

.footerSections h2 {
	font-size: 15px !important;
	color: #000 !important;
}

.footerSections p {
	font-size: 12px !important;
	color: #000 !important;
	line-height: 120%;
}

.bottomFundLogos {
	position: relative;
	clear: both;
	width: 100%;
	padding-top: 20px;
	text-align: center;
}

.bottomFundLogos img {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}

/* footer ends */
.sectionMobileMenu {
	display: none;
}

/* gift and wills */
.blueBoxes {
	margin: 0px;
	color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding: 0;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	width: 30%;
	display: inline-block;
}


.blueBoxes img {
	margin: 0px;
	padding: 0;
	height: 230px !important;
	width: 100% !important;
}

/*
.BlueBoxLink {
	margin: 0px;
	padding: 0;
	height: 230px !important;
	width: 100% !important;
	position: relative;
	line-height: 230px !important;
}*/

.blueBoxes h2 {
	background-color: #2c90b7 !important;
	color: #fff;
	line-height: 28px;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.blueBoxes .blueBoxDiv {
	line-height: 65px;
	text-align: center;
	position: relative;
	width: 100%;
	vertical-align: middle;
}



.blueBoxes a {
	color: #fff;
	overflow: visible !important;
	line-height: 100%;
	display: block;
	position: relative;
}

.blueBoxDiv a {
	background-color: #2c90b7 !important;
	color: #fff;
	line-height: 45px;
	text-align: center;
	position: relative;
	width: 80%;
	vertical-align: middle;
	display: block; 
	font-size: 20px;
	z-index: 10000;
}

.purpleBoxes {
	margin: 0px;
	color: #fff;
	border: 1px solid #ccc;
	text-align: center;
	padding: 0;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 30px;
	width: 30%;
	display: inline-block;
}

.purpleBoxes img {
	margin: 0px;
	padding: 0;
	height: 230px !important;
	width: 100% !important;
}

.purpleBoxes h2 {
	background-color: #813682 !important;
	color: #fff;
	line-height: 28px;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.purpleBoxes .purpleBoxDiv {
	line-height: 65px;
	text-align: center;
	position: relative;
	width: 100%;
	vertical-align: middle;
}

.purpleBoxes .purpleBoxDiv a {
	background-color: #813682 !important;
	color: #fff;
	line-height: 35px;
	text-align: center;
	position: relative;
	width: 80%;
	vertical-align: middle;
	display: inline-block;
	font-size: 20px;
}

.purpleBoxes a,
.homeTopRow a,
.homecountries a {
	display: block ;
}


.wetransferbutton {
  padding: 1em 1.5em;
  border-radius: 10px;
  background-color: #de7f00;
  border: none;
}
.wetransferbutton a {
  color: #fff;
  font-weight: bold;
}
.wetransferbutton:hover {
  padding: 1em 1.5em;
  border-radius: 10px;
  background-color: #de7f00;
  border: none;
}

/* help styles */
.feeds {
	max-height: 600px !important;
	overflow: hidden;
	position:relative;
	padding-bottom: 20px;

}

.main-container p {
z-index: 100 !important;
position: relative;
}

.main-container a  {
	position: relative !important;
	z-index: 100000 !important;
	height: 100%;
	
	width: auto !important
}

.main-container a img {
position: relative !important;
	z-index: 100000 !important;
}

.testLink {
	border:1px solid #ffcc00;
	position: relative !important;
	z-index: 100000 !important;
	height: auto !important;
	line-height: normal !important;
}


/* mobile stuff- */
@media only screen
and (max-width:1112px) {
	header,
	.main-container,
	.region-footer,
	.navbar-header,
	.navbar.container {
		width: 100%;
		max-width: 100%;
	}

	#block-newslettersignup {
		left: 20px;
	}

	#block-helpline-2 {
		width: 25%;
	}

	#block-donationsbutton {
		left: 710px
	}

	#block-helpline {
		left: 410px;
	}

	#block-donationsbutton-2 {
		margin-left: 20px;
	}

	#block-funding {
		left: 20px;
	}

	#block-funding  h2 {
		left: 20px;
	}

	#block-charityinfo {
		left: 40px;
		width: 60%;
	}

	#block-footer2 {
		padding: 20px;
	}

	#navbar-collapse a {
		font-size: 14px;
	}

	.topButtons,
	.searchTop {
		right: 10px;
	}

}

@media only screen
and (max-width:1024px) {
	.navbar .logo {
		padding: 20px;
	}

	/* mobile menu */
	.navbar-toggle {
		z-index: 1000;
		position: absolute;
		right: 0px;
		top: 0px;
		background-color: #ccc;
		border: 0;
		width: 100px;
		color: #fff;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: #813682;
	}

	#block-hourglass-account-menu,
	.searchTop {
		right: 10px;
	}

	.icon-bar {
		color: #fff;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.nav > li > a {
		padding: 0;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 14px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/*
	#block-donationsbutton {
		left: 640px;
	}

	#block-donationsbutton p,
	#block-helpline p,
	.shopButton  p {
		font-size: 18px !important;
	}

	#block-donationsbutton,
	#block-helpline {
		top: 70px;
		width: auto;
		z-index: 103;
	}

	.shopButton a {
		padding: 0;
	}

	#block-helpline {
		left: 385px;
	}*/
	#block-views-block-page-banner-block-1 .views-field-field-banner-title {
		top: 140px;
	}

	#block-views-block-page-banner-block-1 .views-field-field-banner-body {
		top: 200px;
	}

	.homeTopRow img {
		height: 165px;
	}

	.homeTopRow h3,
	.homeTopRow h3 a {
		font-size: 15px;
	}

	#block-funding {
		width: 30%;
	}

	#block-charityinfo {
		width: 65%;
	}

	#block-helpline-2,
	#block-donationsbutton-2,
	#block-newslettersignup,
	#block-socialmedialinks {
		width: auto;
		margin-right: 20px;
	}

	.shopButton a {
		padding: 10px;
	}

	.searchTop {
		top: 80px;
	}

	.topButtons {
		top: 35px;
	}

	.topButtons a {
		font-size: 14px !important;
	}

	#navbar-collapse a {
		left: -30px;
	}

}

@media only screen
and (max-width:834px) {
	.logo img {
		max-width: 120px !important;
		padding: 0px;
	}

	#block-logolink,
	#block-logolink a {
		position: absolute;
		height: 130px;
		width: 130px;
		top: 0;
		left: 0;
		z-index: 102;
	}

	.navbar .logo {
		padding: 0;
		padding-left: 10px;
		padding-bottom: 10px;
	}

	#block-views-block-page-banner-block-1  h2 {
		font-size: 20px;
	}

	#block-views-block-page-banner-block-1 p {
		font-size: 15px;
	}


	.field--name-body p,
	.field--name-body {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	

	.nav > li > a {
		padding: 0;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.countries {
		left: 0px;
		top: 10px;
	}

	.topButtons {
		top: 0px;
	}

	.topButtons a,
	#navbar-collapse a {
		font-size: 10px !important;
	}

	.searchTop {
		top: 45px;
	}

	.footerSections,
	.footerButtons {
		width: 90%;
		left: 5%;
		float: none;
		position: relative;
	}

	.nav > li > a {
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media only screen
and (max-width:768px) {
	.logo img {
		padding: 10px;
		max-width: 120px !important;
	}

	#block-logolink,
	#block-logolink a {
		position: absolute;
		height: 120px;
		width: 120px;
		top: 0;
		left: 0;
		z-index: 102;
	}

	#block-england,
	#block-scotland,
	#block-wales,
	#block-northanireland {
		width: 49%;
		margin-right: 1%;
		margin-top: 10px;
	}

	.navbar {
		margin-bottom: 0;
	}

	.main-container {
		top: 30px;
		position: relative;
	}

	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}

	.page-header {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.shopGrid  .views-field-body {
		width: 100%;
		height: auto;
		min-height: auto;
	}

	h1,
	h1 span,
	.page-header,
	.page-header span,
	.page-header span,
	.js-quickedit-page-title span {
		font-size: 30px !important;
		padding-top: 10px;
	}

	h2 {
		font-size: 25px;
	}

	.nav > li {
		display: block;
	}

	.region-footer {
		width: 95%;
		left: 2.5%;
	}

	#block-helpline-2,
	#block-donationsbutton-2,
	#block-newslettersignup,
	#block-socialmedialinks,
	#block-charityinfo,
	#block-funding {
		position: relative;
		float: none;
		clear: both;
		width: 100%;
		top: 0;
		margin-top: 20px;
		text-align: center;
		padding-bottom: 20px !important;
		margin-right: 0;
	}

	#block-newslettersignup a,
	#block-helpline-2 a,
	#block-donationsbutton-2 a {
		position: relative;
		width: 100% !important;
		font-size: 20px;
	}

	#block-socialmedialinks p,
	#block-funding p {
		text-align: center;
		margin-bottom: 20px !important;
	}

	/*
	#block-helpline {
		left: 300px;

	}

	#block-donationsbutton  {
		left: 500px;

	}

	#block-donationsbutton p,
	#block-helpline p,
	#block-hourglass-account-menu a {
		font-size: 16px;
	}

	#block-helpline a,
	#block-donationsbutton a {
		padding: 5px;
	}


	#block-donationsbutton img, #block-helpline img, #block-donationsbutton-2 img, #block-helpline-2 img {
		width:10px !important;
		height: 10px !important;
		padding-right: 0px;
		margin-right: 5px;
	}
	*/
	#block-hourglass-account-menu li {
		display: inline-block;
	}

	#block-hourglass-account-menu {
		top: 65px;
		right: 10px;
		z-index: 101;
		width: auto;
	}

	#block-hourglass-account-menu a {
		font-size: 10px;
		padding: 0;
	}

	#block-hourglass-account-menu ul {
		line-height: 20px;
		padding: 0;
	}

	#block-hourglass-account-menu .navbar-nav > li > a {
		padding: 5px;
	}

	.searchTop {
		top: 40px;
	}

	/* banner */
	#block-views-block-page-banner-block-1 {
		margin-bottom: 0;
	}

	iframe {
		max-width: 700px;
		height: 300px;
		min-height: 300px;
	}

	#block-views-block-page-banner-block-1  h2 {
		font-size: 25px;
	}

	#block-views-block-page-banner-block-1 p {
		font-size: 20px;
	}

	/* banner ends */
	.homeTopRow h3,
	.homeTopRow h3 a {
		font-size: 15px;
	}

	.homeTopRow img {
		height: 145px;
	}

	.slideshow .views-field-title {
		top: 300px;
	}

	.slideshow .views-field-body {
		top: 100px;
	}

	.views-field-field-link-to-page {
		top: 200px;
	}

	footer {
		margin-top: 70px !important;
	}

	.footerButtons .newsletter,
	.footerButtons .helpline,
	.footerButtons .donateButtonFooter,
	.footerButtons .shopButtonFooter {
		clear: both !important;
		width: 100% !important;
		float: none !important;
		position: relative;
		margin-bottom: 20px;
		white-space: nowrap;
		display: block;
	}

	.topButtons {
		top: 0px
	}

	.topButtons a {
		padding-left: 5px;
		padding-right: 5px;
	}

}

@media only screen
and (max-width:500px) {
	.navbar .logo {
		padding: 10px;
	}

	.logo img {
		padding: 0px;
		max-width: 200px !important;
	}

	#block-logolink,
	#block-logolink a {
		position: absolute;
		height: 80px;
		width: 80px;
		top: 0;
		left: 0;
		z-index: 102;
	}

	h1 {
		font-size: 20px;
		padding-top: 10px;
	}

	h2 {
		font-size: 15px;
	}

	.main-container {
		top: 120px;
	}

	.main-container .align-right {
		padding-left: 0;
	}

	.main-container .align-left {
		padding-right: 0;
	}

	.homeTopRow {
		width: 100%;
	}

	.homeTopRowCenter {
		margin-left: 0;
		margin-right: 0;
	}

	.homeTopRow img {
		height: auto;
	}

	.navbar-default ul li ul li ul,
	.navbar-default {
		float: none;
		left: 0;
		width: 100%;
	}

	.dropdown-menu {
		position: relative !important;
	}

	#block-views-block-page-banner-block-1  h2 {
		font-size: 10px;
	}

	#block-views-block-page-banner-block-1 p {
		font-size: 9px;
	}

	.field--name-body p,
	.field--name-body {
		font-size: 12px !important;
		line-height: 14px !important;
	}

	.homeTopRowCenter {
		margin-left: 0;
		margin-right: 0;
	}

	#block-helpline-2,
	#block-donationsbutton-2,
	#block-newslettersignup,
	#block-socialmedialinks {
		left: 0;
		right: 0;
		margin-left: 0;
	}

	#menuTitle {
		position: relative;
		float: left;
		color: #fff;
	}

	.icon-bar {
		left: 50px;
		position: relative;
		top: 8px;
	}

	.navbar-toggle {
		top: 160px;
		left: 5%;
		width: 90%;
		background-color: #555;
		border-radius: 0;
		line-height: 30px;
	}

	#navbar-collapse {
		position: relative;
		top: 110px;
		left: 5%;
		width: 90%;
	}

	.countries {
		top: 40px;
		left: 200px;
		position: absolute;
		float: none;
		width: 200px;
		z-index: 1000000;
	}

	.countriesli {
		float: none;
		clear: both;
		width: 100%;
	}

	.topButtons {
		position: absolute;
		top: 90px;
		left: 5%;
		width: 90%;
	}

	.topButtons a {
		margin-left: 0;
		margin-bottom: 10px;
		float: left;
		width: auto;
		position: absolute !important;
		font-size: 15px !important;
	}

	.freeText {
		top: 0;
		left: 0;
	}

	.shopButton {
		top: 0;
		right: 0;
	}

	.topHelpline {
		top: 40px !important;
		left: 0;
	}

	.donationsbutton {
		top: 40px !important;
		right: 0;
	}

	.container > .navbar-header,
	.container-fluid > .navbar-header,
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.searchTop {
		top: 175px;
		right: 40px;
		z-index: 10000;
	}

	.navbar-header .searchTop .btn-primary {
		background-color: #fff;
	}

	#block-hourglass-account-menu {
		top: 55px;
	}

	#block-funding,
	#block-charityinfo {
		left: 0;
	}

	#block-charityinfo {
		width: 90%;
	}

	.homecountries img {
		max-height: 80px;
	}

	.exitsite a {
		font-size: 15px;
	}

	iframe {
		max-width: 375px;
		height: 150px;
		min-height: 150px;
	}

	.views-field-field-link-to-page {
		top: 180px;
	}

	.slideshow .views-field-title span {
		font-size: 20px !important;
	}

	.slideshow .views-field-body p,
	.views-field-field-link-to-page a {
		font-size: 14px !important;
		line-height: 14px !important;
	}

	.donateHeaderImageText {
		position: absolute;
		top: 5px;
		left: 10px;
		width: 55%;
		color: #fff;
		text-align: left;
	}

	.donateHeaderImageText h1 {
		font-size: 25px !important;
		color: #fff;
		padding-top: 0;
		margin-top: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	/* gift and wills */
	.blueBoxes,
	.purpleBoxes {
		margin: 0px;
		width: 46% !important;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		float: left;
		height: 300px;
		z-index: 10000;
	}

	.blueBoxes img,
	.purpleBoxes img {
		margin: 0px;
		padding: 0;
		height: auto !important;
		width: 100% !important;
	}

	.blueBoxes h2,
	.purpleBoxes h2 {
		line-height: 18px !important;
		font-size: 16px !important;
		padding-right: 5px !important;
		padding-left: 5px !important;
	}

	.blueBoxes a,
	.blueBoxes span
	 {
		font-size: 11px !important;
	}

	#block-socialsharingblock {
		padding-bottom: 120px;
		height: 200px;
		clear: both;
		top: -20px;

}

.slideshow .views-field-title {
	top:90px;
}

}

@media only screen
and (max-width:375px) {
	.navbar .logo {
		padding: 10px;
	}

	.logo img {
		max-width: 140px !important;
		padding: 5px;
	}

	#block-logolink,
	#block-logolink a {
		position: absolute;
		height: 80px;
		width: 80px;
		top: 0;
		left: 0;
		z-index: 102;
	}

	#block-donationsbutton,
	#block-helpline {
		left: 85px;
	}

	.navbar-toggle {
		top: 150px;
	}

	.countries {
		left: 160px !important;
		top: 30px !important;
	}

	.countries.nav > li > a {
		padding-right: 3px;
		padding-left: 3px;
	}

	.slideshow .views-field-title {
		top: 0;
	}

	.slideshow .views-field-body {
		top: 70px;
	}

	.views-field-field-link-to-page {
		top: 160px;
	}

	.slideshow .views-field-body p,
	.views-field-field-link-to-page a {
		font-size: 12px !important;
		line-height: 12px !important;
	}

	.views-field-field-link-to-page {
		top: 130px;
	}

	.buttons {
		margin: 0;
	}

	.topButtons {
		top: 80px;
	}

	.searchTop {
		top: 165px;
	}

	.slideshow .views-field-title {
	top:60px;
	}

}

@media only screen
and (max-width:240px) {
	
	.logo img {
		max-width: 50px !important;
	}

	#block-logolink,
	#block-logolink a {
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		left: 0;
		z-index: 102;
	}

	.countries.nav > li > a {
		padding-left: 0;
		padding-right: 0;
		font-size: 10px !important;
		border-radius: 5px;
	}

	#block-helpline a,
	#block-donationsbutton a,
	.shopButton a {
		font-size: 10px;
	}

	#block-helpline {
		top: 10px;
	}

	#block-donationsbutton,
	#block-helpline {
		left: 60px;
	}

	.navbar-toggle {
		padding: 3px;
		margin-top: 5px;
		margin-right: 5px;
	}

	.navbar-collapse {
		z-index: 101;
	}

	#block-newslettersignup a,
	#block-helpline-2 a,
	#block-donationsbutton-2 a {
		font-size: 15px;
	}

	.field--name-body img {
		max-width: 90%;
		height: auto;
	}

	#block-hourglass-account-menu .navbar-nav > li > a {
		font-size: 10px;
		padding: 0;
		padding-right: 4px;
		padding-left: 4px;
		border-radius: 5px;
	}

	#block-donationsbutton {
		top: 47px;
	}

	#block-hourglass-account-menu {
		top: 45px;
	}

	#block-helpline a,
	#block-donationsbutton a {
		border-radius: 5px;
	}

		.field--name-body img {
			max-width: 90%;
			height: auto;
		}

		#block-hourglass-account-menu .navbar-nav > li > a {
			font-size: 10px;
			padding: 0;
			padding-right: 4px;
			padding-left: 4px;
			border-radius: 5px;
		}

		#block-donationsbutton {
			top: 47px;
		}

		#block-hourglass-account-menu {
			top:45px;

		}

		#block-helpline a,
		#block-donationsbutton a {
			border-radius: 5px;
		}

		.slideshow .views-field-title {
	top:40px;
}
	}