/*
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(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700);
@import url("../canvas/style.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");

/* -------------------------------- */
/* editable styles ---------------- */
/* -------------------------------- */

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

/* hyperlinks */
#content p a {color: #655946; text-decoration: underline }
#content p a:hover {color: #9F9177; text-decoration: underline }
#content ul a {color: #655946; text-decoration: underline }
#content ol a {color: #655946; text-decoration: underline }
#content ul a:hover {color: #9F9177; text-decoration: underline }
#content ol a:hover {color: #9F9177; text-decoration: underline }

/* font family if different than defaults */

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

/* body background - if using framed css */

body {}

/* header background color */

#header-container {background: #fff;}

/* header height */

#header {height: 150px; background-position: top left !important;}

/* 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 {top: 5px; right: 20px}

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

#nav-container, html body #wrapper #content .button, .calltoaction, #header .nav-toggle {background: url("/wp-content/images/back_nav.gif") repeat-x scroll 0 0 transparent;}

/* 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, .calltoaction:hover, #navigation ul.nav li ul.sub-menu:hover {background: url("/wp-content/images/back_nav_on.gif") repeat-x scroll 0 0 transparent;}
html body #wrapper #content .button:hover {background; #9E907B !important}
.calltoaction {border: 2px solid #A0C3DA}


/* 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; background; #9E907B !important}

/* nav divider color */

#navigation ul.nav > li {border: 0 !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 {background: inherit;}
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 !important}
#navigation ul.nav li ul.sub-menu li a {color: white !important}
#navigation ul.nav li ul.sub-menu li a:hover {color: white !important}

/* footer menu background and/or border color */
#footer {
    padding: 0 0 20px 0;}
#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}
.webguys a{color: #999999 !important}
.webguys a:hover {text-decoration: none !important}
.webguys img {opacity: .9}


/* 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% !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;} /* 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 {
    margin: 5px;
    border: 1px solid #A0C3DA;
    padding: 10px 6px;
    min-height: 80px;
    background: #f9f9f9;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}

.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}

/* 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}

/* 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}
.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-2 {text-align: center}
#recent-posts-2 h3 {font-size: 18px}
#categories-2 {text-align: center}
#categories-2 h3 {font-size: 18px}
#archives-2 {text-align: center}
#archives-2 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: 3px solid #A0C4DA;
    border-radius: 5px;
    padding: 15px;
    font-size: 15px;
    background: #fcfcfc;
    width: calc(100% - 40px);
    margin: 0 auto;
    margin-bottom: 20px;}
.xfeature h3 {text-align: center; border-bottom: 1px solid #fff; }
.xfeature li {margin: 5px 0}

.xfeature-large {
    border: 3px solid #A0C4DA;
    border-radius: 5px;
    padding: 15px 15px 8px;
    margin: 0 0 15px;
    font-size: 15px;
    width: calc(100% - 55px);
    background: #fcfcfc;
}

.xfeature-large h3 {
    padding: 5px 0;
    border-bottom: 1px solid #A0C4DA;
    color: #645945;
    letter-spacing: 2px;
    margin: -13px 0 13px;}
.xfeature-large li {margin: 5px 0}

/* twitter feed */
#woo_twitter-2 {width: 92%}
.widget.widget_woo_twitter {background: #A0C4DA !important}
#woo_twitter-2 .back {background: #fdfdfd;}
#woo_twitter-2 p {color: #333}
#woo_twitter-2 ul li {color: #333}
#woo_twitter-2 ul li a {color: #8A7C64}
#woo_twitter-2 ul li a:hover {color: #3C8FAE}

/* twitter feed - alternative (REMOVE ONE)*/
.widget.widget_woo_twitter {
/*    border: 1px solid #000 */
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius; 10px;
    padding: 10px;
    background-color: #6A5A26;}

.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_1 {padding: 5px !important; background: #f6f6f6; border-radius: 5px; border: 3px solid #A0C3DA; color: #333}
#gform_1 h3 {color: #333!important; font-size: 16px; margin: 25px 0 0; border: 0 !important}
#gform_1 h2 {font-size: 16px !important; color: #272262; font-family: inherit; text-align: center;}
#gform_1 .gfield_label {font-size: 12px !important}
#gform_1 .gform_title {font-size: 22px !important; text-transform: uppercase; border-bottom: 1px solid #A9B1CC; width: auto; margin-top: 5px}
#gform_1 #field_1_6 {width: auto}
#gform_1 #input_1_4 {width: 98% !important}

#gform_2 {padding: 15px !important; background: #eeeeee; border-radius: 5px; border: 2px solid #272262; color: #272262 }
#gform_2 #input_2_5 {width: 260px !important}
#gform_2 .gform_title {color: #272262 !important;}

/* Phone */
.phone {font-size: 30px; text-align: center; color: #000 !important; font-weight: bold;}
.phone #phone-secondary {font-size: 20px; color: #f24535; padding: 5px}

.mobilemore {display: none}

.logos {margin-top: 10px; margin-left: 85%; position: absolute}
.logos img {padding: 0 1px}

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

.promo {border: 1px solid #e8e4d2; float: left; width: 42%; height: auto; padding: 15px; margin: 0 10px 10px 0}
.promo h3 {margin: -12px -12px 1px -12px; background-image: url(/wp-content/images/back_nav.gif); color: #ffffff; font-size: 16px; padding: 8px 5px; text-align: center}
.promo ul {margin: 0; padding: 0; list-style: none}
.promo ul li {border-bottom: 1px solid #e8e4d2; text-align: center; padding: 15px 5px; font-size: 12px; list-style: none}
.promo ul li.last {border-bottom: 0}

.pages img {max-width: 47%; padding: 3px; border: 1px solid #A0C3DA;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.pages {margin: 15px 0}

.pages-sidebar img {max-width: 95%; margin: 5px 0; border: 1px solid #A0C3DA; padding: 3px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}

 /*BK*/

#menu-footer-menu, #footer-container{text-align:center;}
#footer-container a{color:#999;}

.gform_wrapper .gform_footer{text-align:center;}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
    padding: 12px 25px !important;
    margin: 10px auto;
    width: 180px;
    display: inline-block !important;
    float: none;
    font-size: 15px !important;
}

#gform_1 {
    padding: 15px !important;
    background: #eeeeee;}

.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url] {
    width: 91.5% !important;
}

.visible-sm, #post-author, #linksalpha_tag_1300390737{display:none;}

.cta{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#685943+0,261e15+100 */
background: #685943; /* Old browsers */
background: -moz-linear-gradient(top,  #685943 0%, #261e15 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #685943 0%,#261e15 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #685943 0%,#261e15 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#685943', endColorstr='#261e15',GradientType=0 ); /* IE6-9 */
color:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

a.cta:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a08968+0,54422f+100 */
background: #a08968; /* Old browsers */
background: -moz-linear-gradient(top,  #a08968 0%, #54422f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a08968 0%,#54422f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a08968 0%,#54422f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a08968', endColorstr='#54422f',GradientType=0 ); /* IE6-9 */
}
a.cta.shadowed {
    padding: 15px 10px;
    color: #eee !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    width: calc(100% - 30px);
    display: block;
    text-decoration: none !important;
    box-shadow: 2px 3px 5px rgba(118, 106, 84, 0.86);
}

.shadowed span.line1{
font-size:25px;
display:block;
width:100%;
color:#cfccb7;
}

#sidebar .widget{
border: 1px solid #e6e6e6;
padding: 10px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

#sidebar .widget h3{
    padding-bottom: 7px;
    font-size: 20px !important;
    margin-bottom: 10px;}

.screen-reader-text{display:none !important;}

#gform_widget-2, #text-2, #text-9, #text-7{
    border: 0 !important;
    padding: 0 !important;
}

.gfield_captcha_container {
        float: left;
        background: #fff;
        padding: 8px 4px 0px;
        border-radius: 4px;
        width:97%;
    }

    .gform_wrapper .gfield_captcha_input_container,
    body .gform_wrapper .gfield_captcha_container img.gfield_captcha {
        display: inline-block !important;
            margin: 3px auto !IMPORTANT;
    DISPLAY: block !important;
    }

    .gform_wrapper .simple_captcha_medium input {
        width: 100px !important;
        float: left !important;
    }

.gform_wrapper .gfield_captcha_input_container, body .gform_wrapper .gfield_captcha_container img.gfield_captcha

.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, #input_1_5, .gfield_captcha_input_container.simple_captcha_medium{width: 97.5% !important;}

.wg-logo {
    margin: 20px 0;
}

.wg-logo img {
    opacity: .5;
}

#footer, #footer p{line-height:19px !important;}

.gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large{
    width: 97.5% !important;}

.grid .shadowed{margin-bottom:20px;}