/*
Theme Name:     TWG Canvas
Theme URI:      http://www.the-web-guys.com
Description:    TWG Canvas
Author:         The Web Guys
Author URI:     http://www.the-web-guys.com
Template:       canvas
Version:        1.0
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url("style-2.css");
/* @import url("../canvas/style-nonresponsive.css"); */
@import url("canvas-overrides.css");
/* @import url("full-width.css"); */
@import url("framed.css");
@import url("content-styles.css");
@import url("responsive.css");
.hreview .description a { color:#FFF !important; }
/* -------------------------------- */
/* editable styles ---------------- */
/* -------------------------------- */

#input_10_2, #input_10_3 {width: 100%;}
#gform_submit_button_10 {display: block !important; min-width: 100%; min-height: 50px; margin-top: 25px;}
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .medium.button, body #wrapper #content .medium.button:visited, body #wrapper #gform_10 #content #respond .form-submit input#submit {font-size: 16px;}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
 width: 100% !important;
}

/* framework styles --------------- */

/* hyperlinks */
#content p a {color: #94140D; text-decoration: underline }
#content p a:hover {color: #000; text-decoration: underline }
#content ul a {color: #94140D; text-decoration: underline }
#content ol a {color: #94140D; text-decoration: underline }
#content ul a:hover {color: #000; text-decoration: underline }
#content ol a:hover {color: #000; text-decoration: underline }

h3.actfast {
    color: #CC1900;
}

h3.couponbutton {
    font-family: 'Open Sans';
    font-weight: bolder !important;
    font-size: 16px !important;
    letter-spacing: .5px !important;
}

ul.grid.col-four.no-border.center-block {
	    margin: 0px 30px 15px 0px !important;
}

ul.grid.col-one.no-border.image {
    margin-right: 30px !important;
}

ul.grid.col-two.no-border.image {
    margin-right: 30px !important;
}

span.hreview-count {
    display: none;
    visibility: hidden;
}

span.hreview-average {
    display: none;
    visibility: hidden;
}

/* font family if different than defaults */

body * {}
#nav-container a, .button {font-family: 'open sans'}
h1, #main h2, #main h3, #sidebar h3, h4, h5, h6 {font-family: 'open sans'}

/* body background - if using framed css */

body {background: url("../jpg/main-bg.jpg"); background-repeat: repeat !important}

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 5px solid #777777;
    box-shadow: 0 0 10px #444;
    margin: 20px auto !important;
    padding: 0;}

/* header background color */

#header-container {background: #fff; border-bottom: 3px solid #B01710}

/* header height */

#header {height: 105px}

/* header element positions */

#logo {margin: 0 0 0 10px} /* to position from top left */
/* #logo {width: 100%; text-align: center} */ /* to center */
.badges {top: 0; right: 0}
.addthis_toolbox {display: block; margin-left: auto; margin-right: auto; position: relative; right: 0; top: 13px; width: 240px;}

/* navigation background color - also used for call to action & general button background */

#nav-container, html body #wrapper #content .button, .calltoaction, #header .nav-toggle {background: #686868; /* Old browsers */
background: -moz-linear-gradient(top,  #686868 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #686868 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #686868 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #686868 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #686868 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 /* nav background */; border-top: 0px solid #BF020A;}
#navigation a {font-size: .92em}

#navigation ul.nav li ul.sub-menu {box-shadow: 0px 0px 6px -1px; min-width: 225px}

/* nav etc text colors */

#navigation ul.nav li a, html body #wrapper #content .button, html body #wrapper #content .button:visited, .calltoaction h2, .calltoaction h3 {color: #fff}

/* nav etc background on hover */

#navigation ul.nav li:hover > a, #navigation ul.nav li ul.sub-menu, html body #wrapper #content .button:hover, .calltoaction:hover {background: #BF020A}

/* nav etc text on hover */

#navigation ul.nav li:hover > a, html body #wrapper #content .button:hover, .calltoaction:hover h2, .calltoaction:hover h3 {color: #fff}

/* nav divider color */

#navigation ul.nav > li {border-right: 0px solid #3c4e7a !important}
#navigation ul.nav ul {border: 0px !important}


/* subnav colors */

ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {color: #fff ; background: #BF020A}
ul.nav li.current_page_item:hover a, ul.nav li.current_page_parent:hover a, ul.nav li.current-menu-ancestor:hover a, ul.nav li.current-cat:hover a, ul.nav li.current-menu-item:hover a {color: #fff }
#navigation ul.nav li ul.sub-menu li a {color: #000 ; text-decoration: none !important; background: #f6f6f6 !important}
#navigation ul.nav li ul.sub-menu li a:hover {color: #fff !important; background: #BF020A !important}
#navigation ul.nav li ul.sub-menu {padding: 0px !important; margin-left: 1px; width: 230%; border: 1px solid #ddd}

#navigation ul.nav li ul.sub-menu li.current_page_item a {color: #666 !important}
#navigation ul.nav li ul.sub-menu li.current_page_item a:hover {color: #fff !important} 

/* footer menu background and/or border color */

#footer-widgets-container {background: #fff; border-top: 1px solid #ddd}
#footer-widgets {padding: 20px 0}
#menu-footer-menu li {display: inline; margin: 0 10px 0 0} /* comment out this line if you go with a vertical fat footer */

/* footer background color */

#footer-container {background: #fff}
#footer-widgets a {text-decoration: none !important}
#copyright a:hover {text-decoration: none !important}
#copyright a {text-decoration: none !important}
.webguys a{color: #999999 !important}
.webguys a:hover {text-decoration: none !important}
.webguys img {opacity: .4}
#credit, #copyright {visibility: hidden !important;}
#menu-footer-menu a, #footer a {color: #94140D}
#menu-footer-menu a:hover, #footer a:hover  {color: #000}

/* content styles ----------------- */
/* only need modified if unhappy with default styling */

/* hide mobile contact block */
.mobile-contact {display: none}

/* for button grid */

.grid {border-top: 1px solid #ddd} /* top border */
.grid li {border-right: 1px solid #ddd; margin-right: -1px} /* right border - border width must match negative right margin */
.grid li:after {border-bottom: 1px solid #ddd; height: 20px} /* bottom border - height is spacing from bottom of element to border */
.grid li img {max-width: 95%} /* max width of image within element */
.grid.no-border li img {max-width: 100%} /* max width of image if using no-border flag */
.grid .options ul {margin: 10px; border: 1px solid #ddd}
.grid .options li {border-bottom: 1px solid #ddd}
.grid .options li a {background: #eee; padding: 2px 5px}
.grid.col-four.no-border.home li {font-size: 12px; margin-right: 5px;}
.grid.col-four.no-border.home > li { width: 24%;}
.grid .options ul { border: 0 solid #DDDDDD; margin: 5px 0;}
.grid .options li a {background: none repeat scroll 0 0 #EEEEEE; padding: 5px; text-decoration: none !important;}
.grid.col-four.no-border.home .button {width: 80%; border-radius: 0px !important}

/* for asset detail */

.phototext {margin: 15px 0; padding: 20px 0}
.phototext .heading {font-size: 18px}
.phototext .heading a.button {margin: 0 0 10px 15px}
.phototext .subheading {font-size: 14px}
.phototext li {border-top: 1px solid #ddd; padding: 2px 0}
.phototext.fifth img {width: auto}
.phototext.fifth {border-bottom: 0px; margin-bottom: -15px}
.phototext.fifth .text {width: 80%}
.phototext.third {border-bottom: 0px}
.phototext.third .text { margin-bottom: -30px;}

.phototext.slim {border: none;   padding-bottom: 0;}
.phototext.slim .photo {width: 5%;}
.phototext.slim .heading h3 {margin-top: -1%; padding-left: 4px; font-size: 18px;}
.phototext.slim .heading {margin-bottom: 15px !important; letter-spacing: -0.7px;}
.phototext.slim .heading > img { float: left; padding-right: 8px; margin: 5px 0px 5px 5px; width: 45px; background: none !important}
.phototext.slim li {border-top: medium none; list-style: disc outside none; margin-left: 5%;}
.phototext.slim .text p {margin-bottom: 15px; padding: 5px 10px;}
.phototext.slim .text {background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; border-radius: 10px; padding-left: 2%; width: 98%;}
.phototext.slim ul {margin: 15px 0; padding: 0 10px;}

/* for pricing tables */

.data {margin: 15px 0; font-size: 12px}
.data td {border: 1px solid #ddd; padding: 5px 5px}
.data .heading td {background: #ddd; font-weight: bold; font-size: 12px}
.data .subheading td {background: #eee}
.data .rowheading {font-weight: bold}

/* for stuff3 */

.iconbox {border: 1px solid #ddd; padding: 20px; margin: 15px 0}
.iconbox h3 {text-align: center; font-size: 24px; border-bottom: 1px solid #ddd; margin: 0; padding-bottom: 10px}
.iconbox li {padding: 2px 0}
.iconbox .heading {font-weight: bold; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 14px}
  
/* call to action button */
  
.calltoaction {text-align: center; margin: 15px 0; padding: 10px 20px ; border-radius: 5px; box-shadow: 0 0 5px #ccc; color: #fff; font-size: 24px; }
.calltoaction2 {text-align: center; margin: 15px 0; padding: 10px 20px; border-radius: 5px; box-shadow: 0 0 5px #ccc; color: #fff;}
.calltoaction h2, .calltoaction h3 {font-size: 36px; font-weight: normal; letter-spacing: -1px}
.calltoaction h3 {text-transform: uppercase; letter-spacing: 2px; font-size: 18px}
.calltoaction a {text-decoration: none !important}

/* blog page */
#recent-posts-3 {text-align: center}
#recent-posts-3 h3 {font-size: 18px}
#categories-3 {text-align: center}
#categories-3 h3 {font-size: 18px}
#archives-2 {text-align: center}
#archives-2 h3 {font-size: 18px}
#linkcat-6 {text-align: center}
#linkcat-6 h3 {font-size: 18px}

/* blog formatting */
.entry-title {font-size: 26px !important; line-height: 1.2em !important}
.page-title {font-size: 20px !important; margin-top: -50px; margin-bottom: 80px; line-height: 1.2em !important}
.single #primary {width: 640px; margin-right: 20px !important}
.single #content {margin-top: 0px !important}
.single h3 {font-size: 15px !important}
.comments-link {display: none}
.entry-meta {margin-top: 10px; margin-bottom: -20px}
.entry-content h3 {font-size: 15px !important}
.archive h1 {font-size: 22px !important; margin-bottom: 15px; margin-top: 3px}

/* xfeature */
.xfeature {border: 2px solid #BF020A; box-shadow: 0 0 10px #999; margin-left: 10px; margin-right: 10px; border-radius: 5px; padding: 15px; margin-bottom: 15px; background: #686868; /* Old browsers */
background: -moz-linear-gradient(top,  #686868 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #686868 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #686868 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #686868 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #686868 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.xfeature img {background: none}
.xfeature h3 {text-align: left; font-size: 18px; color:#ffffff}
.xfeature p b {text-align: left; color: #a4a4a4 !important;}
.xfeature p {text-align: left; color: #ffffff !important;}

/* twitter feed */
#woo_twitter-2 .back {background: #333333;}
#woo_twitter-2 p {color: #333}
#woo_twitter-2 ul li {color: #333}
#woo_twitter-2 ul li a {}

/*twitter widget*/
#woo_twitter-2 {background: none repeat scroll 0 0 #333333; border: 3px solid #888888; box-shadow: 0px 0px 20px -6px; padding: 7px;}
#woo_twitter-2 h3 {background: none repeat scroll 0 0 #333333; border-bottom: 1px solid #555555; color: #ffffff; font-size: 18px; padding-bottom: 1%; text-align: center; text-transform: uppercase}
#woo_twitter-2 a {color: #000000;}
#woo_twitter-2 a:hover, #woo_twitter-2 p {color: #000000;}
#woo_twitter-2 .back {background: none repeat scroll 0 0 #DDDDDD;  border-radius: 5px; color: #000000; padding: 5px 10px;}
#woo_twitter-2 .content {font-size: 13px !important;}

.widget.widget_woo_twitter h3 {
   font-size: 18px !important;
   text-align: center;
   padding-bottom: 5px !important;
   color: #fff;}

.widget_woo_twitter ul li .content {
   font-family: 'open sans' !important}

.widget.widget_woo_twitter .back {background: #f6f6f6}

/* contact form */
#gform_widget-2, #gform_1 {padding: 5px 5px 5px 10px; background: #ddd; color: #333333; border-radius: 10px;}
#gform_1 {padding: 15px !important; box-shadow: 0 0 20px -10px !important;}
#gform_widget-2 {background: #548d45}

#gform_widget-2 h3 { border-bottom: 0 none; color: #ffffff; font-size: 22px; margin: 5px 0 -20px !important; text-align: center; text-transform: uppercase;}
#gform_widget-2 #input_1_5 {width: 284 !important}
#gform_1 #input_1_5 {width: 99% !important;}
#gform_widget-2 #input_1_6 {width: 97% !important;}
#input_1_6 {width: 98% !important;}
#gform_submit_button_1, #gform_submit_button_2  {display: block !important; margin-left: auto; margin-right: auto !important; width: 150px;}
.gform_title {font-size: 24px !important; text-align: center; text-transform: uppercase; color: #990000; }
#gforms_confirmation_message {color: #fff !important}

#gform_2 {padding: 15px !important; background: #eeeeee; border-radius: 10px; box-shadow: 0px 0px 20px -6px #333333 }
#gform_2 #input_2_5 {width: 260px !important}
#gform_2 .gform_title {color: #272262 !important;}

#gform_wrapper_1 .gform_title {color: #990000; margin: -5px 0px}

#gform_4 .gform_title {margin-bottom: 10%;}

/* Phone */
.phone {font-size: 28px; text-align: center; color: #222 !important; font-weight: bold; letter-spacing: 2px; }

.mobilemore {display: none}

/* resizing first child in next gen gallery */
.phototext.full .ngg-galleryoverview > :first-child div a img {height: 165px; width: 215px; max-width: 215px}

#employment {background: none repeat scroll 0 0 #EEEEEE; padding: 12px 8px 1px;}
#employment h2 {text-align: center; padding-bottom: 5px}
#employment h2 a {text-decoration: none; color: #000}
#employment p {text-align: center}
#employment img {padding-right: 4px}

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
	margin-top:10px}
.wp-caption img {border-color: #eee;}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;}

.content-photo {margin-bottom: 10px}

#loopedSlider {
    background: none repeat scroll 0 0 #000000;
    margin: -30px 0 15px -20px;
    width: 104.3% !important;}
.slides {display: block; text-align: center !important;  padding-top: 8px;}
a.flex-prev:before, a.flex-next:before, #post-gallery .pagination .jcarousel-prev:before, #post-gallery .pagination .jcarousel-next:after {color: #fff !important; opacity: .3}

/* coupon forms 12/3/12 */
.couponform  {background: #eee;color: #333333;border-radius: 15px;margin-bottom: 25px;border: 2px solid #c9c9c9;width: 45%;margin-right: 20px;float: left;}
/*.couponform #gform_9, #gform_7, #gform_4 {height: 591px !important;}*/
.couponform {padding: 10px !important; box-shadow: 0 0 20px -6px !important; }
.couponform #gform_2, #gform_5, #gform_6 {padding-bottom: 35px !important;}

.couponform h3 {font-size: 22px; line-height: 25px; text-align: center; text-transform: uppercase}
.couponform h2 {font-size: 16px; font-weight: bold; font-family: eurostile }
.couponform #gform_widget-2 #input_1_5 {width: 284 !important}
.couponform #gform_1 #input_1_5 {width: 99% !important; height: 80px}
.couponform #gform_submit_button_3, #gform_submit_button_4, #gform_submit_button_5, #gform_submit_button_6, #gform_submit_button_7, #gform_submit_button_8, #gform_submit_button_9 {display: block !important; margin-left: auto; margin-right: auto !important; width: 150px; border-bottom: none !important; background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top, #cc0000 0%, #7f0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#7f0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cc0000 0%,#7f0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cc0000 0%,#7f0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cc0000 0%,#7f0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #cc0000 0%,#7f0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7f0000',GradientType=0 ); /* IE6-9 */
padding-top: 5px; padding-bottom: 5px; border-radius: 10px; color: #ffffff;}
.couponform #gform_submit_button_3:hover, #gform_submit_button_4:hover, #gform_submit_button_5:hover, #gform_submit_button_6:hover {background: #333333;}
.couponform .gform_title {font-size: 24px !important; text-align: center; text-transform: uppercase; line-height: 25px; padding-bottom: 5px;}
.couponform #gform_submit_button_5, #gform_submit_button_6 {margin-bottom: 15px; }

.detailing h3 {color: #990000 !important; margin-bottom: -10px; font-size: 15px !important}
/*.entry img {padding-right: 2px} */

.gform_fields.top_label.description_below {margin: -15px 5px !important;}
.post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited {text-decoration: none !important}

.socmed {margin-left: 700px; margin-top: -50px;}

.post-meta {display:none}

#sidebar {   transform: translateZ(0);  }

.gform_body input {margin-bottom: 5px;}

@media (max-width:1020px) {

.socmed {margin-left: 0px; margin-top:-85px;}
.webguys {margin-top:55px;}
}

.clearfix {
    width: 100%;
    display: block;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    line-height: .5 !important;
}

.gform_wrapper form {
    margin: 0 11px 15px !important;
}