/* Generic */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body {
    font-family: PT Serif, Georgia,Cambria,"Times New Roman",Times,serif;
    color: #333;
    line-height: calc(1.5em + .2vw);
    font-size:1.3em;
}

.section {
    margin-bottom: 30px;
}

.navbar {
    background-color: #ffffff;
}

footer {
    background-color:white;
    padding-top:30px;
    border-top: 1px solid #e7e7e7;
    margin-top:40px;
}

/* Typography */
h1, h2, h3, h4 {
    font-family: "PT Sans", "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
}

h1 {
    color:#A60815;
    margin-top: 120px;
    margin-bottom:20px;
    font-size: xxx-large;
}

h2 {
    padding-top:30px;
}

h3 {
    padding-top: 10px;
    font-size:1.2rem;
    font-weight: bold;
}

.role, .time, .companyDetails, .keywords {
    color: #706E6C;
}

.keywords {
    font-size: 0.875em;
}

/* Containers */

p.goal {
    margin-bottom: 20px;
}

.sheet {
  background-color: #FEE9E7;
  padding-bottom:30px;
}

.project {
    height: 400px;
    text-align: center;
    margin-top: 30px;
    overflow: hidden;
    border-radius: 8px;
    border-color: black;
    padding-top:30px;
}

.Inter-IKEA {
    padding-top: 100px;
    padding-left:10%;
    padding-right: 10%;
    margin-top:-60px;
    color: white;
    position: relative;
    background: #C04848;  /* fallback for old browsers */
    background: linear-gradient(rgb(242,56,39,0.8), rgb(63,3,8,0.8)), url("/resources/images/Inter-IKEA.jpg"); 
    background-size: cover;
    background-repeat: no-repeat;
}

.DUO {
    position: relative;
    /* background: linear-gradient(rgb(0,66,30,0.8),rgb(0,26,11,0.8)), url("/resources/images/DUO.png"); */
    border:5px solid #FEE9E7;
    max-height: 300px;
}

.Energy21 {
    position: relative;
    background: #03658C;  /* fallback for old browsers */
    /* background: linear-gradient(rgb(0,66,30,0.8),rgb(0,26,11,0.8)), url("/resources/images/Energy21.jpg"); */
    background-color: #FEE9E7;
    background-size: cover;
    background-repeat: no-repeat;
    max-height: 300px;
    margin-right:15px;
}

.project-work {
    position: relative;
    margin-top:-200px;
    max-width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blockquote {
    border-left: 4px solid #FEE9E7;
    padding-left: 20px;
    margin-top:60px;
    margin-bottom:30px;
}

.portfolio-item {
    display:flex;
}

.portfolio-item .portfolio-content {
    border-radius: 8px;
    padding-top:30px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:30px;
}


.portfolio-item .default {
    background-color:#f9f9f9;
}

.portfolio-item img{
    margin-bottom:30px;
}

.portfolio-item a {
    text-decoration: none;
    transition: box-shadow 0.15s, outline 0.15s, transform 0.05s;
    outline: 1px solid transparent;
    border-radius: 8px;
    background-color:white;
    box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.05);
    transform: perspective(1px) scale(1.02);
}

.portfolio-item a:hover {
  box-shadow: 0 0.8em 0.8em rgba(0,0,0,0.15);
  transform: perspective(1px) scale(1.02);
}

.portfolio-item .default img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.portfolio-content {
    margin-top:50px;
}

.team-and-methods {
    margin-bottom: 30px;
}

/* Lists */

ul  {
    padding-left: 20px;
    list-style-type: circle;
}

.secondarymenu {
    padding-left: 58px;
    margin-top: -7px;
    margin-bottom: 0px;
}

dl {
    margin-bottom: -25px;
    margin-top: 26px;
}

.summary dt {
    text-align: center;
    color:#726f6d;
    font-weight: normal;
}

dd {
    display:block;
    margin-bottom:10px;
}


/* Images */
img {
    width:100%;
    margin-bottom:30px;
}

.project-logo {
    width: 100px;
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 250px;
    margin-bottom:5%;
    margin-top:40px;
}

.portfolio-image {
    margin-top:-30px;
}

.portfolio-image-outline {
    box-shadow: 0 0.5em 0.5em rgba(0,0,0,0.05);
    transform: perspective(1px) scale(1.02);
}

/* Links */
a {
    font-style: inherit;
    color: #21242c;
    background-color: transparent;
    text-decoration: underline;
    font-variant: inherit;
    font-weight: inherit;
    font-family: inherit;
}

a:hover, a:focus {
    text-decoration: underline;
    color: #21242c;
    text-decoration-thickness: 2px;
}

.contact {
    text-decoration: none;
    color:#A60815;
    line-height: 1.8rem;
}

.all-work {
    text-align: center;
    margin-top: 60px;
}

.back {
    margin-top: 40px;
}

/* Icons */

i {
    color: #A60815;
    margin-right:5px;
}

/* Media */
@media print {
    .mainsection {page-break-after: always;}
}

/* Media queries */

@media (min-width: 420px) {
    .floatright {
      float:right;
    }
}

@media (min-width: 1400px) {
    .expertise {
        padding-left: 20px;
        padding-right:20px;
    }

    .passphoto {
        width: 100%;
    }

    .project {
        max-width: 80%;
    }
}

@media (max-width: 1200px) {
    .passphoto {
        width:80%;
    }
}

@media (max-width: 991px) {
    .passphoto {
        width:30%;
    }
}

@media (max-width: 992px) {
  .logo-small {
    margin-bottom:20px;
  }
}

@media (max-width: 420px) {
    .floatright {
      display: block;
    }
}

/* From goodreads */
.gr_grid_container {
  /* customize grid container div here. eg: width: 500px; */
}
.gr_grid_book_container {
  /* customize book cover container div here */
  float: left;
  width: 98px;
  height: 160px;
  padding: 0px 0px;
  overflow: hidden;
  margin:10px 10px;
}