@charset "UTF-8";
/*!
Theme Name: IIMCB Events
Theme URI: https://events.iimcb.gov.pl
Author: Magiausług
Author URI: https://magiauslug.pl
Description: IIMCB events site theme — event CPT, wordpressify build. Design shared with other IIMCB sites (career/inmolcell).
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iimcb-events
*/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone,
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.bypostauthor {
  font-weight: bold;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  -webkit-text-decoration: none;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

footer h1,
main h1,
footer h2,
main h2,
footer h3,
main h3,
footer h4,
main h4,
footer h5,
main h5,
footer h6,
main h6 {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}

footer h1,
main h1 {
  font-size: 36px !important;
}

footer h2,
main h2 {
  font-size: 36px !important;
}

footer h3,
main h3 {
  font-size: 24px !important;
}

footer h4,
main h4 {
  font-size: 22px !important;
}

footer h5,
main h5 {
  font-size: 20px !important;
}

footer h6,
main h6 {
  font-size: 18px !important;
}

html {
  font-size: 15px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

footer div,
main div,
footer a,
main a,
footer th,
main th,
footer td,
main td,
footer p,
main p,
footer ul,
main ul,
footer ol,
main ol,
footer li,
main li,
footer blockquote,
main blockquote,
figcaption {
  font-size: 15px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5 !important;
}

ul,
ol {
  margin-left: 20px;
}

@media (max-width: 1023px) {
  footer h1,
  main h1,
  footer h2,
  main h2,
  footer h3,
  main h3,
  footer h4,
  main h4,
  footer h5,
  main h5,
  footer h6,
  main h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
  }
  footer h1,
  main h1 {
    font-size: 24px !important;
  }
  footer h2,
  main h2 {
    font-size: 24px !important;
  }
  footer h3,
  main h3 {
    font-size: 20px !important;
  }
  footer h4,
  main h4 {
    font-size: 18px !important;
  }
  footer h5,
  main h5 {
    font-size: 17px !important;
  }
  footer h6,
  main h6 {
    font-size: 16px !important;
  }
  footer div,
  main div,
  footer a,
  main a,
  footer th,
  main th,
  footer td,
  main td,
  footer p,
  main p,
  footer ul,
  main ul,
  footer ol,
  main ol,
  footer li,
  main li,
  footer blockquote,
  main blockquote {
    font-size: 14px !important;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5 !important;
  }
}
.navbar-nav .nav-link {
  font-size: 16px;
}

.navbar-nav .dropdown-item {
  font-size: 16px;
}

main {
  padding-top: 121px;
}

.section_home_one {
  align-items: center;
  display: flex;
  margin-top: 0;
  min-height: 388px;
}
.section_home_one .container {
  width: 100%;
}
.section_home_one .row {
  align-items: center;
}

.section_events_list {
  overflow: hidden;
  padding: 60px 0 90px;
  position: relative;
}
.section_events_list:after {
  bottom: -280px;
  content: url(img/element_section_four_bottom.svg);
  left: 20px;
  position: absolute;
  z-index: -1;
}
.section_events_list__title {
  color: #123274;
  font-family: "Open Sans";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 46px;
}
.section_events_list__empty {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
}
.section_events_list__more {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.event_rows {
  background: #f5f5f5;
  border-radius: 8px;
  padding: 24px;
}

.event_row {
  background: #fff;
  border-radius: 8px;
  display: flex;
  gap: 40px;
  padding: 24px;
}
.event_row + .event_row {
  margin-top: 24px;
}
.event_row__image {
  align-self: flex-start;
  border-radius: 10px;
  display: block;
  flex: 0 0 380px;
  max-width: 380px;
  overflow: hidden;
}
.event_row__image img {
  aspect-ratio: 4/3;
  display: block;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform ease-in-out 0.12s;
  width: 100%;
}
.event_row__image:hover img {
  transform: scale(1.1);
}
.event_row__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}
.event_row__tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}
.event_row__more {
  align-self: flex-end;
  color: #123274;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 700;
  margin-top: auto;
  padding-top: 16px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.event_row__more:hover {
  color: #052c65;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.event_row__link {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.event_row__link:hover .event_row__title {
  color: #052c65;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.event_row__title {
  color: #123274;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 12px;
}
.event_row__speaker {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.event_row__meta {
  color: #123274;
  display: flex;
  flex-wrap: wrap;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  gap: 8px 28px;
  margin-bottom: 16px;
}
.event_row__meta span {
  align-items: center;
  display: inline-flex;
  gap: 8px;
}
.event_row__meta svg {
  flex-shrink: 0;
}
.event_row__excerpt {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .event_rows {
    padding: 12px;
  }
  .event_row {
    flex-direction: column;
    gap: 20px;
    padding: 16px;
  }
  .event_row + .event_row {
    margin-top: 12px;
  }
  .event_row__image {
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }
}
.btn-outline {
  background: transparent;
  border: 1px solid #123274;
  border-radius: 32px;
  color: #123274;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  padding: 16px 32px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: 0.3s;
}
.btn-outline:hover {
  background: #123274;
  color: #fff;
}

.pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.pagination-wrapper .page-numbers {
  color: #797979;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 700;
  margin: 0 8px;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.pagination-wrapper .page-numbers.current {
  color: #02336f;
}
.pagination-wrapper .page-numbers:hover {
  color: #123274;
}

body.dark-mode .section_events_list__title,
body.dark-mode .section_events_list__empty,
body.dark-mode .event_row__title,
body.dark-mode .event_row__speaker,
body.dark-mode .event_row__meta,
body.dark-mode .event_row__excerpt,
body.dark-mode .event_row__more {
  color: #fff;
}
body.dark-mode .event_rows {
  background: #111;
}
body.dark-mode .event_row {
  background: #1b1b1b;
}
body.dark-mode .section_events_list:after {
  filter: brightness(0.4);
}
body.dark-mode .btn-outline {
  border-color: #fff;
  color: #fff;
}
body.dark-mode .btn-outline:hover {
  background: #fff;
  color: #000;
}
body.dark-mode .pagination-wrapper .page-numbers {
  color: #ababab;
}
body.dark-mode .pagination-wrapper .page-numbers.current, body.dark-mode .pagination-wrapper .page-numbers:hover {
  color: #fff;
}

.section_event_row {
  padding: 68px 0;
}
.section_event_row--gray {
  background: #f8f8f8;
}
.section_event_row__label {
  color: #123274;
  font-family: "Open Sans";
  font-weight: 700;
  line-height: normal;
  margin: 0 0 24px;
  max-width: 323px;
}
.section_event_row__title {
  color: #123274;
  font-family: "Open Sans";
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.section_event_row__description {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 1.6;
}
.section_event_row__description p {
  margin-bottom: 20px;
}
.section_event_row__description p:last-child {
  margin-bottom: 0;
}
.section_event_row__image {
  margin: 30px 0 0;
}
.section_event_row__image img {
  border-radius: 8px;
  display: block;
  height: auto;
  width: 100%;
}

.event_tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.event_meta_item {
  align-items: center;
  color: #123274;
  display: flex;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 400;
  gap: 10px;
}
.event_meta_item + .event_meta_item {
  margin-top: 14px;
}
.event_meta_item svg {
  flex-shrink: 0;
}

.event_speaker {
  display: flex;
  gap: 36px;
}
.event_speaker + .event_speaker {
  border-top: 1px solid #d9d9d9;
  margin-top: 38px;
  padding-top: 38px;
}
.event_speaker__photo {
  flex: 0 0 224px;
}
.event_speaker__photo img {
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: block;
  height: 224px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 224px;
}
.event_speaker__info {
  flex: 1;
  min-width: 0;
}
.event_speaker__name {
  color: #123274;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 4px;
}
.event_speaker__affiliation {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  font-style: italic;
  margin-bottom: 14px;
}
.event_speaker__bio {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 1.6;
}

.section_event_actions_wrap {
  padding: 68px 0;
}

.event_actions__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.event_actions__buttons .btn {
  white-space: nowrap;
}

.event_funding {
  border-top: 1px solid #d9d9d9;
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 1.5;
  margin-top: 24px;
  padding-top: 24px;
}
.event_funding p {
  margin-bottom: 12px;
}
.event_funding p:last-child {
  margin-bottom: 0;
}
.event_funding img {
  height: auto;
  max-width: 100%;
}

.event_map_box {
  background: #f8f8f8;
  border-radius: 8px;
  margin-top: 24px;
  padding: 28px;
}

.event_map iframe {
  border: 0;
  border-radius: 8px;
  display: block;
  height: 340px;
  width: 100%;
}

.event_tag_chip {
  background: #fff;
  border: 1px solid #123274;
  border-radius: 32px;
  color: #123274;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  padding: 4px 14px;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: 0.2s;
}
.event_tag_chip:hover {
  background: #123274;
  color: #fff;
}

.section_event_upcoming .section_blog_parts_box {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.section_event_upcoming .section_blog_parts_box img {
  width: 100%;
}
.section_event_upcoming__date {
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  margin-top: 8px;
  opacity: 0.85;
}

@media only screen and (max-width: 768px) {
  .section_event_row {
    padding: 40px 0;
  }
  .section_event_actions_wrap {
    padding: 40px 0;
  }
  .event_speaker {
    flex-direction: column;
    gap: 20px;
  }
  .event_speaker__photo {
    flex-basis: auto;
  }
  .event_speaker__photo img {
    height: 160px;
    width: 160px;
  }
}
body.dark-mode .section_event_row--gray {
  background: #111;
}
body.dark-mode .event_map_box {
  background: #111;
}
body.dark-mode .section_event_row__label,
body.dark-mode .section_event_row__title,
body.dark-mode .section_event_row__description,
body.dark-mode .event_meta_item,
body.dark-mode .event_speaker__name,
body.dark-mode .event_speaker__affiliation,
body.dark-mode .event_speaker__bio,
body.dark-mode .event_funding {
  color: #fff;
}
body.dark-mode .event_funding {
  border-color: #333;
}
body.dark-mode .event_speaker + .event_speaker {
  border-color: #333;
}
body.dark-mode .event_tag_chip {
  background: #000;
  border-color: #fff;
  color: #fff;
}

.event_share_btn {
  align-items: center;
  background: #123274;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  height: 51px;
  justify-content: center;
  padding: 0;
  transition: 0.2s;
  width: 51px;
}
.event_share_btn svg {
  display: block;
}
.event_share_btn:hover {
  background: transparent;
  border-color: #123274;
  color: #123274;
}

.copy-toast {
  background: #123274;
  border-radius: 32px;
  bottom: 30px;
  color: #fff;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 700;
  left: 50%;
  padding: 12px 24px;
  position: fixed;
  transform: translateX(-50%);
  z-index: 9999;
}

body.dark-mode .event_share_btn {
  background: #000;
  border-color: #fff;
  color: #fff;
}
body.dark-mode .event_share_btn:hover {
  background: #fff;
  color: #000;
}

.fullpage {
  border-top: 1px solid #123274;
}

.footer_top .row > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 992px) {
  .footer_top .row > div + div {
    border-left: 1px solid #d9d9d9;
  }
}
body.dark-mode .footer_top .row > div + div {
  border-color: #333;
}

.footer_bottom_logo {
  margin-bottom: 0;
  margin-top: 45px;
}

.footer_bottom__description {
  margin-bottom: 52px;
  margin-top: 30px;
}

.sitemap {
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}
.sitemap li {
  margin-bottom: 10px;
}
.sitemap a {
  color: #123274;
  font-weight: 600;
}
/*# sourceMappingURL=style.css.map */