/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

body { font-family: 'Open Sans', sans-serif; }

#top .site-description, #top ul.nav > li > a:after {
    color: #cfcfcf;
}

#top, .blog-posts-grid .post.has-image:before, ul.products li.product:before {
    border-top: 6px solid #b72020; /* mid red */
}

#top .top-navigation .jgb-phone {
  color: #fff;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 1.1em;
  display: block;
  width: 12em;
  margin-left: 1em;
}

#header {
  background-color: #f9f9f9;
  border-color: #646464;
}

#navigation ul.nav > li > a {
  color: #767676;
}

#navigation ul.nav > li > a:hover {
  color: #b72020;
}

.social a::before { color: #2c75af; } /* blue to match the simple share button icon */

#footer {
    background-color: #272727;
    /* border-color: #444; */
}

#footer-widgets .social a::before { font-size: 2em; margin-top: -1.2em; }

#navigation ul.nav > li:hover > a,
#navigation ul.nav > li > a:hover,
#navigation ul.nav > li.current-menu-item:hover > a {
  box-shadow: inset 0 0.382em 0 0 #b72020;
  -webkit-box-shadow: inset 0 0.382em 0 0 #b72020;
}

#navigation ul.nav ul li a:hover { padding-left: 1.42em; }

#navigation ul.nav ul li.parent > a:hover { padding-left: 1.618em; }

#navigation ul.nav ul li.parent:hover > a { padding-left: 1.42em; }

.homepage-contact ul li a:hover span {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  background: #99cfa9;
}

ul, ol { padding-left: 1.2em; }

h1 {
  color: #b72020;
  font-family: Roboto, sans-serif;
  font-size: 1.76em;
}

h1.section-title { font-size: 1.6em; }

h3 { font-size: 1.2em; font-family: 'Open Sans', sans-serif; }

form {
  margin: 0px 0px 0.42em;
}

.single #main .type-page,
#main .content-box,
.home #main .type-page,
.page-template-template-business-php #main .type-page,
.page .type-page,
.single #main > .product,
.sensei-wrap,
#main > .type-project {
  margin-bottom: 2.8em;
}

/* Slider Settings */

.flexslider li.slide .slide-content {
  right: 20%;
  left: 20%;
  top:70%; margin-top:-2em;
  margin: 0.618em;
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.62);
  padding: .387em 1.244em;
}

.flexslider li.slide .slide-content a {
  font-family: 'Open Sans', sans-serif;
  /* font-size: 0.6em; */
  line-height: 1em;
}

.flexslider li.slide .slide-content a:hover {
  text-decoration: none;
  color: #b72020;
}

.flexslider .flex-viewport,
.wooslider .flex-viewport {
  max-height: 1200px;
}

/* End Slider Settings */

#main .widget_woothemes_features .feature .feature-title {
    font-size: 1.618em;
    line-height: 1;
    letter-spacing: 0;
}

#main .widget_woothemes_features .feature .feature-title a {
  font-family: 'Open Sans', sans-serif;
}

#main .widget_woothemes_features .feature .feature-title a:hover {
  text-decoration: none;
  color: #b72020;
}




/* Content Styles */

.alignright { margin-right: 0em !important; }

.alignleft { margin-left: 0em !important; }

.archive-rss a { display: none; }

.blog-posts-grid, .blog-posts-grid .post { background-color: #d2d2d2; }

.blog-posts-grid > article .woo-image { border: 9px solid #d2d2d2; }

.blog-posts-grid:after { height: 9px; }

.blog-posts-grid > article .post-header, .blog-posts-grid > article .post-more { z-index: 899; }

.blog-posts-grid > article .post-header, .blog-posts-grid > article .post-more {
  background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.42);
  padding: 0.16em 0.6em;
}

.blog-posts-grid > article .post-header a { font-family: 'Open Sans', sans-serif; font-size: 0.9em; }

.blog-posts-grid > article .post-header a:hover { text-decoration: none; color: #ddd; }

.blog-posts-grid > article .post-more { display: none; }

.archive-header { padding-top: 2.4em; padding-bottom: 2.4em; }

#main .type-page, #main .content-box, .single #main > .product, .sensei-wrap, #main > .type-project, .home #main .type-page, .page .type-page, .page-template-template-business-php #main .type-page {
    padding: 1.62em 3.2em;
}

.single .entry, .page .entry { margin-bottom: 3.2em; }

.homepage-contact { margin-bottom: 2em; margin-top: 2em; }

.avatar-comments { display: none; }

.avatar-comments a.comment-count .count { display: none; }

a.button,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button,
#wrapper .woo-sc-button,
#post-author .profile-image img {
  border-color: #d2d2d2;
  background-color: #d2d2d2;
}

a.button:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover,
.homepage-contact ul li a:hover span,
#post-author,
.widget_layered_nav ul li.chosen a:hover {
  border-color: #b72020;
  background-color: #8b0027;
}

.project-focus h3 { font: 'Open Sans', serif; font-weight: 400; color: #222; }

.project-scope { font-family: 'Open Sans', serif; font-size: 1.1em; font-weight: 400; color: #b72020; line-height: 1.2em }

.focusred { color: #b72020; }

.cs-red-box {
  display: inline-block;
  width: 100%;
  top: 50%;
  line-height: 30px;
  margin-bottom: 7px;
  background: #b72020;
  font-size: 1.28em;
  color: white;
  padding-left: 16px;
  font: Roboto, serif;
  font-weight: 400;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Footer Widgets */

#footer-widgets .widget { font-size: 0.9em }

#footer a {
    font-weight: 400;
}

#footer-widgets a {
    font-weight: 400;
}

#footer-widgets .widget h3 {
  color: #b72020;
  font-family: Roboto, sans-serif;
  font-size: 1.1em;
}

#footer-widgets .af-red-button a {
  display: inline-block;
  width: 68%;
  background: #8b0027;
  padding: 3px 6px 3px 6px;
  color: #fff;
  font-family: Roboto, serif;
  font-weight: 500;
  font-size: 1.1em;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer-widgets .af-red-button a:hover { background: #b72020; color:#fff!important; }


.widget ul {
    list-style: none;
    padding:0;
    margin:0;
}

.widget li { 
    padding-left: 1em; 
    text-indent: -.7em;
}

.widget li:before {
    content: "\2023"; /* hex code for arrow */
    color: #b72020; /* bullet color */
	padding-bottom: 0.26em;
}

#footer-widgets .quote-box a {
  display: inline-block;
  width: 90%;
  background: #b72020;
  padding: 14px 7px 16px 7px;
  color: #fff;
  font-family: Roboto, serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.32em;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#footer-widgets .quote-box h3 { color: #f9f9f9; }

#footer-widgets .quote-box a:hover { color: #ededed; background: #cc0000; }

#footer-widgets .widget-small-text { font-size: 0.7em; }

/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
	
#header #logo img { height: 100px; width: 184px; }

#header #logo { display: block; max-width: 220px; margin: 1.6em 0 1.4em 2em; }

#navigation ul.nav > li.current-menu-item > a { color: #b72020; }
	
}