@charset "utf-8";

/* ------------------------- Global layout ------------------------------ */

#page-title{
  border-style: none none solid;
  border-width: 1px;
}

body a,
body a:visited{
  text-decoration: none;
}

body .header__logo{
  float: none;
  margin: 0;
  padding: 0;
}

.header__logo img{
  width: 100%;
}

/* ------------------------- Directory ------------------------------ */

.group-rows .group-row{
  flex-basis: 50%;
  margin: 30px 0;
}

.group-rows .group-row .group-imagery{
  align-self: start;
}

.group-rows .group-row h2{
  margin: 0;
}

.node .group-info {
  flex-grow: 1;
  padding-bottom: 20px;
  margin-left: 20px;
}

.pane-gcis-contact-directory-main .group-wrapper .group-imagery {
  align-self: start;
  margin-top: -25px;
}

.pane-gcis-contact-directory-main .group-wrapper .group-imagery .view-display-id-count_per_directory {
  font-size: 60px;
  line-height: 0.5;
}

.pane-gcis-contact-directory-main .group-wrapper .group-imagery .view-display-id-group_noun {
  font-size: 80%;
  margin-top: 10px;
}

.pane-gcis-contact-directory-main h2 {
  margin-left: 150px;
}

/* ------------------------- Entities ------------------------------ */

.group-header{
  display: flex;
  flex-wrap: no-wrap;
  flex-align: center;
}

.group-wrapper{
  display: flex;
  flex-wrap: no-wrap;
  flex-align: center;
}

.group-wrapper .group-imagery{
  align-self: start;
  flex-basis: 150px;
  min-width: 150px;
  text-align: center;
}

.group-wrapper .group-info{
  flex-grow: 1;
}

.group-rows{
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

.group-footer{
  margin-left: 185px;
}

#content .view-display-id-per_organisation h2{
/*  border: 1px solid;
  border-style: solid none none none;
*/  margin: 20px 0;
  padding-top: 20px;
}

.view-search .group-imagery,
.node-organisation.view-mode-full .group-imagery{
  align-self: center;
}
.node-form .group-imagery,
#taxonomy-form-term .group-imagery{
  text-align: left;
}

.node-contact h3{
  font-weight: bold;
}

.node .change-report{
  text-align: right;
  visibility: hidden;
}

.node:hover > .group-footer > .change-report{
  visibility: visible;
}

/* ------------------------- Search ------------------------------ */

#content .view-search h2{
  border: 1px solid;
  border-style: none none solid none;
  margin: 20px 0;
  padding-top: 20px;
}

.view-id-about_government_leaders .views-field.views-field-field-icon {
  float: left;
  margin: 0 20px;
}
.view-id-about_government_leaders .views-field-field-organisation {
  font-size: 80%;
}
#views-exposed-form-search-panel-pane .views-exposed-widget{
  width: auto;
}

#views-exposed-form-search-panel-pane .views-submit-button,
#views-exposed-form-search-panel-pane #edit-keywords-wrapper{
  margin: 0;
  padding: 0;
}
#views-exposed-form-search-panel-pane #edit-keywords-wrapper{
  float: right;
}
#views-exposed-form-search-panel-pane{
  position: relative;
}
#views-exposed-form-search-panel-pane .views-submit-button{
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -11px;
}
#views-exposed-form-search-panel-pane #edit-submit-search{
    background: transparent url("icons.svg") no-repeat 0 -270px;
    border: medium none;
    color: transparent;
    text-shadow: none;
    display: block;
    height: 25px;
    margin: 0;
    padding: 0;
    width: 25px;
}

/* ------------------------- Field section ------------------------------ */

.group-header h3{
  display: none;
}

.group-info .field{
  display: flex;
  padding: 5px 0;
}

.group-info .field-items .field-item.even,
.group-info .field-items .field-item.odd {
  display: block;
}

.group-info .field > div {
  flex-basis: 80%;
}

.group-info .field > .field-label{
  flex-basis: 200px;
  min-width: 200px;
}

.group-info .field-label:before{
  background-position: 0 0;
  background-image: url(icons.svg);
  background-repeat: no-repeat;
  content: '';
  display: block;
  float: left;
  height: 26px;
  margin: 0 10px 0 0;
  width: 25px;
}

.group-info .field-name-field-website .field-label:before{
  background-position: 0 -30px;
}
.group-info .field-name-field-email .field-label:before{
  background-position: 0 -60px;
}
.group-info .field-name-field-postal-address .field-label:before{
  background-position: 0 -89px;
}
.group-info .field-name-field-street-address .field-label:before{
  background-position: 0 -119px;
}
.group-info .field-name-field-cellphone .field-label:before,
.group-info .field-name-field-phone .field-label:before{
  background-position: 0 -150px;
}
.group-info .field-name-field-fax .field-label:before{
  background-position: 0 -180px;
}
.group-info .field-name-field-facebook .field-label:before{
  background-position: 0 -210px;
}
.group-info .field-name-field-twitter .field-label:before,
.group-info .field-name-field-twitter-handle .field-label:before{
  background-position: 0 -240px;
}

/* ------------------------- Forms ------------------------- */

.node-contact-form .form-wrapper{
  margin: 20px 0;
}

form .group-wrapper .group-imagery{
  align-self: start;
  flex-basis: 30%;
  min-width: 30%;
  text-align: center;
}