/*   
Theme Name: AB INTERFACES
Theme URI: ABI.v7
Author: Anthony Bennett
Author URI: www.abinterfaces.com
Template: abinterfaces
*/

@import url("../abinterfaces/style.css");

/* Sticky header -------------------------------*/
@media only screen and (min-width: 1000px) {
#header {position: fixed; margin-top: 30px;}
#top-bg {position: fixed;}
.home-slider #top-bg {position: fixed;}
.home-slider #header {margin-top: 30px;}
#container.full-width {padding-top: 120px;}
#slide {margin: 150px auto -120px auto;}
#wrapper {padding-top: 100px;}
#container, #aside.right {padding-top: 30px;}
}

/* Slider black loader -------------------------------*/
.tp-loader {background-color: #000 !important;}

/* Slider hide options on mobiles IMPORTANT -------------------------------*/
@media only screen and (max-width: 739px) {
.about-cont {display: none;}
.tparrows {display:none !important;}
.description {display: none !important;}
.rev_slider_wrapper h2 {display: none !important;}
.rev_slider_wrapper .button {display: none !important;}
}

/* No h1 link formatting -------------------------------*/
h1 a:hover {color: #FFF;}

/* GLOBAL HEADLINE FIX! -------------------------------*/
h1 {
font-weight: normal !important;
}

/* H1 mobile resize --------------------------*/
@media only screen and (max-width: 525px) {
h1, #container > h1 {font-size: 40px !important;}
}

/* Background image stretching -------------------------------*/
body {
background-size: 100%;
}

/* Center get started button align and color -------------------------------*/
.centrbut .but-wrap, .centrbut .but-wrap .button {
float: none !important;
display: inline-block;
font-weight: 30px;
}

/* Button font fixing -------------------------------*/
.button.big {
padding: 10px;
font-size: 1.6em;
}

/* IMPORTANT BUTTON TEXT SIZE FIX -------------------------------*/
.button.middle {
font-size: 20px;
}

/* IMPORTANT BUTTON TEXT SIZE FIX -------------------------------*/
.button.big {
font-size: 180%;
font-family: titillium web, arial;
}

/* Center get started button attributes -------------------------------*/
.but-wrap.red {
background: #800000;
border-radius: 7px;
}

/* Center get started button rollover color -------------------------------*/
.but-wrap.red:hover {
background: #729ad1;
font-family: titillium web, arial;
}

.but-wrap.red:hover .button {
text-shadow: 0px 0px 0 #111 !important;
}

/* Center get started button bottom spacing -------------------------------*/
#container > div {
margin-bottom: 15px;
}

#container .but-wrap {
font-family: Titillium Web, Arial;
}

/* Center tagline -------------------------------*/
h1 {
text-shadow: 0px 0px 0 #000 !important;
}

/* H2 -------------------------------*/
h2 {
text-shadow: 0px 0px 0 #000 !important;
}

/* H2 tight on contact page -------------------------------*/
.tight {
padding: 0px !important;
}

/* Highlight text -------------------------------*/
.highlight{
color: #D7D7D7;
}

/* Testimonials padding fix --------------------------*/
.paddingfix {
padding: 0;
}

/* Portfolio title hide -------------------------------*/
#container.full-width .navig-category {
position: inherit;
}

/* Footer padding -------------------------------*/
.foot-cont {
padding: 20px 0 27px 0;
}

/* Social Networking Icons Sorting -------------------------------*/
.soc-ico li:nth-child(1) {left: 69px;}
.soc-ico li:nth-child(4) {left: -69px;}

/* Homepage calltoaction box color and link cloaking -------------------------------*/
.about-iiner, .about-iiner a {
font-family: Arial, helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
line-height: 20px;
color: #8A8A8A;
text-decoration: none;
}

/* Homepage bold link fix -------------------------------*/
a.hometitle {
font-weight: bold !important;
}

/* 2nd level main navigation font size -------------------------------*/
#nav li div ul li a, #nav li div ul li div ul li a {
font-size: 14px; !important;
}

/* Images 1px gray line on top -------------------------------*/

.entry-meta .ico-link,
.ico-link.categories,		
.ico-link.tags{
	display: none;
	padding: 40px 0 1px 0;
}

.entry-meta .ico-link:before,
.ico-link.categories:before,
.ico-link.tags:before {
	display: inline;
	background-image: url("");
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 0px;
	height: 0px;
	content: "";
	position: inherit;
	left: 0;
	opacity: 0.6
}

.iconalign {
float: left;
padding-right: 14px;
}

/* Topnav arrows -------------------------------*/
#nav > li i.two-el, #nav > li.act > i.two-el {
display: none;
}

#nav > li i.one-el, #nav > li.act > i.one-el {
display: none;
}

/* Sliderthumbnail and portfolio arrows -------------------------------*/
i.two-el {
display: none;	
}

i.one-el {
display: none;
}

/* Footer Blog post arrows -------------------------------*/
.small .two-el {
border: none;
}

.small .one-el {
border-top: 0px;
}

/* QandA spacing -------------------------------*/
.basic .accord > a {
padding: 6px 0 6px 8px;
}

.basic div.accord > div {
margin: 0px 7px 20px 8px;
}

/* QandA highlight color -------------------------------*/
.accord a.selected, .accord:hover a {
color: #F5F5F5;
}

/* QandA content spacing -------------------------------*/
.basic div.accord > div {
margin: 20px 7px 20px 8px;
}

/* Contact form popups -------------------------------*/
.ajaxSubmit.red {
background-color: #800000;
border: none;
color: #FFFFFF;
}

.ajaxSubmit {
background-color: #729AD1;
border: none;
color: #FFF;
}

/* OnebyOne paragraphs -------------------------------*/
.oneByOne_item p {
color: #AAA;
}

/* Twitter Indent -------------------------------*/
ul li {
padding: 0px;
}

/* Twitter no buttons -------------------------------*/
.intent {
display: none;
}

/* Twitter vertical spacing -------------------------------*/
li.tweet {
line-height: 20px;
margin: 0 0 -24px 0;
padding: 8px 0 0 0;
border-top: 1px #1E1E1E solid;
}

/* Quote & Contact input box color and padding -------------------------------*/
input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select {
background-color: #999;
border: none;
padding: 4px;
}

/* Quote & Contact input box color and padding mobile fix -------------------------------*/
@media only screen and (max-width: 740px) {
input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea, select.vfb-select {
padding: 2px;}
}

/* Free Quote background, border color, and radius -------------------------------*/
.visual-form-builder fieldset {
background-color: #101010;
border: 3px solid #101010;
border-radius: 10px;
}

/* Free Quote wider margin -------------------------------*/
.visual-form-builder li{
padding: 6px 0 4px;
}

/* Free Quote text color -------------------------------*/
.visual-form-builder label, label.vfb-desc {
font-family: Arial, helvetica, Titillium Web, sans-serif;
font-size: 15px;
font-weight: normal !important;
color: #8A8A8A;
}

.vfb-item-instructions {
background-color: #101010;
}

/* Free Quote success text color -------------------------------*/
p#form_success {
color: white;
}

/* Free Quote Required field color and size -------------------------------*/
.visual-form-builder label .vfb-required-asterisk {
color: #729ad1;
font-size: 15px;
line-height: 20px;
}

/* Free Quote Form remove arrows -------------------------------*/
ul li::after {
display: none;
}

/* Free Quote Form text box color -------------------------------*/
input {
-moz-border-radius: 4px;
border-radius: 4px;
border:solid 0px black;
background-color: #999;
}

/* Free Quote Form text area color -------------------------------*/
textarea {
-moz-border-radius: 4px;
border-radius: 4px;
border:solid 0px black;
background-color: #999;
}

/* Free Quote Form dropdown color -------------------------------*/
select {
background: #999;
}

/* WordPress Maintenance Form select box text -------------------------------*/
#vfb-form-6 .visual-form-builder label.vfb-choice {
color: #729ad1 !important;
font-size: 15px;
}

.visual-form-builder label.vfb-choice {
color: #729AD1;
}

/* Free Quote Form remove line under title -------------------------------*/
.visual-form-builder .vfb-legend {
border-bottom: none;
}

/* Free Quote Form submit button -------------------------------*/
.vfb-submit, input[type="submit"].vfb-submit {
padding: 8px 30px;
color: white;
font-size: 30px;
font-weight: bold;
ling-height: 30px;
background-color: #800000;
-webkit-appearance: none;
}

.button.big {
font-weight: 30px !important;
}

.vfb-submit, input[type="submit"].vfb-submit:hover {
background: #729ad1;
text-shadow: 0px 0px 0 #111 !important;
cursor:pointer;
-webkit-appearance: none;
}

/* Free Quote Form error box border -------------------------------*/
input.error, select.error, textarea.error {
border: 2px solid #800000;
}

label.error {
color: #800000;
font-weight: bold;
font-size: 15px !important;
}

/* Contact form text box color -------------------------------*/
.get-in-touch .i-h input {
-moz-border-radius: 4px;
border-radius: 4px;
}

/* Contact form text area color -------------------------------*/
.t-h textarea {
-moz-border-radius: 4px;
border-radius: 4px;
border:solid 0px black;
background-color: #999;
}

.t-h {
background-color: #999;
-webkit-box-shadow: inset 0px 0px 0px 0px;
box-shadow: #999;
}

.get-in-touch .i-h {
-webkit-box-shadow: inset 0px 0px 0px 0px #999;	
box-shadow: inset 0px 0px 0px 0px #999;
background-color: #999;
}

/* Form after submit text color -------------------------------*/
p#form_success {
color: #729ad1;
}

/* Footer links left align -------------------------------*/
.copy-credits {
float: left;
}

/* Global form sizing fixes -------------------------------*/
form.visual-form-builder {
margin: 0 !important;
}

.visual-form-builder fieldset {
margin: 0 !important;
border: 0;
}

/* Form submit and verification center -------------------------------*/
.middle {
text-align: center;
}

/* Mobile menu colors -------------------------------*/
.mobile-menu {
background: #111;
}

.menu-container li {
background: #ddd;
}

.menu-container li div li {
border-top: 1px solid #bbb;
}

/* Mobile menu colors -------------------------------*/
div.footer .i {
color: 666;
}

/* Mailchimp form customizations -------------------------------*/
/* Start Mailchimp text box spacing -------------------------------*/
@media only screen and (min-width: 740px) {
.nm_mc_form li {padding: 4px 0px !important;}
}

@media only screen and (max-width: 739px) {
.nm_mc_form li {padding: 0px 0px !important;}
}

/* End Mailchimp text box spacing -------------------------------*/

.nm_mc_input {
width: 156px;
height: 18px;
padding: 2px 3px 0px 2px;
}

.nm_mc_form {
font-size: 10px;
line-height: 20px;
}

.nm_mc_form label {
float: right;
padding: 1px 0 0 1px;
}

/* Mailchimp signup submit button -------------------------------*/
.nm_mc_button {
margin-top: 16px;
padding: 4px 8px 4px 8px;
color: white;
font-size: 11px;
font-weight: bold;
ling-height: 18px;
background-color: #729ad1;
-webkit-appearance: none;
}

.nm_mc_button:hover {
background: #800000;
text-shadow: 0px 0px 0 #111 !important;
cursor:pointer;
-webkit-appearance: none;
}

.nm_mc_error {
color: #800;
line-height: 18px;
}

/* Click to call -------------------------------*/
div.contact-cont {
background-color: #DDD;
}

/* Blog bullets -------------------------------*/
#aside.right ul li {
list-style: square;
}

/* Space under 4 post box -------------------------------*/
.full-width.fourth .blog-posts {
padding-bottom: 30px !important;
}

/* Remove date under 4 post box -------------------------------*/
.ico-link.date {
display: none !important;
}

/* Team box in footer -------------------------------*/
#footer .mid-gray {
color: #666 !important;
font-size: 15px;
}

#footer .head{
font-size: 15px !important;
font-weight: normal !important;
color: #AAA !important;
}

.alignleft, .img-frame.left {
float: right !important;
}

/* Team box in footer -------------------------------*/
.reviews-t.coda-team .img-frame.left {
margin: 0px !important;
}

div.oneByOne1 .addthis_toolbox {
display: none;
}

/* Slider description formatting -------------------------------*/
.description {
position: absolute; 
color: #aaaaaa !important; 
font-size: 14px; 
line-height: 20px; 
font-family: arial, helvetica, san-serif;
-webkit-text-size-adjust: none;
}

/* Slider caption links -------------------------------*/
.tp-caption a {
color: #729ad1;
}

.tp-caption a:hover {
color: #fff;
}

/* Remove lazy social buttons in 1st column of footer -------------------------------*/
.widget_dt-ourteam-widget .lazysocialbuttons {
display: none !important;
}

/* Lazy social buttons height fix -------------------------------*/
.lazysocialbuttons {
padding-top: 8px;
}

/* Hide foobar on mobiles -------------------------------*/
@media only screen and (max-width: 740px) {
.foobar-wrapper.fb-top .foobar-container {display: none;}
}

#dynamic-to-top-button:hover {
background: -webkit-gradient( linear, 0% 0%, 0% 0%, from(rgba(255,255,255,0)),to(rgba(0,0,0,0))) !important;
background: -webkit-linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
background: -moz-linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
background: -o-linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
background: -icab-linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
background: -ms-linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
background:  linear-gradient( top, rgba(255,255,255,0), rgba(0,0,0,0)) !important;
cursor:pointer;
}

/* Homepage buttons no shadow -------------------------------*/
#footer .but-wrap .button, .but-wrap:hover a.button, .but-wrap .button, .widget-info a.details, .but-wrap:hover a.button {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0) 0%) !important;
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(255, 255, 255, 0) !important;
-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(255, 255, 255, 0) !important;
}

/* Homepage footer buttons no shadow -------------------------------*/
#footer .but-wrap:hover a.button {
background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(255, 255, 255, 0) 0%) !important;
}

/* Templates center -------------------------------*/
#search_main {
margin-left: auto;
margin-right: auto;
}

/* MP6 MENU TEMPORARY TEXT COLOR FIX! -------------------------------*/
#wpadminbar .ab-submenu .ab-item, #wpadminbar .quicklinks > ul > li:hover > .ab-empty-item, #wpadminbar #wp-admin-bar-site-name:hover a, #wpadminbar #wp-admin-bar-new-content:hover a, #wpadminbar #wp-admin-bar-new-content:hover span, #wpadminbar #wp-admin-bar-my-account:hover a, #wp-admin-bar-user-info span {
color: #BBB!important;
}


#lights {
margin-top: 20px !important;
z-index: 21 !important;
}



/* REMOVED DATE FROM BLOG POSTS! -------------------------------*/
.blog-date span {
display: none;
}