/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
/*#logo {
  width: 142px;
}*/

/* Primary Nav
----------------------------------------------------------------------------------------------------*/
#region-menu {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left:0px;
}
#block-system-main-menu {
  font-size: 1.2em;
  padding-top: 10px;
}
#block-system-main-menu ul.menu {
	text-align:left;
    margin: 0;
    
    padding: 0;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
  -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
      -moz-column-gap: 10px; /* Firefox */
      column-gap: 10px;
}

.no-csscolumns #block-system-main-menu li {
  float: left;
  margin: 0px;
}
.no-csscolumns #block-system-main-menu .leaf a:link,
.no-csscolumns #block-system-main-menu .leaf a:visited {
  font-size: 20px;
}
.no-csscolumns .zone-menu .block-menu a:link,
.no-csscolumns .zone-menu .block-menu a:visited {
  font-size: 20px;
 
}
#block-system-main-menu li {
  list-style-image: none;
  list-style-type: none;
}
#block-system-main-menu .leaf a:link{
	color: #FFF;
	padding: 1px 8px 1px 8px;
	text-decoration:none;	
	font-family: "omnes-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
  transition: 250ms  ease-in 0s;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}
#region-header-first{
	margin:0px;
	width:960px;
}
#block-system-main-menu	a:visited {
	text-decoration:none;
	color: #FFF;
	text-decoration:none;
}
#block-system-main-menu .leaf a:hover, #block-system-main-menu a.active-trail  {
  text-decoration:none;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  transition: 250ms  ease-in 0s;
  background-color: #4C2178;
}
/* Secondary Menu */
.zone-menu .block-menu {
  padding: 70px 10px 10px 10px;
  width:940px;
  margin: 0 !important;
  font-size: 1.3em;
  -moz-border-radius: 0.7em 0em 0.7em 0em;
  border-radius: 0.7em 0em 0.7em 0em;
}
.zone-menu .block-menu a{
	color: #FFF;
	padding: 0 8px 0 8px;
	text-decoration:none;	
	font-family: "omnes-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  transition: 250ms  ease-in 0s;
  
}
.zone-menu .block-menu a:hover, .zone-menu .block-menu a.active-trail {
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  transition: 250ms  ease-in 0s;
  background: #4C2178;
}
.zone-menu .block-menu ul li {
  list-style-image: none;
  list-style-type: none;
  display: inline;
  float: left;
}
.zone-menu .block-menu ul.menu li {
  display: block;
  float: left;
  padding: 0px;
}
/* Colours for sections
----------------------------------------------------------------------------------------------------*/
/* About us
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-about-us {
  background:  url(../images/about-menu-title.png) #ef4957 no-repeat 15px -10px;
}
.context-about a[title="About Heart Research UK"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-about-us a:hover, .zone-menu .block-menu-about-us a.active-trail {
  background-color: #4C2178;
}
/* Near You
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-near-you {
  background:  url(../images/midlands-menu-title.png) #9461A7 no-repeat 15px -10px;
}
.context-near-you a[title="HRUK in the Midlands"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-near-you a:hover, .zone-menu .block-menu-near-you a.active-trail {
  background-color: #4C2178;
}
/* Spending Money
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-how-we-spend-your-money {
  background:  url(../images/spendmoney-menu-title.png) #00564c no-repeat 15px -10px;
}
.context-spending-money a[title="How we spend your money"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-how-we-spend-your-money a:hover, .zone-menu .block-menu-how-we-spend-your-money a.active-trail {
  background-color: #4C2178;
}
/* Community Grants
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-community-grants {
  background:  url(../images/community-grants-menu-title.png) #d36605 no-repeat 15px -10px;
}
.context-community-grants a[title="Community Grants"] {
  background-color: #e68128;

}
.zone-menu .block-menu-community-grants a:hover, .zone-menu .block-menu-grants a.active-trail {
  background-color: #4C2178;
}

/* Grants
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-grants {
  background:  url(../images/grants-menu-title.png) #666 no-repeat 15px -10px;
}
.context-grants a[title="Grants & training"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-grants a:hover, .zone-menu .block-menu-grants a.active-trail {
  background-color: #4C2178;
}


/* Fundraising
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-fundraising {
  background:  url(../images/fundraising-menu-title.png) #EF4957 no-repeat 15px -10px;
}
.context-fundraising a[title="Fundraise for us"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-fundraising a:hover, .zone-menu .block-menu-fundraising a.active-trail {
  background-color: #4C2178;
}
/* Events
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-events,
.block--exp-events-page {
  background:  url(../images/events-menu-title.png) #EF4957 no-repeat 15px -10px;
}
.block--exp-events-page {
  padding-top: 50px;
}

.block--exp-events-page {
  padding-top: 50px 10px 10px 10px;
  -moz-border-radius: 0.7em 0em 0.7em 0em;
  border-radius: 0.7em 0em 0.7em 0em;
}
.context-events a[title="Events"], {
  background-color: #EF4857;

}
.zone-menu .block-menu-events a:hover, .zone-menu .block-menu-events a.active-trail {
  background-color: #4C2178;
}
/* Get Involved
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-get-involved {
  background:  url(../images/getinvolved-menu-title.png) #0099D8 no-repeat 15px -10px;
}
.context-get-involved a[title="Get involved"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-get-involved a:hover, .zone-menu .block-menu-get-involved a.active-trail {
  background-color: #4C2178;
}
/* Lasting Legacy
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-lasting-legacy {
  background:  url(../images/legacy-menu-title.png) #E9979B no-repeat 15px -10px;
}
.context-legacy a[title="A lasting legacy"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-lasting-legacy a:hover, .zone-menu .block-menu-lasting-legacy a.active-trail {
  background-color: #4C2178;
}
/* Your Heart
----------------------------------------------------------------------------------------------------*/
.zone-menu .block-menu-your-heart{
  background:  url(../images/your-heart-menu-title.png) #43B549 no-repeat 15px -10px;
}
.context-heart a[title="Heart Information"] {
  background-color: #EF4857;

}
.zone-menu .block-menu-your-heart a:hover, .zone-menu .block-menu-your-heart a.active-trail ,
.page-recipes .zone-menu .block-menu-your-heart a:hover, .page-recipes .zone-menu .block-menu-your-heart a.active-trail ,
{
  background-color: #4C2178 !important;
}
.views-field-field-key-message-image {
  display: block;
}
#views_slideshow_controls_text_previous_key_message_slideshow-block,
#views_slideshow_controls_text_next_key_message_slideshow-block {
  display: block;
}

body.node-type-near-you {
	background-position: top center;
    background-image:  url(../images/bk/hruk_near_bg.jpg) ;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #4f2176;
  }
  body.node-type-spend-money{
    background-position: top center;
    background-image:  url(../images/bk/hruk_your_money_bg.jpg);
    background-repeat: no-repeat;
    background-color: #00b190;
    background-attachment: fixed;
  }
  body.node-type-grants-training {
    background-position: top center;
    background-image:  url(../images/bk/hruk_grants_bg.jpg);
    background-repeat: no-repeat;
    background-color: #999;
  	background-attachment: fixed;
  }
  
  body.node-type-grants-training {
    background-position: top center;
    background-image:  url(../images/bk/hruk_grants_bg.jpg);
    background-repeat: no-repeat;
    background-color: #999;
  	background-attachment: fixed;
  }
  body.node-type-community-grants,
  body.page-node-604 {
    background-position: top center;
    background-image:  url(../images/bk/commgrants_bg.jpg);
    background-repeat: no-repeat;
    background-color: #e68128;
  	background-attachment: fixed;
  }
  body.node-type-fundraising {
    background-position: top center;
    background-image:  url(../images/bk/hruk_fundraising_bg.jpg);
    background-repeat: no-repeat;
    background-color: #BE3A4F;
  	background-attachment: fixed;
   }
     body.page-events,
   body.node-type-events{
     background-position: top center;
     background-image:  url(../images/bk/hruk_events_bg.jpg) ;
     background-repeat: no-repeat;
     background-color: #BE3A4F;
   	background-attachment: fixed;
   }
   body.node-type-get-involved{
     background-position: top center;
       background-image:  url(../images/bk/hruk_get_involved_bg.jpg) ;
     background-repeat: no-repeat;
     background-color: #60CAE8;
     background-attachment: fixed;
   }
   body.node-type-lifestyle-leaflets{
     background-position: top center;
     background-image:  url(../images/bk/hruk_your_heart_bg.jpg) ;
     background-repeat: no-repeat;
     background-color: #91C847;
     background-attachment: fixed;
   }
   body.node-type-your-heart,
   body.page-recipes{
     background-position: top center;
     background-image:  url(../images/bk/hruk_your_heart_bg.jpg) !important;
     background-repeat: no-repeat;
     background-color: #91C847;
     background-attachment: fixed;
   }
   body.node-type-lasting-legacy{
     background-position: top center;
     background-image:  url(../images/bk/hruk_legacy_bg.jpg);
     background-repeat: no-repeat;
     background-color: #E9979B;
     background-attachment: fixed;
     }

  body.node-type-about-us,
  body.context-archive,
  body.context-latest-news,
  body.context-healthy-tips-archive,
  body.node-type-what-we-are-upto,
  body.node-type-news-item,
  body.node-type-key-messages,
  body.page-recipes,
  body.node-type-recipe,
  body.page-user{
       background-position: top center;
       background-image:  url(../images/bk/hruk_home_bg.jpg) ;
       background-repeat: no-repeat;
       background-color: #BE3A4F;
     	background-attachment: fixed;
      -webkit-background-size: 1897px 3147px;
     }


	 /* CONTACT US
	 ----------------------------------------------------------------------------------------------------*/
/*   #block-block-4{
     margin-top:50px;
   }*/
/*   #block-block-4 h2{
     font-size:18px;
     color: #fff;
     font-family: "omnes-pro",sans-serif;
     font-weight: 400;
    margin-bottom: 0px;
   }
   #block-block-4 p{
     font-size:32px;
     font-family: "omnes-pro",sans-serif;
     font-weight: 600;
     line-height:24px;
     color: #fff;
   }
   #block-block-4 a:hover{
     margin-top:10px;
     font-size:32px;
     font-family: "omnes-pro",sans-serif;
     color: #FFF;
     padding: 0 2px;
     text-decoration: none;
     transition: all 250ms ease-in 0s;
     border-radius: 0.3em;
   }
   #block-block-4 a:link,
   #block-block-4 a:visited{
     margin-top:10px;
     font-family: "omnes-pro",sans-serif;
     background-color: #FFF;
       color:#EF4957;
       padding: 0 2px;
       text-decoration: none;
       border-radius: 0.7em 0;
       transition: all 250ms ease-in 0s;
       border-radius: 0.3em;
   }*/
	 
	 /* PAGE IMAGES / PAGE HEADER IMAGES
	 ----------------------------------------------------------------------------------------------------*/
	 .field-name-field-hruk-image {
	 	float: right;
	     margin:4px;
	 	margin-bottom:4px;
		display: block;
	 }
	 .field-name-field-hruk-image img {
	 	border-radius: 0.7em 0;
	 }
	 .field-name-field-hruk-image .field-item{
	 	padding-bottom:13px;
	 }
	 .field-name-field-hruk-image a:hover{
	 	opacity: 0.6;
	     transition: 200ms  ease-in 0s;
	 }
	 .field-name-field-hruk-header-image img{
	  	border-radius: 0.7em 0;
	 	margin-bottom:20px;
	 }
	 
	 /* REGION FOOTER SOCIAL
	 ----------------------------------------------------------------------------------------------------*/
	 
	 .region-footer-first .block-block-9 .content ul {
	 height: 90px;
	 }
	 .region-footer-first .block-block-9 .content li {
	 margin: 10px;
	 height: 90px;
	 }
	 .region-footer-first .block-block-9 .content a {
	 display: inline-block;
	 padding-left: 15px;
	 text-indent: -9999px;
	 }
	 .region-footer-first .block-block-9 .content ul li {
	 display: inline;
	 }


	 .region-footer-first a.social_facebook {
	 background: url('../images/facebook.png') no-repeat scroll center center #FFF;
	 transition: 0.1s, 0.1s, 0.1s;
	 -webkit-transition: 0.1s, 0.1s, 0.1s;
	 background-size : 100%;
	 width: 70px;
	 height: 70px; 
	 border-radius:70px;
	 -moz-border-radius:70px;
	 -webkit-border-radius:70px;
	 -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 }
	 .region-footer-first a.social_twitter {
	 background: url('../images/twitter.png') no-repeat scroll center center #FFF;
	 transition: 0.1s, 0.1s, 0.1s;
	 -webkit-transition: 0.1s, 0.1s, 0.1s;
	 background-size : 100%;
	 width: 70px;
	 height: 70px; 
	 border-radius:70px;
	 -moz-border-radius:70px;
	 -webkit-border-radius:70px;
	 -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 }
	 .region-footer-first a.social_pinterest {
	 background: url('../images/pinterest.png') no-repeat scroll center center #FFF;
	 transition: 0.1s, 0.1s, 0.1s;
	 -webkit-transition: 0.1s, 0.1s, 0.1s;
	 background-size : 100%;
	 width: 70px;
	 height: 70px; 
	 border-radius:70px;
	 -moz-border-radius:70px;
	 -webkit-border-radius:70px;
	 -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);

	 }
	 .region-footer-first a.social_youtube {
	 background: url('../images/youtube.png') no-repeat scroll center center #FFF;
	 transition: 0.1s, 0.1s, 0.1s;
	 -webkit-transition: 0.1s, 0.1s, 0.1s;
	 background-size : 100%;
	 width: 70px;
	 height: 70px; 
	 border-radius:70px;
	 -moz-border-radius:70px;
	 -webkit-border-radius:70px;
	 -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	 box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);

	 }
	 .region-footer-first a.social_rss {
	   background: url('../images/rss.png') no-repeat scroll center center #FFF;
	   transition: 0.1s, 0.1s, 0.1s;
	   -webkit-transition: 0.1s, 0.1s, 0.1s;
	   background-size : 100%;
	   width: 70px;
	   height: 70px; 
	   border-radius:70px;
	   -moz-border-radius:70px;
	   -webkit-border-radius:70px;
	   -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	   -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	   box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);

	 }
	 .region-footer-first a.social_blogger {
	   background: url('../images/blogger.png') no-repeat scroll center center #FFF;
	   transition: 0.1s, 0.1s, 0.1s;
	   -webkit-transition: 0.1s, 0.1s, 0.1s;
	   background-size : 100%;
	   width: 70px;
	   height: 70px; 
	   border-radius:70px;
	   -moz-border-radius:70px;
	   -webkit-border-radius:70px;
	   -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	   -moz-box-shadow:    0px 0px 9px 0px rgba(0, 0, 0, 0.45);
	   box-shadow:         0px 0px 9px 0px rgba(0, 0, 0, 0.45);

	 }
	 .region-footer-first a.social_facebook:hover {
	 background: url('../images/facebook.png') no-repeat scroll center center #FFF;
	 transition: 0.5s, 0.5s, 0.5s;
	 -webkit-transition: 0.5s, 0.5s, 0.5s;
	 background-size : 90%;

	 }
	 .region-footer-first a.social_twitter:hover {
	 background: url('../images/twitter.png') no-repeat scroll center center #FFF;
	 transition: 0.5s, 0.5s, 0.5s;
	 -webkit-transition: 0.5s, 0.5s, 0.5s;
	 background-size : 90%;

	 }
	 .region-footer-first a.social_pinterest:hover {
	 background: url('../images/pinterest.png') no-repeat scroll center center #FFF;
	 transition: 0.5s, 0.5s, 0.5s;
	 -webkit-transition: 0.5s, 0.5s, 0.5s;
	 background-size : 90%;

	 }
	 .region-footer-first a.social_youtube:hover {
	 background: url('../images/youtube.png') no-repeat scroll center center #FFF;
	 transition: 0.5s, 0.5s, 0.5s;
	 -webkit-transition: 0.5s, 0.5s, 0.5s;
	 background-size : 90%;

	 }
	 .region-footer-first a.social_rss:hover {
	   background: url('../images/rss.png') no-repeat scroll center center #FFF;
	   transition: 0.5s, 0.5s, 0.5s;
	   -webkit-transition: 0.5s, 0.5s, 0.5s;
	   background-size : 90%;

	 }
	 .region-footer-first a.social_blogger:hover {
	   background: url('../images/blogger.png') no-repeat scroll center center #FFF;
	   transition: 0.5s, 0.5s, 0.5s;
	   -webkit-transition: 0.5s, 0.5s, 0.5s;
	   background-size : 90%;

	 }
   .block-key-message-slideshow-block {
     display: block;
   }
   .block-key-message-slideshow-block-1 {
     display: none;
   }
   .block-key-message-slideshow-block-2 {
     display: block;
   }
   #views-exposed-form-events-page .views-exposed-form label,
   #views-exposed-form-events-page .edit-tid-1 select,
   #views-exposed-form-events-page .views-widget,
   #views-exposed-form-events-page .views-exposed-form .views-exposed-widget
   
    {
      float: left;
      padding: 10px;
   }
   #views-exposed-form-events-page .views-exposed-form label {
     font-size: 1.6em;
     margin-top: 5px;
   }
   #views-exposed-form-events-page select {
     width: 400px;
     height: 40px;
     padding: 0 0 0 10px;
   }
   #views-exposed-form-events-page #edit-submit-events {
     margin-top: 10px;
     height: 40px;
   }
   #views-exposed-form-events-page {
   	background-color: transparent;
   }
   .view-events {
     margin-left: -10px;
   }
   .view-events  ul.ui-sortable li { 
       list-style-image: none; 
       list-style-type: none; 
       margin-right: 20px;
       padding: 0px; 
       float: left; 
       width: 300px; 
       min-height: 390px !important;
       font-size: 1em; 
       text-align: left; 
       cursor:pointer;
       cursor:hand;
       border: none;
       background: none;
       overflow:hidden;
       -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
       -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
       box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.45);
     	border-radius: 0.7em 0;
       margin-bottom: 20px;
       position: relative;
   }
   .gnr-image {
     width: 200px;
   }
   .gnr-text {
     width: 56%;
  
   }
   .gnr-image,
   .gnr-text {
     display: inline-block;
     padding: 10px;
     vertical-align: top;
   }
   .slideshow-mobile {
     display: none;
   }
   body.page-node-587,
   body.page-node-589,
   body.page-node-590,
   body.page-node-591,
   body.page-node-592,
   body.page-node-593,
   body.page-node-603 {
       background-position: top center;
       background-image: url(../images/tatt_bg.png) !important;
       background-repeat: no-repeat;
       background-color: #91C847;
       background-attachment: fixed;
   }
   .tatt-block {
     width: 190px;
   	border-radius: 0.7em 0;
     display: inline-block;
     margin: 10px 10px 0px 0px;
     vertical-align: top;
     border: 2px solid #FFF;
   }
   .zone-footer .block-imageblock {
     display:inline-block;
     margin-right: 20px;
     vertical-align: middle;
   }