@charset "utf-8";
/*
Theme Name: Backwoods Energy Services
Text Domain: backwoods-energy-services
Theme URI: https://backwoodsenery.ca
Description: Backwoods Energy Services is a preeminent contracting company that provides services to the oil, gas and forestry industries in Alberta and British Columbia.
Version: 1.0
Author: Build Studio Inc.
Author URI: https://buildstudio.ca
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, blog
/*


/* Table of Content
==================================================
	#Basic Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Main Navigation
	#Site Styles
	#Media Queries
	#Wordpress Core
	#Misc */


/* #Basic Styles
================================================== */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	background: #fff;
	font: 18px/26px "Lato", Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #414042;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	color: #3e403f;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: 400; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; text-decoration: none; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; text-transform: uppercase;}
h2 { font-size: 28px; line-height: 32px; margin-bottom: 10px; text-transform: uppercase; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; }

/* #Links
================================================== */

a, a:visited { color: #414042; text-decoration: underline; outline: 0; transition: all 0.5s ease; }
a:hover, a:focus { color: #c1c1c1; }
p a, p a:visited { line-height: inherit; }

/* #Lists
================================================== */

ul, ol { }
ul { margin-left: 40px; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 40px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {  }
ul ul li, ul ol li, ol ol li, ol ul li { }
li { }
ul.large li {  }
li p {  }

/* #Images
================================================== */

img { max-width: 100%; height: auto; }


/* #Buttons
================================================== */

input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #333; /* Old browsers */
	border: none;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 20px;
	line-height: normal;
	padding: 10px 20px;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #f1f1f1;
	background: #000; /* Old browsers */
}
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	border: 1px solid #666;
	background: #ccc; /* Old browsers */
}
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.button-orange { color: #fff !important; padding: 15px 30px; text-decoration: none; text-transform: uppercase; border: 3px solid #C87E3B; display: inline-block; margin-top: 10px; font-size: 24px; }
.button-orange:hover { border: 3px solid #fff; }

a.button-solid { color: #fff !important; padding: 15px 30px; text-decoration: none; text-transform: uppercase; border: 3px solid #fff; display: inline-block; margin-top: 10px; font-size: 24px; background-color: #C87E3B; }
a.button-solid:hover { border: 3px solid #C87E3B; color: #C87E3B !important; background-color: #fff; }

.button-map:after { content: ''; background-image: url('images/pin.png'); background-size: 25px; background-position: center; padding: 20px; background-repeat: no-repeat; }

/* #Forms
================================================== */

form {

}
fieldset {

}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea,
select {
	border: 1px solid #C87E3B;
	min-height: 34px;
}
select {
padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus {

}
textarea {
	min-height: 60px;
	border: 1px solid #C87E3B;
}
label,
legend {

}
select {
	width: 220px;
}
input[type="checkbox"] {

}
label span,
legend span {

}


/* #Main Navigation
================================================== */

.navigation { border: none; border: 0px; margin: 0px; font-size: 18px; font-weight: 400; width: auto; text-transform: uppercase; float: right; overflow: hidden; padding: 40px 20px 40px 0; }
.navigation ul { list-style: none; margin: 0; padding: 0; }
.navigation li { float: left; padding: 0px 15px; list-style: none; }
.navigation li a { display: block; line-height: 40px; margin: 0px; text-align: center; text-decoration: none; box-sizing: border-box; }
.navigation li.nav-item-last {padding: 0px 0px 0px 15px; }
.navigation ul li a:hover { color: #C87E3B; }
.navigation ul ul a { color: #000000; }
.navigation li ul { background: #444444; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; }
.navigation li:hover ul { display: block; }
.navigation li li { display: block; float: none; margin: 0px; padding: 0px; width: 225px; }
.navigation li:hover li a { background: none; }
.navigation li ul a { display: block; font-size: 14px; line-height: 16px; font-style: normal; margin: 0px; padding:15px; color: #ffffff; }
.navigation li ul a:hover,
.navigation li ul li:hover > a { border: 0px; text-decoration: none; color: #fff; background-color: #C87E3B; }
.navigation li:hover ul{ display:block; } /* show first level*/
.navigation li:hover ul ul{ display:none; } /* hide nested level*/
.navigation li:hover ul ul{ }
.navigation li li:hover ul{ display:block; left: 100%; margin-top: -55px; }
.navigation li:hover > a,
.navigation li li:hover > a{ }
.navigation p { clear: left; }
.navigation:after { clear: both; }
.navigation li:last-child { padding-right: 0; }
/* .navigation li:last-child a { color: #fff !important; background: #C87E3B; padding-left: 25px; padding-right: 25px; }
.navigation li:last-child a:hover { background: #3e403f; }
.navigation li ul li:last-child a:hover { background: #C87E3B; } */

/* #Site Styles
================================================== */

.announcement p { margin-bottom: 0; }

.section-container { display: inline-block; width: 100%; }
.section-container img { display: block; margin: 20px 20px 20px 0 }
.section-container h2 { font-size: 36px; line-height: 40px; text-transform: uppercase; }
.section-container h3 { font-size: 28px; line-height: 32px; text-transform: uppercase; color: #C87E3B; }
.section-container a { text-transform: uppercase; text-decoration: none; display: inline-block; background: #fad000; padding: 5px 10px; font-weight: bold; }
.section-container a:hover { color: #fff; background: #332E21; }
.section-container ul { margin-bottom: 20px; }
.section-container li { list-style: disc; }
.section-container .aligncenter { margin: 5px auto 5px auto; }

.orange { color: #C87E3B; }

.full-width { width: 100%; max-width: none; }

.line-spacer { padding: 80px 0; text-align: center; }
.line-spacer hr { border: 1.5px solid #3e403f; max-width:300px; }

.top-bar { padding: 0; }
.top-alexis { background-color: #f1f1f1; padding: 10px; color: #C87B3A; font-size: 16px; font-weight: bold; line-height: 20px; text-align: right; }
.top-alexis img { max-height: 50px; float: right; margin-left: 10px; }
.alexis-proud { display: inline-block; margin-top: 15px; }
.logo { padding: 20px 0 20px 20px; }
.logo img { max-height: 80px; }

.banner-wrap { padding-left: 0; padding-right: 0; margin-bottom: 80px; }

.front-banner img { width: 100%; }
.front-elevator { text-align: center; padding: 0 200px; }
.front-elevator h2 { color: #C87E3B; }
.front-elevator p { font-size: 24px; line-height: 36px; margin-bottom: 0; }

.front-service-title { text-align: center; margin-bottom: 60px; }
.front-service-wrap { text-align: center; }
.front-service { margin-bottom: 60px; list-style: none; display: inline-block; width: 24%; text-align: left;  transition: all 0.5s ease; }
.front-service:hover { opacity: 0.5; cursor: hand; }
.front-service:nth-child(4n){ margin-right: 0; }
.front-service:last-child { margin-right: 0; }
.front-service h4 { color: #C87E3B; font-size: 18px; line-height: 24px; padding-top: 15px; }
.front-service a { text-decoration: none; }
.front-service img { max-width: 75px; float: left; margin-right: 20px; }
.front-service-wrap { padding-bottom: 40px; }

.front-community-wrap { background-image: url('images/banner-indigenous-hours.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 120px 0; }
.front-community { color: #fff; font-size: 24px; line-height: 32px; }
.front-community h2 { color: #C87E3B; } 

.front-logos-wrap { padding-top: 100px; padding-bottom: 100px; }
.front-logos-title { text-align: center; }
.front-logos-title h2 { color: #C87E3B; margin-bottom: 50px; }
.front-logos { text-align: center; }
.front-logos img { max-height: 60px; margin: 20px; }
.front-logos img:hover { opacity: 0.75; }

.footer-company-logos { padding: 40px; text-align: center; }
.footer-company-logos img { max-height: 60px; width: auto; transition: all 0.5s ease; }
.footer-company-logos img:hover { opacity: 0.75; }

.footer-wrap { background: #3e403f; padding: 0; color: #cfcfcf; background-image: url('images/footer-bg.png'); background-position: right center; background-size: contain; background-repeat: no-repeat; }
.footer-wrap a { color: #cfcfcf; text-decoration: none; }
.footer-wrap h4 { font-size: 20px; color: #C87E3B; }
.footer-address, .footer-menu, .footer-callout { padding-top: 80px; padding-bottom: 80px; }
.footer-address { font-size: 16px; line-height: 24px; padding-left: 40px }
.footer-address a { color: #C87E3B; text-decoration: none;  }
.footer-address a:hover { color: #cfcfcf; }
.footer-address img { margin: 0 0 0 0; }
.footer-menu a:hover { color: #C87E3B; }
.footer-menu li:first-child a { font-size: 20px; font-weight: bold; color: #C87E3B; }
.footer-menu li:first-child a:hover { color: #cfcfcf; }
.footer-callout { text-align: center; padding-top: 180px; }
.ccab-logo { max-height: 70px; margin-top: 10px; }

.bottom-bar { background-color: #C87E3B; color: #3e403f; padding: 10px; }
.bottom-bar a { color: #3e403f; text-decoration: none; }
.bottom-bar a:hover { color: #000; }
.bottom-bar p { margin-bottom: 0; }
.bottom-social {  }
.bottom-social img { margin: 0 5px; display: inline-block; max-width: 30px; }
.social-follow { display: block; color: #fff; font-weight: bold; float: left; margin-right: 5px; margin-top: 3px; }

.banner-container { padding-left: 0; padding-right: 0; }
.banner-opacity { background-color: rgba(66, 65, 66, 0.8); }
.interior-banner { padding-top: 240px; padding-bottom: 40px; }
.interior-banner h1 { padding: 15px 25px; color: #fff; background: rgba(199, 126, 58, 0.85); display: inline-block; font-size: 32px; line-height: 36px; margin-bottom: 0; max-width: 600px; }
.blog .interior-banner, .single .interior-banner, .page-template-page-blog .interior-banner, .page-template-page-news-media .interior-banner { padding-top: 120px; padding-bottom: 120px; }
.blog .interior-banner h1, .single .interior-banner h1, .page-template-page-blog .interior-banner h1, .page-template-page-news-media .interior-banner h1 { padding: 0; color: #fff; background: none; display: inline-block; font-size: 36px; line-height: 40px; margin-bottom: 0; max-width: 600px; text-transform: capitalize; letter-spacing: 2px; }
.category-coma:last-child { display: none; } 

.interior-content-wrap { padding: 60px 0; }
.interior-content h4 { margin-bottom: 20px; }
.interior-content ul { margin-bottom: 20px; }
.interior-content li { list-style: disc; }
.interior-content ol { margin-bottom: 20px; }
.interior-content ol li { list-style: decimal; }

.sidebar, .sidebar-mobile img { transition: all 0.5s ease; }
.sidebar img:hover , .sidebar-mobile img:hover { opacity: 0.75; }
.sidebar-mobile { display: none; }
.sidebar-widget { margin-bottom:  40px; }
.sidebar-widget ul { margin-left: 0; }

.sidebar-menu { margin-left: 0; margin-bottom: 40px; }
.sidebar-menu li { margin: 0 }
.sidebar-menu a { padding: 10px; display: block; margin-bottom: 4px; text-decoration: none; font-weight: 400; text-transform: uppercase; font-size: 16px; line-height: 16px; }
.sidebar-menu a:hover { background-color: #333; color: #fff; }
.sidebar-menu h3 a { font-size: 18px; line-height: 18px; padding: 10px; font-weight: 900; }

.contact-map { padding-left: 0; padding-right: 0; margin-bottom: 40px; }

.staff-row { padding-bottom: 30px; border-bottom: 1px dotted #c1c1c1; margin-bottom: 40px; }
.staff-photo { text-align: center; }
.staff-photo img { border-radius: 50%; }
.staff-bio h4, .staff-bio h5 { display: inline-block; }
.staff-bio h4 { font-size: 24px; margin-bottom: 0; }
.staff-bio h5 { margin-bottom: 10px; }
.staff-tagline { font-size: 16px; }
.staff-social { max-width: 24px; margin-left: 10px; margin-bottom: -6px; }
.staff-social:hover { opacity: 0.75; }

.accordion { background-color: #fff; color: #C87E3B; font-size: 16px; font-weight: bold; cursor: pointer; padding: 0 0 18px 0; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }
.active, .accordion:hover { background-color: #fff; }
.accordion:after { content: '\02795'; font-size: 13px; color: #C87E3B; margin-left: 5px; }
.active:after { content: "\2796"; }
.panel { padding: 0 ; background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

.blog-posts { padding-right: 20px; }
.blog-post-wrap { margin-bottom: 30px; background-color: #f1f1f1; transition: all 0.5s ease; border: 1px solid #f1f1f1; }
.blog-post-wrap:nth-child(3n) { margin-right: 0; }
.blog-post-wrap:hover { transform: scale(.95); }
.blog-post-wrap a { text-decoration: none; cursor: pointer; }
.blog-post-wrap a:hover { color: #414042; }
.blog-text { padding: 30px; min-height: 400px; }
.blog-image img { width: 100%; display: block; }
.blog-title h3 { color: #C67E42; font-size: 20px; line-height: 26px; }
.blog-excerpt { font-size: 18px; line-height: 28px; }
.blog-meta { padding: 0 30px 20px 30px; font-size: 16px; }
.blog-feature-wrap { background-color: #f1f1f1; color: #3e403f; margin-bottom: 40px; border: 1px solid #f1f1f1; }
.blog-feature-wrap a { color: #3e403f; text-decoration: none; }
.blog-feature-wrap h2 { color: #3e403f !important; text-transform: none; }
.blog-feature-image { float: left; width: 40%; }
.blog-feature-image img { max-width: 350px; width: 100%; display: block; }
.blog-feature-text { float: left; width: 60%; padding: 30px; }
.sidebar-widget a { color: #C67E42; text-decoration: none;  }
.sidebar-widget li { margin-bottom: 10px; }
.sidebar-widget li:last-child { margin-bottom: 0; }
.wpp-views { display: none; }
.blog-back { padding-top: 40px; }
.blog-back a { text-decoration: none; color: #C67E42; }
.blog-back a:hover { color: #3e403f; }
.blog-posts h2, .blog-posts h3, .blog-posts h4, .blog-posts h5 { color: #C67E42; text-transform: none; }
.blog-posts h2 { font-size: 36px; line-height: 40px; }
.single .interior-content-wrap { padding: 40px 0 60px 0; }
.newer-older a { text-decoration: none; color: #fff; background-color: #414043; border: 2px solid #414043; padding: 8px 20px; font-size: 16px;  }
.newer-older a:hover { background-color: #fff; border: 2px solid #C67E42; color: #C67E42;  }

.second-content ul { margin-bottom: 20px; }
.second-content li { list-style: disc; }

.news-wrap .blog-text { min-height: 280px; font-size: 16px; line-height: 26px; } 
.news-wrap strong { color: #C67E42; }
 
.searchbar-wrap { border-bottom: 1px solid #c1c1c1; padding: 15px; }
.search-image { height: 26px; width: 26px; margin-right: 10px; display: inline-block; float: left; margin-top: 5px; }
input.search-field { float: left; padding: 0 20px; width: 90%; font-size: 20px; letter-spacing: 2px; border: 0; background-color: inherit; height: 26px; }

.path-post h2, .path-post h3, .path-post h4, .path-post h5 { color: #C67E42; text-transform: none; }
.path-post h2 { font-size: 36px; line-height: 40px; }
.path-post blockquote { font-size: 24px; line-height: 30px; margin-left: 40px; border-left: 2px solid #C67E42; padding: 20px 30px; }
.path-post blockquote p { font-size: 24px; line-height: 30px; margin: 0; }
.path-meta { margin-bottom: 20px; padding-bottom: 20px; font-size: 16px; line-height: 24px; text-transform: uppercase; border-bottom: 1px solid #c1c1c1; }
.path-meta-wrap { padding: 0 20px; border-right: 1px solid #C67E42; font-weight: 700; }
.path-meta-wrap:first-child { padding: 0 20px 0 0; }
.path-meta-wrap:last-child { border: 0; }
.path-meta-wrap a { text-decoration: none; }
.path-feature-title h2 { color: #fff; }
.sidebar-widget, .paths-sidebar-widget { margin-bottom: 30px; padding-bottom: 34px; border-bottom: 1px solid #c1c1c1 }
.sidebar-widget:last-child, .paths-sidebar-widget:last-child { border-bottom: 0; }
.sidebar-widget p, .sidebar-widget input[type="submit"], .paths-sidebar-widget p, .paths-sidebar-widget input[type="submit"] { margin-bottom: 0; }
.sidebar-widget a, .paths-sidebar-widget a { color: #C67E42; text-decoration: none;  }
.sidebar-widget ul, .paths-sidebar-widget ul { margin-left: 0; }
.sidebar-widget li, .paths-sidebar-widget li { margin-bottom: 10px; }
.sidebar-widget li:last-child, .paths-sidebar-widget li:last-child { margin-bottom: 0; }

.story-navigation { text-align: center; }
.story-navigation ul { margin-left: 0; margin-bottom: 0; line-height: 35px; }
.story-navigation li a,
.story-navigation li a:hover,
.story-navigation li.active a,
.story-navigation li.disabled { text-decoration:none; line-height: 35px; }
.story-navigation li { display: inline; list-style: none; line-height: 40px; }
 .story-navigation li a,
.story-navigation li a:hover,
.story-navigation li.active a,
.story-navigation li.disabled { background-color: #fff; border: 2px solid #C87E3B; cursor: pointer; padding: 5px 10px; }
.story-navigation li a:hover,
.story-navigation li.active a { background-color: #C87E3B; color: #fff; }
.story-navigation .active:after { display:  none !important; } 

#mc_embed_signup_scroll input[type="email"] { width: 100%; padding: 10px 20px; margin-bottom: 10px;  }

.gsection h2 { color: #C67E42; }

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.erd-youtube-responsive { margin-bottom: 20px !important; }

.homeowner-sidebar { text-align: center; }
.homeowner-sidebar li { list-style: none; }
.homeowner-sidebar a { text-decoration: none; padding: 20px; font-weight: bold; text-transform: uppercase; color: #fff; background-color: #C87E3B; font-style: 24px; display: block; margin-bottom: 10px; letter-spacing: 2px; }
.homeowner-sidebar a:hover { background-color: #3E403F; }
a.homeowner-button { background-color: #3E403F; }
a.homeowner-button:hover { background-color: #C87E3B; }
.homeowner-sidebar li:last-child a { background-color: #818285; }
.homeowner-sidebar li:last-child a:hover { background-color: #3E403F; }
.homeowner-content { padding-top: 60px; padding-bottom: 60px; }
.homeowner-content h3 { margin-bottom: 20px; color: #C87E3B; }
.homeowner-content ul { list-style: none; padding: 0; margin: 0 }
.homeowner-content ul li { background: url('images/icon-key.png') no-repeat left center; background-size: 24px 24px; padding-left: 34px; margin-bottom: 15px; list-style: none; }
.bg-grey { background-color: #f1f1f1; }
.homeowner-section-1 { background-image: url('images/bg-couch.png'); background-repeat: no-repeat; background-position: right center; background-size: 50%; }
.homeowner-section-2 { background-image: url('images/bg-kitchen.png'); background-repeat: no-repeat; background-position: right center; background-size: 50%; }
.homeowner-brochure img { display: block; width: 100%; height: auto; }

.home-cmhc-text { padding-bottom: 80px; }
.home-cmhc-incentive, .home-cmhc-contacts { padding-top: 80px; padding-bottom: 80px; }
.home-cmhc-incentive, .home-cmhc-contacts { background-color: #f1f1f1; }
.home-cmhc-incentive h2, .home-cmhc-text h2 { margin-bottom: 30px; }
.home-cmhc-incentive a, .home-cmhc-text a { color: #C87E3B; }
.home-cmhc-incentive ul, .home-cmhc-text ul { margin-bottom: 20px; }
.home-cmhc-incentive li, .home-cmhc-text li { list-style: disc; }
.home-cmhc-incentive a.button, .home-cmhc-text a.button { background-color: #C87E3B; color: #fff; text-decoration: none; padding: 10px 30px 12px 30px; margin-bottom: 15px; font-weight: bold; font-size: 14px; letter-spacing: 1px; } 
.home-cmhc-incentive a.button:last-child, .home-cmhc-text a.button:last-child { margin-bottom: 0; }
.home-cmhc-incentive a.button:hover, .home-cmhc-text a.button:hover { background-color: #3E403F; }
.home-callout-wrap { padding-top: 80px; padding-bottom: 80px; } 
.home-callout-text { padding-bottom: 40px; text-align: center; }
.home-callout-text h2 { margin-bottom: 30px; }
.home-callout { padding: 30px; border: 1px solid #C87E3B; min-height: 260px; transition: all 0.5s ease; background-color: rgba(199, 126, 58, 0.1); }
.home-callout:hover { transform: scale(.9); }
.home-callout h3 { color: #C87E3B; }
.home-callout p { padding-bottom: 0; } 
.home-callout-wrap a { text-decoration: none; }
.home-callout-wrap a:hover { color: #000 !important; }
.home-cmhc-contacts h4 { color: #C87E3B; }

.banner-fade { padding-left: 0; padding-right: 0; }
.banner-opacity-fade { background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%); }
.banner-opacity-fade  h1 { text-transform: none; color: #fff; margin-bottom: 0; background: none; font-style: 60px; padding: 0; padding-top: 120px; padding-bottom: 120px; margin: 0 20px; max-width: 500px;  }

.page-template-page-recognition h3 { color: #C87E3B; margin-bottom: 30px; }

.virtue-wrap { background-color: #F1F1F1; padding: 30px; margin-bottom: 20px; }
.virtue-wrap h3 { margin-bottom: 20px; }
.virtue-header { text-align: center; }
.virtue-title { font-size: 28px; line-height: 34px; color: #C87E3B; font-weight: 700; }
.virtue-title strong { font-weight: bold; color: #C87E3B; text-decoration: underline; }
.virtue-icon { text-align: center; padding: 20px; }
.virtue-icon img { max-width: 150px; }
.virtue-content { padding-top: 20px; }
.virtue-content li { list-style: none; } 
.virtue-content ul li::before { content: "\2022"; color: #C87E3B; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.award-process ol { list-style: none; counter-reset: li}
.award-process ol li { list-style: none; } 
.award-process li::before {content: counter(li); color: #C87E3B; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; font-size: 30px; position: relative; top: 10px;}
.award-process li {counter-increment: li; margin-bottom: 30px;}
.award-form input[type="checkbox"] { -webkit-appearance: checkbox; }

.chart-mobile { display: none; }
.chart-row { padding-top: 20px; padding-bottom: 80px; }
.chart-content { padding: 20px; border-left: 20px solid #fff; text-align: center; font-size: 16px; line-height: 20px; }

.chart-title-row .chart-content { padding: 0; }
.chart-title-row .chart-brown { background-color: #C87E3B; }
.chart-title-row .chart-blue { background-color: #08A4BD; }
.chart-title-row .chart-red { background-color: #CA1551; }
.chart-title-row .chart-yellow { background-color: #FFE156; }
.chart-title-row .chart-purple { background-color: #345995; }
.chart-blue h4, .chart-red h4, .chart-purple h4 { color: #fff; font-weight: 900; padding: 20px; }
.chart-yellow h4 { color: #414042; font-weight: 900; padding: 20px; }

.chart-table tr:nth-child(even) { background: #f1f1f1; }
.chart-table tr:nth-child(odd) { background: #e1e1e1; }
.chart-icon img { max-width: 60px; margin-top: 20px; margin-bottom: 20px; }

.chart-column { background-color: #f1f1f1; padding-left: 0; padding-right: 0; margin-bottom: 40px; }
.chart-mobile h3 { color: #fff; font-weight: 900; padding: 20px; }
.chart-mobile .chart-brown h3, .chart-brown .chart-icon { background-color: #C87E3B; }
.chart-mobile .chart-blue h3, .chart-blue .chart-icon { background-color: #08A4BD; }
.chart-mobile .chart-red h3, .chart-red .chart-icon { background-color: #CA1551; }
.chart-mobile .chart-yellow h3, .chart-yellow .chart-icon { background-color: #FFE156; color: #414042; }
.chart-mobile .chart-purple h3, .chart-purple .chart-icon { background-color: #345995; }
.chart-mobile .chart-icon { text-align: center; }
.chart-mobile-text { padding: 30px; }
.chart-footer { padding: 0 0 80px 0; }

.landing-title { padding-top: 60px; padding-bottom: 60px; background-color: #414042; text-align: center; }
.landing-title h2 { color: #fff; margin-bottom: 0; }
.landing-section-wrap { margin-bottom: 60px; }
.landing-section-row {  margin-top: 40px; background-color: #414042; }
.landing-section-content { background-color: #414042; padding: 40px; color: #fff; }
.landing-section-content a { color: #c87e3b; }
.landing-section-content a:hover { color: #fff; }
.landing-section-content h3 { color: #C87E3B; }
.landing-section-content h4 { color: #fff; font-weight: bold; }
.landing-section-content ul { margin-bottom: 20px; }
.landing-section-content li { list-style: disc; }
.landing-section-image img { display: block; }
.question-form { padding: 10px 30px; background: rgba(42,78,135,0.72); color: #fff; }
.question-form h3 { color: #fff; }
.question-form li { padding-right: 0 !important; }
.question-form input { border: 0; padding: 0 20px; text-align: center; }
.question-form input[type=submit] { padding: 10px; width: 100% !important; text-transform: uppercase; letter-spacing: 2px; }

#question-form { padding: 10px 30px !important; background: rgba(42,78,135,0.72) !important; color: #fff !important; text-align: center  !important; }
#question-form h3 { color: #fff !important; }
#question-form li { padding-right: 0 !important; }
#question-form input { border: 0 !important; padding: 0 20px !important; text-align: center !important; background: #fff  !important; margin-top: 10px !important; width: 100% !important; }
#question-form input[type=submit] { padding: 10px !important; width: 100% !important; text-transform: uppercase !important; letter-spacing: 2px !important; background: #000 !important;  }

/* #Video Embed
================================================== */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* #Media Queries
================================================== */

/* Smaller Laptop to standard 1200 (devices and browsers) */
@media only screen and (max-width: 1320px) {

.navigation li { padding: 0px 10px; }
.navigation li a { font-size: 16px; }

}

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

.homeowner-section-1, .homeowner-section-2 { background-position: right -300px center; background-size: 100%; }
.blog-posts h2 { font-size: 22px; line-height: 26px; }

.navigation li { padding: 0px 6px; }
.navigation li a { font-size: 14px; }

.landing-section-row { background-size: 70% auto !important; }
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

.button-orange { padding: 10px 20px; font-size: 20px; }
.front-elevator { padding: 0 100px; }
.front-service { width: 32%; margin-bottom: 20px; text-align: center; }
.front-service img { float: none; margin-right: 0; margin-bottom: 10px; }
.front-community { padding-left: 30px; width: 70% }
.footer-address { width: 33%; }
.footer-menu { width: 60%; }
.footer-callout { display: none; }

.blog-title h3, .blog-feature-title h2 { font-size: 18px; line-height: 24px; }
.blog-posts h2 { font-size: 20px; line-height: 24px; }
.blog-feature-excerpt p { font-size: 16px; line-height: 22px; }
.blog-excerpt p, .blog-meta { font-size: 14px; line-height: 20px; }
.blog-text, .blog-meta, .blog-feature-text { padding: 15px; }

.chart-content { font-size: 14px; line-height; line-height: 18px; }
.chart-content h4 { font-size: 14px; line-height: 20px; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {

.spacer { display: none; }
.button-orange { padding: 10px 20px; font-size: 18px; }
.section-content { width: 100% !important; }
.navigation { display: none; }
.front-banner { padding-left: 0; padding-right: 0; }
.front-elevator { padding: 0 20px; }
.front-elevator h2 { font-size: 20px; line-height: 28px; }
.front-elevator p { font-size: 16px; line-height: 24px; }
.front-service { width: 48%; margin-bottom: 20px; text-align: center; }
.front-service h4 { padding-top: 0; font-size: 14px; line-height: 20px; }
.front-service img { max-width: 50px; float: none; margin-right: 0; margin-bottom: 5px; }
.front-community { font-size: 18px; line-height: 26px; }
.footer-wrap { background-image: none; }
.footer-address { width: 100%; }
.footer-menu { padding-top: 0; padding-bottom: 0px; width: 100%; }
.footer-menu .first ul { margin-bottom: 30px; }
.footer-callout { padding-top: 40px; display: block; }
.footer-menu ul { margin-left: 0; }
.bottom-social { text-align: center; padding-top: 10px; }
.sidebar { display: none; }
.sidebar-mobile { display: block; padding-top: 40px; }
.sidebar-mobile ul { margin-bottom: 0; }

.interior-content { padding-bottom: 60px; }
.homeowner-section-1, .homeowner-section-2 { background-image: none; }
.home-callout { margin-left: 20px; margin-right: 20px; margin-bottom: 20px; min-height: inherit; }
.home-callout-text { padding-bottom: 20px; }
.home-cmhc-incentive .button { display: block; }

.blog-posts h2 { font-size: 30px; line-height: 36px; }
.blog-feature-wrap, .blog-post-wrap { padding-left: 0; padding-right: 0; }
.blog-feature-wrap a { text-decoration: none; }
.blog-feature-image, .blog-feature-text { float: none; width: 100%; }
.blog-feature-image img { max-width: none; }
.blog-title h3, .blog-feature-title h2 { font-size: 26px; line-height: 32px; }
.blog-text { min-height: auto; }
.blog-feature-excerpt p { font-size: 18px; line-height: 26px; }
.blog-excerpt p, .blog-meta { font-size: 18px; line-height: 24px; }
.blog-text { padding: 30px 30px 0 30px; }
.blog-meta { padding: 0px 30px 30px 30px; } 

.chart-desktop { display: none; }
.chart-mobile { display: block; }
.chart-row { padding-top: 0; padding-bottom: 0; }
.chart-footer { padding: 40px 0 60px 0; }

.footer-company-logos img { max-width: 300px; margin: 10px 0;  }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.top-alexis { font-size: 12px; }
	.logo img { max-height: 60px; }
	.page-id-22 .logo img { margin-top: 0px; }

}


/* #Font-Face
================================================== */

/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


/* #Wordpress Core
================================================== */

/* #Authors
================================================== */

.gravatar { float: left; margin: 0 10px 0 0; display: block; }
.bypostauthor { }

/* #Older & Newer Posts
================================================== */

.newer-older { clear: both; }
.older { float: left; }
.newer { float: right; }
.sticky { }

/* #Image Alignment
================================================== */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.gallery-caption { }
.gallery-icon img { padding: 20px; border: none !important; }

/* #Screen Readers
================================================== */

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px;
 width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* #Misc
================================================== */

.clear { clear: both; }
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }