/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*Pete CSS from Gantry*/
/*Bungee Shaded Headings*/
.bungee-shade {
  font-family: "Bungee Shade";
  font-size: 35px !important;
}
/*Social White*/
.g-social a {
  color: #FFFFFF !important;
}
/*Home Boxes*/
.project-intro {
  text-align: center;
  margin-bottom: 2em;
  color: #800080 !important;
  font-family: "Bungee" !important;
  font-size: 20pt !important;
}
.output-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.output-box {
  width: 100%;
  text-align: center;
  border: 7px solid;
  margin-bottom: 1em;
}
.output-box img {
  width: 100px;
  height: 100px;
}
.output-box p {
  font-size: 14pt;
  color: white;
  padding: 20px;
}
.output-header {
  background-color: white;
  padding: 20px;
}
.hpbox1 {
  border-color: #8b8bff !important;
}
.hpbox1 .output-title-box1 {
  color: #8b8bff !important;
  font-size: 18pt !important;
}
.hpbox1 .output-description {
  background-color: #8b8bff !important;
}
.hpbox2 {
  border-color: #ff6099 !important;
}
.hpbox2 .output-title-box2 {
  color: #ff6099 !important;
  font-size: 18pt !important;
}
.hpbox2 .output-description {
  background-color: #ff6099 !important;
}
.hpbox3 {
  border-color: #22bfff !important;
}
.hpbox3 .output-title-box3 {
  color: #22bfff !important;
  font-size: 18pt !important;
}
.hpbox4 .output-title-box4 {
  color: #6ce720 !important;
  font-size: 18pt !important;
}
.hpbox4 {
  border-color: #6ce720 !important;
}
.hpbox5 .output-title-box4 {
  color: #FBB03B !important;
  font-size: 18pt !important;
}
.hpbox5 {
  border-color: #FBB03B !important;
}
.box3 .output-description {
  background-color: #22bfff !important;
}
.box4 .output-description {
  background-color: #6ce720 !important;
}
.hpbox1 {
  border-color: #b8bff;
}
.hpbox1 h2 {
  color: #800080;
}
box2 {
  border-color: #008000;
}
.box2 h2 {
  color: #008000;
}
.box3 {
  border-color: #EEBA2B;
}
.box3 h2 {
  color: #EEBA2B;
}
.box4 {
  border-color: #6ce720;
}
.box4 h2 {
  color: #6ce720;
}
.box5 {
  border-color: #FBB03B;
}
.box5 h2 {
  color: #6FBB03B;
}
.output-box.hpbox1 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #8b8bff;
}
.output-box.hpbox2 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #ff6099;
}
.output-box.hpbox3 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #22bfff;
}
.output-box.hpbox4 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #6ce720;
  color: #6ce720 !mportant;
  margin-top: 16px;
}
.homeboxheader {
  display: inline-block;
  font-weight: 700;
  color: #ffffff;
  font-size: 2vw;
  background: #FBB03B;
  text-align: center;
  margin: 0 0 0.5rem 0;
  padding: 0.4rem 1.5rem;
  padding-bottom: 0.45rem;
  border: 5px #ffffff;
  border: solid;
  border-radius: 0;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
}
.homeboxheader2 {
  display: inline-block;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.2vw;
  background: #FBB03B;
  text-align: center;
  margin: 0 0 2rem 0;
  padding: 0.4rem 1.5rem;
  padding-bottom: 0.5rem;
  border: 5px #ffffff;
  border: solid;
  border-radius: 0;
  vertical-align: middle;
  text-shadow: none;
  transition: all 0.2s;
}
.output-detail.hpbox1 {
  border-radius: 20px;
}
.output-detail.hpbox2 {
  border-radius: 20px;
}
.output-detail.hpbox3 {
  border-radius: 20px;
}
.output-detail.hpbox4 {
  border-radius: 20px;
}
.output-detail.hpbox5 {
  border-radius: 20px;
}
@media (min-width: 768px) {
  .output-box {
    width: 23%;
  }
}
/*Large Centered Menu
.g-menu-item-title {
    font-size: 18px !important;
}

.g-toplevel {
    display: flex;
    justify-content: center;
}

.g-menu-item-container {
    display: flex;
    justify-content: center;
}
*/
/*Outputs Page*/
.outputs-page {
  text-align: left;
  margin-bottom: 2em;
}
.output-detail {
  border: 7px solid;
  margin-bottom: 2em;
  padding: 20px;
  padding-top: 0px;
}
.output-detail img {
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 20px;
}
.output-detail .output-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
}
.output-detail h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
.output-detail p {
  font-size: 12pt;
  color: #000000;
  text-align: left;
  margin-bottom: 1em;
  clear: both;
}
@media (max-width: 768px) {
  .output-detail img {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
/*About the Project page*/
.project-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.project-text {
  flex: 1 0 70%;
  /* This means the text will take up 60% of the width on large screens, and 100% on smaller screens */
  margin-right: 2em;
}
.project-images {
  flex: 1 0 20%;
  /* The images will take up 30% of the width on large screens, and 100% on smaller screens */
}
.responsive-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .project-text, .project-images {
    flex-basis: 100%;
  }
  .project-text {
    margin-right: 0;
  }
}
/*URLS + Button1 colour*/
a {
  color: #8B8BFF;
}
a:hover {
  color: #22BFFF;
}
#g-container-footer a {
  color: #8B8BFF;
}
#g-container-footer a:hover {
  color: #22BFFF;
}
.g-button.button.button-1 {
  background-color: #8B8BFF;
  color: #FFFFFF !important;
  border: 2px solid #8B8BFF;
}
.g-button.button.button-1:hover {
  background-color: #FFFFFF;
  color: #8B8BFF !important;
  border: 2px solid #8B8BFF;
}
.g-button.button.button-5 {
  background-color: #FBB03B;
  color: #FFFFFF !important;
  border: 2px solid #FBB03B;
}
.g-button.button.button-5:hover {
  background-color: #FFFFFF;
  color: #FBB03B !important;
  border: 2px solid #FBB03B;
}
#g-copyright a {
  color: #FFFFFF;
}
#g-copyright a:hover {
  color: #EEBA2B;
}
.rsform-submit-button {
  background-color: #8B8BFF;
  color: #FFFFFF !important;
  border: 2px solid #8B8BFF;
  font-weight: bold;
  font-family: "Montserrat" !important;
}
.rsform-submit-button:hover {
  background-color: #FFFFFF;
  color: #800080 !important;
  border: 2px solid #8B8BFF;
  font-family: "Montserrat" !important;
}
#g-utility {
  background-size: auto !important;
  background-position: center !important;
}
#g-utility {
  color: #193564;
  background: linear-gradient(rgba(242, 249, 251, 0.5), rgba(242, 249, 251, 0.5)), url('../images/CG-Background-idea-2.jpg?65ca2dde');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
}
.g-logo {
  max-width: 300px;
}
.pgheader {
  font-family: "Nunito";
  font-weight: 800;
  color: #22BFFF;
}
.g-main-nav .g-toplevel {
  width: 100%;
  display: initial;
}
span.g-menu-item-title {
  font-size: larger;
  font-weight: 800;
}
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
  background: #22BFFF;
  color: #FFFFFF;
  border: 4px solid #22BFFF;
}
#module-image-305-particle {
  text-align: center;
}
/*# sourceMappingURL=custom_331.css.map */