/* Main CSS file for the ALIGN Wiki */
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100italic,100,300italic,500,400italic,500italic,700italic,900,900italic,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

html {
  height: 100%;
  overflow-x: hidden;
}

body {
  min-height: 100%;
  min-width: 100%;
  display: table;
  line-height: 18px;
  font-weight: 300;
  margin: 0;
  font-family: Roboto, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* Fixing sticky footer based on this: https://codepen.io/SelenIT/pen/QELpww */
.content {
  display: table-row-group;
}

.footerwiki {
  display: table-footer-group;
  background-color: #1b1c1d;
  width: 100%;
}

.inner {

}

* {
  box-sizing: border-box;
}

p {
  font-size: 1.2em;
}

.indented {
  text-indent: 30px;
}

h2 {
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 100;
  font-stretch: normal;
  font-size: 52px;
  line-height: 52px;
  font-family: Roboto, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

h3 {
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 300;
  font-stretch: normal;
  font-size: 30px;
  line-height: 52px;
  font-family: Roboto, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

h4 {
  font-weight: 300;
  font-size:20px;
  font-family: Roboto, Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

p a {
  color: #ff6600;
}
p a:hover {
  color: #ff6600;
  border-bottom: 1px solid #ff6600;
}

.list .item a {
  color: #ff6600;
}
.list .item a:hover {
  color: #ff6600;
  border-bottom: 1px solid #ff6600;
}

.ui.top.fixed.menu {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 900px) {
  .ui.top.fixed.menu {
    display: none;
  }
}

i.icon.title {
  padding: 20px 0 0 0;
  font-size: 5em;
}

.ui.basic.segment.list.link-list {
  padding-top: 0;
  padding-bottom: 0;
}

.ui.list.link-list {
  font-size: 1.2em;
}

.ui.list.link-list a.item:hover .icon {
  color: #ff6600;
}

.ui.list.link-list a.item:hover .header {
  color: #ff6600;
}

.ui.list.link-list a.item.link-hover:hover .description {
  color: #ff6600;
}

/* FOR STANDARD WHITE HEADER */
.secondary.pointing.menu i.icon {
  font-size: 1.5em;
}

.secondary.pointing.menu .item {
  font-size: 18px;

  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 300;
  font-stretch: normal;
  line-height: 24px;
}

.secondary.pointing.menu .item:hover {
  border-color: #ff6600 !important;
  color: #ff6600 !important;
}

/************************************/
/* HEADER CONTENT */

@media only screen and (max-width: 767px) {
  .ui.nav-bar {
    display: none;
  }
}

/* Blue header*/
/*.ui.top.fixed.menu {*/
/*background-color: #6A98AA;*/
/*margin: 0;*/
/*padding: 0;*/
/*font-family: 'Roboto', sans-serif;*/
/*}*/
/*@media only screen and (max-width: 900px) {*/
/*.ui.top.fixed.menu {*/
/*display: none;*/
/*}*/
/*}*/

/*.secondary.pointing.menu {*/
/*border-bottom-color: #333 !important;*/
/*}*/

/*.secondary.pointing.menu i.icon {*/
/*font-size: 1.5em;*/
/*}*/

/*.secondary.pointing.menu .item {*/
/*font-size: 18px;*/
/*color: #fff !important;*/

/*font-style: normal;*/
/*font-variant-ligatures: normal;*/
/*font-variant-caps: normal;*/
/*font-variant-numeric: normal;*/
/*font-variant-east-asian: normal;*/
/*font-weight: 300;*/
/*font-stretch: normal;*/
/*line-height: 24px;*/
/*font-family: 'Roboto', sans-serif;*/
/*}*/
/*.secondary.pointing.menu .item.active {*/
/*border-color: #fff !important;*/
/*}*/

/*.secondary.pointing.menu .item:hover {*/
/*!*border-color: #c1c1c1 !important;*!*/
/*!*color: #c1c1c1 !important;*!*/
/*border-color: #ff6600 !important;*/
/*color: #ff6600 !important;*/
/*}*/

/* END HEADER CONTENT */
/************************************/
/************************************/
/* MOBILE HEADER CONTENT */
#mobileheader {
  background-color: #FFF;
  margin: 0;
  padding: 0;
}
#mobileheader-index {
  background-color: #FFF;
  margin: 0;
  padding: 1rem 0 0 0;
}
@media only screen and (min-width: 768px) {
  #mobileheader, #mobileheader-index {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .main {
    padding: 50px 0 50px 0;
  }
}

@media only screen and (max-width: 767px) {
  .main {
    padding: 20px 0 50px 0;
  }
}
/* END MOBILE HEADER CONTENT */
/************************************/
/************************************/
/* FOOTER */
.footer {
  background-color: #333;
  color: #fff;
}

.ui.header.footerHeader {
  color: #ff6600;
  margin-bottom: 35px;

  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 100;
  font-stretch: normal;
  font-size: 30px;
  line-height: 28px;
}

.ui.footer {
  color: #e0dfdf;
  text-align: left;
}

.footer a {
  color: #e0dfdf;
}
.footer a.mail:hover {
  border-bottom: 1px solid #e0dfdf;
}

.footer .icon {
  font-size: 2.5em;
  color: #f4f4f4;
}
.footer a .icon:hover {
  color: #ff6600;
}

.footer .ui.button.alignorange {
  /*background-color: #ff6600;*/
  background-color: #ee7348;
  color: #e0dfdf;

  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 300;
  font-stretch: normal;
  font-size: 24px;
  line-height: 34px;

  border-radius: 20px;
  border: 2px solid #fff;

  padding-top: 10px;
  padding-bottom: 10px;
}
.footer .ui.button.alignorange:hover {
  background-color: #fff;
  color: #ff6600;
  /*font-size: 1.5em;*/

  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 300;
  font-stretch: normal;
  font-size: 24px;
  line-height: 34px;
}

.copyright.footer {
  color: #e0dfdf;
}

/*.footerwiki {*/
/*background-color: #1b1c1d;*/
/*}*/

.copyright.footerwiki {
  color: #e0dfdf;
}

/* END FOOTER*/
/************************************/
/*********************************/
/* INDEX PAGE CONTENT */
.mainindex {
  padding: 120px 0 50px 0;
  margin: 0;
}
@media only screen and (max-width: 900px) {
  .mainindex {
    padding: 20px 0 50px 0;
    margin: 0;
  }
}

.ui.massive.button.green {
  border: 2px solid #fff;
  color: #fff;
}

.ui.massive.button.wikigreen {
  background-color: #67a656;
  border: 2px solid #fff;
  color: #fff;
}
.ui.massive.button.wikigreen:hover {
  background-color: #62b04d;
}

.ui.massive.button.alignorange {
  background-color: #EE7348;
  border: 2px solid #fff;
  color: #fff;
}
.ui.massive.button.alignorange:hover {
  background-color: #ff6600;
}

@media only screen and (max-width: 900px) {
  .middlecontent .ui.card {
    margin: auto;
    text-align: center;
  }
}
.middlecontent {
  background-color: #6A98AA;
  padding: 40px 0 40px 0;
}
/* END INDEX PAGE CONTENT */
/*********************************/
/*********************************/
/* WIKI CONTENT */
.ui.breadcrumb {
  padding: 30px;
  background-color: #1b1c1d;
}

.ui.breadcrumb a {
  color: #fff;
}
.ui.breadcrumb a:hover {
  /*color: #b2b2b2;*/
  color: #ff6600;
}

.ui.breadcrumb .divider {
  color: #fff;
}

.ui.inverted.icon.menu .item:hover {
  color: #ff6600;
}

p.bold {
  font-weight: bold;
}

.middleWikiMain {
  background-color: #6A98AA;
}

.hidden {
  display: none !important;
}

.ui.grid+.grid {
  margin-top: 0;
}

.ui.button.link {
  font-size: 1.4em;
}

.hoverLink:hover {
  top: -10px;
}

.wp1Red {
  color: #DC6A6A;
}

.wp1Button {
  background: #FFA3A3 !important;
}

.wp1Button:hover {
  background: #DC6A6A !important;
}

.wp2Orange {
  color: #F07348;
}

.wp2Button {
  background: #FF865C !important;
}

.wp2Button:hover {
  background: #F07348 !important;
}

.wp3Purple {
  color: #9C6FA1;
}

.wp3Button {
  background: #C293C9 !important;
}

.wp3Button:hover {
  background: #9C6FA1 !important;
}

.wp4Green {
  color: #6C9661;
}

.wp4Button {
  background: #91BB86 !important;
}

.wp4Button:hover {
  background: #6C9661 !important;
}

.wp5Blue {
  color: #6A98AA;
}

.wp5Button {
  background: #86B7CA !important;
}

.wp5Button:hover {
  background: #6A98AA !important;
}

.wp6Yellow {
  color: #B4893C;
}

.wp6Button {
  background: #DBAB53 !important;
}

.wp6Button:hover {
  background: #B4893C !important;
}

/* END WIKI CONTENT */
/*********************************/
/*********************************/
/* GLOSSARY CONTENT */
.glossary-item {
  padding: 0 0 30px 0;
}

/* END GLOSSARY CONTENT */
/*********************************/
/*********************************/
/* CONTACT CONTENT */
.ui.button.submitForm:hover {
  color: #ff6600;
}

.successContact .ui.icon.header .icon.check.circle {
  color: #21ba45;
}

/* END CONTACT CONTENT */
/*********************************/