.inline-field-group {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.inline-field-group > .field {
  flex: 0 0 auto !important;
  max-width: 30% !important;
  margin-right: 2% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
  display: inline-block !important;
  vertical-align: top;
}

.inline-field-group > .field:last-child {
  margin-right: 0 !important;
}

.inline-field-group .field__item {
  display: inline !important;
}

/*menu colour*/ 
ul.sf-menu.sf-style-white a {
    color: #212529 !important;
    text-decoration: none !important;
}


.sf-menu {
    font-size: 1em !important;
    font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
    background: #019dbf !important;
   }
  
 
/* style link field with Display Suite */ 

.blue-underline {
    color: blue !important;
  text-decoration: underline !important;
   }
   
.class-header {
border-bottom: 1px solid #888;
   }

.class-left {
border-right: 1px solid #888;
padding-right:2em;
   }
   
.class-right {
padding-left:2em;
   }
   
.class-footer {
border-top: 1px solid #888;
   }