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


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


================ 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: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #555;
	background: #fff;
}

body {
	background-image: url('images/BCC_logo_greytilt.png');
	background-size: 50%;
	background-position: center 400px;
	background-repeat: no-repeat;
}

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

.searchbox button {
	background: none;
	
}

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

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

.desktop {
	display: block;
	visibility: visible;
}

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

@media screen and (max-width: 750px) {
	.mobile {
		display: block;
		visibility: visible;
	}

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

h1,
h2,
h3,
h4,
h5 {
	color: #0a3472;
	font-weight: 400;
	font-size: 36px;
	font-family: "Montserrat", open-sans;
}


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;
}

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;
}


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

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

	color: #2c3e50;
	background: white;
	border-radius: 0;
	box-shadow: none;
	
	border: 2px solid #2c3e50;
	
	text-transform: uppercase;
	font-weight: bold;
	
    padding: 9px 15px 9px;
    display: inline-block;
    vertical-align: middle;
    /* max-height: 40px; ZJ disabled - why is this here? */

   font-family: "Montserrat";

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


/* correct hover color now in forced CSS */

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

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


#main-navigation .ifi-social-facebook:before {
	font-family: FontAwesome;
	color: #fff;
}

.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;
}

.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;
}

.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;}

/* =========== 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;
}

@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 {
	background: #1A191F;
	color: #fff;
	height: 100px;
	position: relative;
	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: 1;
}

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

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

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

.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: #808A9D;
	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;
}

#landing-title-wide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.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;
}

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

#home-content .post-title {
	color: #373446;
	font-weight: 700;
    font-size: 36px;
    line-height: 1.5;
	margin-top: 50px;
	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: 1900px;
    height: 500px;
    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: 640px;
	background-position: center center;
    /* background-size: 100%;  Find browser size where 100% is not cutting off */
	background-size: cover;
    background-repeat: no-repeat;
}

#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: 640px;
	margin-left: 25px;
}

#slides-wide .slide-caption {
    width: 100%;
/*	bottom: 1px; */
	text-align: center;
	font-weight: normal;
	padding: 5px 6%;
	position: absolute;
/*	bottom: 0px;  why are there two in here? */
	top: 540px;
	height: 100px;
	background: #A61415;
	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: #A61415;
	font-size: 26px !important;
	background: #FFF;
	font-weight: bold;
	clear: both;
	text-shadow: none !important;
	padding: 10px 20px;
	max-height: 100px;
}

.slide-content h3,
.slide-content {
	text-align: center;
	color: #fff;	
	text-shadow: 0px 0px 8px #024AAC;
	padding: 20px 10%;
	font-size: 36px;
	font-weight: 700;
}

.slide-content h3 {
	font-size: 48px;
	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;
	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;
	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.x Autocentering Info Tiles ============ */

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

#autotiles .inner-text {
	text-align: center;
	font-weight: 800;
	text-shadow: 0px 0px 8px #024AAC;
	font-size: 18px;
}

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

.autotile {
	width: 275px;
	height: 275px;
/*	border: 10px solid #fff; off for transparency */
/*	border-top: 5px solid #fff; */
	display: inline-block;
	margin: 10px; /* adds transparent space betw tiles */
	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;
/*  font-family: "Roboto", sans-serif; */
    font-weight: 600;
    text-shadow: 3px 3px #333;
}

.twocol  {
	padding: 10px;
}

.twocol img {
	width: 100%;
	height: auto;
	margin: 15px auto;
} 

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

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

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

#main-navigation {
	top: 48px;
	list-style: none;
	padding-right: 100px;
}

#main-navigation li a {
	/* color: #646e78; */
	color: #FFFEFF;
	text-transform: uppercase;
	font-weight: 700;
    padding-left: 12px;
    padding-right: 12px;
}

#main-navigation li a:hover {
	color: #FFF;
	list-style: none;
}

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

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

#main-navigation li .sub {
	background: #9F000F;
}

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

#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;
	height: 100px;
	overflow: hidden;
	position: absolute;
}

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

#logo-box img {
    max-height: 150px;
    position: absolute;
    top: -30px;
    left: 0px;
}

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

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

#content .col img {
    margin: 0;
}



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

#reviews-wide {
	background: url(/wp-content/uploads/2018/04/Fitz_Rvw_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: #363543;
	background: #272431;
    
}

#guides-wide .guide-tab {
	width: 100%;
	position: relative;
	background: #272431;
	float: left;
	display: block;
}

#guides-wide ul.guide-menu {
    display: block;
    position: relative;
    width: 1440px;
    margin: auto;
}

.guide-tabs {
    position: relative;
    display: block;
    z-index: 2;
}

#guides-wide .guide-menu li {
    margin-top: 8px;
    margin-bottom: 8px;
	font-size: 18px;
    line-height: 1.2;
    display: inline-block;
	position: relative;
    float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
    color: #01223d;
}

/* ZJ - Doing Responsive here because the code is kinda touchy */
@media screen and (max-width: 1440px) {
	
	#guides-wide .guide-menu li {
		width: 12.5vw;
		height: 8.33vw;
	}
	
	#guides-wide ul.guide-menu {
		width: 100%;
	}
	
}

@media screen and (max-width: 1440px) and (min-width: 751px) {
	#guides-wide h2 {
		font-size: 2.78vw !important;
	}
	
	#guides-wide, #guides-wide h4 {
		font-size: 1.25vw !important;
	}
	
	#guides-wide .btn {
		font-size: 1.39vw !important;
	}
	
}

#guides-wide .guide-menu img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center left;
}


#guides-wide .guide-menu-item.guide-menu-active img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center right !important;
}

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

#guides-wide .guide-slide {
	background-size: cover;
	background-position: center;
	height: 500px;
	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: 50%;
	float: right;
	background: #E2E1EB;
	height: 500px;
	position: relative;
}

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

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

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

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

#guides-wide h4 {
	font-size: 18px;
	line-height: 1;
    color: #C10102;
    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 {
	width: 100%;
	height: auto;
	
}

#news.container .post-container h3 {
	background: #E1FFEF;
    color: #0259A0;
	font-size: 1.3em;
}

#news.container .post-container h3:hover {
	background: #E1FFEF;
    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: #D6D6D6; /* #2B3547; */
}

#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 {
    float: right;
    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;
}

.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: 30.3%;
    float: left;
    display: inline-block;
    margin: 15px 1.5% 20px;
    padding: 10px 20px;
}

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

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

#news-wide {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #DEFFED 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#DEFFED 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#DEFFED 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DEFFED',GradientType=0 );
}

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

#news .post-container {
    width: 31.3333333333%;
    height: 300px;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    overflow: hidden;
    position: relative;
}

#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;
}


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

#footer-wide {
	background: #1A191F; /* was #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 {
	width: 65%;
	height: auto;
	padding: 0px 20px;
    display: block;
    clear: both;
	position: relative;
}

#footer .affiliate-logo {
	padding: 10px;
	width: auto;
	height: 100%;
}

#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: "Montserrat";
}

/* -- 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;
}


/* =========== 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 {
	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 {
    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 {
    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;
}

#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] {
    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: 1340px) {

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

}

@media screen and (max-width: 1260px) {
	#guides-wide .guide-text {
        width: 50%;
    }
    
    #guides-wide .guide-image {
        width: 0%;
    }
	
	#news .post-container h3 {
		position: relative;
		bottom: unset;
		text-align: center;
	}
}

@media screen and (max-width: 960px) {
	html, body, .container {
		width: 100%;
		min-width: 200px;
	}
	
}

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

	#mobile-navigation {
		top: 48px;
		list-style: none;
/*		padding-right: 50px; */
}
	
	#slides-wide .full-width {
		height: 500px;
	}
	
    .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;
        clear: both;

    }
}

@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: right;
		padding-right: 10px;
        top: 48px;
	}
	
	#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%;
    }
	
	#logo-box img {
		position: relative;
		top: -40px;
	}
	
	.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;
		top: 14px;
/*		padding-right: 50px; */
		z-index: 999;
	}
	
	/* #mobile-navigation * {
		display: none;
		visibility: hidden;
	} */
    
    .desktop {
        display: none;
        visibility: hidden;
    }
    
    .mobile {
		background: #1A191F;
        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;
	}
    

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

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

	#mobile-navigation .sub-menu {
		background: #8B1011;
		border-bottom: 4px solid #991213;
		-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: #7E0E0E;
		border-bottom: 2px solid #991213;
	}

	#mobile-navigation .sub-menu .sub-menu .sub-menu {
		background: #700C0C;
		border-bottom: 2px solid #8B1011;
	}
    
    .employee-box {
        width: 44%;
        float: left;
        display: inline-block;
        margin: 5px 1.5% 10px;
        padding: 10px 20px;
        min-height: 360px;
    }
	
	#guides-wide ul.guide-menu {
		width: 520px;
		float: none;
		margin: auto;
		position: relative;
		padding: 2.5% 0px;
	}
	
	#guides-wide .guide-menu li {
		width: 110px;
		height: 75px;
		clear: none;
		margin: 0;
	}
	
	#guides-wide .guide-menu li.guide-menu-active:before {
		display: none;
		visibility: hidden;
	}
	
	#guides-wide .guide-menu img {
		width: 100% !important;
		height: 100% !important;
		transition: none !important;
	}
	
	.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 {
		background-position-y: -200px;
		padding-top: 200px;
		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;
	}
	
	#footer img.footer-logo {
		width: 30%;
		height: auto;
	}
	
	#footer .info-box {
		width: 49%;
		float: left;
		position: relative;
		clear: none;
	}
	
	#footer .col.c1-4 .col.c1-2 {
		width: 49%;
		float: left;
		position: relative;
		clear: none;
	}
	
	#footer .affiliate-logo {
		padding: 30px;
		float: left;
		position: relative;
	}

}