// Front page stuff

.aquafakeclass {
	color: #ccc;
}

.aqintro {
  width: 100%; margin: -12px auto 5px; padding: 0; height: 225px;
  background-image: url('/media/wysiwyg/images/1600-front.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center top;
  border-bottom: 25px;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-style: solid; border-color: rgba(35,97,146,0.5)
}
@media screen and (max-width: 768px) {
  .aqintro {
    background-size: auto calc(100% + 40px);
  }
}
.aqintrotitle {
  position: relative; top: 50px; left: 5%; width: 450px; max-width: 90%;
}
@media screen and (max-width: 480px) {
  .aqintrotitle {top: 25px; left: 20px;}
}
.aqintro h1 {
  font-size: 1.5em; font-weight: 300; color: #fff; line-height: 1.25em; text-shadow: 2px 2px 2px #000;
}


// Front Page

.aq100div {
  width: 1300px; max-width: 100%; padding: 0; margin: 0 auto; overflow: hidden;
}
.aq100divall {
  max-width: 100%; border-width: 10px 10px 10px 10px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 35% 0 0 0; position: relative; 
}
@media screen and (max-width: 767px) {
  .aq100divall {padding-top:50%;}
}
.aq100divfull {
  max-width: 100%; border-width: 10px 10px 5px 10px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 0;
}


.aq50div {
  width: 50%; padding: 0; margin: 0; float: left;
}
.aq50divlt {
  max-width: 100%; border-width: 5px 5px 5px 10px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 0; height: 225px; 
}
.aq50divrt {
  max-width: 100%; border-width: 5px 10px 5px 5px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 0; height: 225px;
}
@media screen and (max-width: 767px) {
  .aq50div {width: 100%;}
  .aq50divlt {border-width: 5px 10px 5px 10px;}
  .aq50divrt {border-width: 5px 10px 5px 10px;}
}
.aq50divltcont, .aq50divrtcont {
  width: 250px; max-width: 100%; margin: 25px auto; padding: 5px; text-align: center;
}



.aq50divtall {
  width: 50%; padding: 0; margin: 0; float: left;
}
.aq50divlttall {
  max-width: 100%; border-width: 5px 5px 5px 10px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 0; height: 450px; 
}
.aq50divrttall {
  max-width: 100%; border-width: 5px 10px 5px 5px; border-style: solid; border-color: #f0eee9; margin: 0; padding: 0; height: 450px;
}
@media screen and (max-width: 979px) and (min-width: 768px) {
  .aq50divlttall, .aq50divrttall {height: 650px;} /*was 350*/
}
@media screen and (max-width: 767px) {
  .aq50divtall {width: 100%;}
  .aq50divlttall {border-width: 5px 10px 5px 10px; height: calc(100% + 20px);}
  .aq50divrttall {border-width: 5px 10px 5px 10px; height: calc(100% + 20px);}
}
.aq50divltconttall, .aq50divrtconttall {
  width: 250px; max-width: 100%; margin: 70px auto; padding: 5px; text-align: center;
}



.aq25div {
  width: 25%; padding: 0; margin: 0; float: left;
}
.aq25div1 {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #000; margin: 5px 5px 5px 10px; padding: 0; height: 325px;
}
.aq25div2 {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #000; margin: 5px 5px 5px 5px; padding: 0; height: 325px;
}
.aq25div3 {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #000; margin: 5px 5px 5px 5px; padding: 0; height: 325px;
}
.aq25div4 {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #000; margin: 5px 10px 5px 5px; padding: 0; height: 325px;
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .environment {height: 55px !important;}
}
@media screen and (max-width: 1068px) and (min-width: 768px) {
  .aq25div1, .aq25div2, .aq25div3, .aq25div4 {height: 275px;}
}
@media screen and (max-width: 767px) {
  .aq25div {width: 50%;}
  .aq25div1 {height: 275px; margin-left: 5px;}
  .aq25div2 {height: 275px; padding-right: 5px;}
  .aq25div3 {height: 275px; margin-left: 5px;}
  .aq25div4 {height: 275px; padding-right: 5px;}
}
@media screen and (max-width: 480px) {
  .aq25div {width: 100%;}
  .aq25div1 {height: 275px; margin-left: 5px; margin-bottom: 5px;}
  .aq25div2 {height: 275px; padding-right: 5px; margin-bottom: 5px;}
  .aq25div3 {height: 275px; margin-left: 5px; margin-bottom: 5px;}
  .aq25div4 {height: 275px; padding-right: 5px; margin-right: 5px; margin-bottom: 5px;}
}
/*

@media screen and (max-width: 767px) {
  .aq25div {width: 50%;}
  .aq25div1 {border-width: 5px 5px 5px 10px; height: 275px;}
  .aq25div2 {border-width: 5px 10px 5px 5px; height: 275px;}
  .aq25div3 {border-width: 5px 5px 5px 10px; height: 275px;}
  .aq25div4 {border-width: 5px 10px 5px 5px; height: 275px;}
}
@media screen and (max-width: 480px) {
  .aq25div {width: 100%;}
  .aq25div1 {border-width: 5px 10px 5px 10px; height: 275px;}
  .aq25div2 {border-width: 5px 10px 5px 10px; height: 275px;}
  .aq25div3 {border-width: 5px 10px 5px 10px; height: 275px;}
  .aq25div4 {border-width: 5px 10px 5px 10px; height: 275px;}
}
*/



.aq33div {
  width: 33%; padding: 0; margin: 0; float: left;
}
.aq33div:last-child {
  width: 34%;
}
.aq33divlt {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #D7D3C7; margin: 5px 5px 5px 10px; padding: 0; height: 225px; 
}
.aq33divct {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #D7D3C7; margin: 5px 5px 5px 5px; padding: 0; height: 225px; 
}
.aq33divrt {
  max-width: 100%; border-width: 0.5px; border-style: solid; border-color: #D7D3C7; margin: 5px 10px 5px 5px; padding: 0; height: 225px; 
}
@media screen and (max-width: 767px) {
  .aq33div {width: 100%;}
  .aq33div:last-child {width: 100%;}
  .aq33divlt {border-width: 0.5px; margin-left: 5px;}
  .aq33divct {border-width: 0.5px;}  
  .aq33divrt {border-width: 0.5px; margin-right: 5px;}
}




.aqxmslogo, .aqprodlogo {
 width: 210px; margin: 0 auto 20px;
}
.aqxmslogo h2, .aqprodlogo h2 {
  font-size: 1.3em; padding: 5px 0 0 0; margin: 0; text-align: left; line-height: 20px;
}
.aqxmscont {
  width: 220px; max-width: 100%; margin: 25px auto; padding: 5px; text-align: center;
}
.aqdivcont {
  width: 50%; padding: 40px 0 0 55px; margin: 0 auto;
  background-size: 48px 48px; background-repeat: no-repeat; background-position: 0px 40px;
}
@media screen and (max-width: 1068px) and (min-width: 768px) {
  .aqdivcont {width: 70%; padding: 20px 0 0 55px; background-position: 0 20px;}
}

.aqblogcont {
  width: 80%; margin: 30px auto 0; padding: 0px;
}
@media screen and (max-width: 1068px) and (min-width: 768px) {
  .aqblogcont {width: 95%; padding: 0;}
}




/* Blog Info */
@media screen and (min-width: 320px) {
.mp-blog-traffic {
  display: none !important;
}
.post-item-wraper {
  border: none !important;
  padding: 5px !important;
}
.post-item-wraper:hover {
  border: none !important;
  box-shadow: none !important;
}
.post-info-wraper {
  padding: 0 !important;
}
h2.mp-post-title {
  margin-bottom: 1rem !important;
}
.cms-home .mp-post-info {
  color: #fff !important;
}
.mp-post-title {
  font-size: 18px !important;
}
.view-top-blog-posts ul {
  padding: 0px !important;
}
.view-top-blog-posts ul li {
  color: #fff !important;
  list-style-type: none !important;
}
.view-top-blog-posts a:link, .view-top-blog-posts a:visited, .view-top-blog-posts a:active {
  color: #236192 !important;
}
.view-top-blog-posts a:hover {
  text-decoration: underline !important;
}
.post-list-item {
  margin-bottom:5px !important;
}
.mp-blog-icon {
  display: none;
}
}




/*
.view-recent-training-courses ul {
  padding: 0px;
}
.view-recent-training-courses ul li {
  color: #fff;
  list-style-type: none;
}
*/

.environment {
  color: #fff; background: rgba(0,0,0,0.7); position: absolute; bottom: 0px; width: calc(100% - 10px); padding: 5px; height: 35px;
}
.environment a:link, .environment a:visited, .environment a:active {
  color: #fff;
}
.environment a:hover {
  text-decoration: underline;
}