@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDarker: #1e282d;
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.8);
    --textLight: rgba(38, 50, 56, 0.6);
    --borderMedium: rgba(38, 50, 56, 0.2);
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #FF6154;
    --accentDarker: #e5574b;
    
    --light: rgba(38, 50, 56, 0.035);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {
  filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;
  object-fit: cover;
  object-position: top;
}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}


/*------------------------ CSS overrides below ------------------------*/

a {
  color: var(--textDark);
}

a:hover {
  color: var(--accent);
}

p, ul, ol, blockquote, pre, .box.map, figure, details {
  margin-bottom: 1em;
}

figure img {
  border-radius: 1rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

figcaption p {
  font-size: 0.8em !important;
  color: var(--textLight) !important;
  margin-top: 0.5em !important;
  font-style: italic;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}


/*------------------------*/
/* hero section
------------ */

section.hero + section.hero.alt {margin-top: 0!important;}
section.hero.alt {background: var(--light); border-top: 0.1rem solid var(--light); border-bottom: 0.1rem solid var(--light);}
section.hero.alt .container {direction: rtl;}
section.hero.alt .container > div {direction: ltr;}
section.hero .twocols .image {text-align: center; position: relative; height: 100%;}
section.hero .twocols .image img {max-width: 350px; display: block; width: 100%; margin: auto; border-radius: 1rem;}
section.hero .twocols .image img.is_svg {max-width: 350px; border-radius: 0;}
section.hero .twocols {row-gap: 2.5rem;}
@media (max-width: 600px) {
    section.hero .twocols .image {text-align: left;}
}

section.hero ul.buttons.social {justify-content: flex-start;}

/*------------------------*/
/* Featured Projects
------------ */

.featured-projects-text {
  text-align: center;
  padding-bottom: 2rem;
}

ul.buttons.social {gap: 0.25rem !important; display: flex; justify-content: center; padding: 0;}
ul.buttons.social li {margin: 0 !important;}

section.image.alt .twocols .image img {
  max-width: 250px; width: 100%; height: auto;
  border-radius: 1rem;
}

section.cta .container, section.cta .container > div, section.cta .container > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section.cta iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

section.bgimage .overlay {background: rgba(0,0,0,0.8) !important;}

/* Footer logo overlay */

.footer-logo-white {
    filter: invert(1) brightness(100);
}

/* Publication List Custom Styles */
.publications-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.publications-list li.item {
  margin-bottom: 2.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--borderMedium);
}
.publications-list .pub-details h3 {
  margin: 0 0 0.3rem 0;
  font-size: 1.1rem;
}
.publications-list .pub-details h3 a {
  color: var(--textDarker);
}
.publications-list .pub-details p {
  margin: 0.2rem 0 0.2rem 0;
  color: var(--textDark);
}
.publications-list .pub-details .pub-abstract {
  color: var(--textMedium);
  margin-top: 0.2rem;
  text-align: justify;
}
.publications-list .pub-details .pub-meta {
  color: var(--textMedium);
  margin-bottom: 0.3rem;
  font-style: italic;
}

/* Project single page */
section.project .container h1 {
  text-align: center;
  margin-bottom: 1.75rem;
}

section.project .container .featuredimage {
  border-radius: 1rem;
  margin-bottom: 3rem;
}

/* About page */

section.about .container p {
  text-align: justify;
}

section.about .colorize_image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}

section.about .container p > .colorize_image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*------------------------*/
/* Utility: hidden        */
/*------------------------*/

.hidden {
  display: none !important;
}