@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
*/
/* From http://codex.wordpress.org/CSS */
.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;
}

/* Text meant only for screen readers. */
.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;
}

.section_events_list {
  padding: 60px 0 90px;
}
.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_row {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  padding: 38px 0;
}
.event_row + .event_row {
  border-top: 1px solid #f4f0ef;
}
.event_row__image {
  border-radius: 10px 60px 10px 60px;
  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 {
  flex: 1;
  min-width: 0;
}
.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_row {
    flex-direction: column;
    gap: 20px;
  }
  .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 {
  color: #fff;
}
body.dark-mode .event_row + .event_row {
  border-color: #333;
}
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 {
  padding: 50px 0 0;
}

.event_bar {
  align-items: center;
  background: #f8f8f8;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 44px;
  margin-bottom: 45px;
  padding: 18px 28px;
}
.event_bar__item {
  align-items: center;
  color: #123274;
  display: inline-flex;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 700;
  gap: 10px;
}
.event_bar__item svg {
  flex-shrink: 0;
}

.event_section {
  border-top: 1px solid #f4f0ef;
  display: flex;
  padding: 38px 0;
}
.event_section__label {
  color: #123274;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  min-width: 245px;
  padding-right: 20px;
}
.event_section__content {
  flex: 1;
  min-width: 0;
}
.event_section__title {
  color: #123274;
  font-family: "Open Sans";
  font-size: 36px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 30px;
}
.event_section__image {
  margin: 0 0 30px;
}
.event_section__image img {
  border-radius: 8px;
  display: block;
  height: auto;
  width: 100%;
}
.event_section__description {
  color: #000;
  font-family: "Open Sans";
  font-size: 15px;
  line-height: 1.6;
}
.event_section__description p {
  margin-bottom: 20px;
}

.event_speaker {
  display: flex;
  gap: 36px;
}
.event_speaker + .event_speaker {
  border-top: 1px solid #f4f0ef;
  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;
}

.event_actions {
  background: #f8f8f8;
  border-radius: 8px;
  margin: 38px 0 80px;
  padding: 28px;
}
.event_actions__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.event_actions .btn {
  white-space: nowrap;
}

#event-map {
  border-radius: 8px;
  height: 340px;
  margin-top: 24px;
  z-index: 0;
}

.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) {
  .event_section {
    flex-direction: column;
    gap: 16px;
  }
  .event_section__label {
    min-width: 0;
    padding-right: 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 .event_bar,
body.dark-mode .event_actions {
  background: #111;
}
body.dark-mode .event_bar__item,
body.dark-mode .event_section__label,
body.dark-mode .event_section__title,
body.dark-mode .event_section__description,
body.dark-mode .event_speaker__name,
body.dark-mode .event_speaker__affiliation,
body.dark-mode .event_speaker__bio {
  color: #fff;
}
body.dark-mode .event_section,
body.dark-mode .event_speaker + .event_speaker {
  border-color: #333;
}

.event_share {
  display: inline-block;
  position: relative;
}
.event_share__menu {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  display: none;
  left: 0;
  list-style: none;
  margin: 0;
  min-width: 230px;
  padding: 8px 0;
  position: absolute;
  top: calc(100% + 8px);
  z-index: 50;
}
.event_share__menu li {
  margin: 0;
}
.event_share__menu a,
.event_share__menu button {
  background: none;
  border: 0;
  color: #123274;
  cursor: pointer;
  display: block;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
  padding: 10px 18px;
  text-align: left;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
}
.event_share__menu a:hover,
.event_share__menu button:hover {
  background: #f8f8f8;
}
.event_share__toggle {
  font-size: 15px;
}
.event_share.is-open .event_share__menu {
  display: block;
}

.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__menu {
  background: #111;
  border-color: #333;
}
body.dark-mode .event_share__menu a,
body.dark-mode .event_share__menu button {
  color: #fff;
}
body.dark-mode .event_share__menu a:hover,
body.dark-mode .event_share__menu button:hover {
  background: #000;
}

.footer_top_box {
  margin-bottom: 24px;
  min-height: 120px;
}

.footer_top_box img {
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 120px;
}

.footer_top_box_content {
  margin-left: 146px;
  min-height: 120px;
}

@media only screen and (max-width: 1199px) {
  .footer_top_box img {
    height: 120px;
    width: 120px;
  }
  .footer_top_box_content {
    margin-left: 146px;
  }
}
@media only screen and (max-width: 768px) {
  .footer_top_box_content {
    margin-left: 0;
    margin-top: 15px;
    min-height: auto;
  }
}
/*# sourceMappingURL=style.css.map */