/*
Theme Name: AC Framework
Author: the ActiveConversion team
Author URI: http://www.activeconversion.com
Version: 1.0
*/

/* Theme Setup */

.container {  
  width:1000px;
}
.wrapper {
  width: 100%;
  margin:0 auto;
  min-width: 1000px;
  /* width:970px; Used for boxed layout*/
}

/* Meta Slider Padding Fix */

.ac-banner ul.slides {
  padding-left:0;
}
.ac-banner .metaslider {
  overflow: hidden;
}
hr {
  border-top: 3px solid #66ab36;
  width: 70px;
}
blockquote {
  font-size: 18px;
  color: #898989;
  font-weight: 300;
  line-height: 36px;
}
h2{
  font-size: 30px;
  color: #555;
  font-weight: 400;
  line-height: 36px;
  text-transform: capitalize;
}
h3 {
  color: #555;
  font-weight: 400;
  font-size: 23px;
  line-height: 28px;
  text-transform: capitalize;
}
ul li {
  padding:5px;
}
/* Reusable Styles */

.button {
  padding: 8px 20px 5px;
  background-color:#66ab36;
  letter-spacing: 1px;
  color:#fff !important;
  text-decoration: none;
  margin-top:20px;
  display: inline-block;
  border-bottom: 3px solid #93c371;
}
.yellow {
  background-color: #f0bc01;
  border-bottom: 3px solid #f4d253;
}
.green {
  color:#66ab36;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.clear {
	clear:both;
}
.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}
.alignright {
  float:right;
  margin: 10px 0 10px 20px;
}
.alignleft {
  float:left;
  margin: 10px 20px 10px ;
}
.green-small-title {
  color: #66ab36;
  font-size: 13px;
  text-transform: uppercase;
  margin:20px 0 -20px;
  display: block;
}
/* Header Navigation Menus */

.ac-mobile-menu,
.ac-mobile-nav  {
  display: none; /* Hide mobile menu by default */
  background-color: #555;
}
.ac-mobile-menu {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  color:#fff;
}
.ac-mobile-menu button {
  background:transparent;
  border:0;
  text-transform: uppercase;
}
.ac-mobile-menu button:focus {
  outline-width: 0;
}
.ac-mobile-menu .ac-mobile-toggle {
  padding:10px;
  color:#fff;
}
.ac-mobile-menu .ac-mobile-toggle:hover {
  cursor:pointer;
}
.ac-mobile-menu .ac-mobile-toggle img {
  padding: 0 5px 2px 0;
}
.ac-mobile-menu .ac-mobile-button {
  padding-left:15px;
  padding-right:15px;
}
.ac-header .ac-mobile-nav ul {
  padding-bottom: 10px;
}
.ac-header .ac-mobile-nav ul li {
  float: none;
}
.ac-header .ac-mobile-nav ul li a {
  display: inline-block;
  width: 100%;
  padding:10px 10px 10px 25px;
  font-weight: bold;
  color:#fff;
}
.ac-header .ac-mobile-nav ul li a:hover {
  background:transparent;
  color:#ddd;
}
.ac-main-menu {
  background-color: #fff;
  float: right;
}
#menu-main-menu a {
  color: #555;
}
#menu-main-menu li a {
  padding: 13px 20px;
}
#menu-main-menu ul li a {
  padding: 10px 20px;
  font-size: 13px;
}
#menu-main-menu li:last-child {
  background-color: #66ab36;
  border-bottom: 3px solid #93c371;
}
#menu-item-54  a {
  color: #fff !important;
  padding:13px 20px 10px !important;
}
.ac-header ul #menu-item-54:hover > a {
  background-color: #66ab36;
}
.ac-header ul,
.ac-header li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ac-header ul {
  position: relative;
  z-index: 597;
}
.ac-header ul li {
  float: left;
  min-height: 1px;
  text-align: left;
  vertical-align: middle;
}
.ac-header ul li.hover,
.ac-header ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
.ac-header ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
.ac-header ul ul li {
  float: none;
}
.ac-header ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
.ac-header ul li:hover > ul {
  visibility: visible;
}
.ac-header ul ul {
  bottom: 0;
  left: 0;
}
.ac-header ul ul {
  margin-top: 0;
}
.ac-header ul ul li {
  font-weight: normal;
}
.ac-header a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}

.ac-header ul ul {
  text-transform: none;
  min-width: 190px;
}
.ac-header ul ul a {
  background: #fff;
  color: #555;
  line-height: 150%;
  padding: 16px 20px;
  font-size: 14px;
}
.ac-header ul ul ul {
}
.ac-header ul ul li {
  position: relative;
}
.ac-header ul ul li:hover > a {
  background-color: #eaf1e1;
  color: #ffffff;
}
.ac-header ul li:hover > a,
.ac-header ul li.active > a {
  background-color: #eaf1e1;
  color: #ffffff;
}
.ac-header ul li.has-sub > a:after {
  margin-left: 5px;
}
.ac-header ul li.last ul {
  left: auto;
  right: 0;
}
.ac-header ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
.ac-header > ul > li > a {
  line-height: 48px;
  font-size: 12px;
}
#menu-top-menu {
  display: inline-block;
}
#menu-top-menu li a {
  padding:10px;
  color:#777;
  background-color: transparent;
}
#menu-top-menu li a:hover {
  color:#333;
}
#menu-top-menu li:hover {
  background-color: #eee;
}
#menu-top-menu li a:hover, 
#menu-top-menu li li a {
  background-color: #eee;
}
#menu-top-menu li li a {
  text-align: left;
}
.fullwidth {
  text-align: center;
}

/* Basic Template Styles */
body {
	font-family: 'Roboto Slab', serif;
  color: #898989;
  font-weight: 400;
  line-height: 19px;
  font-size: 14px;
}
#ac-site-logo {
  float:left;
  display: inline-block;
  padding: 0 15px;
}
.ac-ph-mob {
  display: none;
}
.ac-thumbnail {
  overflow: hidden;
}
.ac-thumbnail img {
  max-width: 100%;
  border:1px solid #ccc;
}
.ac-top-nav {
  padding: 10px 15px 15px 0;
}
.ac-header .ac-phonerow {
  margin: 20px 0 30px;
}
.ac-header .ac-phonerow a {
  display: inline-block !important;
}
.ac-header .ac-phonerow a.button {
  padding: 8px 12px;
  margin-top: 5px;
}
.ac-header .ac-phone {
  display: inline-block;
  border:1px dashed #e1e1e1;
  padding: 3px 0 2px 20px;
}
.ac-header .ac-phone span {
  padding-right: 20px;
  font-size: 1.5em;
  color:#555;
  vertical-align: middle;
}
.ac-header .ac-phone img {
  margin-right:7px;
}
.ac-header .bbb-header {
  margin-right:15px;
}
.ac-banner {
  background-color: #eee;
}
.sub-banner {
  background: url(/wp-content/themes/activeconversion/images/sub-banner.jpg) top center ;
  height: 184px;
  margin-bottom: 40px;
}
.sub-banner h1 {
  font-size: 60px;
  color: #fff;
  padding-bottom: 0;
  font-weight: 400;
  margin: 151px 0 0; 
  text-align: left;
}
.sidebar-right .col-sm-3 {
  float: right;
}
.sidebar-right .ac-widget-title {
  font-size: 24px;
  line-height: 30px;
}
.sidebar-right blockquote {
  padding: 0 20px;
  border-left: 1px solid #e3e3e3;
}
.ac-footer {
  background-color: transparent;
  margin-top:30px;
  color: #555;
  font-weight: 300;
  line-height: 24px;
}
.ac-footer h2 {
  font-size: 1.3em;
  color: #555;
  font-weight: 400;
}
.ac-footer .mid {
  padding:60px 0 40px;
}
.ac-footer-copy {
  font-size:0.9em;
}
.ac-footer .ac-footer-links ul {
	padding-left:0;
	list-style: none;
}
.ac-footer .ac-footer-links ul li {
	display:inline-block; 
	padding-right:10px;
}
.ac-footer-links {
  background-color: #959595;
  font-size: 0.9em;
  padding:15px 0;
}
.ac-footer-links a {
  color: #cccccc;
}
.ac-footer-widgets .widget:first-child {
  background: url(/wp-content/themes/activeconversion/images/footer-phone-icon.jpg) left top no-repeat;
}
.ac-footer-widgets .widget:first-child h2, .ac-footer-widgets .widget:first-child .textwidget
{
  margin-left: 90px;
}
.ac-footer-widgets .widget:last-child {
  margin-left:28px;
  width:30%;
}
.ac-footer-widgets .widget:last-child h2, .ac-footer-widgets .widget:last-child .textwidget {
    margin-left: 65px;
}
.ac-footer-widgets .widget:first-child h2 {
  margin-bottom: 5px;
}
.ac-footer-widgets .widget:first-child .button {
  margin-top: 10px;
}
.ac-footer-widgets .widget:last-child {
  background: url(https://seal-calgary.bbb.org/seals/blue-seal-63-134-titanyardworksinc-77253.png) left top no-repeat;
}
.ac-footer-top {
  background-color: #66ab36;
  color: #fff;
  padding:15px 0;
  text-align: center;
  height: 82px;
}
.ac-footer-top .footer-arrow {
  margin-top: 14px;
}
.ac-social {
	display: block;
	text-align: right;
}
.ac-social ul {
	padding-left:0;
	list-style: none;
}
.ac-social ul li {
	display:inline-block; 
	padding-right:10px;
}
.ac-social ul li img {
	width: 30px;
	height:30px;
}


/* Style forms in div ac-form */

.ac-form {
  font-size:0.9em;
}
.ac-form td {
  padding:0 10px 10px 0;
}
.ac-form input[type=submit] {
  padding: 8px 20px 5px;
  background-color:#66ab36;
  letter-spacing: 1px;
  color:#fff !important;
  text-decoration: none;
  display: inline-block;
  border:0;
  border-bottom: 3px solid #93c371;
}

/* Style Recent Posts in footer */
.widget.ac-footer-widget ul { 
  padding-left:0px;
  margin-left:0;
}
.widget.ac-footer-widget ul li {
  list-style-type:none;
}
.widget.ac-footer-widget ul li a {
  padding-left:10px;
}
.widget.ac-footer-widget .post-date {
  float: left;
}
/* Homepage */
.green-line {
  line-height: 24px;
}
.coloredBG {
  background-color: #f4faec;
}
.main-msg {
  text-align: center;
  color: #898989;
  font-weight: 300;
  font-size: 24px;
  line-height: 36px;
  padding:25px 0;
  margin-top: 3px;
}
.main-msg h2, .clients h2 {
  color: #616261;
  font-weight: 300;
  font-size: 36px;
  margin-bottom: 10px;
  text-transform: none;
}
.triboxes {
  text-align: center;
  color: #b9b9b9;
  font-weight: 300;
  line-height: 24px;
  padding:50px 0;
}
.triboxes h3 {
  text-transform: uppercase;
  font-weight: 300;
  color: #767676;
  line-height: 22px;
  font-size: 16px;
}
.triboxes .button {
  font-size: 13px;
}

.clients {
  text-align: center;
  padding:40px 0;
  color: #bcc1b6;
}
.clients h3 {
  text-transform: uppercase;
  font-weight: 300;
  color: #abafa5;
  font-size: 16px;
  line-height: 22px;
}
.clients p {
  line-height: 24px;
  font-weight: 300;
  width: 600px;
  margin: auto;
  padding:15px 0 25px;
  color: #999;
}
.clients img {
  border: 2px solid #e9e9e9;
}
.clients + .ac-footer {
  margin-top: 0;
}

.quote form td {
  text-align: left;
}
.quote .left-table {
  margin-right:20px;
  float: left;
}
.quote .form-wrap {
  width: 750px;
  margin: auto;
  padding-top:30px;
}
.wp-caption-text {
  display: none;
}
.push {
  margin-left: 175px;
}
.ninja-forms-required-items {
  display: none;
}
.field-wrap {
  margin-bottom: 2px!important;
}
#ninja_forms_field_3 {
  height: 90px;
}
#ninja_forms_field_5 {
  color: #666;
  margin-top: 10px;
}

/* Responsive Breakpoints */
@media (min-width: 768px) and (max-width: 991px) { /* sm */
  
}
@media (max-width: 768px) { /* xs */

}