/* Aero 11 */

#page .calendar-item {
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #d2d9e5;
  background: #fff;
  color: #1c3462;
  height: 100%;
  position: relative;
}

#page .calendar-item:hover {
  text-decoration: none !important;
  border-color: #1c3462;
}

#page .calendar-item .info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

#page .calendar-item .title {
  color: #1c3462;
  font-family: var(--font-family-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 0 !important;
}

#page .calendar-item .category {
  color: #1c3462;
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

#page .calendar-item .location {
  color: #2d435d;
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}

#page .calendar-item .date {
  color: #1c3462;
  font-family: var(--primary-font-family);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  border-radius: 0.5rem;
  display: flex;
  align-items: start;
  gap: 8px;
}

#page .calendar-item .date::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  content: "\f073";
  font-size: 1rem;
  color: #4473ca;
}

#page .calendar-item .view-node {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1; /* Behind other elements */
  text-indent: -9999px; /* Hides text for screen readers */
  background: transparent;
}

#page .calendar-item .wrapper-buttons {
  margin-top: auto;
  display: flex;
  gap: 8px;
}

#page .calendar-item .wrapper-buttons .btn {
  color: #11203c;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  padding: 7px 12px 8px 8px;
  border-radius: 4px;
  background: #eca030;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 0;
}

#page .calendar-item .wrapper-buttons .btn:hover {
  text-decoration: none !important;
}

#page .calendar-item .wrapper-buttons .btn::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 14px;
}

#page .calendar-item .wrapper-buttons .calendar-button {
  background-color: #e8edf4;
}

#page .calendar-item .wrapper-buttons .calendar-button::before {
  content: "\f271";
}

#page .calendar-item .wrapper-buttons .learn-more::before {
  content: "\f054";
}

#page .events-calendar .view-header {
  display: flex;
  padding: 24px 0;
  position: relative;
  background: linear-gradient(180deg, #f2f5fa 0%, #fff 100%);
}

#page .events-calendar .view-header .bar {
  content: "";
  height: 8px;
  width: 200px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  border-radius: 8px 0 0 0;
  background: linear-gradient(270deg, rgba(236, 160, 48, 0) 0%, #eca030 100%);
}

#page .events-calendar .view-header::after {
  background: linear-gradient(180deg, #f2f5fa 0%, #fff 100%);
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  right: 0;
  width: 100vw;
  transform: translateX(100%);
}

#page .events-calendar .view-header::before {
  background: linear-gradient(180deg, #f2f5fa 0%, #fff 100%);
  position: absolute;
  content: "";
  height: 100%;
  top: 0;
  left: 0;
  width: 100vw;
  transform: translateX(-100%);
}

#page .events-calendar .view-content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}

#page .events-calendar-caucases-block .view-empty {
  font-weight: 500;
  font-size: 1.125rem;
  color: #a3680f;
  margin-bottom: 1rem;
}

#page .events-calendar .view-empty {
  font-weight: 500;
  font-size: 1.125rem;
  color: #a3680f;
}

#page .events-calendar.region .view-header {
  justify-content: space-between;
}

#page .events-calendar.region .view-header h2 {
  color: #1c3462;
  font-family: var(--font-family-secondary);
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
  #page .events-calendar .view-header {
    justify-content: end;
  }
}

@media screen and (min-width: 1024px) {
  #page .events-calendar .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1280px) {
  #page .events-calendar .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* --- Training Resources --- */

#page .info-box .box-training {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5px;
  border-radius: var(--corner_radius, 8px);
  border: 1px solid #d2d9e5;
  background: #fff;
}

#page .training-list li h3 {
  margin-bottom: 0.5rem;
}

#page .training-list li::before {
  top: 1rem !important;
}

/* Internal */
#page .custom-webinar-body hr {
  color: black;
}

#page .custom-webinar-video .views-field-title .field-content {
  display: none;
}

#page .custom-webinar-links .views-row .apb-sc-body-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
}

#page .custom-webinar-links .views-row .apb-sc-body-wrapper h3 {
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 0;
  padding: 1rem;
  &:last-child {
    border-bottom: 1px solid #ccc;
  }
}

/* Calendar grid - Open */

#page .main-content .view-calendar-2 {
  margin-bottom: 2rem;
}

#page .main-content .view-calendar-2 .view-header {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1rem;
  flex-direction: column;
}

#page .main-content .view-calendar-2 .view-header h3 {
  margin-bottom: 0 !important;
}

#page .main-content .view-calendar-2 .view-header .calendar-pager ul {
  margin-bottom: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}

#page .main-content .view-calendar-2 .view-header .calendar-pager ul li {
  margin: 0;
  padding: 0;
}

#page .main-content .view-calendar-2 .view-header .calendar-pager ul li::before {
  display: none !important;
}

#page .main-content .view-calendar-2 .view-header .calendar-pager ul li a {
  border: 1px solid #2a4e93;
  border-radius: 8px;
  padding: 4px 10px;
  color: #2a4e93;
}

#page .main-content .view-calendar-2 .view-header .calendar-pager ul li a:hover {
  background-color: #4473ca;
  color: #fff;
}

#page .view-calendar-2 .view-content .calendar-calendar > .month-view {
  overflow-x: auto;
}

#page .calendar-calendar .month-view div.monthview {
  background: #fdebb9;
  color: #1c3462;
  cursor: pointer;
}

#page .main-content .view-calendar-2 .month-view table td,
#page .main-content .view-calendar-2 .month-view table {
  line-height: 120% !important;
}

#page .main-content .view-calendar-2 .month-view table tbody td.empty {
  display: table-cell;
}

#page .main-content .view-calendar-2 > .calendar-pager {
  display: none;
}

#page .main-content .view-calendar-2 table td .inner .item .view-item .contents .tippy-info {
  display: none;
}

#page .main-content .view-calendar-2 table td {
  /* color: #11203c; */
  padding: 8px !important;
}

#page .main-content .view-calendar-2 table td .inner .item .view-item .contents > .title {
  color: #1c3462;
  font-family: var(--font-family-primary);
  letter-spacing: normal;
  font-size: 12px;
  margin-bottom: 0px !important;
  display: none;
}

#page .main-content .view-calendar-2 table td .inner .item .view-item .contents > .mobile-title {
  color: #1c3462;
  font-family: var(--font-family-primary);
  letter-spacing: normal;
  font-size: 12px;
  margin-bottom: 0px !important;
}

body.xs .calendar-calendar,
body.sm .calendar-calendar {
  margin-left: -1rem;
  margin-right: -1rem;
}

body.xs .calendar-calendar table.full,
body.sm .calendar-calendar table.full {
  min-width: 600px;
}

#page .main-content .view-calendar-2 .calendar-calendar .calendar.monthview .date {
  display: none;
}

@media screen and (min-width: 768px) {
  #page .main-content .view-calendar-2 .view-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  #page .main-content .view-calendar-2 table td .inner .item .view-item .contents > .title {
    display: block;
  }

  #page .main-content .view-calendar-2 table td .inner .item .view-item .contents > .mobile-title {
    display: none;
  }

  #page .main-content .view-calendar-2 .calendar-calendar .calendar.monthview .date {
    display: block;
  }
}

/*----- Tooltip - Open -----*/
.tippy-box[data-theme~="calendar"] {
  border-radius: 8px;
  border: 1px solid #eca030;
  background: #fff;
  box-shadow: 0px 0px 6px -3px rgba(0, 0, 0, 0.16);
}
.tippy-box[data-theme~="calendar"] .tippy-content {
  color: #000;
  padding: 1.5rem;
  font-family: var(--primary-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 160%;
}
.tippy-box[data-theme~="calendar"] > .tippy-svg-arrow {
  width: 16px;
  fill: #eca030;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .date {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .date::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  content: "\f073";
  font-size: 1rem;
  color: #4473ca;
}
.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .dates {
  color: #1c3462;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .title {
  color: #1c3462;
  font-family: var(--font-family-primary);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 8px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .category {
  color: #1c3462;
  font-family: var(--font-family-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 8px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .location {
  color: #2d435d;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-bottom: 8px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar {
  margin: 1.5rem 0 1.5rem 0;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar .header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 1.5rem;
}

/* .tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar .header .fa-calendar-plus {
  font-size: 22px;
  color: #4473ca;
} */

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar .header h5 {
  color: #1c3462;
  font-weight: 600;
  font-size: 17px;
  margin: 0 !important;
  line-height: 100%;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar .header p {
  color: #1c3462;
  font-weight: 500;
  font-size: 18px;
  margin: 0 !important;
  line-height: 100%;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar .header p:last-child {
  font-weight: 400;
  font-size: 14px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul {
  padding: 0;
  display: flex;
  gap: 10px;
  /* flex-direction: column; */
  flex-wrap: wrap;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li {
  list-style-type: none;
  padding: 0;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a {
  border: 1px solid #2a4e93;
  background-color: #fff;
  color: #2a4e93;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
  padding: 0;
  line-height: 1;
  padding: 10px 10px;
  font-weight: 500;
  font-size: 14px;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  content: "\f133";
  font-size: 1rem;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a.calendar-link-google::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f1a0";
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a.calendar-link-ics::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f179";
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a.calendar-link-yahoo::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f19e";
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a.calendar-link-webOffice::before {
  font-family: "Font Awesome 6 Brands";
  content: "\f3ca";
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  content: "\f08e";
  font-size: 10px;
  margin-left: auto;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .add-to-calendar ul li > a:hover {
  border: 1px solid #eca030;
  background-color: #eca030;
  color: #11203c;
  text-decoration: none !important;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .learn-more {
  color: #11203c;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  padding: 7px 12px 8px 8px;
  border-radius: 4px;
  background-color: #eca030;
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 0;
  text-transform: uppercase;
  justify-content: center;
}

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .learn-more:hover {
  color: #fff;
  background-color: #a5680d;
  text-decoration: none !important;
}

/* .tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .learn-more::before {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 14px;
} */

.tippy-box[data-theme~="calendar"] .tippy-content .tippy-info .close-tippy {
  cursor: pointer;
  color: #fff;
  background: #ea1a1a;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 6px 8px;
  z-index: 10;
  border-radius: 8px;
}

/*----- Tooltip - Close -----*/

/* Calendar Filter - Open */

.filter-calendar {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.filter-calendar input[type="text"],
.filter-calendar select {
  padding: 8px 16px;
}

.filter-calendar select {
  width: 160px;
}

.filter-calendar .form-item {
  margin: 0;
}

.filter-calendar .form-item-year {
  width: 120px;
}

@media screen and (min-width: 768px) {
  .filter-calendar {
    flex-direction: row;
    align-items: end;
  }
}

/* Calendar Filter - Close */

/* Calendar Button - Open */
#page .single-article .calendar-button {
  color: #11203c;
  font-family: var(--font-family-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  padding: 7px 12px 8px 8px;
  border-radius: 4px;
  /* background: #eca030; */
  background-color: #e8edf4;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 0;
}

#page .single-article .calendar-button:hover {
  color: #11203c;
}

#page .single-article .calendar-button::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 700;
  font-size: 14px;
  content: "\f271";
}