/* 
    Document   : Millwrights
    Created on : Jan 18, 2024, 1:52:15 PM
    Author     : Hawkeye
    Description:
        Purpose of the stylesheet follows.
*/

ul#menu li a#AboutLink {
  color: #e5c915;
  }

#Content {
  padding: 0;
  }

.Enclose {
  width: 90%;
  }

#MainPhoto {
	background: none;
  }

p.First {
  font-size: 22px;
  line-height: 30px;
  }

.ContentCap {
  margin: 0 0 30px 0;
  padding: 10px 0 0 0;
  }
.ContentCap h2 {
  margin: 10px 0;
  }

.Segments {
  clear: both;
  background: #ddd;
  padding: 15px 0;
  margin: 0 0 30px 0;
  }

.Segments ul {
  margin: 0 0 20px 0;
  padding: 0;
  }
.Segments ul li {
  position: relative;
  float: left;
  width: 31.81818181818182%; /* 350px / 1100px */
  margin: 0 2.27272727272727% 20px 0; /* 25px / 1100px */
  border-radius: 10px;
  overflow: hidden;
  }
.Segments ul li:nth-child(3n+3) {
  margin: 0 0 20px 0;
  }
.Segments ul li h3 {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 5px 0;
  margin: 0;
  background: #000;
  }
.Segments ul li div {
  margin: 0;
  position: relative;
  overflow: hidden;
  }
.Segments ul li img {
  display: block;
  margin: 0;
  border: 0;
  transition: all 0.5s ease-out;
  }
.Segments ul li a {
  text-decoration: none;
  }
.Segments ul li a:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  }


/**********************************************/
/* Photo Section Styles                       */
/**********************************************/

.UnparaExpertise {
  background: #d2e8e7;
  color: #105878;
  }
.UnparaExpertise h3 {
  color: #013a53;
  }
.UEred {
  background: #8c0b0e;
  color: #fff;
  }
.UEred h3 {
  color: #fff;
  }
.UEblue {
  background: #105878;
  color: #fff;
  }
.UEblue h3 {
  color: #fff;
  }

.UEphoto {
  float: right;
  width: 50%; /* 650px / 1300px */
  overflow: hidden;
  }
.UEphoto img {
  display: block;
  border: 0;
  }

.UEtext {
  float: left;
  width: 40%;
  margin: 30px 0 0 5%;
  }

.AltUE .UEphoto {
  float: left;
  }
.AltUE .UEtext {
  float: right;
  margin: 30px 5% 0 0;
  }

/**********************************************/
/* Home Training Styles                       */
/**********************************************/

.RelevantExp {
  background: #003366 url(../images/bgMillHomeTrain.jpg?v=0) center top;
  padding: 30px 5%;
  margin: 30px 0 0 0;
  color: #fff;
  }
.RelevantExp h2 {
  font-size: 32px;
  color: #fff;
  margin: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  }
.RelevantExp p {
  font-size: 20px;
  margin: 0 0 20px 0;
  text-align: center;
  }
.RelevantExp h3 {
  clear: both;
  font-size: 26px;
  color: #fff;
  margin: 30px 20px 20px 20px;
  padding: 0 0 5px 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #fff;
  }
.RelevantExp ul {
  float: left;
  width: 30.33333333333333%;
  font-size: 16px;
  line-height: 1.3em;
  margin: 0 3% 20px 0;
  list-style-type: disc;
  list-style-position: outside;
  }
.RelevantExp li {
  color: #f8b827;
  margin: 0 0 10px 20px;
  }
.RelevantExp li span {
  color: #fff;
  }

.TopShade {
  background: #003366;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#105878+0,105878+100&1+0,0.1+100 */
background: linear-gradient(to bottom,  rgba(16,88,120,1) 0%,rgba(16,88,120,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }


/**********************************************/
/* Top Image Changes                          */
/**********************************************/
.EncloseHead {
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  }

.MainPhoto {
  margin: 0;
  border-radius: 0;
  }
.MainPhoto h1 {
  left: 60px;
  }

.MainPhoto .PrintOut {
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+20,000000+100&0+0,0.5+20,0.5+100 */
  background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 16px;
  line-height: 1.3em;
  color: #fff;
  margin: 0;
  padding: 20px 20px 20px 60px;
  }
.MainPhoto .PrintOut a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  }
.MainPhoto .PrintOut a:hover {
  text-decoration: underline;
  }
.MainPhoto .PrintOut a svg {
  margin-left: 10px;
  }


.PrintOut {
  background: #000;
  height: 60px;
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  margin: 0;
  padding: 10px 5px;
  text-align: center;
  box-sizing: border-box;
  }
.PrintOut a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  }
.PrintOut a:hover {
  text-decoration: underline;
  }
.PrintOut a svg {
  margin-left: 10px;
  }

/**********************************************/
/* Millwright Sub-Page Styles                 */
/**********************************************/

#MillTop {
  display: flex;
  }

ul.BBul {
  margin: 10px 0;
  line-height: 1.25em;
  }
ul.BBul li {
  font-size: 16px;
  color: #158f98;
  margin: 0 0 5px 20px;
  list-style-type: disc;
  }
ul.BBul li span {
  color: #000;
  }

.MillMain {
  float: left;
  width: 70%;
  padding: 20px 0;
  }
.MMsmall {
  width: 60%;
  }
.MillMainTrainText {
  margin: 0;
  }
.MillMainTrainText h2 {
  margin: 10px 0;
  }
.MillMainTrainText p {
  margin: 0 10% 10px 0;
  }

.NCCA {
  float: right;
  width: 30%;
  background: #0b418c url(../images/bgNCCA.png?v=0) bottom right no-repeat;
  color: #fff;
  padding: 0 0 40px 0;
  }
.NCCA img {
  display: block;
  }
.NCbig {
  width: 40%;
  }
.NCCAText {
  margin: 40px 0 0 0;
  }
.NCCAText img {
  display: block;
  margin: 20px auto 20px auto;
  width: 80px;
  }
.NCCAimage img {
  display: block;
  margin: 20px auto 0 auto;
  width: auto;
  max-width: 88%;
  -webkit-box-shadow: 0 0 10px 5px rgba(255,255,255,.5);
  box-shadow: 0 0 10px 5px rgba(255,255,255,.5);
  }
.NCCAText p {
  margin: 0 25px 0 15px;
  text-align: right;
  }
.NCCAText p.Spec {
  font-size: 18px;
  line-height: 1.7em;
  font-weight: 700;
  margin: 0 30px 0 40px;
  text-align: right;
  }
.NCCAText a {
  color: #fff;
  }

.CObox {
  clear: both;
  background: #efedf6;
  border-top: 5px solid #105878;
  border-bottom: 5px solid #105878;
  padding: 0 0 20px 0;
  margin: 0;
  }
.CObox p {
  font-size: 16px;
  margin: 10px 0;
  }


.MillTwoThree {
  float: left;
  width: 70%;
  }
.MillTwoThree p.TwoWide {
  margin: 10px 35px 10px 0;
  }
.MillTwoThree ul.TwoWideItal {
  margin: 0 35px 10px 10px;
  font-style: italic;
  color: #015376;
  }
.MillTwoThree ul.TwoWideItal li {
  font-size: 16px;
  margin: 0 15px 0 0;
  list-style-type: disc;
  list-style-position: inside;
  float: left;
  }
.MillTwoThree ul.TwoWideItal li span {
  color: #000;
  position: relative;
  left: -5px;
  }
.ParaImage {
  margin: 0;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  }
.ParaImage2 {
  margin: 0;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  }
.ParaImage3 {
  margin: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  }

.MillTwoLeft {
  float: left;
  width: 45%;
  margin: 0 5% 0 0;
  }
.MillTwoLeft2 {
  float: left;
  width: 40%;
  margin: 0 5% 0 0;
  }
.MillTwoRight {
  float: right;
  width: 40%;
  margin: 26px 8% 0 0;
  }
.MillRevTwoRight {
  float: right;
  width: 50%;
  margin: 0;
  }
.MillRevTwoRight2 {
  float: right;
  width: 45%;
  margin: 0;
  }
.MillTwoRight3 {
  float: right;
  width: 50%;
  margin: 0 5% 0 0;
  }
h3.NoTop {
  margin: 0;
  }
.MTRzero {
  margin: 0 8% 0 0;
  }

.MillOneThree {
  float: right;
  width: 30%;
  margin: 200px 0 0 0;
  }
.MOT25 {
  margin: 25px 0 0 0;
  }
.MOTzero {
  margin: 0;
  }
.TopZero {
  margin-top: 0;
  }
.Top25 {
  margin-top: 25px;
  }
.Top50 {
  margin-top: 50px;
  }
.Top175 {
  margin-top: 175px;
  }
ul.Mright40 {
  margin-right: 40px;
  }
h3.Top15 {
  padding-top: 15px;
  }


.MillOneThreeRev {
  float: left;
  width: 30%;
  margin: 0;
  }

.MillTwoThreeRev {
  float: right;
  width: 70%;
  }
.MillTwoThreeRev .MillTwoLeft {
  margin: 0 0 0 8%;
  }
.MillTwoThreeRev .Top25 {
  margin-top: 25px;
  }
.MillTwoThreeRev .MillTwoRight {
  margin: 25px 0 0 0;
  }

.LastImage {
  width: 90%;
  margin: 0 0 0 0;
  }

p.TwoSpan {
  margin: 10px 40px 10px 0;
  }


.BottomLine {
  background: url(../images/bgMillBottom.jpg?v=1) no-repeat;
  background-position: bottom;
  background-size: 100%;
  padding: 20px 0 80px 0;
  }

.BLtext {
  margin: 20px 0;
  padding: 0 0 5px 0;
  }
.BLtext p {
  padding: 20px 0 0 0;
  }
.BLtext p span {
  font-weight: bold;
  color: #158f98;
  }
.BLtext img {
  float: right;
  margin: 0 0 0 20px;
  border: 0;
  }


.Breverse {
  margin: 0;
  }

.BROneThree {
  float: left;
  width: 40%;
  }
.BRTwoThree {
  float: right;
  width: 55%;
  }

p.SPblue {
  font-size: 18px;
  color: #015376;
  font-weight: 700;
  margin: 80px 0;
  }

.HydroOneThree {
  float: left;
  width: 35%;
  }
.HydroTwoThree {
  float: right;
  width: 60%;
  }

.HydroTwoLeft {
  float: left;
  width: 48%;
  margin: 0;
  }
.HydroTwoRight {
  float: right;
  width: 45%;
  margin: 0;
  }

span.NoLiBr {
  white-space: nowrap;
  }

.MechNarrow {
  display: none;
  }



@media screen and (max-width: 1185px) {
.UEtext {
  width: 45%;
  margin: 0 2% 0 0;
  }
.AltUE .UEtext {
  margin: 0 0 0 2%;
  }
.BottomLine {
  padding: 20px 0 50px 0;
  }
.MechNarrow {
  display: block;
  }
.MechWide {
  display: none;
  }
}
@media screen and (max-width: 1035px) {
.UEtext p {
  font-size: 15px;
  line-height: 1.3em;
  }
}
@media screen and (max-width: 890px) {
.UnparaExpertise {
  padding: 0 0 1px 0;
  overflow: hidden;
  }
.UEphoto {
  float: none;
  width: 100%;
  }
.AltUE .UEphoto {
  float: none;
  }
.UEphoto img {
  margin: 0 auto 30px auto;
  }
.UEtext {
  float: none;
  width: 90%;
  margin: 0 auto 30px auto;
  }
.AltUE .UEtext {
  float: none;
  margin: 0 auto 30px auto;
  }
.BottomLine {
  padding: 20px 0 20px 0;
  }
}
@media screen and (max-width: 800px) {
.Segments ul li {
  width: 49%;
  margin: 0 2% 20px 0;
  }
.Segments ul li:nth-child(3n+3) {
  margin: 0 2% 20px 0;
  }
.Segments ul li:nth-child(even) {
  margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 770px) {
.MainPhoto .PrintOut {
  position: static;
  background: rgba(0,0,0,1);
  padding: 10px;
  text-align: center;
  }
.MainPhoto h1 {
  bottom: 40px;
  }
}
@media screen and (max-width: 720px) {
.RelevantExp ul {
  float: none;
  width: 100%;
  margin: 0;
  }
}
@media screen and (max-width: 700px) {
.MillTwoThree {
  float: none;
  width: 100%;
  }
.MillOneThree {
  float: none;
  width: 100%;
  margin: 20px 0 0 0;
  }
.MillTwoLeft {
  float: none;
  width: 100%;
  margin: 20px 0 0 0;
  }
.MillTwoThreeRev .MillTwoLeft {
  margin: 20px 0 0 0;
  }
.MillTwoRight {
  float: none;
  width: 100%;
  margin: 20px 0 0 0;
  }
.MillRevTwoRight {
  float: none;
  width: 100%;
  }
.MillRevTwoRight2 {
  float: none;
  width: 100%;
  }
.MillTwoRight3 {
  float: none;
  width: 100%;
  margin: 25px 5% 0 0;
  }
.MillTwoLeft2 {
  float: none;
  width: 100%;
  }
#MillTop {
  display: block;
  }
.MillMain {
  float: none;
  width: 100%;
  }
.MillMainTrainText p {
  margin: 0 0 10px 0;
  }
.NCCA {
  float: none;
  width: 100%;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  }
.NCCAText {
  margin: 20px 0 0 0;
  }
.NCCA p {
  text-align: left;
  }
.BLtext img {
  float: none;
  display: block;
  margin: 0 auto 20px auto;
  }
.LastImage {
  width: 100%;
  }
.BROneThree {
  float: none;
  width: 100%;
  }
.BRTwoThree {
  float: none;
  width: 100%;
  }
.MillOneThreeRev {
  float: none;
  width: 100%;
  }
.MillTwoThreeRev {
  float: none;
  width: 100%;
  }
.BottomLine {
  padding: 0 0 10px 0;
  }
p.TwoSpan {
  margin: 10px 0 10px 0;
  }
ul.Mright40 {
  margin-right: 0;
  }
.Top175 {
  margin-top: 25px;
  }
h3.Top15 {
  padding-top: 0;
  }
p.SPblue {
  margin: 10px 0;
  }
.HydroOneThree {
  float: none;
  width: 100%;
  }
.HydroTwoThree {
  float: none;
  width: 100%;
  }
.HydroTwoLeft {
  float: none;
  width: 100%;
  margin: 0;
  }
.HydroTwoRight {
  float: none;
  width: 100%;
  }
}
@media screen and (max-width: 600px) {
.UEtext {
  max-width: 425px;
  }
}
@media screen and (max-width: 550px) {
.MainPhoto h1 {
  font-size: 24px;
  }
}
@media screen and (max-width: 500px) {
.Segments ul li {
  width: 100%;
  margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 400px) {
.MainPhoto h1 {
  font-size: 20px;
  }
}