/**
 * @file
 * Subtheme specific CSS.
 */

body {
 /* padding-top: 120px*/
}

pre {
  background: #f7f7f9
}

@media (min-width: 768px) {
  body > .navbar-transparent {
    box-shadow: none
  }

  body > .navbar-transparent .navbar-nav > .open > a {
    box-shadow: none
  }
}

#home, #help {
  font-size: 0.9rem
}

#home .navbar, #help .navbar {
  background: #349aed;
  background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
  transition: box-shadow 200ms ease-in
}

#home .navbar-transparent, #help .navbar-transparent {
  background: none !important;
  box-shadow: none
}

#home .navbar-brand .nav-link, #help .navbar-brand .nav-link {
  display: inline-block;
  margin-right: -30px
}

#home .navbar-brand img, #help .navbar-brand img {
  display: inline-block;
  margin: 0 10px;
  width: 30px
}

#home .nav-link, #help .nav-link {
  text-transform: uppercase;
  font-weight: 500;
  color: #fff
}

#home {
  padding-top: 0px
}

#home .btn {
  padding: 0.6rem 0.55rem 0.5rem;
  box-shadow: none;
  font-size: 0.7rem;
  font-weight: 500
}

.bs-docs-section {
  margin-top: 4em
}

.bs-docs-section .page-header h1 {
  padding: 2rem 0;
  font-size: 3rem
}

.dropdown-menu.show[aria-labelledby="themes"] {
  display: flex;
  width: 420px;
  flex-wrap: wrap
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item {
  width: 33.333%
}

.dropdown-menu.show[aria-labelledby="themes"] .dropdown-item:first-child {
  width: 100%
}

.bs-component {
  position: relative
}

.bs-component + .bs-component {
  margin-top: 1rem
}

.bs-component .card {
  margin-bottom: 1rem
}

.bs-component .modal {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  z-index: 1;
  display: block
}

.bs-component .modal-dialog {
  width: 90%
}

.bs-component .popover {
  position: relative;
  display: inline-block;
  width: 220px;
  margin: 20px
}

#source-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  font-weight: bold
}

#source-modal pre {
  max-height: calc(100vh - 11rem);
  background-color: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.7)
}

.nav-tabs {
  margin-bottom: 15px
}

#footer {
  margin: 5em 0
}

#footer li {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em
}

#footer p {
  clear: left;
  margin-bottom: 0
}

.splash {
  padding: 12em 0 6em;
  background: #349aed;
  background: linear-gradient(145deg, #349aed 50%, #34d8ed 100%);
  color: #fff;
  text-align: center
}

.splash .logo {
  width: 160px
}

.splash h1 {
  font-size: 3em;
  color: #fff
}

.splash #social {
  margin: 2em 0 3em
}

.splash .alert {
  margin: 2em 0;
  border: none
}

.splash .sponsor a {
  color: #fff
}

.section-tout {
  padding: 6em 0 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #eaf1f1
}

.section-tout .fa {
  margin-right: 0.2em
}

.section-tout p {
  margin-bottom: 5em
}

.section-preview {
  padding: 4em 0 4em
}

.section-preview .preview {
  margin-bottom: 4em;
  background-color: #eaf1f1
}

.section-preview .preview img {
  max-width: 100%
}

.section-preview .preview .image {
  position: relative
}

.section-preview .preview .image:before {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none
}

.section-preview .preview .options {
  padding: 2em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
  text-align: center
}

.section-preview .preview .options p {
  margin-bottom: 2em
}

.section-preview .dropdown-menu {
  text-align: left
}

.section-preview .lead {
  margin-bottom: 2em
}

@media (max-width: 767px) {
  .section-preview .image img {
    width: 100%
  }
}

.sponsor img {
  max-width: 100%
}

.sponsor #carbonads {
  max-width: 240px;
  margin: 0 auto
}

.sponsor .carbon-text {
  display: block;
  margin-top: 1em;
  font-size: 12px
}

.sponsor .carbon-poweredby {
  float: right;
  margin-top: 1em;
  font-size: 10px
}

@media (max-width: 767px) {
  .splash {
    padding-top: 8em
  }

  .splash .logo {
    width: 100px
  }

  .splash h1 {
    font-size: 2em
  }

  #banner {
    margin-bottom: 2em;
    text-align: center
  }
}

.field--type-entity-reference .field__label.badge {
  font-weight: 700;
  margin: 0;
  padding-right: 5px;
}

.mt-2rem {
  margin-top: 2rem;
}

.mr-2rem {
  margin-right: 2rem;
}

.field--label-inline .field__label,
.field--label-inline .field__item,
.field--label-inline .field__items {
  display: inline-block;
}

.field--type-entity-reference .vertical-tabs {
  margin-bottom: 20px;
  border: 0;
}

.field--type-entity-reference .vertical-tabs__panes {
  border: 1px solid #ccc;
  padding-top: 10px;
  z-index: 0;
  margin-left: -1px;
}
.field--type-entity-reference .vertical-tabs__menu {
  z-index: 1;
}
.field--type-entity-reference {
  margin: 0;
}

.view .row {
  display: block;
}

.horizontal-tabs .horizontal-tabs-list {
  margin-bottom: 1rem;
}

.node--type-service .node__content .field--name-field-ti-primitieve-mep,
.node--type-service .node__content .field--name-field-interface-provision,
.node--type-service .node__content .field--name-field-service-interface-binding,
.node--type-service .node__content .field--name-field-network-interface-binding {
  float: left;
  margin-right: 1rem;
  margin-bottom: 1rem;
  background-color: #dee2e6;
  padding: 5px;
}

.node--type-service .node__content .field--name-field-ti-primitieve-mep .mb-3,
.node--type-service .node__content .field--name-field-interface-provision .mb-3,
.node--type-service .node__content .field--name-field-service-interface-binding .mb-3,
.node--type-service .node__content .field--name-field-network-interface-binding .mb-3,
.node--type-service .node__content .field--name-field-interface-provision .field-item .mb-3 {
  margin-bottom: 0 !important;
}

.node--type-service .node__content .field-group-tabs-wrapper {
  clear: both;
}

.vertical-tabs__panes {
  padding-top: 0.5rem;
}


.service-definition .field {
  margin: 0 0 0.5rem;
}

.node--view-mode-reference .node__content {
  margin-top: 0
}
#block-grind-page-title {
  margin-top: 1.5rem;
}

h1{
  font-size: 2.5rem;
}

#block-fronthero {
  color: #ffffff;
  width:  450px;
  margin-top: 2rem;
  margin-bottom: 5rem;
}

.service-instance-definition {
  margin-bottom: 5rem;
}

.first-paragraph {
  width: 865px;
  margin: 0 auto;
}

.front-intro {
  font-size: 2rem;
}

.front-details {
  width: 590px;
  margin: 0 auto;
}

#block-ectrleu {
  margin: 0 auto;
  height: 80px;
}
.featured-bottom {
  bottom: 0;
  position: absolute;
  width: 100%;
}

#page {
  position: relative;
}

@media (min-width: 0) {
  .services.card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}
@media (min-width: 576px) {
  .services.card-deck .card {
    flex: 0 0 calc(100% - 30px);
  }
}
@media (min-width: 768px) {
  .services.card-deck .card {
    flex: 0 0 calc(50% - 30px);
  }

  #sidebar_first {
    max-width: 220px;
  }
}
@media (min-width: 992px) {
  .services.card-deck .card {
    flex: 0 0 calc(50% - 30px);
  }

  #sidebar_first {
    max-width: 220px;
  }

}
@media (min-width: 1200px) {
  .services.card-deck .card {
    flex: 0 0 calc(20% - 30px);
  }
}

.formatter_suite-text-with-expand-collapse-buttons .formatter_suite-text-expand-button, .formatter_suite-text-with-expand-collapse-buttons .formatter_suite-text-collapse-button {
  clear: none;
}

#header {
  background-image:
    linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%),
    url('../images/bg-header-cropped.png');
  background-position: right top;
  background-color: transparent;
  background-size: cover;
}

#views-exposed-form-search-page {
  margin-right: 2rem;
}

.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
  color: #3f8c09;
}
.site-footer .content {
  color: #000000;
}
.ml-negative20 {
  margin-left: -20px;
}

.navbar-brand {
  margin-left: -10px;
}
#header #edit-submit-search {
  margin-left: -51px;
}
#header #edit-keywords {
  padding-right: 51px;
  width: 301px;
}

.field__items a.collapse-trigger::after {
  font-family: initial;
  content: '+ Show More';
}
.field__items a.collapse-trigger:not(.collapsed)::after {
  font-family: initial;
  content: '- Show Less';
}
.view-acquia-search .views-row {
  margin-top: 1rem;
  border-top: 1px solid #d3d7d9;
  padding-top: 1rem;
}
#edit-actions #edit-submit-acquia-search,
#edit-actions--2 #edit-submit-acquia-search {
  display: none;
}

#edit-submit-acquia-search-visible {
  margin-left: -10px;
}
#my-services {
  margin-right: 5px;
  height: 36px;
}
.page-node-36 #edit-field-version-value--2{
  width:150px;
}
.float-right.edit-export-area {
  display: flex;
}
.float-right.edit-export-area .dropdown-item {
  font-family: 'Roboto';
}
.float-right.edit-export-area .dropdown .service-export {
  color: #3f8c09;
}
.float-right.edit-export-area .dropdown .service-export:hover {
  color: #1f4404;
}

.float-right.edit-export-area .dropdown-menu.show {
  left: -90px;
}

#block-exposedformservicescards input,
#block-exposedformservicescards select,
#block-exposedformservicesdefinitions input,
#block-exposedformservicesdefinitions select {
  width: 150px;
}

body.path-user .field--label-above .field__item {
  padding: unset;
  background: unset;
  border: unset;
  margin: unset;
}

.path-batch .progress {
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

.path-batch .progress .progress__description {
  font-size: 16px;
  margin: 17px 0 20px 10px;
}

.path-batch .progress .progress__label, .path-batch .progress .progress__description {
  flex: 1 100%;
}

.path-batch .progress .progress__label, .path-batch .progress .progress__percentage {
  font-size: 16px;
  margin: 17px 0 0 10px;
}

.path-batch .progress .progress__track {
  min-width: 250px;
  height: 18px;
  margin: 20px 0 0 10px;
}

.path-batch .progress-bar-message {
  display: none;
}

#edit-search-api-fulltext {
  width: 200px
}