/* effects */
@media (min-width: 600px) {
  .inFade,
  .appearFade {
    opacity: 0;
  }
}

@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    transform: translateY(18%);
  }
  25% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes ImageParallax {
  0% {
    transform: translateX(0) scale(1);
  }
  100% {
    transform: translateX(4%) scale(1.08);
  }
}

@keyframes BGZoom {
  0% {
    background-size: 100%;
  }
  100% {
    background-size: 110%;
  }
}

.lazy,
.lazy img {
  background-image: none;
  /* background-color: #000000; */
  opacity: 0;
}
.lazyFade,
.lazyFade img {
  -webkit-transition: all 0.75s ease-in;
  transition: all 0.75s ease-in;
  opacity: 1;
}

@media (min-width: 600px) {
  .fadeSlideIn {
    -webkit-animation: 1.25s ease-in-out fadeSlideIn;
    -moz-animation: 1.25s ease-in-out fadeSlideIn;
    animation: 1.25s ease-in-out fadeSlideIn;
    animation-fill-mode: forwards;
    opacity: 1;
  }
  .fadeIn {
    -webkit-animation: 1s ease fadeIn;
    -moz-animation: 1s ease fadeIn;
    animation: 1s ease fadeIn;
    animation-fill-mode: forwards;
    opacity: 1;
  }

  .parallax,
  .parallax2 {
    overflow: hidden;
  }
  .parallax img {
    -webkit-animation: 12s ease ImageParallax;
    -moz-animation: 12s ease ImageParallax;
    animation: 12s ease ImageParallax;
    animation-fill-mode: forwards;
  }
  .BGZoom img,
  .BGZoom > div[style^="background-image"] {
    -webkit-animation: 12s ease BGZoom;
    -moz-animation: 12s ease BGZoom;
    animation: 12s ease BGZoom;
    animation-fill-mode: forwards;
  }
}

@keyframes floating {
  0% {
    transform: translateY(0.9em);
  }
  100% {
    transform: translateY(0);
  }
}
.floating {
  -webkit-animation: floating 2s ease-out alternate infinite;
  -moz-animation: floating 2s ease-out alternate infinite;
  animation: floating 2s ease-out alternate infinite;
}

@keyframes myOrbit {
  0% {
    transform: rotate(0deg) translateX(8px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(8px) rotate(-360deg);
  }
}

@media (min-width: 600px) {
  body:not(.single-projects) .orbit:nth-child(even) {
    -webkit-animation: myOrbit 9s linear infinite;
    -moz-animation: myOrbit 9s linear infinite;
    animation: myOrbit 9s linear infinite;
  }
  body:not(.single-projects) .orbit:nth-child(odd) {
    -webkit-animation: myOrbit 15s linear infinite;
    -moz-animation: myOrbit 15s linear infinite;
    animation: myOrbit 15s linear infinite;
  }
}

/** plugin overrides **/
.simcal-calendar {
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: auto;
  margin-right: auto;
}
  
@media (min-width: 1280px) {
  .simcal-calendar  {
    width: 100%;
    max-width: 1280px;
  }
}
  
@media (min-width: 737px) and (max-width: 1279px) {
  .simcal-calendar  {
    width: 100%;
    max-width: 90%;
  }
}

@media (max-width: 736px) {
  .simcal-calendar  {
    max-width: 90%;
  }
}

/**backTotop**/
button#back_to_top {
  display: none;
  width: 55px;
  height: 55px;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 10;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url('/wp-content/uploads/2021/11/top.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  color: white;
  cursor: pointer;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 2px;
}

button#back_to_top:hover,
button#back_to_top:focus {
  transform: rotate(360deg);
}
@media (max-width: 991px) {
  button#back_to_top {
    width: 45px;
    bottom: 1rem;
    right: 1rem;
    border: 0;
    line-height: 2;
    border-top: 0 solid;
  }
}


/** projects read more **/
.projects_readmore {
  color: #fff;
  border-radius: 9999px;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-align: left;
  background-color: transparent;
  font-family: inherit;
  color: #00b4e6!important;
  font-weight: 600;
  -webkit-transition: 2s ease;
  transition: 2s ease;
  padding-left: 0;
  text-decoration: none;
}
.projects_readmore:hover {
  text-decoration: none;
}
.projects_readmore:focus {
  text-decoration: underline;
}

.projects_readmore:after {
  content: "\2192";
  padding-left: 5px;
  transition: padding 0.3s linear;
}
.projects_readmore:hover:after {
  content: "\2192";
  padding-left: 10px;
}


/** elements **/
.simcal-align-right {
  display: none;
}
.simcal-default-calendar-grid>table {
  border-spacing: 0;
  border: 1px solid var(--sky1);
}

thead.simcal-calendar-head .simcal-nav {
  background-color: var(--indigo);
}

thead.simcal-calendar-head .simcal-nav h3 {
  font-size: 2rem;
  color: var(--sky1);
}

thead.simcal-calendar-head .simcal-nav {
  background-color: var(--indigo);
}

.simcal-default-calendar-grid>table thead.simcal-calendar-head th.simcal-nav.simcal-prev-wrapper {
  border-right: 1px solid var(--sky1);
}
.simcal-default-calendar-grid>table thead.simcal-calendar-head th.simcal-nav.simcal-next-wrapper {
  border-left: 1px solid var(--sky1);
}

.simcal-default-calendar-light .simcal-nav-button {
  max-width: 52px;
}

i.simcal-icon-right:before {
  content: '';
  background-image: url(/wp-content/uploads/2021/11/Group-6508.svg);
  background-repeat: no-repeat;
  display: flex;
  width: 45px;
  height: 45px;
  position: relative;
  background-size: contain;
  transform: rotate(90deg);
}
i.simcal-icon-left:before {
  content: '';
  background-image: url(/wp-content/uploads/2021/11/Group-6508.svg);
  background-repeat: no-repeat;
  display: flex;
  width: 45px;
  height: 45px;
  position: relative;
  background-size: contain;
  transform: rotate(-90deg);
}

th.simcal-week-day.simcal-week-day {
  border-left: 1px solid var(--sky1);
}
th.simcal-week-day.simcal-week-day-1 {
  border-left: none;
}

th.simcal-week-day {
  font-size: 1.5rem;
  line-height: 2.5;
}

.simcal-default-calendar-grid .simcal-day>div {
  border-left: 1px solid var(--sky1);
}
@media (max-width: 899px){
  .simcal-default-calendar-grid .simcal-day>div {
    border-bottom: 1px solid var(--sky1);
  }
}

.simcal-default-calendar-grid .simcal-day:nth-child(1)>div {
  border: none;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
  line-height: 2!important;
}
td.simcal-day-10.simcal-weekday-3.simcal-today.simcal-present.simcal-day > div {
  border-right: 0!important;
}
td.simcal-day-10.simcal-weekday-3.simcal-today.simcal-present.simcal-day span.simcal-day-label.simcal-day-number {
  color: white!important;
}

td.simcal-day-9.simcal-weekday-2.simcal-today.simcal-present.simcal-day {
  border-right: 0;
}

.simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-number {
  font-weight: 800;
  color: var(--indigo);
}

.simcal-day-has-events .simcal-day-number {
  color: white!important;
}

.simcal-default-calendar-grid .simcal-events>.simcal-event {
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.75rem;
}

.simcal-default-calendar-grid .simcal-events>.simcal-event {
  font-weight: 700;
  font-size: 0.85rem;
  padding: 0.9rem!important;
}

.simcal-event-bubble {
  border: 2px solid var(--sky1)!important;
}

.simcal-event-bubble .simcal-event-title {
  font-weight: 700;
  color: var(--indigo);
}

.simcal-default-calendar .simcal-tooltip-content p span {
  font-size: 1rem;
  font-weight: 600;
}

.simcal-default-calendar .simcal-tooltip-content p a {
  font-size: 1rem;
  font-weight: 600;
  color: var(--sky1);
}

.simcal-event-bubble .simcal-event-details .simcal-event-description, .simcal-event-bubble .simcal-event-details p {
  line-height: 1.25;
}

/** interactive map **/
.map_wrapper  {
  margin: 2rem 0 4rem;
}

.map_box.igm_content_left_2_3 {
  width: 50%;
  /* transform: rotate(9deg); */
  padding: 3rem 0;
}

.map_wrapper .igm_content_right_1_3:not(div[data-content-type="regions"]) {
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 25px;
}

@media (min-width: 992px){
  .map_box.igm_content_left_2_3 {
    max-width: 60%!important;
  }
  .map_wrapper .igm_content_right_1_3:not(div[data-content-type="regions"]) {
    min-width: 40%;
  }
}

.map_wrapper .igm_content_right_1_3 div[data-content-type="regions"] {
  background-color: rgba(255, 255, 255, 0);
}

.map_wrapper div[data-content-type="regions"] {
  position: relative;
  border-radius: 25px;
  border: 5px solid #d5255a;
  padding: 2rem;
}

@media (min-width: 1299px){
  .map_wrapper div[data-content-type="regions"] {
    top: 4rem;
    min-height: 450px;
  }
  /* .map_wrapper div[data-content-type="regions"]:after {
    content: '';
    clip-path: polygon(100% 1%, 0 50%, 100% 100%);
    display: flex;
    height: 38px;
    width: 50px;
    background-color: #D5255A;
    position: relative;
    top: 1rem;
    left: -82px;
  } */
}


.map_wrapper div[data-content-type="regions"] h3 {
  font-size: 1.5rem;
  color: white;
}

.map_wrapper div[data-content-type="regions"] p {
  font-size: 1rem;
  color: white;
}

@media (max-width: 736px){
  .map_wrapper div[data-content-type="regions"] h3 {
    font-size: 1.1rem;
  }
  .map_wrapper div[data-content-type="regions"] p {
    font-size: 0.9rem;
    line-height: 2.5;
  }

}