/**
 hourglass 2
 */
 



@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: #de7f00;
	border:0;
	color: #fff;
}

.dropdown-menu {
	position: absolute !important;
	background-color: #de7f00 !important;
	max-width: 230px;
}

.dropdown-menu > li {
	background-color: #de7f00;
	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: #fff;
}
*/


.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;
}

.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-hourglass2-account-menu {
	position:  absolute !important;
	top:0px;
	right: 0px;
	width: auto;
	z-index: 100;

}

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

#block-hourglass2-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 */

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

/* countries menu */

#block-countries,
#block-hourglass2-countries {
	position: relative;
	float: left;
	width: auto;
	z-index: 101;
	background-color:  transparent!important;
	top: 20px;
	display: block !important;
}



#block-countries  button,
#block-hourglass2-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;
    
}

#block-countries ul,
#block-hourglass2-countries ul{
	background-color: #fff;
	z-index: 101;
}

#block-countries li,
#block-hourglass2-countries li{
	position: relative;
	display: inline-block;
	padding-right: 30px;

}

#block-countries li  a,
#block-hourglass2-countries li a
{
	color: #813682 !important ;

}

#block-countries li:hover ,
#block-hourglass2-countries li:hover{
	background-color: transparent;
}

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


/* countries menu ends */

	/* exit site */
.exitsite  {
	position: fixed;
	bottom:20px;
	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;
	}


/* countries menu ends */

/* donate button */

#block-hourglass2-donationsbutton,
#block-hourglass2-helpline {
	top: 70px;
	position: absolute;
	width: auto !important;
	z-index: 101;
	vertical-align: middle;
	line-height: 40px;
}

#block-hourglass2-donationsbutton img,
#block-hourglass2-helpline img,
#block-hourglass2-donationsbutton-2 img,
#block-hourglass2-helpline-2 img,
#block-hourglass2-newslettersignup img {
	width: 15px;
	height: 15px;
	margin-right: 10px;
	position: relative;
	vertical-align: middle;

}

#block-hourglass2-donationsbutton {
	position: absolute;
	left: 650px;
}

#block-hourglass2-donationsbutton a,
#block-hourglass2-donationsbutton-2 a {
	background-color: #de7f00;
	color: #fff;
	border-radius: 10px;
	padding: 10px;
}

/* 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;
}

/* helpline */

#block-hourglass2-helpline {
	left: 310px;
}

#block-hourglass2-helpline-2,#block-hourglass2-donationsbutton-2,  #block-hourglass2-newslettersignup, #block-hourglass2-socialmedialinks {
	z-index: 101;

}

#block-hourglass2-helpline a,
#block-hourglass2-helpline-2 a {
	background-color: #c83664;
	color: #fff;
	border-radius: 10px;
	padding: 10px;
}

/* 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 {
	position: relative;
	float: none;
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

.view-news-events img {
	position: relative;
	float: left;
	padding-right: 20px;
}

.view-news-events .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-hourglass2-views-block-page-banner-block-1 {
	position: relative;
	margin-bottom: 20px;
}



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

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

}

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

#block-hourglass2-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-hourglass2-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 {width:100%;}
.footer.container {width:100%;}

.footer {
	background-color: #605a5d;
	color: #fff;
	text-align: center;
	padding-bottom: 50px;
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

#block-hourglass2-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-hourglass2-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 ;
}

/* 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 {
	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  {
	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-hourglass2-socialsharingblock {
	position: relative;
	margin-top: 20px;
}

#block-hourglass2-socialsharingblock .block-title {
	text-align: center;
	font-size: 20px;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	margin-top: 20px;
	position: relative;
	padding-bottom: 10px;
}

/* 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%;
/* 	min-height: 400px; */


}

/* 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;
}



/* 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:20px;
	}

	.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: 50%;
		}

		.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: 30px !important;
			position: absolute;
			float: none;
			width: 200px;
			z-index: 1000000;
		}
		
		.countries li {
			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 {
		margin:0px;
		width: 46% !important;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 20px;
		float: left;
		height: 300px;
	}

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

	}
		
		.blueBoxes h2 {
			line-height: 18px !important;
			font-size: 16px  !important;
		}
		
		#block-socialsharingblock {
			padding-bottom: 120px;
		}
		
	


}

@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: 30px !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;
			
		}

}

@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;
		}
}

.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;
}