@charset "UTF-8";
/*CSS Document */
.bg-dark{
  background-color: #FFFFFF !important;
}

.text-container{
  max-width: 1200px;
}

body {
  margin: 0;
  font-family: 'Gowun Dodum', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-weight: normal;
  background-color: #FFFFFF;
  color: #262626;
}

/*Font Section - Major Third*/
h1 {
  font-family: 'Gowun Batang', serif;
  font-weight: 700;
  font-size: 2.441rem;
  color: #0D0D0D;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

h2 {
  font-family: 'Gowun Batang', serif;
  font-weight: 700;
  font-size: 1.563rem;
  color: #0D0D0D;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

h3 {
  font-family: 'Gowun Batang', serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #0D0D0D;
}

h4 {
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 400;
  font-size: 1.563rem;
  color: #0D0D0D;
}

h5 {
  font-family: 'Gowun Dodum', serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #404040;
}

h6 {
  font-family: 'Gowun Batang', serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: #D91111;
}

p {
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: #262626;
}

/*End Font Section*/

/*Navigation Bar*/
.navbar-light {
  border-bottom: 1.5px solid #0D0D0D; }

.navbar .navbar-nav .nav-link {
  font-family: 'Gowun Dodum', sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  color: #404040;
}

.navbar .navbar-nav .nav-item:hover {
  text-decoration: underline;
  color: #D91111;
}
.navbar .navbar-nav .nav-item a:active {
  background-color: #FFFFFF;
  color: #D91111;
}

/*End Navigation Bar*/

/*MR Photo*/

.mrphoto {
  border-radius: 100px 100px 0px 0px;
}
/*End MR Photo*/

/*Card Section*/
.cardcolor {
background-color: #FFFFFF;
}

.card-drophead {
  color: #D91111;
}

.text-emphasis {
  font-family: 'Gotu', sans-serif;
  font-weight: 400;
  font-size: .8rem;
  color: #404040;
}

.cardimage:hover {
  opacity: 0.2;
}

/*End Card Section*/

/*Padding Section*/

.intro-padding {
  padding-top: 30px;
}

.downloadsection {
  padding-top: 2rem;
}

/*End Padding Section*/

/*Page Formatting Section*/

.page {
  margin: 2rem;
  padding: 1rem;
}

.contactsection {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pagesections {
  padding-top: 1rem;
}

.pagelist li {
  position: relative;
  left: 2rem;
  list-style-type: circle;
}

/*End Page Formatting Section*/

/*Image Formatting Section*/

.figureaipaper {
  width: 75%;
}

.casestudycoverphoto {
  width: 75%;
}

/*End Image Formatting Section*/


/*Iframe Formatting Section*/

.mychicagofigma {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/*End Iframe Formatting Section*/

/*Footer Section*/
  .footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #0D0D0D;
    height: 100px;
    text-align: center;
    padding-top: 20px;
  }

  .emphasistextfooter {
    font-family: 'Gotu', sans-serif;
    font-weight: 400;
    font-size: .8rem;
    color: #f2f2f2;
  }

/*social media icons*/
  .fa {
  font-size: 16px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
}

/*social media icons*/
.fa:hover {
  color: #2AE0F5;
}

/*End Footer Section*/

/*Responsive design section - Breakpoints*/

/*max-width: 543px*/
@media only screen and (max-width: 33em) {

.page-bottom-padding {
  padding-bottom: 40%;
}

.work-page-bottom-padding {
  padding-bottom: 40%;
}

.navbar .navbar-nav .nav-item:hover {
  text-decoration: none;
  text-indent: 5%;
}

.casestudycoverphoto {
  width: 100%;
}

.casestudycontainer {
  padding-right: 5%;
  padding-left: 5%;
}

}

/*min-width: 544px*/
/*max-width: 880px*/
@media only screen and (min-width: 34em) and (max-width: 55em) {

.page-bottom-padding {
  padding-bottom: 20%;
}

.work-page-bottom-padding {
  padding-bottom: 30%;
}

.navbar .navbar-nav .nav-item:hover {
  text-decoration: none;
  text-indent: 5%;
}

}

/*min-width: 881px*/
/*max-width: 1296px*/
@media only screen and (min-width: 55em) and (max-width: 81em) {

  .nav-logo {
    margin-left: 40px;
  }

  .page-bottom-padding {
    padding-bottom: 7.5%;
  }

  .work-page-bottom-padding {
    padding-bottom: 10%;
  }

  .navbar .navbar-nav .nav-item:hover {
    text-decoration: none;
    text-indent: 5%;
  }

  .footer{
    height: 60px;
    padding-top:20px;
  }

}

/*min-width:1297px*/
@media only screen and (min-width: 81em) {

  .nav-logo {
    margin-left: 30px;
  }

  .page-bottom-padding {
    padding-bottom: 7.5%;
  }

  .work-page-bottom-padding {
    padding-bottom: 10%;
  }

  .footer{
    height: 60px;
    padding-top:20px;
  }

}

@media only screen and (min-width: 93em) {

  .nav-logo {
    margin-left: 250px;
  }

  .page-bottom-padding {
    padding-bottom: 7.5%;
  }

  .work-page-bottom-padding {
    padding-bottom: 10%;
  }

  .footer{
    height: 60px;
    padding-top:20px;
  }

}

/*End Responsive design section - Breakpoints*/