/**
 * @package     hubzero-cms
 * @file        templates/citscibio/html/system/css/introduction.css
 * @copyright   Copyright 2005-2015 HUBzero Foundation, LLC.
 * @license     http://opensource.org/licenses/MIT MIT
 */
/*
	Commonly used styles for the first page (introduction) of components
*/
/* Intro */
#introduction {
  margin: 0;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 600px) {
  #introduction {
    padding-left: 2rem !important;
  }
}
@media (min-width: 900px) {
  #introduction {
    padding-left: 5rem !important;
  }
}
@media (min-width: 1200px) {
  #introduction {
    padding-left: 7rem !important;
  }
}
@media (min-width: 1600px) {
  #introduction {
    padding-left: 12rem !important;
  }
}
@media (min-width: 600px) {
  #introduction {
    padding-right: 2rem !important;
  }
}
@media (min-width: 900px) {
  #introduction {
    padding-right: 5rem !important;
  }
}
@media (min-width: 1200px) {
  #introduction {
    padding-right: 7rem !important;
  }
}
@media (min-width: 1600px) {
  #introduction {
    padding-right: 12rem !important;
  }
}
@media (min-width: 900px) {
  #introduction {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
#introduction:after {
  display: none;
}
#introduction ul {
  list-style: none;
  margin: 0;
}
#introduction ul li {
  margin: 0;
}
#introduction ul li a {
  display: inline-block;
  -moz-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
}
/* Four Columns */
/*div[class^="com_"] .four,
div[class*=" com_"] .four*/
#content .grid,
#content .three,
#content .four {
  border: none;
  border-top: 1px solid #e0e0e0;
  position: relative;
  padding-top: 2rem;
  margin-top: 2rem;
}
#content .grid:first-of-type,
#content .three:first-of-type,
#content .four:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
#content .grid .grid {
  border: none;
  margin-bottom: 0;
  padding-top: 0;
}