/*
    Theme Name:     Armock 2025
    Description:    Web Design for Armock Mechanical Contractors.
    Author:         The Imagination Factory
    Author URI:     http://www.what-if.com
    Template:       IFICore2
    Version:        1.0
*/


/* =========== 0. Start Setup ==================

COLORS:
	#646e78; // grey

	#12528f; // dk blue
	#1e73be; // blue
	#2e6eb8; // med blue

	#a91d37; // dk red

	#3d9450; // green
	#99d283; // lime

	ARMOCK RED: #a91d36
	ARMOCK BLU: #1c2b59


================ 0. End Setup =============== */

/* =========== 1. Basic Styles =========== 

.subhdrint.container-wide img {
	max-height: 150px;
	object-fit: cover;
	
	/* if using regular photos, uncork this */
}


.webtrax-pixel {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

.mobile {
    display: none;
    visibility: hidden;
}

html, body {
	font-family: "Poppins", sans-serif;
/*    font-family: "Open Sans", sans-serif; */
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	background: #fff;
}
/* removed per client - TB 2/24/25 
body {
	background-image: url('images/page-background.png');
	background-size: 50%;
	background-position: center 650px;
	background-repeat: no-repeat;
}
*/
/*
body {
	background-image: url('/wp-content/uploads/2025/04/pattern-grey-bkgd.jpg');
	background-repeat: repeat;
}
*/

body {
/*	background-image: url('images/greymetallic45.jpg');
	background-repeat: repeat; temporarily removed per client 10/7/25 */
}

body.home-page {
	background-image: none;
}

body.clients {
	background-image: url('/wp-content/uploads/2025/04/pattern-grey-bkgd.jpg');
	background-repeat: repeat;
}

.searchbox button {
	background: none;
	
}

#header, #sidebar, #content, #promos, #prefooter {
	padding-left: 4%;
	padding-right: 4%;
}

.inner-header,
.inner-header a,
.inner-header .ifi_phone {
	font-weight: 700;
	color: #02255A;
}

#preheader-wide {
	background: #222533; /* was blue #135897;	*/
	height: 40px;
	top: -3px;
}

#preheader {
	text-align: right;
	color: #fff; /* was 1c2b59 dk blue */
	padding-right: 10%;
}

#preheader a {
	color: #fff;
	text-decoration: none;
}

.preheader-links {}

.preheader-link {
	color: #fff; /* was 1c2b59 dk blue */
	text-decoration: none;
	display: inline-block;
	padding: 5px 10px;
}

.preheader-link:hover {
	text-decoration: underline;
}


.container {
	width: 100%;
	padding-left: 4%;
	padding-right: 4%;
}

h1,
h2,
h3,
h4,
h5 {
	color: #1c2b59;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color: #a91d37;
	text-decoration: none;
}

/* none in reference site */

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color: #000000;
}

h1 {
	font-size: 38px;
	font-size: 2rem;
}

h2 {
	font-size: 34px;
	font-size: 1.5rem;
}

h3 {
	font-size: 28px;
	font-size: 1.25rem;
}

h4 {
	font-size: 24px;
	font-size: 1rem;
}

h5 {
	font-size: 18px;
	font-size: 0.8125rem;
	letter-spacing: 0.15em;
}

a {
	color: #12528F;
}

.medium {font-size: .8em;}
.small {font-size: .6em;}

/* none in reference site */


hr {
	color: #9deb74;
	background: #9deb74;
	margin: 15px 0 30px !important;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th, table, table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    border: 1px solid #e5e5e5;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th, table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 10px;
    line-height: 1.9;
    vertical-align: top;
    border-top: 1px solid #e5e5e5;
}

#content table img.aligncenter {
	margin: auto;
	display: block;
	float: none;
	position: relative;
}

.blog-container {
    position: relative;
    z-index: 0;
}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: 700;
    font-size: 18px !important;
}

/* =========== 3. Buttons =========== */

.btn {
	
	font-size: 14px;
    text-align: center;

	color: #fff;
	background: #AB0834;
	border-radius: 0;
	box-shadow: none;
	
	border: 2px solid #fff;
	
	text-transform: uppercase;
	font-weight: bold;
	
    padding: 9px 15px 9px;
    display: inline-block;
    vertical-align: middle;

   font-family: "Poppins", sans-serif;

	/*
	border-radius: 0;
	box-shadow: none;
	background: #3d9450;
	color: #fff;
	padding: 10px 30px 10px;
	
	*/
} /* red button w/ white border */


/* correct hover color now in forced CSS */

.btn:hover {
	background: #2c3e50;
	color: #fff;
}

.btn1 {
	font-size: 14px;
    text-align: center;
	color: #fff;
	background: #AB0834;
	border-radius: 0;
	box-shadow: none;	
	text-transform: uppercase;
	font-weight: bold;
    padding: 8px 15px 8px;
	margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
   	font-family: "Poppins", sans-serif;
} /* red button w/ no border


/* correct hover color now in forced CSS */

.btn1:hover {
	background: #2c3e50;
	color: #fff;
}

#main-navigation .nav-btn a  {
  background: #135897 !important;
  padding-top: 1px !important;
}

.btn2, .paged-nav a {
    display: inline-block;
    position: relative;
    padding: 7px 10px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 1px;
    font-size: .9em;
    font-weight: normal;
    line-height: normal; 
    background: #666;
} /* dk blue button w/ no border */

.btn2 {
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
}

.btn2 {
	border-radius: 0;
	box-shadow: none;
	background: #12528f;
	color: #fff;
	padding: 10px 30px 10px;
}

.btn2:hover {
	background: #2e6eb8;
	color: #fff;
}

.mctabtn {	
	font-size: 14px;
    text-align: center;

	color: #FFF !important; /* white btn text */
	background: #1ab7ea; /* CTMAX lt blue */
	border-radius: 0;
	box-shadow: none;
	
	border: 2px solid #1ab7ea; /* CTMAX lt blue */
	
	text-transform: uppercase;
	font-weight: bold;
	
    padding: 9px 15px 9px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
} /* med blue button w/ blue border */

.mctabtn a {
	color: #FFF;
	text-decoration: none;
}

.mctabtn:hover {
	background: #0079c2; /* CTMAX med blue */
	color: #fff;
	border: 2px solid #0079c2; /* CTMAX med blue */
}

.button-center {
	text-align: center;
	width: 100%;
}

.button-center .btn {
	font-size: 26px;
	padding: 14px 30px 10px;
}

.noframe {display: block; position: relative; padding: 5px; margin: 10px; border: none !important; background: transparent;}
img.alignleft {margin-left:0 !important; margin-right:5;}
img.alignright {margin-right:0 !important; margin-left:5;}
img.aligncenter {margin-right:5 !important; margin-left:5 !important;}

/* override ifi block text justification settings */
.textleft{text-align:left !important;}
.textcenter{text-align:center !important;}
.textright{text-align:right !important;}
.textlight{color:#fff;}
.textdark{color: #1c2b59;}

.svcblubkg{background: #1b365d;}

/* =========== Expandable Search =========== */

.search-body {
	display: inline-block;
}

.search-wrapper button {
    background: none;
    box-shadow: none;
    border-style: none;
    left: 1px;
    position: relative;
}

.search-wrapper {
	width: 30px;
	height: 30px;
	margin: 8px;
	display: flex;
	border-radius: 4rem;
	background: #fff;
	align-items: center;
	justify-content: center;
	outline: none;
	overflow: hidden;
	transition: 400ms ease-in-out;
	position: relative;
}

.search-active {
	width: 300px;
}

.search-wrapper.search-active {
    justify-content: right;
}

.search-wrapper.search-active button {
	left: -10px;
	transition: 400ms ease-in-out;
}

.search-wrapper input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-left: 25px;
	margin-right: 2px;
	outline: none;
	border: none;
	font-size: 1.1rem;
	box-sizing: border-box;
}

.search-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	border-radius: 50%;
	border: 2px solid white;
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-left: auto;
	z-index: 1;
}

.search-btn i {
	color: #fff;
	font-size: 1rem;
	font-family: FontAwesome, sans-serif;
	z-index: 2;
}

.searchbox button:hover {
	background: none;
}

.search-wrapper .search-active .search-button {
    justify-content: right;
}

/* ======= IFI Search ======= */

#cta-bar {
	font-size: 1.25em;
}

.cta-search-wrap {
	padding: 10px 25%;
	font-size: .8em;
}

.cta-special-bkgd {
	background: #135897;
}

.cta-search-wrap .searchinput {
    width: 83%;
    background: transparent;
    font-size: 0.65em;
    padding: 1em;
    line-height: 1;
}

#cta {
	text-align: center;
}

#cta .cta-text {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}

#cta .cta-text h3 {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
	.cta-search-wrap {
		padding: 10px 2%;
	}
}

.cta-search-wrap .searchbox {
    border-radius: 4vw;
}

.cta-search-wrap .searchbox button {
    font-size: 1em;
    padding-top: 0.5em;
    padding-left: 1em;
    color: #145897;
}


/* =========== 6. Header ============ */
#header-wide {
	border-bottom: 0px solid #40BCE2;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.3);
    z-index: 999;
	background-size: cover;
	background-repeat: no-repeat;
	position: sticky;
	top: 0;
}

#header,
#header-small .mc1-2 {
	text-align: right;
}

#logo-box {
	position: relative;
	top: 2.5vw;
	width: 300px;
}

#logo-box #top-logo img {
    max-height: 150px;
	margin-top: .1em;
    margin-bottom: .1em;
}

.ifi_phone,
.social-links {
    display: inline-block;
	margin: 10px 0 7px;
}

.social-links a {
	padding: 0 8px;
	margin: 0 4px;
}

.ifi-social-facebook {
	color: #3B5998;
}

.ifi-social-google {
	color: #D34836;
}

.ifi-social-linkedin {
	color: #0077B5;
}

.ifi-social-instagram {
	color: #D82F74;
}

.ifi-social-rss {
	color: #FF6600;
}

.ifi_phone {
	font-weight: 500;
	font-size: 16px;
	color: #fff; /* was #808A9D med grey */
	margin-right: 10px;
}

.ifi_phone i {
	margin-right: 6px;
}

.action-btn {
	float: right;
}

td {
	padding: 10px 15px;
	font-weight: 500;
	font-size: 16px;
}

#landing-title-wide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 175px 100px;
	height: 550px;
}
/* for testing only
.clients #landing-title-wide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 175px 100px;
	height: 1280px;
}
*/
/* Remove page title from hero per client - TB 2/24/25
#landing-title-wide h1 {
    width: 60%;
    text-align: center;
    background: #00275D;
    background: rgba(0, 39, 93, 0.7);
    padding: 10px 20px;
    color: #fff;
    font-weight: 500;
    border-radius: 8px;
}
*/
#landing-title {
	display:none;
}

.project-page #landing-title-wide {
    background-repeat: no-repeat;
}

/* for testing only
.clients-page #landing-title-wide {
    background-repeat: no-repeat;
	height: 1320px;
}
*/
.project-row {
    width: 100%;
    float: left;
    display: block;
    position: relative;
}

.container .auto {
    width: 100% !important;
}

.entry-content > ul,
.entry > ul {
	padding-left: 20px; 
	margin: 0;
}

.entry-content > ul > ul,
.entry > ul > ul {
	padding-left:10px;
}

.entry-content ul li,
.entry ul li {
	line-height: 1.3; 
	margin: .8em 0; 
	padding-left: 25px; 
	background: transparent url(images/bullet-li.svg) no-repeat left 3px; 
}

.entry-content ul li ul li,
.entry ul li ul li {
	line-height: 1.3;
	margin: .8em 0;
	padding-left: 25px;
	background: transparent url(images/bullet-li-li.svg) no-repeat left 3px;
}

.post-title {
	text-align: center;
	
}

.entry .ifi-form ul li {
	background-image: none;
}

/* 
.gform_legacy_markup_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_legacy_markup_wrapper textarea {
	padding: 8px 6px;
	border-radius: 4px;
	font-size: 1.1em;
	border: 2px solid #B1C7DC;
} */

body #gform_wrapper_2 .gform_footer .gform_button, 
body #gform_wrapper_2 .gform_page_footer .gform_button, 
body #gform_wrapper_2 .gform_page_footer .gform_previous_button, 
body #gform_wrapper_2 .gform_page_footer .gform_next_button, 
body #gform_wrapper_2 .gfield#field_submit .gform-button {
	padding: 10px 20px;
}

#main-navigation #menu-header-menu li a {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #02255A;
}

#main-navigation #menu-header-menu .sub-menu li a {
	font-weight: 700;
	color: #FFF;
}


/* =========== 6.5.  Home Content ======= */

#home-content .post-title {
    font-size: 36px;
    line-height: 1.5;
	margin-top: 56px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	text-align: center;
}

#home-content .post-subtitle {
  font-size: 14px;
  font-weight: 400;	
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  color: #a1b1bc;
}


#home-content .inner-text {
	margin-top: 50px;
	margin-bottom: 45px;
	font-size: 20px;
	padding-left: 4%;
	padding-right: 4%;
}

/* =========== 7. Slideshow ============ */
/* hero placeholder - TB 11/5/24 */
.home-placeholder {
    width: 1920px;
    height: 560px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/wp-content/uploads/2024/11/placeholder-white.png');
}

/* hero CLS bounce fix - MS 11/7/2024 */
.owl-carousel {
	display: block !important;
}

#slides-wide {
	z-index: 0;
	position: relative;
}

#slides-wide .sue-content-slider {
	padding-top: 0;
	margin-bottom: 0;
}

#slides-wide .sue-content-slider .owl-stage {
	box-sizing: border-box;
}

#slides-wide .sue-content-slider .owl-item {
	margin-right: 10px !important;
}

#slides-wide .sue-content-slider .slide-wide {
	height: 1080px; /* was 500 */
	background-position: center center;
    /* background-size: 100%;  Find browser size where 100% is not cutting off */
	background-size: cover;
    background-repeat: no-repeat;
}
/* for testing zoom
body.clients #slides-wide .sue-content-slider .slide-wide {
	height: 1280px;
	background-position: center center;
	background-size: cover;
    background-repeat: no-repeat;
	transition: background-size 0.3s ease-in-out;
}
body.clients #slides-wide .sue-content-slider .slide-wide:hover {
	background-size: 120%;
}
*/

#slides-wide .half-width {
	position: relative;
	width: 45%;
	float: right;
	clear: both;
    height: 500px;
	margin-left: 25px;
}

/* new */

#slides-wide .full-width {
	position: relative;
	width: 100%;
	float: right;
	clear: both;
	height: 500px;
	margin-left: 25px;
}

.clients #slides-wide .full-width {
	position: relative;
	width: 100%;
	float: right;
	clear: both;
	height: 1280px;
	margin-left: 25px;
}

#slides-wide .slide-caption {
    width: 100%;
	bottom: 1px;
	text-align: center;
	font-weight: normal;
	padding: 10px 6%;
	position: absolute;
	/* transform: translateY(-50%); */
	bottom: 0px;
	/* background: rgba(255, 255, 255, .8); */
/*	background: #042053; was dkr blue, but eliminated for extra size homepg hero */
	clear: both;
}

#slides-wide .slide-caption h3 {
    font-size: 24px;
	line-height: 1.5em;
	color: #fff;
	width: 75%;
	float: left;
}

#slides-wide .slide-caption .inner-text {
    font-size: 2.5em;
    text-align: left;
    color: #fff;
}

#slides-wide .slide-caption .btn {
	color: #FFF;
	font-size: 24px;
	background: #00b7df; /* med sky blue/teal */
	border: 0px solid #40BCE2; /* sky blue */
	border-radius: 0;
	font-weight: bold;
	clear: both;
	padding: 10px 20px;
	max-height: 100px;
}

.slide-content h3,
.slide-content p {
	color: #fff;	
	padding: 10px;
	margin: 5px;
	text-shadow: 0px 0px 8px #024AAC;
    background: rgba(0, 39, 91, 0.75);
	max-width: 50%;
	text-align: left;
	float: left;
	clear: both;
}

.slide-content p a {
	text-align: right;
	color: #fff;
	float: right;
	text-decoration: none;
	margin-right: 10px;
}

.slide-content {
	padding: 10% 10% 40px; /* was 60px 10% 20px */
	font-size: 18px;
	font-weight: 700;
}

.slide-content h3 {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 700;
}

#slides-wide .slide-caption .btn:hover {
	color: #042053;
	background: #eee;
}

#slides-wide .sue-content-slider .owl-prev {
	left: 0;
	margin: 230px 0 0;
}

#slides-wide .sue-content-slider .owl-next {
	right: 15px;
	margin: 230px 0 0;
}

#slides-wide .sue-content-slider .owl-nav {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	height: 300px;
}

#slides-wide .sue-content-slider .owl-prev:before, 
#slides-wide .sue-content-slider .owl-next:before {
	border-color: #fff;
	border-width: 6px;
	height: 25px;
	width: 25px;
}

#slides-wide .sue-content-slider .owl-prev:hover:before, 
#slides-wide .sue-content-slider .owl-next:hover:before {
	border-color: #333;
}

/* =========== 8. Promos Section ============ */

#promos-wide {

	/* 
	background: #e7f3dd;
	background: -moz-linear-gradient(top, #e7f3dd 0%, #b8e39e 100%); 
	background: -webkit-linear-gradient(top, #e7f3dd 0%,#b8e39e 100%); 
	background: linear-gradient(to bottom, #e7f3dd 0%,#b8e39e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f3dd', endColorstr='#b8e39e',GradientType=0 );
	border-bottom: 3px solid #99d283; 
	*/
	
/*	background: #fff; */
	margin-bottom: 50px;
}

/*  new */

.hp-promo-col {
  position: relative;
}

.promo-title {
    position: absolute;
    width: 100%;
    top: 25%;
}

.promo-title h4 {
	font-weight: 700;
	text-align: center;
}


.hp-promo-col h4, .hp-promo-col p {
}

.hp-promo-col {
	
  float: left;
  width: 12.28%;
  margin-right: 0.9%;
  margin-left: 0.9%;
  position: relative;	
}


.hp-promo-col:hover {
  background: #fff;
}


.hp-promo-col h4 {
	text-align: center;
	color: #A91D37; /* dk red */
	font-size: 1.4em;
}

.hp-promo-col img {
	width: 100%;
	height: auto;
}


#promos {
	padding-top: 10px;
	padding-bottom: 5px;
}

#promos .promo {
	background: #fff;
}

#promos a {
	text-decoration: none;
}

#promos h2,
#promos .promo h3 {
	width: 100%;
	text-align: center;
	color: #12528F; /* dk blue */
	padding-top: 15px;
	padding-bottom: 12px;
	font-weight: 500;
	margin: 0;
}

#promos .promo .ratio-box {
	overflow: hidden;
	height: 0;
	padding-bottom: 73%;
	background-size: cover;
	background-position: center;
}

#promos .promo .ratio-box.hover-image {
	display: none;
	visibility: hidden;
}

#promos a:hover .promo .ratio-box.hover-image {
	display: block;
	visibility: visible;
}

#promos a:hover .promo .ratio-box.main-image {
	display: none;
	visibility: hidden;
}

/* =========== 8.2 Autocentering Info Tiles ============ */

#autotiles h2 {
	text-align: center;
    font-size: 30px;
}

#autotiles .inner-text {
	text-align: center;
	font-size: 18px;
}

.autotile-wrapper {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}

.autotile {
	width: 250px;
	height: 250px;
/*	border: 10px solid #fff; */
/*	border-top: 5px solid #fff; */
	display: inline-block;
	margin: 10px;
	text-align: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.about-us .autotile {
	width: 500px;
	height: 350px;
/*	border: 10px solid #fff; */
/*	border-top: 5px solid #fff; */
	display: inline-block;
	margin: 10px;
	text-align: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

a .autotile:hover {
	opacity: 0.65;
}

.autotile h3 {
	color: #fff;
	top: 45%;
    transform: translateY(-50%);
    position: relative;
}

/* =========== 8.4 Autocentering TALL Info Tiles ============ */

#autotilestall h2 {
	text-align: center;
    font-size: 30px;
}

#autotilestall .inner-text {
	text-align: center;
	font-size: 18px;
}

.autotiletall-wrapper {
	width: 100%;
	position: relative;
	float: left;
	text-align: center;
}

.autotiletall {
	width: 250px;
	height: 400px;
/*	border: 10px solid #fff; */
/*	border-top: 5px solid #fff; */
	display: inline-block;
	margin: 10px;
	text-align: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.autotiletallbl {
	width: 250px;
	height: 400px;
/*	border: 10px solid #fff; */
/*	border-top: 5px solid #fff; */
	display: inline-flex;
	flex-direction: column;
	margin: 10px;
	text-align: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

a .autotiletall:hover {
	opacity: 0.65;
}

.autotiletallbl:hover {
	opacity: 0.65;
}

.autotiletallbl:hover .aitlblpos {
	opacity: 1;
}

.autotiletall h3, .autotiletallbl h3 {
	color: #fff;
	top: 45%;
    transform: translateY(-50%);
    position: relative;
}

.aitlblpos {
  transition: .5s ease;
  opacity: 0;
  position: relative;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  z-index: 999;
}

.aitlabel {
  background-color: #deb406;  /* gold */
  color: white;
  font-size: 18px;
  padding: 16px 32px;
}

.twocol  {
	padding: 10px;
}

.twocol img {
/*	width: 80%; */
	height: auto;
	margin: 15px auto;
} 

/* =========== X. Certifications Band =========== */

.certifications-row {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	display: block;
	float: left;
	position: relative;
}

.certification-item {
	padding: 10px;
	height: 150px;
	display: flex;
	justify-content: center;
	
}

.certification-item img {
	margin: auto;
	width: auto;
	height: 130px;
}

/* =========== 9. Interior Header =========== */

.subhdrint.container-wide img {
	width: 100%;
	left: 0;
	margin-left: 0;
	height: auto;
}

/* =========== 10. Navigation ============ */

#main-navigation {
	top: 86px;
	list-style: none;
	margin-right: 10%;
}

#main-navigation ul ul, #main-navigation ul ul ul {
    display: none;
	position:absolute;
	top:0;
	left:100%;
	list-style: none;
}

/*
#main-navigation ul ul li:hover > ul {
    display: block;
}
*/

#header #main-navigation li .sub {
	background: #135897;
	color: #FFF;
	top: 9px;
}

#header #main-navigation li .sub a:hover {
	background: #042053;
	color: #FFF;
}

#main-navigation ul ul li:hover > ul {
    display: block;
    position: absolute;
    top: 3em;
    left: 100%;
    z-index: 99999;
    width: 180px;
    background: #3d9450;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	list-style: none;
}
/*
#main-navigation ul ul li:hover > ul li {
    position: relative;
}
*/
#main-navigation li a {
	color: #646e78; 
	text-transform: uppercase
    padding-left: 12px;
    padding-right: 12px;
}

#main-navigation li a:hover {
	color: #1e73be;  
	list-style: none;
}
/* 2 */
#main-navigation li li a,#main-navigation li:hover li a {
    padding: 8px 10px;
    color: #FFF;
    font-size: 12px;
    line-height: normal;
	list-style: none;
}

/* 2: hover/persistence */
#main-navigation ul ul li:hover li a:hover,#main-navigation ul ul li:hover li a:focus,#main-navigation ul ul li:hover li:hover a {
    background: #3d9450;
	list-style: none;
}

/* 3 */
#main-navigation li:hover li:hover li a {
  padding: 8px 10px;
  position: relative;
  color: #FFF;
  font-size: 12px;
  line-height: normal;
  background: #3d9450;
	list-style: none;
}

/* 3: hover/persistence */
#main-navigation li:hover li:hover li a:hover, #main-navigation li:hover li:hover li a:focus, #main-navigation li:hover li:hover li:hover a {
    background: #3d9450;
	list-style: none;
}

/* 4 */
#main-navigation li:hover li:hover li:hover li a {
    position: relative;
    background: #3d9450;
	list-style: none;
}

/* 4: hover */
#main-navigation li:hover li:hover li:hover li a:hover,#main-navigation ul ul ul ul li:hover li:hover li:hover li a:focus {
    background: #222;
	list-style: none;
}

#main-navigation .nav-btn a {
	background: #3d9450;
	padding: 5px 15px 0;
}

#main-navigation .nav-btn a:hover {
	background: #99d283;
	color: #fff;
}

#main-navigation li .sub {
	background: #3d9450;
}

#main-navigation li .sub a:hover {
	background: #99d283;
}

#main-navigation li .sub a {
	padding-top: 9px;
	padding-bottom: 7px;
}

.paged-nav a,
.paged-nav .current {
	font-size: 16px;
	border-radius: 0;
	padding: 9px 10px 6px;
	margin: 0 2px;
	line-height: 1;
	border: none;
}

.paged-nav a {
	background: #40BCE2;
}

.paged-nav a:hover {
	background: #12528f;
}

.paged-nav .current {
	background: #fff;
}

#logo-box {
    width: 200px;
}

#logo-box img {
	max-height: 100px;
}

/* =========== 11. Page Content =========== */

#content-container {
	padding-bottom: 20px;
	background: none;
}

#content .col img {
    margin: 0;
}



/* =========== ACF - Reviews Section ============ */

#reviews-wide {
	background: url(images/IFI_absofc_bkgd.png) no-repeat top left;
}

#reviews {
	color: #3d9450;
	font-weight: normal;
	font-size: 18px;
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
}

#reviews h2 {
	text-align: center;
}

.review {
	background: url(images/quote.png) no-repeat top left;
	padding: 20px 20px 20px 30px;
	text-align: left;
}

.review .attribution {
	font-weight: bold;
	text-align: right;
	width: 100%;
	margin-top: 10px;
}

#reviews .btn {
	font-size: 26px;
}

#guides-wide {
    width: 100%;
    display: block;
    position: relative;
    color: #fff;
    
}

#guides-wide ul.guide-menu {
    display: block;
}

.guide-tabs {
    position: absolute;
    top: 30px;
    left: 0;
    display: block;
    z-index: 2;
}

#guides-wide .guide-menu li {
    margin-top: 8px;
    margin-bottom: 8px;
	font-size: 18px;
    line-height: 1.2;
    display: block;
	position: relative;
	float: left;
	clear: both;
	width: 275px;
	padding: 25px;
	
    border-right: 1px solid #a0bacc;
    background: #e1dede;
    background: -moz-linear-gradient(left, #e1dede 0%, #f2f3f3 33%);
    background: -webkit-linear-gradient(left, #e1dede 0%,#f2f3f3 33%);
    background: linear-gradient(to right, #e1dede 0%,#f2f3f3 33%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1dede', endColorstr='#f2f3f3',GradientType=1 );
    color: #01223d;
}

#guides-wide .guide-menu li img {
	float: left;
	display: block;
	margin-right: 20px;
}

#guides-wide .guide-menu li .guide-menu-text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 25px;
	padding-right: 25px;
}

#guides-wide .guide-menu li.guide-menu-active {
	color: #fff;
	background: #AB0834;
	border-right: 1px solid #871744;
	width: 275px;
	background-image: url(images/arrow.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

#guides-wide .guide-menu li.guide-menu-active:before {
	content: '';
	background-image: url(images/arrow.svg);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-slide {
	background-size: cover;
	background-position: center;
	height: 600px;
	position: relative;
	float: left;
	width: 100%;
}

#guides-wide .guide-slide:before {
	background: rgba(124, 112, 104, 1);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#guides-wide .guide-text {
	width: 65%;
	float: left;
	padding-left: 280px;
	background: rgba(4, 32, 83, .8);
	height: 600px;
	position: relative;
}

#guides-wide .guide-text-inner {
	padding: 20px 80px 20px 40px ;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 18px;
}

#guides-wide .guide-text-inner .btn {
	background: #333;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 13px 40px;
	font-size: 20px;
}

#guides-wide .guide-image {
	width: 35%;
	float: left;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center;
}

#guides-wide h2 {
    color: #fff;
	font-size: 40px;
    text-transform: uppercase;
	line-height: 1.3;
	margin: 0;
}

#guides-wide h4 {
	font-size: 18px;
	line-height: 1;
    color: #D0CDCC;
    text-transform: uppercase;
	margin: 0;
}

.guide-slide {
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.guide-slide.guide-slide-active {
	display: block;
	visibility: visible;
	pointer-events: auto;
}

#guides-wide .guide-text-inner .guide-btn {
	background: #015797;
	color: #fff;
}

/* =========== Home Page News =========== */

.post-container .thumbnail-container img {
    height: auto;
    max-height: 210px; /* was 100px */
    width: auto;
    display: inline-block;
    text-align: center;
    margin: auto;
    float: none;
      
    /* width: 100%;
	height: auto;*/
	
}

#news.container .post-container h3 {
    color: #fff;
	text-decoration: none;
	font-size: 1.3em;
}

#news.container .post-container h3:hover {
    color: #40BCE2;
	text-decoration: underline;
}

/* =========== ACF - Projects/Gallery =========== */

#projects .img-col,
.tpl_landing .img-col {
    height: 0;
    padding-top: 30%;
}

#projects .inner-text {
    padding: 6%;
}

#projects .inner-text .btn {
    text-align: center;
    margin: auto;
    display: block;
    width: 40%;
}

#projects h2 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #C12E12;
}

#gallery-band .col {
    position: relative;
}

.sue-content-slider.owl-carousel .owl-item img {
    width: 100% !important;
}

#gallery-band img {
    width: 100%;
    height: auto;
}

#gallery-band h3 {
    text-align: center;
    color: #444;
}

#gallery-band .inner-text {
    position: absolute;
    bottom: 0px;
    color: #fff;
    background: rgba(0,35,93, 0.65);
    padding: 10px 20px;
    width: 100%;
    font-weight: 700;
    line-height: 1.3;
}

#gallery-band-wide {
    padding-top: 3%;
    padding-bottom: 3%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e1e1+0,ffffff+100 */
    background: #e1e1e1; /* Old browsers */
    background: -moz-linear-gradient(left,  #e1e1e1 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #e1e1e1 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #e1e1e1 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

#gallery-band-wide .sue-content-slider-arrows-yes {
    padding-top: 0px;
}

#gallery-band-wide .sue-content-slider .owl-nav {
    width: 100%;
}

#gallery-band-wide .sue-content-slider .owl-prev:before, #gallery-band-wide .sue-content-slider .owl-next:before {
    width: 20px;
    height: 20px;
    left: 15px;
}

#gallery-band-wide .sue-content-slider .owl-prev:before {
    border-top: 6px solid #ccc;
    border-left: 6px solid #ccc;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#gallery-band-wide .sue-content-slider .owl-next:before {
    border-top: 6px solid #ccc;
    border-right: 6px solid #ccc;
    -webkit-transform: rotate(-45deg);
    transform: rotate(45deg);
}

#content .su-image-carousel {
    display: block;
    width: 100%;
    position: relative;
    clear: both;
}

#box-links {
    text-align: center;
    font-size: 18px;
}

#box-links .item-list {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}

#box-links .item-list .item {
    width: 30.333%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    display: inline-block;
    position: relative;
}

#box-links .item-list .item .item-inner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 260px;
    position: relative;
}

#box-links .item-list .item h3 {
    font-size: 28px;
    position: absolute;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    text-align: center;
    display: block;
    width: 100%;
}

#box-links .item-list .item .item-inner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 35, 93, .8);
}

#box-links .item-list .item:hover {
    opacity: .5;
}

.gallery-image {
    height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ZJ - not sure where these two came from */
#cta-bar-wide {
	text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
	background: #F3F3F3; 
}

#cta-bar {
    color: #FFF;
    font-weight: 300;
    font-size: 2.2em;
    line-height: 1.5;
}


#cta-wide {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #015797;
    background-blend-mode: multiply;
}

#cta {
    padding: 20px 40px;
}

#cta a h3 {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-size: 1.7em;
    font-weight: 700;
    float: left;
}

#cta .btn {
    display: inline-block;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    padding: 8px 16px;
    font-size: 1.3em;
    height: auto;
    line-height: 2;
} 

#cta .btn:hover {
    color: #A30F33;
    background: #fff;
}

#mcta-bar-wide {
	text-align: center;
	height: 75px;
/*    padding-top: 10px;
    padding-bottom: 10px; */
	background-color: #12528f; /* dk blue */
}

#mcta-bar {
    color: #FFF;
    font-weight: 300;
    font-size: 2.2em;
    line-height: 1.5;
}

.tpl_landing section.type-page {
    display: none;
    visibility: hidden;
}


#intro-wide {
    text-align: center;
    padding: 20px 40px;
    font-size: 1.25em;
}

#intro .inner-text {
	padding: 10px 5%;
	margin: 10px auto;
}

.employee-roundup {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    text-align: left;
}

.employee-box {
    width: 21.3%;
    float: left;
    display: inline-block;
    margin: 15px 1.25% 20px;
    padding: 10px 10px;
}

.employee-box img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.employee-name {
	color: #FFF;
}

.job-title {
	color: #FFF;
}

.employee-deets {
	width:100%;
	height:100px;
	background: #1c2b59;
	color: #FFF;
	padding-left:10px;
	padding-top:10px;
	margin-top: -16px
}

#testimonials {
    padding-left: 0px;
    padding-right: 0px;
}

.testimonial-grid {
    padding: 2% 4%;
    background-repeat: no-repeat;
    background-size: cover;
}

.testimonial-grid h3 {
    color: #1c2b59;
    margin-top: 25px;
    font-size: 36px;
    text-align: center;
}

.testimonial-grid .c3-4 {
    padding-right: 15px;
}

.testimonial-body {
    font-size: 20px;
    font-weight: 700;
    color: #555;
}

.testimonial-body .attribution {
    font-weight: 400;
}

/* ======= Flickety Slider ======= */

.su-image-carousel-slides-style-default.client-sliders .su-image-carousel-item-content {
    margin: 10px;
}

/* =========== ACF - News Section ============ */

#news-wide {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
}

#news h2 {
    margin-top: 0;
    padding-top: 0.5em;
    text-align: center;
}

#news .post-container {
    width: 31.3333333333%;
    height: 250px;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    overflow: hidden;
    position: relative;
	background: #333;
	color: #fff;
	border-radius: 15px;
	padding: 20px;
}

/* #news .post-container h3 {
    position: absolute;
    bottom: 0;
    min-height: 65px;
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    color: #3d9450;
    font-size: 1.16em;
    font-weight: 600;
	background: #9eda84; 
	background: -moz-linear-gradient(top, #9eda84 0%, #76bc4a 100%);
	background: -webkit-linear-gradient(top, #9eda84 0%,#76bc4a 100%); 
	background: linear-gradient(to bottom, #9eda84 0%,#76bc4a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9eda84', endColorstr='#76bc4a',GradientType=0 );
}

#news .post-container h3:hover {
    background: #3d9450;
    color: #9deb74;
}  */

#news #news-btn {
    float: left;
    width: 100%;
}

#news a.news-btn {
    text-align: center;
    background: #3d9450;
    color: #fff;
    font-size: 1.8em;
    border: none;
    float: none;
    display: block;
    padding: 10px 25px;
    margin: 20px auto 1px;
    width: 30%;
}

#news .news-btn:hover {background: #99d283;}


/* =========== 12. Sidebar =========== */

#sidebar .widget-title,
#sidebar .widget-title a {
	color: #12528f;
	border-color: #308DD9;
}

#sidebar .widget-container ul li a {
	padding-bottom: .7em;
	color: #40BCE2;
	font-weight: 500;
	font-size: 16px;
	border-bottom: 1px solid #CFEEF8;
}

#sidebar .widget-container ul li a:hover {
	color: #fff;
	background: #A0DEF1;
}

.custom-html-widget {
	background: #fff;
	padding: 15px;
	font-size: 16px;
	line-height: 1.4;
	border-bottom: 1px solid #98C6EC;
}

.custom-html-widget h3 {
	margin-top: 2px;
}

#sidebar .custom-html-widget .btn {
	font-size: 16px;
	margin: 8px 0;
	padding: 10px 15px 7px;
}


/* =========== 13.5  Prefooter ======== */


#prefooter-wide {
	background: #222533; 
	
	/*
	background: -moz-linear-gradient(top, #4aa433 0%, #78be42 100%);
	background: -webkit-linear-gradient(top, #4aa433 0%,#78be42 100%); 
	background: linear-gradient(to bottom, #4aa433 0%,#78be42 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa433', endColorstr='#78be42',GradientType=0 );
	*/
	
    color: #fff;
}

#prefooter .widget-title {
	color: #fff;
}


#prefooter .textwidget img {
	width: 158px;
	text-align: left;
	margin-left: 0;
}

#prefooter a {
	color: #FFF;
}


/* =========== 14. Footer ============ */

#footer-wide {
	background: #222533; 
	
	/*
	background: -moz-linear-gradient(top, #4aa433 0%, #78be42 100%);
	background: -webkit-linear-gradient(top, #4aa433 0%,#78be42 100%); 
	background: linear-gradient(to bottom, #4aa433 0%,#78be42 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aa433', endColorstr='#78be42',GradientType=0 );
	*/
	
    color: #fff;
}

#footer {
	font-weight: 400;
}

#footer h3 {
	color: #fff;
	font-size: 24px;
}

#footer h4 {
	color: #fff;
	font-size: 18px;
	text-align: left;
}

#footer img.footer-logo {
    display: block;
    clear: both;
	position: relative;
}

#footer .footer-row {
	width: 100%;
	float: left;
	position: relative;
	clear: both;
}

#footer .c1-3,
#footer .c1-4 {
	text-align: left;
	padding-top: 20px;
}



#footer .menu {
	width: 100%;
	clear: both;
	display: block;
	float: left;
	text-align: center;
	margin-bottom: 15px;
}

#footer a {
	color: #fff;
	padding-left: 0px;
	padding-right: 0px;
}

#footer .col a {
	display: block;
	float: left;
	width: 100%;
	margin: 3px auto;
}

#footer ul li {
	display: inline-block;
}

#footer .ifi-copyright {
	margin-top: 15px;
	font-size: 16px;
	color: #D8F2FF;
}

/* =========== 15.b Woocommerce =========== */

.wc-tabs-wrapper {
	display: block;
    position: relative;
    padding: 0;
    margin: 0;
    clear: both;
    float: none;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    margin-right: -50vw;
    right: 50%;
    background-position: center;
    padding-top: 20px;
    padding-bottom: 20px;
	background: #135897;
	color: #fff;
}

.wc-tabs-wrapper h2,
.wc-tabs-wrapper a {
	color: #fff;
}

.wc-tabs-wrapper hr {
	color: #C9E4FA;
}

body .woocommerce div.product .woocommerce-tabs ul.tabs,
body .woocommerce .wc-tabs-wrapper .wc-tabs {
	padding: 20px 10% 0px;
}

body .woocommerce div.product .woocommerce-tabs .panel {
    display: block;
    position: relative;
    margin: 0 auto;
    clear: both;
    float: none;
    width: 100%;
    padding: 20px 10%;
    overflow: hidden;
	color: #fff;
}

.woocommerce .product_meta {
	font-weight: 700;
}

/* Disabling until templating can remove commas in array 
 * 
 * .woocommerce .product_meta a {
	display: inline-block;
	background: #145897;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	padding: 3px 6px;
	margin: 2px 4px;
} */

.woocommerce .price {
	font-size: 1.1em;
	color: #135897;
	font-weight: bold;
	
}

/* -- start selective product display overrides TB -- */
/* -- fixes the inconsistencies in existing prod descriptions TB 10/18/24 -- */
.woocommerce-Tabs-panel h3, .woocommerce-Tabs-panel h4 {
	color: #FFF;
	font-weight: 400;
	font-size: 20px;
	font-family: "Open Sans";
}

/* -- controls the column heading text color in checkout - reversing the above fix - TB 10/30/24 -- */
.woocommerce-billing-fields h3, 
.woocommerce-billing-fields h4, 
.woocommerce-shipping-fields h3, 
.woocommerce-shipping-fields h4,
.woocommerce-checkout h3,
.woocommerce-checkout h4 {
	color: #a91d37;
}

/* -- center aligns the category titles on shop page TB 11/1/24 -- */
.woocommerce-loop-category__title {
	text-align: center;
}

/* narrows the product description panel to less than 100% */
.woocommerce div.product .woocommerce-tabs .panel {
    width: 80% !important;
}

/* adjusts the main product display to a 33/66 split */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 33% !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 66% !important;
    clear: none;
}

/* shrinks the thumbnail for the cart, but leaves it alone for related products and catalog images */
.woocommerce .woocommerce-cart-form img, .woocommerce-page .woocommerce-cart-form img {
    height: auto;
    max-width: 20%;
}

/* hides the pesky paypal payments notice that wont turn off otherwise */
.woocommerce #content div.product div.summary .ppcp-messages, 
#content .ppcp-messages,
.woocommerce div.product div.summary .ppcp-messages, 
.woocommerce-page #content div.product div.summary .ppcp-messages, 
.woocommerce-page div.product div.summary .ppcp-messages {
    width: 100%;
    height: 0;
    display: none !important;
}

/* hides the main image link to lightbox */
body.archive .woocommerce-loop-product__link {
    pointer-events: none; 
    cursor: default;
}
/* -- end selective product display overrides TB -- */

.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
}

.woocommerce div.product div.images .flex-control-thumbs li img,
.woocommerce div.product div.images .flex-control-thumbs li img:hover,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
	padding: 10px;
}

.container .woocommerce div.product div.images .flex-control-thumbs li {
	margin: 5px;
	border: 2px solid #DCD8E3;
}

.container .woocommerce div.product div.images .flex-control-thumbs li:before {
	content: '';
	background: none;
	border: none;
}

.woocommerce-loop-product__title {
	font-weight: 700;
}

.product_meta .sku_wrapper,
.product_meta .posted_in,
.product_meta .tagged_as {
	display: block;
	margin-bottom: 10px;
}

/* ========= Removes Fancy Bullets in Shipping & Order Detail, Success/Error/Info Messages & YITH Wishlist ========= */

.woocommerce .shipping ul li {
	background-image: none !important;
}

.woocommerce .woocommerce-order ul li {
	background-image: none !important;
}

.woocommerce .myaccount-menu ul li, 
.woocommerce .woocommerce-MyAccount-navigation ul li  {
	background-image: none !important;
    background: none !important;
}

.woocommerce .woocommerce-message ul li,
.woocommerce .woocommerce-error ul li, 
.woocommerce .woocommerce-info ul li {
	background-image: none !important;
}

.woocommerce ul li:before {
    content: '';
    padding: 0;
    display: none;
    visibility: hidden;
}

.entry-content .yith-wcwl-share ul li, .yith-wcwl-share ul li {
    background-image: none !important;
}

/* ======== Job Board Bullet fix - MS ======== */

.wpjb .wpjb-text ol li, .wpjb .wpjb-text ul li, .wpjb .entry ul li
{
	list-style-type: disc;
	background: none !important;
	background-image: none !important;
}

.wpjb .wpjb-text strong, 
.wpjb .wpjb-text b {
	font-weight: bold;
}

/* =========== 16. Forms ============ */

input.btn {border:none !important;margin:0;}
.btn:hover {background-color:#2E6E8F;cursor:pointer;}
.btn-bar {display:block;margin:10px;background:#12528F;border-radius:7px;vertical-align:middle;}
.btn-bar-left {border-top-right-radius:0;border-bottom-right-radius:0;margin-left:1px;}
.btn-bar-center {border-radius:0;margin:0;margin-left:1px;}
.btn-bar-right {border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;}

.ifi-form fieldset {
	/* border: 1px solid #ccc; */
	margin-bottom: 10px;
/*	padding: 0px 2px 0px 5px; */
}
.ifi-form legend,
.servicetrade-inputcontainer label {
	color: #0a3472;
	font-size: 16px;
	font-weight: 500;
}

/* .ifi-form span.wpcf7-list-item { display: block; } */

.ifi-form form.wpcf7-form input[type=submit], .gform_wrapper.gravity-theme input[type=submit] {
    color:#fff; 
    padding: 7px 25px; 
    border: 0; 
    border-radius: 4px; 
    background: #0a3472; 
    cursor: pointer; 
    font-size: 16px;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
    box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25);
	border: 2px solid #2c3e50;
	text-transform: uppercase;
	font-weight: bold;
    padding: 9px 15px 9px;align-content
}

.ifi-form form.wpcf7-form input[type=submit]:hover, .gform_wrapper.gravity-theme input[type=submit]:hover {
	color:#fff; border: 0; background: #2e6e8f;
}

.ifi-form .gform_wrapper.gravity-theme .ginput_complex input, .gform_wrapper.gravity-theme .ginput_complex select {
    width: 95%;
}

.wpcf7-form-control {
  padding: 9px 8px 9px 11px !important;	
  background: #fff;
/*  border: 1px solid #aaa; */
}

.ifi-form {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 0;
    float: left;
}

.ifi-form .form-row {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    clear: both;
    margin-bottom: 15px;
}

.ifi-form .fr-full-width {
    margin-bottom: 5px;
}

.ifi-form .fr-full-width,
.ifi-form .fr-full-width label {
    width: 98%;
    float: left;
    position: relative;
    display: block;
}

.ifi-form .form-row label,
.ifi-form .form-row input,
.servicetrade-inputcontainer label,
.servicetrade-inputcontainer input[type=text]{
    display: block;
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    position: relative;
    clear: none;
}

.ifi-form label,
.ifi-form input {
    margin-left: 1%;
    margin-right: 1%;
}

.ifi-form .fr-full-width label > span textarea {
    width: 100%;
    margin: 10px auto;
    float: none;
    display: block;
}

.textarea-wrap {
    margin-left: 1%;
    margin-right: 1%;
}

.ifi-form .fr-full-width label > textarea {
    margin-left: 1%;
    margin-right: 1%;
}

.wpcf7-form-control-wrap {
    position: relative;
}

/* .amc-form form.wpcf7-form textarea {
    width: 98% !important;
} */

.ifi-form form.wpcf7-form input[type=text], 
.ifi-form form.wpcf7-form input[type=password], 
.ifi-form form.wpcf7-form input[type=email], 
.ifi-form form.wpcf7-form input[type=url], 
.ifi-form form.wpcf7-form input[type=tel], 
.ifi-form form.wpcf7-form input[type=number],
.ifi-form form.wpcf7-form input[type=date],
.ifi-form form.wpcf7-form select.wpcf7-form-control.wpcf7-select,
.ifi-form form.wpcf7-form textarea,
.servicetrade-inputcontainer input[type=text],
.servicetrade-inputcontainer input[type=password],
.servicetrade-field-email input[type=text],
.servicetrade-field-password input[type=password]{
    width: 100%;
    color: #244367; 
	border: 1px solid #1a97bb; 
	border-radius: 4px;
	line-height: 1.25;
	font-size: 18px; 
	font-weight: normal !important; 
	padding: 6px; 
	margin: 6px 0;
}

ul.servicetrade-form-links li {
	list-style: none !important;
	background: transparent url("https://armockmech.wpenginepowered.com/wp-content/themes/Armock%202025/images/nobullet-li.svg") no-repeat left 3px
}

#wpcf7-f8-p6635-o1 select.wpcf7-form-control.wpcf7-select option {
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.75);
}

.contact select,
.contact textarea {
    width: 100%;
}

.ifi-form form.wpcf7-form input[type=submit],
.gform_wrapper.gravity-theme input[type=submit],
.servicetrade-form-actions button[type=submit] {
    font-size: 26px;
    font-weight: 500;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
}

form.wpcf7-form input[type=submit] {
    background: #084a7e;
    -webkit-appearance: none;
}

/* ================== Mobile ==================== */

@media screen and (max-width: 1540px) {

		#slides-wide .full-width {
		height: 700px !important;
	}
}

@media screen and (max-width: 1340px) {
	
		#slides-wide .full-width {
		height: 600px;
	}

    /* #cta .btn {
        float: none;
        margin-left: 16%;
        margin-bottom: 0px;
        width: 25%;
        position: relative;
        text-align: center;
    } */

}

@media screen and (max-width: 1260px) {
		
	#slides-wide .full-width {
		height: 500px !important;
	}
	
	#guides-wide .guide-text {
        width: 100%;
    }
    
    #guides-wide .guide-image {
        width: 0%;
    }
	
	#news .post-container h3 {
		position: relative;
		bottom: unset;
		text-align: center;
	}
	.employee-box {
        width: 30%;
        float: left;
        display: inline-block;
        margin: 5px 1.5% 10px;
        padding: 10px 20px;
        min-height: 960px;
    }
}

@media screen and (max-width: 960px) {
	html, body, .container {
		width: 100%;
		min-width: 200px;
	}
	.employee-box {
        width: 44%;
        float: left;
        display: inline-block;
        margin: 5px 1.5% 10px;
        padding: 10px 20px;
        min-height: 751px;
    }
	
}

@media screen and (max-width: 900px) {
	
	#slides-wide .full-width {
		height: 450px !important;
	}
	
    .slide {
        height: auto;
        background-size: 600px;
        background-repeat: no-repeat;
        background-position: center top;
        position: relative;
        padding-top: 50%;
    }
    
    .slide .slide-text-area {
        position: relative;
        text-align: center;
        top: -4px;
        transform: unset;
        left: 0px;
        width: 100%;
        float: left;
        background: #653768;
    }
    
    #slides-wide .sue-content-slider .slide-wide {
        height: 500px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        float: left;
        position: relative;
    }
    
    /* new */ 

    #slides-wide .full-width {
        position: relative;
        width: 100%;
        float: right;
        clear: both;
        height: 320px;
        margin-left: 25px;
    }

    #slides-wide .slide-caption {
        width: 100%;
        bottom: 1px;
        text-align: center;
        font-weight: normal;
        padding: 10px 40px;
        position: relative;
        float: left;
/*        background: #042053; eliminated for larger home pg hero */
        clear: both;

    }
	
	.slide-content {
	padding: 5% 10% 40px; /* was 60px 10% 20px */
	font-size: 16px;
	font-weight: 700;
	}

	#landing-title-wide {
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
    	padding: 175px 100px;
		height: 300px;
	}
}

@media screen and (max-width: 1260px) and (min-width: 751px) {
	
	#logo-box {
		width: 100%;
		float: left;
	}
	
	#header #main-navigation {
		width: 100%;
		top: 0px;
		right: unset;
		left: unset;
		margin: auto;
		float: left;
	}
	
	#main-navigation li a {
		font-size: 1.379vw;
	}
	
	#top-logo {
		float: none;
	}
	
	#logo-box img {
		max-height: 100px;
		text-align: center;
		margin: 10px auto;
		float: none;
	}
	
	#header #main-navigation ul {
		text-align: center;
	}
	
}

@media screen and (max-width: 750px) {
    html, body, .container {
        width: 100%;
    }
	
	.woocommerce #content div.product div.images, 
	.woocommerce div.product div.images, 
	.woocommerce-page #content div.product div.images, 
	.woocommerce-page div.product div.images {
    float: left;
    width: 80% !important;
}
	/* adjusts the main product display to a 50/50 split in < 750 pxl width */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 50% !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 50% !important;
    clear: none;
}
	
	#mobile-navigation {
		display: block;
		visibility: visible;
	}
	
	/* #mobile-navigation * {
		display: none;
		visibility: hidden;
	} */
    
    .desktop {
        display: none;
        visibility: hidden;
    }
    
    .mobile {
        display: block;
        visibility: visible;
    }
    
    .action-btn.btn, .social-links {
        margin-right: 15px;
    }
    
    .hp-promo-col {
        width: 48%;
		padding: 10px;
        height: auto;
        min-height: unset;
	}
    
    .hp-promo-col h4 {
        margin-top: 0px;
    }
    
    .hp-promo-col p {
        display: block;
        float: left;
        margin-bottom: 35px;
    }
    
    .hp-promo-col .btn-row {
        position: relative;
        display: block;
        text-align: center;
        left: unset;
        margin-top: 15px;
    }

	#header-small.container {
		padding-left: 0px;
		padding-right: 0px;
	}
    
    #header-small .social-links {
        float: right;
        display: block;
        position: relative;
        clear: both;
    }
	
	#slides-wide .slide-caption .inner-text {
		text-align: center;
	}
	
	.slide-content {
	padding: 5% 10% 40px; /* was 60px 10% 20px */
	font-size: 14px;
	font-weight: 700;
}
	
	#landing-title-wide {
    	background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
    	padding: 75px 50px;
		height: 100px;
	}
    

 /* Color Controls */
    
	#mobile-navigation > ul > li > .dcjq-parent {
		background: #AAA;
	}

	#mobile-navigation > ul > li > .dcjq-parent.active {
		background: #888;
	}

	#mobile-navigation .sub-menu {
		background: #666;
		border-bottom: 4px solid #888;
		-webkit-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
		box-shadow: inset 0px 0px 14px 0px rgba(0,0,0,0.15);
	}

	#mobile-navigation .sub-menu .sub-menu {
		background: #444;
		border-bottom: 2px solid #888;
	}

	#mobile-navigation .sub-menu .sub-menu .sub-menu {
		background: #222;
		border-bottom: 2px solid #666;
	}
    
    .employee-box {
        width: 100%;
        float: left;
        display: inline-block;
        margin: 5px 1.5% 10px;
        padding: 10px 20px;
        min-height: 360px;
    }
	
	#guides-wide ul.guide-menu {
		width: 100%;
		float: left;
		position: relative;
	}
	
	#guides-wide .guide-menu li {
		width: 50%;
		clear: none;
		margin: 0;
	}
	
	#guides-wide .guide-menu li.guide-menu-active:before {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li img {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu li.guide-menu-active {
		width: 50%;
		margin: 0;
		background-image: none;
		padding-left: 0;
		background: #AB0834;
		border-left: 5px solid #852B53;
	}
	
	#guides-wide .guide-menu li,
	#guides-wide .guide-menu li.guide-menu-active {
		padding: 10px 15px;
		height: 60px;
	}
	
	#guides-wide .guide-menu li:first-child,
	#guides-wide .guide-menu li:nth-child(2) {
		border-bottom: 1px solid #ccc;
	}
	
	#guides-wide .guide-menu li:nth-child(2),
	#guides-wide .guide-menu li:nth-child(4) {

	}
	
	.guide-tabs {
		top: 0;
		position: relative;
		float: left;
		width: 100%;
	}
	
	#guides-wide {
		float: left;
	}
	
	#guides-wide .guide-menu li .guide-menu-text {
		padding: 0;
		top: 50%;
		float: left;
		font-size: 15px;
		width: auto;
	}
	
	#guides-wide .guide-slide {
		height: auto;
	}
	
	#guides-wide .guide-text {
		width: 100%;
		padding: 40px 25px 30px;
		height: auto;
	}
	
	#guides-wide .guide-image {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-text-inner {
		transform: translate(0,0);
		top: 0;
		position: relative;
		width: 100%;
		padding: 0;
		font-size: 16px;
	}
	
	#guides-wide .guide-slide {
		display: none;
		visibility: hidden;
		opacity: 1;
		top: 0;
		position: relative;
		transition: none;
	}
	
	#guides-wide .guide-slide.guide-slide-active {
		display: block;
		visibility: visible;
	}
	
	#guide-menu li.guide-menu-item.guide-menu-active:hover {
		background-image: none;
	}
	
	#guides-wide .guide-slides {
		height: auto;
		float: left;
		position: relative;
	}
	
	#news .post-container {
		width: 98%;	
		height: auto;
	}

}