/* *** Custom Grid *** */

.grid,
.unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Set up some rules to govern the grid */
.grid { display: block; clear: both; }
.grid .unit { float: left; width: 100%; padding: 10px; }

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { /*padding-left: 20px;*/ }
.grid .unit:last-child { /*padding-right: 20px;*/ }

/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }

.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters { padding: 0 !important; }

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap { max-width: 1110px; margin: 0 auto; } /*1180PX DEFAULT SIZE*/

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */

.grid .whole,          .grid .w-1-1 { width: 100%; } 

.grid .half,           .grid .w-1-2 { width: 50%; }

.grid .one-third,      .grid .w-1-3 { width: 33.3332%; }

.grid .two-thirds,     .grid .w-2-3 { width: 66.6665%; }

.grid .one-quarter,    .grid .w-1-4 { width: 25%; }

.grid .three-quarters, .grid .w-3-4 { width: 75%; }

.grid .one-fifth,      .grid .w-1-5 { width: 20%; }

.grid .two-fifths,     .grid .w-2-5 { width: 40%; }

.grid .three-fifths,   .grid .w-3-5 { width: 60%; }

.grid .four-fifths,    .grid .w-4-5 { width: 80%; }


.grid .w-1-6 { width: 16.6667%; }

.grid .w-2-6 { width: 33.333%; }

.grid .w-3-6{ width: 50%; }

.grid .w-4-6{ width: 66.6667%; }

.grid .w-5-6{ width:  83.3333%; }

.grid .w-2-4{ width:  50%; }

.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */

.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */

/* Clearfix after every .grid */
.grid { *zoom: 1; }

.grid:after { clear: both; }

.grid:before,
.grid:after { display: table; content: ""; line-height: 0; }


/* Utility classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }

.pull-left    { float: left; }
.pull-right   { float: right; }

/* Responsive Stuff */
@media screen and (max-width: 768px) {

    /* Stack anything that isn’t full-width on smaller screens */
    .main-navigation ul { margin-left: 0; }
	.main-navigation ul li { float: none; text-align: center; }

    .grid .unit { width: 100% !important; } /*padding-left: 20px; padding-right: 20px;*/

    .unit .grid .unit { padding-left: 0px; padding-right: 0px; }

    /* Sometimes, you just want to be different on small screens */
    .center-on-mobiles { text-align: center !important; }

    .hide-on-mobiles { display: none !important; }

}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1300px) {

    .wider .grid { max-width: 1110px; margin: 0 auto; }

}

.grid,
.unit { -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

/* *** End of Custom Grid *** */

/* *** September 02, 2015 *** */

/* *** Why Elevate ( Page ) *** */
.page-id-2 #main { max-width: none; }
.page-id-2 #main #primary { margin-top: 0; }
.page-id-2 #main #primary #content article .entry-header { display: none; }

.we-layer .wrap .unit { padding: 0 10px; }
.we-layer .wrap .unit h3 { font-family: 'Roboto Condensed', sans-serif !important; font-size: 24px; font-weight: 400; line-height: normal; margin: 0 0 20px; }
.we-layer .wrap .unit p { font-size: 20px; line-height: normal !important; margin: 0 0 40px !important; }
.we-layer .wrap .unit strong { color: #3a5376; }

.we-layer .wrap .unit p:last-child { margin: 0; }

.we-layer .wrap .unit .container { position: relative; max-width: 280px; margin: auto; }
.we-layer .wrap .unit .container p { border-top: 1px solid #FE5607; font-family: 'Raleway', sans-serif; font-size: 40px; font-weight: 100; text-align: left; text-transform: uppercase; padding-top: 20px; }

#we-layer-1 { padding: 53px 20px 45px; }
#we-layer-1 .wrap .unit .container { margin-top: 25%; }

#we-layer-2 { background: #f4f2f7; padding: 53px 20px; }
#we-layer-2 .wrap .unit .container { margin-top: 33%; }

#we-layer-3 { padding: 50px 20px 40px; }
#we-layer-3 .wrap .unit .container { margin-top: 55%; }

/* *** September 03, 2015 *** */

/* *** Single Post *** */
.single-post #primary #content { max-width: 1110px; margin: 105px auto 0; }
.single-post #primary #content article .entry-header { display: none; }

/* *** Social Media *** */
.social-testimonials .wrap .facebook-container i.fa.fa-facebook-square { display: block; }

/* *** News ( Page ) *** */
.page-id-21 #main li#text-42 { list-style: none; }
.page-id-21 #main li#text-42 h2 { display: none; }

.wmle_item_holder .date-view { padding: 0 10px; }
.wmle_item_holder .wmle_item { margin: 0 10px 10px !important; padding: 0 !important; }

.wmle_item_holder .wmle_item .wmle_post_title { border: none !important; color: #444444 !important; font-size: 20px !important; font-weight: normal !important; text-transform: uppercase; line-height: normal !important; margin: 0 0 5px; padding: 10px 10px 0 !important; }
.wmle_item_holder .wmle_item .wmle_post_title a { font-size: 24px; }

.wmle_item_holder .wmle_item .wmle_post_excerpt p {  color: #444444 !important; margin: 0 !important; padding: 0 10px 10px !important; }

/* *** Footer *** */
.latest-article-ul li div p { line-height: normal !important; margin: 0 !important; }
.latest-article-ul li div span { color: #FE5607; }

.poa-maps .unit { text-align: center; padding: 10px !important; }