/**
 * @file
 * Subtheme specific CSS.
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --light-green: #ddedd1;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #7E8299;
  --gray-muted: #A9A9A9;
  --gray-dark: #3F4254;
  --gray-light: #EBEDF3;
  --primary: #009926;
  --primary-hover: #076f4f;
  --secondary: #E4E6EF;
  --success: #1BC5BD;
  --info: #8950FC;
  --warning: #FFA800;
  --danger: #F64E60;
  --light: #F3F6F9;
  --dark: #181C32;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1400px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-size-h2: 1.385rem;
  --font-size-h3: 1.231rem;
  --font-size-h4: 1.35rem;
  --font-size-h6: 1.175rem;

  --bs-cream: rgb(251, 246, 240);

  --bs-breadcrumb-divider: "";
}
html, body, .dialog-off-canvas-main-canvas, #page-wrapper, #page {
  display: flex;
  flex-direction: column;
  flex: 1 auto;
  height: 100%;
}
#main-wrapper {
  flex: 1 0 auto;
}

a {
  color: var(--primary);
  text-decoration: none;
  background-color: transparent; }
a:hover {
  color: var(--primary-hover);
  text-decoration: underline; }

a:not([href]) {
  color: inherit;
  text-decoration: none; }
a:not([href]):hover {
  color: inherit;
  text-decoration: none; }

h4 {
  font-size: var(--font-size-h4);
}

.text-primary {
  color: var(--primary) !important;
}

.badge {
  padding: 5px;
}

.js .dropbutton-wrapper {
  position: relative;
}
.js .dropbutton-wrapper .dropbutton-widget {
  position: absolute !important;
  border-radius: 5px;
}
.js .dropbutton-wrapper .dropbutton-widget a {
  padding: 0.375rem 0.75rem;
  font-weight: 500;
}
.js td .dropbutton-multiple {
   padding-right: 0;
   margin-right: 0;
}

.form-row .form-item,
.form-row .js-form-item {
  float: left;
}
.form-row .form-actions {
  clear: left;
}

#views-form-user-admin-people-page-1 .list-group-item {
  border: 0;
  display: list-item;
  list-style-type: disc;
  background: transparent;
}

/**
 HEADER
 */
#navbar-main {
  align-items: stretch;
  padding: 0 25px;
}
.navbar-brand {
  margin-right: 5rem;
  padding: 0;
}

.region-secondary-menu {
  width: 100%;
}
.navigation.menu--main .navbar-nav {
  flex-direction: row;
}
.navigation.menu--main .navbar-nav .nav-item  {
  display: flex;
  width: 25%;
}
.navigation.menu--main .navbar-nav .nav-item a,
.navigation.menu--main .navbar-nav .nav-item.dropdown {
  display: flex;
  flex-direction: column;
  border-right: 2px solid #F3F6F9;

  text-decoration: none;
  vertical-align: middle;
  align-items: stretch;
  outline: none;
  cursor: pointer;

  padding-left: 2rem;
}

.navigation.menu--main .navbar-nav .nav-item:last-child a,
.navigation.menu--main .navbar-nav .nav-item:last-child.dropdown,
.navigation.menu--main .navbar-nav .nav-item .dropdown-menu .dropdown-item a {
  border-right: 0;
}
.navigation.menu--main .navbar-nav .nav-item a {
  width: 100%;
}
.navigation.menu--main .navbar-nav .nav-item a .menu-text,
.navigation.menu--main .navbar-nav .nav-item.dropdown > .nav-link {
  color: #3F4254;
  font-weight: 500;
  font-size: 1.35rem;
}

.navigation.menu--main .navbar-nav .nav-item:hover > a .menu-text,
.navigation.menu--main .navbar-nav .nav-item.dropdown:hover > .nav-link {
  color: var(--green);
}
.navigation.menu--main .navbar-nav .nav-item.dropdown > .nav-link {
  padding-bottom: 0;
}
.navigation.menu--main .navbar-nav .nav-item a .menu-desc,
.navigation.menu--main .navbar-nav .nav-item.dropdown > .menu-desc {
  margin-top: 0.35rem;
  color: #B5B5C3;
  font-weight: 500;
  font-size: 1rem;
}

.navigation.menu--main .navbar-nav .nav-item.dropdown > .nav-link::after {
  display: none;
}

.navigation.menu--main .navbar-nav .nav-item.dropdown .dropdown-menu {
  display: none;
}

.navigation.menu--main .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  -webkit-animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-down 0.3s ease-out 1;
  animation: header-menu-submenu-fade-in 0.3s ease 1, header-menu-submenu-move-down 0.3s ease-out 1;

  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;

  background-color: #ffffff;
  -webkit-box-shadow: 0 15px 50px 0 rgb(82 63 105 / 15%);
  box-shadow: 0 15px 50px 0 rgb(82 63 105 / 15%);

  padding: 20px 0;
  border: 0;
  border-radius: 5px;
  margin: 0 auto;

  z-index: 98;
  position: absolute;
  top: 100%;
  right: auto;
  left: 0;
}

.navigation.menu--main .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link {
  padding-right: 2rem;
}

.navigation.menu--main .dropdown-item.active,
.navigation.menu--main .dropdown-item:active {
  background-color: transparent;
}
.navigation.menu--main .dropdown-item.active .nav-link .menu-text,
.navigation.menu--main .dropdown-item:active .nav-link .menu-text {
  color: var(--green);
}
.navigation.menu--main .dropdown-item:hover {
  background-color: var(--light);
}
.navigation.menu--main .dropdown-item:hover .nav-link .menu-text {
  color: var(--green);
}

#CollapsingNavbar {
  justify-content: end;
}

@-webkit-keyframes header-menu-submenu-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes header-menu-submenu-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/***********
 * CONTENT *
 ***********/
.main-content {
  padding-top: 2rem;
}
h1.title {
  margin-bottom: 2rem;
}
#block-iatecsur-theme-page-title {
  /* Visible only for screen readers */
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  top: auto;
  overflow: hidden;
}

.node,
.node-form,
.block-system-main-block > div > .views-element-container {
  position: relative;
  background-color: #fff;
  background-clip: border-box;
  border-radius: .25rem;
  padding: 2.25rem;
}
.node-form {
  padding: 1rem;
}

/* Tabs */
.nav-tabs {
  border-bottom-color: var(--gray-muted);
}
.nav-tabs .nav-link {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: var(--gray-muted);
}
.nav-tabs .nav-link:hover  {
  border-color: var(--gray-muted) var(--gray-muted) var(--bs-cream);;
}
.nav-tabs .nav-link.active {
  font-weight: 600;
  color: var(--green);
  padding: 0.5rem 1.3rem;
  border-color: var(--gray-muted) var(--gray-muted) var(--white);;
}

/* Breadcrumb */
.breadcrumb .breadcrumb-item,
.breadcrumb a {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2rem;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item:first-child a {
  color: var(--gray-muted);
}

.breadcrumb .breadcrumb-item {
  padding: 0.2rem 1rem;
  margin-bottom: 1rem;
}
.breadcrumb .breadcrumb-item:not(:last-child) {
  border-right: 1px var(--gray-muted) solid;
}
.breadcrumb .breadcrumb-item:not(:last-child) {
  border-right: 1px var(--gray-muted) solid;
}
.breadcrumb .breadcrumb-item:first-child {
  padding-left: 0;
}
.breadcrumb .breadcrumb-item:nth-child(2),
.breadcrumb .breadcrumb-item:nth-child(2) a {
  color: var(--dark);
}
.breadcrumb .breadcrumb-item:nth-child(3),
.breadcrumb .breadcrumb-item:nth-child(3) a {
  color: var(--green);
}
.breadcrumb .breadcrumb-item:last-child {
  border-radius: 5px;
  background: var(--light-green);
  color: var(--green);
  margin-left: 1rem;
  padding: 0.2rem 1rem;
}

/******
* Map *
*******/
.leaflet-container {
  border-radius: 5px;
}
.marker-cluster-small {
  background-color: rgba(255, 168, 0, 0.6);
}

.marker-cluster-small div {
  background-color: rgba(255, 168, 0, 0.6);
}

#block-iatecsur-theme-content .view-content.row {
  --bs-gutter-x: 0;
}

/* File */
.file--clip {
  background-image: url(../images/icons/clip.svg);
  background-position-x: 5px;
  padding: 5px 5px 5px 15px;
  text-transform: uppercase;
  font-size: 0.7rem;
}

/* User Profile */
.profile {
  background-color: var(--white);
  background-clip: border-box;
  border-radius: 0.25rem;
  padding: 2rem;
}

.profile .user-profile-fields-group,
.profile .field--name-user-picture {
  display: inline-block;
}
.profile .user-profile-fields-group {
  margin-left: 1rem;
}
.profile .field--name-user-picture {
  vertical-align: top;
}
body.path-user .field--label-inline .field__item {
  padding: 0;
  border-radius: 0;
  background: transparent;
  min-width: 250px;
  margin: 0;
  color: var(--gray-muted);
}
body.path-user .field--label-inline .field__item a {
  color: var(--gray-muted);
}
body.path-user .field--label-inline .field__item a:hover {
  color: var(--primary);
}
.field--name-user-picture .image-style-thumbnail {
  border-radius: 0.5rem;
}
body.path-user .profile .field {
  margin-bottom: 0.5rem;
}

/**
 Node View
 */
#block-iatecsur-theme-content {
  margin-bottom: 25px;
}

.field {
  margin: 0 0 1.2em;
}
.field .field__label {
  font-weight: 500;
}
.field .field__label .la {
  margin-right: 0.3rem;
}
.field .paragraphs-table {
  margin: 0;
}

.node h2 {
  font-size: var(--font-size-h2);
  color: var(--green);
  margin-bottom: 1.154rem;
}
.node h3 {
  font-size: var(--font-size-h3);
}
.node .field {
  margin: 0 0 0.7rem;
}
.node .field.text-formatted .field__item p {
  margin-bottom: 0;
}
.node .field.text-formatted .field__item p:last-child {
  margin-bottom: 0.7rem;
}

.node .field-inline > .field {
  display: inline-block;
}

.node .section {
  margin-bottom: 2rem;
  background-color: #fff;
  padding: 2rem;
  border-radius: 0.5rem;
}
.node .section:last-child {
  margin-bottom: 0;
}

.node .field .field__label::after {
  content: ":";
}

.node .node-info-header {
  border-bottom: 1px solid var(--green);
  margin-bottom: 2rem;
}
.node .node-info-header .col .field--name-title {
  float: left !important;
  font-weight: 500;
  font-size: 1.231rem;
  line-height: 1.85rem;
  margin: 0;
}
.node .float-left-item {
  float: left;
}
.node .float-left-item .field > .field__label {
  padding-left: 1rem;
}
.node .float-left-item .field > .field__item,
.node .float-left-item .field > .field__items {
  border-right: 1px solid var(--gray-muted);
  padding-right: 1rem;
}
.node .float-left-item:first-child .field > .field__label {
  border-left: 0;
  padding-left: 0;
}
.node .float-left-item:last-child .field > .field__item,
.node .float-left-item:last-child .field > .field__items {
  border-right: 0;
  padding-right: 0;
}

.node.node--type-centro-de-trabajo .view-ct-info-cards .table,
.node.node--type-contract .view-contract-info-cards .table {
  margin-top: 0;
}
.node.node--type-centro-de-trabajo .view-ct-info-cards .table tr td,
.node.node--type-contract .view-contract-info-cards .table tr td {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid var(--gray-muted);
}
.node.node--type-centro-de-trabajo .view-ct-info-cards .table tr:last-child td,
.node.node--type-contract .view-contract-info-cards .table tr:last-child td {
  border-bottom: 0;
}
.node.node--type-centro-de-trabajo .view-ct-info-cards .table tr td a,
.node.node--type-contract .view-contract-info-cards .table tr td a {
  font-weight: 600;
}

/*
 View Contracts to check
 */
.view-id-contracts_to_check .badge.draft {
  background-color: var(--yellow) !important;
}
.view-id-contracts_to_check .badge.published {
  background-color: var(--green) !important;
}

/* Node edit contract */
#edit-field-specific-reciprocal-risks-0--description {
  border: 1px solid var(--warning);
  border-left: 5px solid var(--warning);
  border-radius: 5px;
  padding: 1rem;
}

/* User edit form */
#edit-status .radio:first-child {
  padding: 0;
}