/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */



/* general */
h1.title {
	font-size: 2.250em;
	font-weight: 700;
	
}

.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
}
.node-image-caption {
margin-top: 2.2em;
}

.content .field-item ul {
	margin-top: 1em;
}
.content .field-item ul li {
	background-image: url('../images/list-arrow2.png');
	background-repeat: no-repeat;
	list-style-type: none;
background-position: 0 3px;
  padding-left: 2em;
  line-height: 16px;
  background-size: 10px 10px;
}

/* button */
input.form-submit {
  background: #ff0000;
  border: none;
  padding: 0.75em 1.25em;
  border-radius: 0;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 700;
  text-shadow: inherit;
 }
 
 input.form-submit:hover {
	background: #f9595e;
 }

/* breadcrumbs */
ul.breadcrumb {
padding: 0;
margin-bottom:10px;
margin-top: 10px;
margin-left: 10px;
}

.breadcrumb a {
text-decoration: none;
}
.breadcrumb  li {
padding-right: 30px;
background: url('../images/div-breadcrumb.png') no-repeat 90% 60%;
}
.breadcrumb li.last {
background: none;
}

/* GROUPS */
.page-node-55 .block-views h2 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.375em;
}

.node-image-caption {
margin-right: 1em;
}

.node-project .node-image-caption {
	margin-left: 0;
	margin-right: 0;
}

#block-views-groups-strategic {
	margin-right: 0;
}
#block-views-groups-interest {
	margin-left: 0;
}
.view-id-groups .panel-grey ul li {
margin: 0;
padding: 1em 1em 0.5em 1em;
}
.view-id-groups .panel-grey ul li img {
margin: 0.5em 0 1em 0;
}
.group-box {
margin: 0 1em 1em 0 !important;
  padding: 1em !important;
  width: 265px !important;
}
.group-box img {
margin: 0 1em 0 0;
float: left;
  }
  
.people-box {
  float: left;
  background-color: #f2f2f2;
  width: 334px;
  margin: 0 1em 1em 0;
  min-height: 100px;
}

.people-box.views-row-odd {
	clear:both;	
}
.people-box .panel-text {
	overflow:hidden;
	display:block;
	padding:0.5em 1em;
}

/*#block-views-teams-cx-members .people-box {
	height: 200px;
}*/
.people-box img {
float: left;
/*margin: 0 1em 0 0;*/
}

/*#block-views-teams-cx-members .people-box img {
	margin-bottom:100px;
}*/

.people-box a {
display: block;
}
.people-box span {
  margin-bottom: 5px;
  display: block;
}
.people-box .title {
  display: block;
  /*margin: 0.5em 1em 0 1em;*/
}

.view-display-id-partners .people-box {
margin-bottom: 2.5em;
}

.group-box span {
  margin-top: 10px;
  display: block;
}

.view-display-id-partners .people-box {
background-color: #fff;
}


/* sidebar menus */
#region-sidebar-first .menu,
#region-sidebar-second .menu {
	padding: 0;
}

#region-sidebar-first li .menu,
#region-sidebar-second li .menu {
	padding: 10px 0 0 10px;
}

#region-sidebar-first .menu li,
#region-sidebar-second .menu li,
section.block-menu-becoming-a-member .menu li {
	list-style-type: none !important;
	padding-bottom: 10px;
	font-size: 1em;
	font-weight: 700;
}

#region-sidebar-first a.active,
#region-sidebar-second a.active {
	color: #000;
}

.region-sidebar-first-inner .block-inner,
.region-sidebar-second-inner  .block-inner {
	padding: 15px;
	margin-bottom: 20px;
}

#region-sidebar-first .block-title,
#region-sidebar-second .block-title,
section.block-menu-becoming-a-member .block-title {
	font-size: 1.25em;
	letter-spacing: 0.15em;
	line-height:1.3;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 15px;
	border-bottom: 2px solid #b2b2b2;
}
#block-views-centre-cx-centre-leaders h2.block-title {
	text-transform: none;
}
section.block-menu-becoming-a-member {
margin: 0 5px 0 0;
}
section.block-menu-becoming-a-member .block-title {
padding: 0 0 15px 0 !important;
margin-bottom: 15px !important;
}

#region-sidebar-second .item-list ul li {
  margin: 0 0 0.25em 0;
  padding: 0;
}

#block-views-exp-resources-resources .block-inner {
	padding: 15px 15px 0 15px;
  margin-bottom: 0;
}

#block-views-exp-resources-resources .block-inner .views-submit-button {
	margin-top: -15px;
}

section.block-menu-becoming-a-member .block-inner {
padding: 15px;
}

section.block-menu-becoming-a-member {
float: right;
}
section.block-menu-becoming-a-member h2 {
width: auto !important;
}

/* MEMBER CENTRES */

#block-views-member-centres-africa .grid-3,
#block-views-member-centres-asia .grid-3,
#block-views-member-centres-oceania .grid-3 {
	border: 2px solid #f2f2f2;
	margin: 0 -2px -2px 0;
	padding: 15px;
	width: 199px;
}

#block-views-member-centres-africa .views-row-last.grid-3,
#block-views-member-centres-asia .views-row-last.grid-3,
#block-views-member-centres-oceania .views-row-last.grid-3 {
	margin-bottom: 30px;
}

.page-node-44 .region-content-inner h2.block-title {
  background-color: #f2f2f2;
  padding: 10px;
  margin-bottom: -2px;
  width: 675px;
  font-weight: 700;
  text-transform: none;
 }

 .view-display-id-centre_leaders img,
.view-display-id-group_leaders  img,
.view-display-id-project_leaders img {
	margin-right: 10px;
	margin-bottom: 10px;
 }
 
 /*.node-type-member-centre .field-name-field-location {
 margin-top: -1.4em;
 }*/
 
 /* teams */
 
#block-views-teams-teams .grid-3 {
	border: 2px solid #f2f2f2;
	margin: 0 -2px -2px 0;
	padding: 15px;
	width: 199px;
	/*min-height: 55px;*/
}
 
 /* centre node */
 
 .node-type-member-centre .field-name-field-location,
  .node-type-member-centre .field-name-field-population .field-label,
.node-type-member-centre .field-name-field-population .field-item,
.node-type-member-centre .field-name-field-institution .field-item  {
	font-size: 1.375em;
	font-weight: 400;
	margin-bottom: 0.25em;
 }

  .node-type-member-centre .field-name-field-population .field-label {
  float: left;
  margin-right: 0.5em;
  }
 
 .node-type-member-centre .field-name-field-website {
 	font-size: 1.125em !important;
	font-weight: 400;
		margin-bottom: 0.5em;
 }
 
 .field-name-field-population
 
 /* QUICK TABS */
 ul.quicktabs-tabs  {

margin:0 0 30px 0;
padding: 0;

 }
 .block-quicktabs-centre-leaders ul.quick-tabs li {
 background-color: #e6e6e6;
  border-bottom: 4px solid #b2b2b2;
 }
 ul.quicktabs-tabs li {
display: inline-block;
margin: 0 0 -4px 0;
padding: 15px 45px 11px 45px;
 background-color: #e6e6e6;
  border-bottom: 4px solid #b2b2b2;

 }

 ul.quicktabs-tabs li.active {
 background-color: #fafafa;
 
 border-bottom: 4px solid #ff0000;
 }

 ul.quicktabs-tabs li.active a {
	color: #ff0000;
 }
 
 ul.quicktabs-tabs li a {
	color: #118999;
	font-size: 1.188em;
	font-weight: 700;
 }
  ul.quicktabs-tabs li a:hover {
  color: #ff0000;
  }
 
 
 /* PROJECTS */
 
 #quicktabs-project_status ul.quicktabs-tabs {
 margin-right: 1.25em;
 background-color: #e6e6e6;
 border-bottom: 4px solid #b2b2b2;
 }
 
 #quicktabs-container-project_status .panel-grey h3 {
 margin: 0.75em 0.75em 0.25em 0.65em;
 }
 
 #quicktabs-container-project_status .panel-grey p {
 margin: 0 0.75em 0.75em 0.75em;
 }
 
.quicktabs-tabpage  .grid-4 {
margin: 0 10px 30px 0;
 }
 
 #block-quicktabs-project-status h2.block-title {
	display: none;
 }
 
 .block-views-centre-cx-contribution,
.block-views-centre-cx-repository {
	background-image: url("../images/Contributed-data-stamp.png");
	background-size: 80px 68px;
    background-repeat: no-repeat;
	  background-position: 5px 10px;
 }
 .contrib {
  padding-left: 70px !important;
  text-align: center;
}

#block-views-partners-partners {
margin-top: 1.5em;
}

.panel-project-submenu {
background-color: #E6E6E6;
}


.panel-project-submenu a.active {
color: #ff0000 !important;
}

.panel-project-submenu ul {
padding: 0 !important;
}
.panel-project-submenu ul li ul li {

padding-bottom: 5px;
padding-top: 5px;
}
.panel-project-submenu ul li ul li.last {
padding-bottom: 0;
border-bottom: none;
}

.panel-project-submenu li.expanded {
padding-bottom: 0 !important;
}

.view-display-id-facts span.label {
    margin-bottom: 0 !important;
	
}

.view-display-id-facts span.field-value {
    text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

/* attachment */
.files-row-divider {
    padding-bottom: 1em;
	clear: both;
}
.files-row-divider .views-field-extension, .files-row-divider .views-field-extension-1 {
    text-transform: uppercase;
}
.files-row-divider .views-field-extension .field-content a {
font-size: 0.85em;
}
.files-row-divider .views-field-extension {
    background: url("../images/file-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    color: #22afec;
    float: left;
    line-height: 44px;
    /*margin-bottom: 30px;*/
    margin-right: 10px;
    min-height: 44px;
    min-width: 44px;
    text-align: center;
	font-size:0.667em;
	font-weight:700;
}
.views-field-field-attachment,
.views-field-field-attachment a {
    display: block;
    overflow: hidden;
}
.files-row-divider .file-icon {
    display: none;
}

.files-row-divider .views-field-filesize, .files-row-divider .views-field-filesize *, .files-row-divider .views-field-extension-1, .files-row-divider .views-field-extension-1 * {
  display: inline;
  font-size: 0.667em;
  text-transform: uppercase;
}

.block-views-front-footer-social h2.block-title {
font-size: 1em;
  font-weight: 400;
  text-transform: none;
  color: #fff;
  letter-spacing: normal;
  text-align: left;
  }

.view-display-id-footer_social span.ext {
display: none;
}
  
.view-display-id-footer_social ul li {
display: inline-block;
padding:0;
margin: 0 2em 0 0;
}
.view-display-id-footer_social a {
background-image: url("../images/social-icons.png");
width: 33px;
height: 26px;
display: inline-block;
padding:0;
margin: 0;
}

.view-display-id-footer_social .Facebook {
background-position: 0 -26px;
}

.view-display-id-footer_social .Facebook:hover {
background-position: 0 0;
}

.view-display-id-footer_social .Twitter {
background-position:-34px -26px;
}
.view-display-id-footer_social .Twitter:hover {
background-position:-34px 0;
}

.view-display-id-footer_social .Youtube {
background-position: -71px -26px;
}
.view-display-id-footer_social .Youtube:hover {
background-position: -71px 0;
}

/*  MAP */

.centre-map-container {
height: 450px;
margin-right: 5px;
margin-bottom: 2em;
}

.centre-map-container .jvectormap-zoomout, .centre-map-container .jvectormap-zoomin {
	border-radius: 15px;
	background-color: #4c4c4c;
	width: 20px;
  height: 20px;
  line-height: 15px;
  font-weight: 700;
}
.centre-map-container .jvectormap-zoomout {
  top: 40px;
    line-height: 18px;
}

.centre-map-overlay {
  position: absolute;
  top: 100px;
  left: 220px;
  background-color: rgba(0,0,0,0.8);
  width: 500px;
  display: none;
  border-radius: 20px;
  margin: 20px auto;
}

.centre-map-overlay #close {
text-align: center;
  border-radius: 15px;
  border: 2px solid #fff;
  background-color: #ff0000;
  color: #fff;
  width: 30px;
  height: 25px;
  line-height: 23px;
  font-weight: 700;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.centre-map-overlay #close:hover{
background-color: #f9595e;
}

.centre-map-overlay h2 {
	font-size: 1.25em;
  margin: 1em 0 0;
  text-align: center;
  color: #fff;
}

.centre-map-overlay ul  {
margin: 20px;
}
.centre-map-overlay ul li {
margin: 0;
  text-align: center;
  padding-bottom: 5px;
  font-size: 1em;
}

.centre-map-overlay ul li a {
font-weight: 700;
  font-size: 1.1em;
}

.centre-map-overlay ul li a:hover {
color: #fff;
}

.node-institutions .field-name-field-logo img {
  float: right;
  margin: 0 0 1em 2em;
}

.panel-project-submenu li.expanded.active-trail a {
   border-bottom: 2px solid #b2b2b2;
   display: block;
   margin-bottom: 10px;
   padding-bottom: 15px;
   width: 100%;
}
.panel-project-submenu li.expanded.active-trail ul li a {
   border: none;
   margin: 0;
   padding: 0;
}

.node-type-member-centre h1#page-title,
.node-type-person h1#page-title {
	margin-bottom: 0;
}

.node-type-person .field-name-body {
	margin-top: 1.6em;
}

.node-type-member-centre .field-name-field-institution .field-item {
	margin-bottom: 1.5em;
	font-size: 1.1em;
}

.node-type-person .field-name-field-job-role .field-item {
	font-size: 1.1em;
}

.view-id-centre_cx.view-display-id-repository,
.view-id-centre_cx.view-display-id-contribution {
	font-size: 14px;
}

.view-id-centre_cx.view-display-id-repository ul li div,
.view-id-centre_cx.view-display-id-contribution ul li div {
	text-align: left;
	margin-left: 10px;
}

.red {
	color: #ff0000;
}
.wysiwyg-float-left {
	float:left;
	margin:0 1em 0.5em 0;
	clear: left;
}
.wysiwyg-float-right {
	float:right;
	margin:0 0 0.5em 1em;
	clear: right;

/*   FRONT SLIDER   */
/*#block-views-slideshows-front .views-row.slide .slideshow-box {
    bottom: 80px;
	margin: 0;
    left: calc(50% + 100px);
	width: 260px;
}*/
/*   SLIDER NAV   */
/*#block-views-slideshows-front ol.flex-control-nav {
	bottom: 105px;
    left: calc(50% + 185px);
    padding: 0 60px;
}*/
/*   SLIDER TEXT   */
/*.front #region-preface-second .region-inner {
	padding:50px 10px;
	font-size:2.125em;
}*/