/* Page Project-Groups Landing */

/* Default desktop styling */

.page-project-groups #main-content-header #page-title {
	text-align: center;
	text-transform: uppercase;
	font-family: "ralewayextrabold";
	font-size: 27px;
	letter-spacing: 4px;
	color: #041E3A;
	margin-top: 40px;
	margin-bottom: 40px;
}

.page-project-groups .view-header h1 {
	text-transform: uppercase;
	font-family: "ralewayextrabold";
	font-weight: bold;
	text-align: left;
	font-size: 15px;
	color: #041E3A;
	border-bottom: 1px solid #041E3A;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	letter-spacing: 4px;
	width: 20%;
}

.page-project-groups .view-project-groups-roster {
	margin: 0 5% 0 5%;
}

.page-project-groups #main-content {
	text-align: center;
	
}



.page-project-groups .block-content {
	font-family: "merriweatherregular";
	font-size: 17px;
	color: #2A2828;
}

.page-project-groups div.panel-pane.pane-custom.pane-1.no-title.block div p {
	margin: 0 5% 2em 5%;
}

.page-project-groups .field-content a  {
	text-align: center;
	text-transform: uppercase;
	font-family: "ralewaybold";
	letter-spacing: 2px;
	color: #041E3A;
	font-weight: normal;
}

.page-project-groups div.pane-all-project-groups-panel-pane-1 div.view-content,
.page-project-groups div.pane-all-project-groups-panel-pane-1 div.view-footer,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.view-content,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.view-footer{
    width: 60%;
    margin: 0 auto;
    overflow: visible;
    clear: both;
    display: block;
}
.page-project-groups div.pane-all-project-groups-panel-pane-1 div.view-footer,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.view-footer{
    padding-top: 20px;
}

.page-project-groups div.pane-all-project-groups-panel-pane-1 div.views-row,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.views-row{
	margin: 5px;
  	display: table-cell;
}

/*
#project-groups-90 a, #project-groups-97 a, #project-groups-92 a, #project-groups-94 a, #project-groups-96 a, #project-groups-91 a, #project-groups-93 a, #project-groups-95 a {
	background-color: #2658A7;
	color: #FFF;
	height: 6em;
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}

#project-groups-97 a {
	background-color: darkred;
}

#project-groups-90 a:hover, #project-groups-97 a:hover, #project-groups-92 a:hover, #project-groups-94 a:hover, #project-groups-96 a:hover, #project-groups-91 a:hover, #project-groups-93 a:hover, #project-groups-95 a:hover {
	background-color: #28A8E0;
	color: white;
}
*/

.default-group-button a {
  font-size:12px !important;
  color:#FFF !important;
  display:block;
  height:30px;
  line-height:18px;
  padding:10px;
  text-align:center;
  width:400px;
  margin-left:25px;
  margin-right:25px;
  margin-bottom:20px;
  border-radius:4px
}

.default-group-button a:hover { color:#939598;text-decoration:none;}

.default-group-button a {
	background-color: #2658A7;
	color: #FFF;
	height: 6em;
	max-width: 300px;
	display: table-cell;
	vertical-align: middle;
}

.default-group-button.Completed a {
	background-color: darkred;
}

.default-group-button a:hover {
	background-color: #28A8E0;
	color: white;
}

.btn-legend {
	padding: 0 5px 0 5px;
}

.btn-legend.Open{
	background-color: #2658A7;
}

.btn-legend.Completed{
	background-color: darkred;
}


/* Mobile styling */
@media screen and (max-width: 780px){ 

.page-project-groups #main-content-header #page-title {
	font-size: 18px;
}

.page-project-groups .block-content {
	font-size: 15px;
	
}

.page-project-groups .field-content a  {
	font-size: 10px;
}

.page-project-groups div.pane-all-project-groups-panel-pane-1 div.view-content,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.view-content{
	width: 100%;
	margin: 0;
}

.page-project-groups .easy-breadcrumb {
	display: none;
	
}

.page-project-groups div.pane-all-project-groups-panel-pane-1 div.views-row,
.page-project-groups div.pane-all-project-groups-panel-pane-2 div.views-row{
  display: inline-block;
	float: none;
}


}