﻿

/* This file will hold styles for the mobile version of your website (mobile first). */

/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

.left {

	float: left;

	margin: 0 0.5em 0.5em 0;

}

.clear {

	clear: both;

}

body {

	font-size: 12px;

	line-height: 1.5;

	font-family: Arial, Helvetica, Sans-serif;

	color: #333;

	

	/*border-left: 4px dashed pink;*/

}

/* colour rules */

/* main nav */



/* green: #c1d82f */

body.context-support-groups h1#page-title {

	border-color: #c1d82f;

}

#zone-menu .content ul li.menu-22008 a,

body.context-support-groups .child-pages .content ul li a span,

body.context-support-groups .newsflash {

	background-color: #c1d82f;

}



/* blue: #0093d0 (at 80% opacity = #33a8d9) */

body.context-spirit-of-manchester h1#page-title {

	border-color: #33a8d9;

}

#zone-menu .content ul li.menu-24444 a,

body.context-spirit-of-manchester .newsflash,

.context-spirit-of-manchester .child-pages .content ul li a span
{
    background-color: #0093D0;
}

body .child-pages .content ul li a span
{

	background-color: #CCCCCC;
	margin-bottom: 10px;
	color:#000;

}

body.page-node-43901 .child-pages .content ul li a span{
    background-color: #CCCCCC;
    color: #000;
}


/* purple: #56004e (at 60% opacity = #9a6695) */

.child-pages li.collapsed {
    
    list-style:none;
}

body.context-policy-and-influence .child-pages .content ul li a span {

	background-color: #9a6695;

}

body.context-policy-and-influence h1#page-title {

	border-color: #9a6695;

}

#zone-menu .content ul li.menu-24445 a,

body.context-policy-and-influence .newsflash {

	background-color: #9a6695;

}



/* yellow: #ffe513 */

body.context-news-and-events h1#page-title {

	border-color: #ffe513;

}

#zone-menu .content ul li.menu-639 a,

body.context-news-and-events .child-pages .content ul li a span,

body.context-news-and-events .newsflash {

	background-color: #ffe513;

}



/*  orange: #f5a01a */

body.context-volunteer-centre-manchester h1#page-title {

	border-color: #f5a01a;

}

#zone-menu .content ul li.menu-22000 a,

body.context-volunteer-centre-manchester .child-pages .content ul li a span,

body.context-volunteer-centre-manchester .newsflash {

	background-color: #f5a01a;

}


/* vcm nav */

/* home - grey */

#zone-menu .content ul li.menu-24620 a {

	background-color: #606060;

}

/* pink */

#zone-menu .content ul li.menu-31171 a,

#zone-menu .content ul li.menu-31752 a,

#zone-menu .content ul li.menu-25306 a,

#zone-menu .content ul li.menu-24621 a,

#zone-menu .content ul li.menu-31170 a{

	background-color: #ff0066;

}

/* navy */

#zone-menu .content ul li.menu-24622 a,

#zone-menu .content ul li.menu-24625 a {

	background-color: #003399;

}

/* orange */

#zone-menu .content ul li.menu-24624 a,

#zone-menu .content ul li.menu-24623 a
{

	background-color: #ff9900;

}



a, a:link, a:visited {

	color: #0093d0;

	text-decoration: underline;

}

a.btn,

#edit-submit,

.comment-links a,

.comment-add a,

.blog_usernames_blog a {

	background: #333 none no-repeat;

	border: 0 none;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0; 

	-khtml-border-radius: 0; 

	font-weight: normal;

	text-shadow: 0 0 0;

	color: #fff;

	padding: 4px 6px;

	display: inline-block;

	text-decoration: none;

}

.btn.btn-blue {

    background-color: #33A8D9;

}

.btn.btn-orange {

    background-color: #F5A01A;

}

a.btn-blue, 

a.btn-orange {

    font-size: 1.2857em; /* 18px */

    font-weight: bold;

    padding: 6px 12px;

}

.comment-add a.active {

	color: #fff;

}

.btn:hover,

.comment-links a:hover,

.comment-add a:hover,

.blog_usernames_blog a:hover {

	text-decoration: underline;

}

input {

	font-size: 1em !important;

}

.grippie {

	display: none;

	visibility: hidden;

}

ul li.leaf {

	list-style: none outside none;

	margin: 0;

	padding: 0;

}

p {

	margin: 0 0 0.8em 0;

}

h1, h2, h3, h4, h5, h6 {

	margin-bottom: 0.5em;

}

h1 a:link, h1 a:visited,

h2 a:link, h2 a:visited, 

h3 a:link, h3 a:visited,

h4 a:link, h4 a:visited,

h5 a:link, h5 a:visited,

h6 a:link, h6 a:visited {

	text-decoration: none;

}

h1 a:hover, h2 a:hover, h3 a:hover,

h4 a:hover, h5 a:hover, h6 a:hover {

	text-decoration: underline;

}

h1.site-name,

h2.site-name {

	font-size: 2.2857em; /* 32px */

/*	line-height: 122px;*/

	margin: 0;

}

h1.site-name a,

h2.site-name a {

	text-decoration: none;

	color: #333;

}

h1#page-title {

	text-align: center;

	font-size: 2.1428em; /* 30px */

	padding-bottom: 0.75em;

	border-bottom: 4px solid;

}

h2 {

	font-size: 1.2857em; /* 18px */

}

#region-sidebar-first h2 {

	font-size: 1.5714em; /* 22px */

}

h3 {

	font-size: 1.1428em; /* 16px */

}

h4 {

	font-size: 1em; /* 16px */

}

h3, h4 {

	margin-bottom: 0.25em;

}

.zone {

	padding: 20px 0;

}

.equal-height-element .region-inner {

	height: 100%;

	position: relative;

}

#section-header .zone {

	padding: 0;

}

#zone-content {

	padding: 10px 0 20px 0;

}

/* header */

#section-header {

	padding-top: 30px;

}

#zone-branding {

	margin-bottom: 15px;

}

.logo-img, 

.site-name-slogan,

.branding-data,

#block-delta-blocks-site-name,

.vcm-site-name {

	float: left;

}

.logo-img {

	margin-right: 40px;

}

.logo-img img {

	width: 530px;

	height: 102px;

}

#region-user-first,

#region-user-second {

	overflow: hidden;

	float: left;

}

#region-user-first {

	margin-bottom: 10px;

}

.container-12 .grid-6#region-user-second {

	clear: left;

	width: auto; /* allowing this region to go full width on narrow layout */

}

#region-user-second .block {

	float: right;

}



/* secondary menu */

#block-menu-secondary-menu li {

	display: inline;

}

#block-menu-secondary-menu .content li a {

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	padding: 0 5px;

	border-right: 1px solid #333;

	color: #333;

}

#block-menu-secondary-menu li.last a {

	padding-right: 0;

	border-right: 0 none;

}

#block-menu-secondary-menu .content li a:hover {

	text-decoration: underline;

}

/* main menu */

#zone-menu .content ul li {

	display: inline-block;

	text-align: left;

	margin: 0 5px 5px 0;

	vertical-align: top;

	/*float: left;*/

}

#zone-menu .content ul li a {

	width: 130px;

	height: 40px;

	display: inline-block;

	text-decoration: none;

	padding: 10px;

	background-color: #cccccc;

	color: #333;

	font-weight: bold;

	font-size: 1em; /* 14px */

}

#zone-menu .content ul.nice-menu-menu-vcm-menu li a {

	color: #fff;

}



/* child pages block */

.child-pages .content ul li {

	width: 33.33%;

	height: auto;

	margin: 0;

	padding: 0;

	float: left;

	text-align: center;

}

.child-pages .content ul li a {

	display: block;

	margin: 10px;

	padding: 30px 0 0 0 !important;

	background-position: center bottom !important;

	text-decoration: none;

	color: #333;

}

body .child-pages .content ul li a{

	color: #fff;

}

.child-pages .content ul li a span {

	display: block;

	margin-top: -24px;

	line-height: 2;

	font-weight: bold;

}

/* sidebar */

#region-sidebar-first {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dashed #ccc;

}

#region-sidebar-first .block {

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px dashed #ccc;

}

.tweets .view-footer a {

	padding: 5px 0 5px 35px;

	background: url(images/twitter-follow.png) no-repeat 0 center;

	display: block;

	text-decoration: none;

	color: #00acee;

	font-weight: bold;

	/*font-style: italic;*/

	float: right;

}

.tweets .view-footer a:hover {

	text-decoration: underline;

} 

/* blocks */



#region-user-second .phone {

	padding-right: 5px;

	margin-right: 5px;

	border-right: 1px solid #ccc;

}

.phone strong {

	font-size: 1.2857em; /* 18px */

	font-weight: bold;

}

.phone p {

	margin: 0;

	display: inline;

}

.phone p a {

	display: inline-block;

	vertical-align: middle;

	margin-left: 3px;

}

.phone a img {

	display: block;

}

#region-user-second .block-search .form-actions input {

	margin: 0;

}

.back-to-mcc .content a {

	width: 200px;

	display: block;

	padding-left: 40px;

	background: url(images/header-stripes-smaller.png) no-repeat 0 3px;

}

.see-all-training {

	text-align: right;

	margin-bottom: 20px;

}

.block-aggregator {

	width: 46%;

	height: 300px;

	float: left;

	margin: 1%;

	background-color: #F2F2F2;

}

.block-aggregator .block-inner {

	padding: 20px;

}

.block-aggregator .item-list ul li {

	margin: 0 0 0.75em 0;

}

.newsflash {

	padding: 1em;

}

.newsflash a,

.newsflash a:link,

.newsflash a:hover {

	color: #333;

}

.date-nav {

	padding-bottom: 0.5em;

}

.disclaimer {

	margin-top: 25px;

}

/* articles */

article .field {

	margin-bottom: 15px;

}

.field-name-comment-body {

	margin-top: 5px;

}

.submitted {

	margin-bottom: 1em;

}

.service-links {

	clear: both;

	margin: 1em 0;

}

/* views */

.views-row {

	margin-bottom: 10px;

	overflow: hidden;

}

.view-filters {

	margin-bottom: 20px;

}

.region-content ul.pager {

	margin-top: 30px;

}

.views-label {

	font-weight: bold;

    float: left;

    margin-right: 5px;

}

h3.views-label {

	float: none;

}

.view-category-view .views-row,

.news-page .views-row, 

.job-block .views-row,

.give-locally .views-row,

.training-page .views-row,

.event-list .views-row,

.blog-page .views-row,
.view-training-leadership .views-row,
.view-blog-views .views-row,
.comment {

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px dashed #ccc;

}

.job-block .views-row-first {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dashed #ccc;

}

.field-name-field-rate,

#comments,

.training-list {

	margin-top: 20px;

	padding-top: 20px;

	border-top: 1px dashed #ccc;

}

.field-name-field-rate .field-label,

.field-type-taxonomy-term-reference .field-label {

	font-size: 1.2857em; /* 18px */

	margin-bottom: 0.5em;

}

.term-list .item-list ul, 

.field-type-taxonomy-term-reference {

	overflow: hidden;

}

.term-list .item-list ul li,

.field-type-taxonomy-term-reference .field-item {

	float: left;

	margin: 0 0.5em 0.5em 0;

}

.term-list .item-list ul li a,

.field-type-taxonomy-term-reference .field-item a {

	border: 1px dashed #ccc;

	padding: 0.25em 0.5em;

	display: block;

	text-decoration: none;

}

.term-list .item-list ul li a:hover,

.field-type-taxonomy-term-reference .field-item a:hover {

	background-color: #ccc;

	border: 1px solid #ccc;

	text-decoration: none;

}

.blog-page .views-field-view-node {

	margin-bottom: 1em;

}

a.views-more-link,

.node-readmore a,

.more-link a,

.views-field-view-node a {

	font-weight: bold;

/*	font-style: italic;*/

	display: inline-block;

}

.more-link {

	text-align: left;

	margin-top: 2em;

}

.view ul.inline li {

	padding: 0;

}

.views-field-field-date-time-of-event, 

.views-field-created,

.views-field-field-date-time-training,

.comment-submitted {

/*	font-style: italic; */

}

/* carousels */

#region-header-first .region-inner {

	padding: 10px;

	margin-top: 20px;

	background-color: #f2f2f2;	

}

.whm-slideshow {

	padding: 10px 20px;

}

.views_slideshow_cycle_main {

	width: 100%;

	position: relative;

}

.slideshow .views-row {

	margin: 0;

	border: 2px solid #ebebeb;

	background-color: #e5e5e5;

	overflow: hidden;

}

.slideshow img {

	width: 100%;

	height: auto;

}

#caption {

	padding: 20px 10px;

}

.views-slideshow-controls-text-pause,

.views-slideshow-controls-text-previous,

.views-slideshow-controls-text-next {

	display: none;

	visibility: hidden;

}

/* syndication do-it */

ul.syndication_do_it li {

	border-bottom: 0 none;

	padding: 0;

}

/* calendar */

.calendar-calendar td {

	text-align: center;

}



/* tables */

table {

	border-collapse: collapse;

}

tr {

	border: 0 none !important;

}

th, td, tr, tr.even, tr.odd {

/*	background-color: transparent !important; 

    Changed C Dean 07/08/2014 interferes with the more colour picker in ckeditor. All colours appear white*/

	background-color: transparent; 

}

th, td {

	border: 1px solid #ccc !important;

	padding: 0.5em 1em;

	vertical-align: middle;

}

th {

	font-weight: bold;

}

/* misc */

ul.inline li {

	padding: 0 0.5em 0 0;

}

/* civi */ 

#printer-friendly {

	display: none;

	visibility: hidden;

}

#crm-container input[type=text], #crm-container input[type=password] {

	border: 1px solid #ccc;

}

.view-map-block .view-content {

	height: 600px;

}

#crm-container .crm-button, #crm-container a.button, #crm-create-new-link, #crm-participant-link, #crm-event-links-link, #crm-contribpage-links-link, #crm-contact-actions-link, #crm-container a.button:link, #crm-container input.form-submit, #crm-container input[type=button], #crm-container input.form-submit-inline, #edit-submit-map-block {

	border-radius: 0 0 0 0;

	padding: 4px 6px;

	background: #333 none;

	border: 0 none;

	font-size: 1em;

	text-shadow: 0 0 0 transparent;

	margin: 0;

	color: #fff;

}

#crm-container tr {

	font-size: 1em;

}

#crm-container div#searchForm table.form-layout td#searchButtonTD {

	padding: 20px 4px 4px 4px;

}

#searchTable #bannerText {

	font-size: 1.2857em; /* 18x */

	font-weight: bold;

	margin-right: 30px;

}

#clearSearch {

	float: right;

	clear: both;

	margin-top: 30px;

}

.context-spirit-of-manchester #crm-container div.form-item#postcodeSearchForm,

.context-spirit-of-manchester #crm-container div.form-item#keywordSearchForm,

div#ccgSearchForm

 {

	float: left;

	margin: 20px 20px 0 0;

	background-color: #0093D0;

	color: #fff;

	padding: 5px 10px 10px 10px;

	border-radius: 0;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td {

	background-color: #0093D0 !important;

	color: #fff !important;

	padding: 5px 10px 10px 10px;

	border: 0 none;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td label {

	color: #fff;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td .multiSelectOptions div {

	padding : 5px 0;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td .multiSelectOptions label {

	color: #333;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td .multiSelectOptions input.form-checkbox {

	margin: 0 3px 3px 0;

}	

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td a.multiSelect {

	background: #fff url(images/down.png) no-repeat right center;

	display: inline-block;

	height: 1.8em;

	line-height: 1.8em;

	padding: 0 30px 0 5px;

	color: #ccc;

}

.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td a.multiSelect.active {

	color: #333;

}



/* Styling for ccg search C Dean*/

#ccgSearchForm   a.multiSelect{

	background: #fff url(images/down.png) no-repeat right center;

	display: inline-block;

	height: 1.8em;

	line-height: 1.8em;

	padding: 0 30px 0 5px;

	color: #ccc;

}



#ccgSearchForm  .multiSelectOptions label {

	color: #333;

}



#ccgSearchForm .multiSelectOptions div {

	padding : 5px 0;

}



#ccgSearchForm .multiSelectOptions label {

	color: #333;

}



.context-spirit-of-manchester #crm-container div#searchForm #searchTable tr#searchRow td .multiSelectOptions input.form-checkbox {

	margin: 0 3px 3px 0;

}	



/* End styling for ccg search */



div.fivestar-widget-static {

Â Â Â Â display:Â inline;

Â Â Â Â overflow:Â hidden;

Â Â Â Â width:Â 85px;

}



#region-content .node ul, #region-content .node ol {

    margin: 1em 0;

    padding-left: 2em;

}

#region-content .node ul li {

    list-style: disc outside none;

}

#region-content .node ol li {

    list-style: decimal outside none;

}



/* Reinstall bullets to event editing 

   C Dean 02/01/14 

*/

.event-info ul {

	list-style-type:disc;

}



.page-blog .views-field {

	position:relative;

	left:120px;

}



.page-blog .views-field-nothing {

	float:left;

	margin:10px;

	left:0px;

	position:absolute;

}

 .page-blog .views-field-picture  {

	float:left;

	margin:10px;

	left:0px;

 }

.page-blog .views-field-picture {

	clip:rect(5px,95px,95px,5px);

}

.page-blog .views-field-nothing a {

	display:block;

	max-width:85px;

	font-size:0.8em;

	font-weight:bold;

}



.page-node #author-image {

	padding-left:2em;

	}

	

.page-blog #blog-image-container {

    float: left;

    left: 0;

    margin: 10px;

    position: absolute;

}



.page-blog #blog-profile-container {

	padding:10px;

    position: relative;

	min-height: 100px;

}

.page-blog #blog-name-role {

	font-weight:bold;

	}



.not-logged-in .contextual-links-wrapper { display:none; }

.page-blog #region-sidebar-first {

    position: relative;

    top: -200px;

	}

	

#views-crm-container .panel { background:#333; }

#views-crm-container .panel a { color:#fff; }

#views-crm-container .panel a:hover { background:#f5f6f1; color:#3e3e3e; }



.volunteer-button {

    border-left: 1px solid #BBBBBB;

	border-right: 1px solid #BBBBBB;

	border-top: 1px solid #DDDDDD;

	border-bottom: 1px solid #999999;

	-moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-image: url('') none;

    border-radius: 11px;

    color: #333333;

    cursor: pointer;

    outline: 0 none;

    overflow: visible;

    padding: 3px 10px 4px;

    text-shadow: 0 1px 1px #FFFFFF;

    width: 140;

	display: inline-block;

    font-size: 1em !important;

    vertical-align: middle;

	margin-top:1em;

	margin-bottom:1em;

		padding:5px 10px;

	font-style: normal;

	font-variant: normal;

	font-weight: bold;

	line-height: 1.2;

	font-family: Arial, sans-serif;

}

.volunteer-button a {

	text-decoration:none;

	color:black;

	}

.volunteer-button a:hover {

	text-decoration:underline;

	}

.volunteer-button p {

	line-height:1em;

	margin:0;

}



table#searchTable td#searchButtonTD #restmsg {

	display: block;

	font-size: 1.2em;

}



form#Search #searchResults #resultsControlsTop,

form#Search #searchResults #results {

	clear: both;

	margin: 10px 0;

}



.crm-container form#Search table {

	font-size: inherit;

}



.time_availablity_table .time_available { 

    background: url('/sites/manchestercommunitycentral.co.uk/files/system_tick_alt_03.png'); 

    display: block;

    height: 20px;

    width: 20px;

}



/* hide some WYSIWYG text on API form*/

.page-civicrm-opportunities-add #edit-event-summary-format {display:none;}

.page-civicrm-opportunities-add #edit-event-description-format {display:none;}

.page-civicrm-opportunities-addlong #edit-event-summary-format {display:none;}

.page-civicrm-opportunities-addlong #edit-event-description-format {display:none;}





/*events*/



.grid{border:solid 2px #c7da43; width:256px; height:466px; margin-bottom:10%}

.view-id-evvents2016.view-display-id-page .field-content-event-title{background-color:#c7da43; padding:10px; height:82px;}

.view-id-evvents2016.view-display-id-page .field-content-event-title a {color:white; font-weight:600;}



.view-id-evvents2016.view-display-id-page .views-field.views-field-body{padding:10px; height:150px;}

.view-id-evvents2016.view-display-id-page .views-field.views-field-read-more{border:solid 2px #c7da43;float:right;margin-right:3%; margin-bottom:3%; padding: 5px 5px 5px 5px; background-color:#57004f;}

.view-id-evvents2016.view-display-id-page .views-field.views-field-read-more a {color:white;}

.view-id-evvents2016.view-display-id-page .date-venue{clear:both; border-top:solid 2px #c7da43; height:63px;}

.view-id-evvents2016.view-display-id-page .event-date {

    width: 48%;

    float: left;

    height: 64px;

    border-right: solid 2px #c7da43;

    margin-left: 0px;

    padding-left: 2px;

    

}



.view-id-evvents2016.view-display-id-page .event-venue {

    width: 49%;

    float: left;

    padding-left: 2px;

    height: 65px;

    

}

.view-id-evvents2016.view-display-id-page_1 .pd-padding-left{margin-left:24px;}



.view-id-evvents2016.view-display-id-page .views-field.views-field-cost{clear:both; border-top:solid 2px #c7da43; border-bottom:solid 2px #c7da43; background-color:#f7a11a; color:white; height:21px; }

.view-id-evvents2016.view-display-id-page .views-field.views-field-provider .field-content{margin-left:4px}

.view-id-evvents2016.view-display-id-page .views-field.views-field-provider{background-color:#0193cf; color:white; height:25px;}

.view-id-evvents2016.view-display-id-page .views-field.views-field-cost .field-content{margin-left:4px}





/*training*/

.view-id-evvents2016.view-display-id-page_1 .field-content-event-title{background-color:#c1d82f; padding:10px; height:82px;}

.view-id-evvents2016.view-display-id-page_1 .field-content-event-title a {color:black; font-weight:600;}



.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-body{padding:10px; height:150px;}

.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-read-more{border:solid 2px #0093d0;float:right;margin-right:3%; margin-bottom:3%; padding: 5px 5px 5px 5px; background-color:#0093d0;}

.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-read-more a {color:black;}

.view-id-evvents2016.view-display-id-page_1 .date-venue{clear:both; border-top:solid 2px #c1d82f; height:63px;}

.view-id-evvents2016.view-display-id-page_1 .training-date {

    width: 48%;

    float: left;

    height: 64px;

    border-right: solid 2px #c1d82f;

    margin-left: 0px;

    padding-left: 2px; font-weight:700;

    

}



.view-id-evvents2016.view-display-id-page_1 .event-venue {

    width: 49%;

    float: left;

    padding-left: 2px;

    height: 65px; font-weight:700;

    

}



.view-id-evvents2016.view-display-id-page_1 .views-exposed-widgets {

    margin-bottom: .5em;

    margin-left: 21px;

}





.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-cost{clear:both; border-top:solid 2px #c1d82f; border-bottom:solid 2px white; background-color:#c1d82f;  color:black; height:43px; }

.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-provider .field-content{margin-left:4px}

.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-provider{background-color:#c1d82f; color:black; height:39px;}

.view-id-evvents2016.view-display-id-page_1 .views-field.views-field-cost .field-content{margin-left:4px}



ul.isotope-options li{float:left}

ul.isotope-options li {

    background-color:#0193cf; text-align:center; color:black; font-weight:600;

}

ul.isotope-options li.first {padding:8px 25px 8px 10px;}



ul.isotope-options a{color:black}

.views-widget-filter-field_topic_tid {font-weight:900;margin-top:18px}



.view-id-civicrm_directory_of_groups.view-display-id-page .form-item-target-audience-183 {-webkit-column-count: 2; /* Chrome, Safari, Opera */    -moz-column-count: 2; /* Firefox */    column-count: 2;}

.view-id-civicrm_directory_of_groups.view-display-id-page  .form-item-category-of-work-182 {-webkit-column-count: 2; /* Chrome, Safari, Opera */    -moz-column-count: 2; /* Firefox */    column-count: 2;}

.view-id-civicrm_directory_of_groups.view-display-id-page .form-item-where-do-they-work--78{-webkit-column-count: 3; /* Chrome, Safari, Opera */    -moz-column-count: 3; /* Firefox */    column-count: 3;}

.view-id-civicrm_directory_of_groups.view-display-id-page .form-item-where-do-they-work-ccg-project--1170{-webkit-column-count: 4; /* Chrome, Safari, Opera */    -moz-column-count: 4; /* Firefox */    column-count: 4;}



.view-id-civicrm_directory_of_groups.view-display-id-page .button-me-up {margin-top:20px; margin-bottom:20px;}

.view-id-civicrm_directory_of_groups.view-display-id-page .views-submit-button{float:left; margin-right:10px;}



.page-new-directory.context-new-directory * a {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

} 



.view-civicrm-directory-of-groups tr.odd{

                background-color: #FAFAFA;}



.view-civicrm-directory-of-groups tr.even{

                background-color: #EFEFEF;}



.view-civicrm-directory-of-groups th {

                padding: 4px}



.view-civicrm-directory-of-groups tr {

                padding: 4px}



.view-civicrm-directory-of-groups td {

                padding: 4px}



.view-id-civicrm_directory_of_groups.view-display-id-page .views-field-display-name {

                width:15%}



.view-id-civicrm_directory_of_groups.view-display-id-page .views-field-target-audience-183 {

                width:20%}



.view-id-civicrm_directory_of_groups.view-display-id-page .views-field-category-of-work-182 {

                width:15%}



.view-id-civicrm_directory_of_groups.view-display-id-page .views-field-where-do-they-work--78 {

                width:15%}



.mcc-blue-filters {background-color:#0093D0; padding-top:5px}

.mcc-blue-filters label{color:white; margin-bottom:-5px}

.pd-button-area-2 {margin-top:15px; margin-left:-30px!important}

.button-me-up {margin-top:15px; margin-left:-30px!important}

#accordion{margin-top:25px;}

.page-spirit-of-manchester.page-spirit-of-manchester-directory #zone-menu .content ul li a {width: 180px; font-size: 1.0714em; height: 60px; }

.breadcrumb{background-color:transparent!important}



@media only screen and (min-width : 1025px) { .responsive-image { width:500px;height:auto; display:block; margin-left:auto;margin-right:auto }

}





.view-id-blog_updates.view-display-id-page_1 img {float:left; margin-right:21px;}



.webform-client-form.webform-client-form-37673 .fieldset-legend {font-size: 16px; font-weight:600;}

.block-gtranslate{float: right !important; margin-right: 16% !important; margin-top: 5px !important; position: relative;}

.block-gtranslate .content{position: absolute !important; left: -160px !important;}

#block-block-194{
	float: right;
    width: 15%;
    margin-top: 30px;
    right: -10px;
    text-align: center;
}

body.context-volunteer-centre-manchester #zone-branding{
	background-position: 100% 60px !important;
}

.civi-public-search .views-field-image-URL img {
    float: right;
    margin: 30px;
}

#block-views-events-by-organisation-block {
    margin-bottom: 20px;
}

.civi-public-search .views-field-monday-opening-time-1526,
.civi-public-search .views-field-tuesday-opening-time-1527,
.civi-public-search .views-field-wednesday-opening-time-1528,
.civi-public-search .views-field-thursday-opening-time-1529 {
    margin-bottom:0px;
}

.civi-public-search .views-field-what-languages-are-available-in--1520 p,
.civi-public-search .views-field-monday-opening-time-1526 p,
.civi-public-search .views-field-tuesday-opening-time-1527 p,
.civi-public-search .views-field-wednesday-opening-time-1528 p,
.civi-public-search .views-field-thursday-opening-time-1529 p {
    margin-bottom:0px;
}

.civi-public-search .views-field-what-languages-are-available-in--1520 p,
.civi-public-search .views-field-what-special-activities-are-you--1521 p  {
    margin-bottom:0px;
}

.civi-public-search .views-field-what-special-activities-are-you--1521,
.civi-public-search .views-field-what-languages-are-available-in--1520,
.civi-public-search .views-field-are-your-services-available--1519,
.civi-public-search .views-field-email,
.civi-public-search .views-field-url-5,
.civi-public-search .views-field-postal-code,
.civi-public-search .views-field-where-do-they-work-ccg-project--1170,
.civi-public-search .views-field-what-days-do-you-provide-your-se-1536,
.civi-public-search .views-field-are-your-winter-services-availab-1522 {
    margin-bottom:10px;
}


.events-by-organisation table,
.civicrm-directory-of-groups table {
    width:100%;
    table-layout: fixed;
}

.events-by-organisation th.views-field-summary {
    width: 75%;
}

.page-directory .block-login .item-list ul li.first{
    display:none;
}




