/**
 * @file
 *
 * Style overrides for the Europeanchampionships theme.
 *
 * @package EuropeanChampionships
 */

/* Custom placement for the View/Edit/[Devel] node tab menu. */
ul.tabs.primary {
  display: none;
}

@media (max-width: 1024px) {
  .slicknav_menu {
    display: none !important;
  }
}

[data-edit] {
  position: relative;
}

.node-type-page .main-content__content .block-edit-controls {
  right: 0;
  font-size: 12.8px;
  line-height: 14px;
}

.node-type-page .main-content__content .ec-wysiwyg-widget .block-edit-controls {
  margin-right: -26%;
  right: 5vw;
}

@media (max-width: 768px) {
  .krumo-root,
  .block-edit-controls {
    display: none;
  }
}

/* Push down the heading elements when the administration menu is visible. */
@media (min-width: 1025px) {
  #admin-menu {
    z-index: 10001;
  }

  body.admin-menu .ec-header {
    top: 29px;
  }

  body.admin-menu .ec-breadcrumbs {
    top: 109px;
  }
}

/* Push down the heading elements when the administration menu is visible. */
@media (min-width: 112.5rem) {
  body.admin-menu .ec-breadcrumbs {
    top: 124px;
  }
}

body.admin-menu {
  transition: none;
}

.block-edit-controls {
  position: absolute;
  top: 0;
  right: 0;
  left: auto !important;
  bottom: auto !important;
  font-size: 0.8rem !important;
  z-index: 0;
  text-transform: uppercase;
  padding: 0.35em 1.25em;
  line-height: 2;
  color: white;
  background-color: #D30C93;
  font-style: normal;
  border: 1px solid #D30C93;
  z-index: 9999;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

.block-edit-controls:hover {
  color: #D30C93;
  background-color: white;
  text-decoration: none;
  text-shadow: none;
  transition: all 0.2s linear;
}

.ec-bg-img-cta .block-edit-controls {
  top: 50%;
}

.block-edit-hover,
.block-edit-hover.ec-sports-card-grid + .ec-full-width-signpost-cta,
.block-edit-hover.ec-venues-key + .ec-map-wrapper {
  background: rgba(0, 0, 0, 0.2) none;
  transition: all 0.5s ease;
}

.block-edit-hover > div {
  background: transparent none;
  transition: all 0.5s ease;
}

body.adminimal-frontend .slicknav_menu + .krumo-root {
  margin-top: 135px;
}

body.adminimal-frontend.with-breadcrumbs .slicknav_menu + .krumo-root {
  margin-top: 160px;
}

.missing-fabric-component {
  margin: 2em 0 1em;
  padding: 1em;
  background-color: #ffe0f0;
  border: 1px dashed lightgray;
  position: relative;
}

.missing-fabric-component-name {
  position: absolute;
  top: -1.5em;
  left: 1em;
  color: red;
}

#admin-menu-account .ec-edit-button a {
  background-color: #D30C93;
  text-transform: uppercase;
  border-radius: 9px;
  height: 20px;
  line-height: 15px;
  padding: 0 0.25em;
  margin-right: 1em !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.admin-menu-action.admin-menu-account > a {
  background: transparent none !important;
  pointer-events: none;