/*
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("../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");
@import url(https://fonts.googleapis.com/css?family=Gudea:400,400italic,700);

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

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

body.page-id-16 .request {
	display: none !important;}

#input_1_16 iframe {width:200px;}

@media (max-width:767px) {
	#input_1_16 iframe {width:300px;}
}

/* hyperlinks */
#content p a {color: #1a304e !important; text-decoration: underline }
#content p a:hover {color: #000; text-decoration: underline }
#content ul a {color: #3A5D8D !important; text-decoration: underline }
#content ol a {color: #3A5D8D !important; text-decoration: underline }
#content ul a:hover {color: #000; text-decoration: underline }
#content ol a:hover {color: #000; text-decoration: underline }
.entry, .entry p {color: #1a304e !important;}

/* font family if different than defaults */

body * {}
#nav-container a, .button {font-family: 'gudea' !important; font-weight: bold; font-size: 16px}
h1, #main h2, #main h3, #sidebar h3, h4, h5, h6 {font-family: 'gudea' !important;}
h1, h2 {color: #1a304e !important}


/* body background - if using framed css */

body {}

/* header background color */

#header-container {background: url("/wp-content/images/background.jpg"); border-bottom: 3px solid #233854}

/* header height */

#header {height: 250px}

/* header element positions */

#logo {margin: 40px 0 0 5px;} /* to position from top left */
/*#logo {width: 100%; text-align: center; margin: 36px 0 0;} /* to center */
.badges {top: 0; right: 0}
.addthis_toolbox {top: 40px; right: 0}

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

#nav-container, html body #wrapper #content .button:visited, #header .nav-toggle {background: url("/wp-content/images/nav-bar.jpg") }
html body #wrapper #content .button {background: #305687; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNTY4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDdlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #305687 0%, #407ead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305687), color-stop(100%,#407ead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #305687 0%,#407ead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #305687 0%,#407ead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #305687 0%,#407ead 100%); /* IE10+ */
background: linear-gradient(to bottom,  #305687 0%,#407ead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305687', endColorstr='#407ead',GradientType=0 ); /* IE6-8 */}

/* 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}
html body #wrapper #content .button {font-size: 18px !important;}

/* 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: #233854;}

/* nav etc text on hover */

#navigation ul.nav li:hover > a, html body #wrapper #content .button:hover {color: #fc9822 !important; text-decoration: none !important;}
.calltoaction:hover h2, .calltoaction:hover h3 {color: #fc9822 !important; text-decoration: none !important;}
/* nav divider color */

#navigation ul.nav > li {border-right: 0px solid #233854 !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: none; color: #fc9822 !important}
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: #fc9822 !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}
.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%} /* 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}

/* 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; text-align: center;}
.data .heading td {background: #ddd; font-weight: bold; font-size: 12px}
.data .subheading td {background: #eee}
.data .rowheading {font-weight: bold}
.ph {color: #FFFFFF; font-family: 'gudea'; font-weight: bold; font-size: 20px !important; text-align: center; background: #305687; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNTY4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDdlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #305687 0%, #407ead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305687), color-stop(100%,#407ead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #305687 0%,#407ead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #305687 0%,#407ead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #305687 0%,#407ead 100%); /* IE10+ */
background: linear-gradient(to bottom,  #305687 0%,#407ead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305687', endColorstr='#407ead',GradientType=0 ); /* IE6-8 */}


/* 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; background: #305687; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNTY4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MDdlYWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #305687 0%, #407ead 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#305687), color-stop(100%,#407ead)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #305687 0%,#407ead 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #305687 0%,#407ead 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #305687 0%,#407ead 100%); /* IE10+ */
background: linear-gradient(to bottom,  #305687 0%,#407ead 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305687', endColorstr='#407ead',GradientType=0 ); /* IE6-8 */}
.calltoaction h2  {font-family: 'gudea'; font-size: 36px; font-weight: bold; letter-spacing: -1px; color: #fff !important;}
.calltoaction h3 {font-family: 'gudea'; text-transform: uppercase; letter-spacing: 2px; color: #fff !important; 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}
.read-more > a {color: #233854;}
.read-more > a:hover {color: #000;}
.post-comments.comments > a {color: #233854}
.post-comments.comments > a:hover {color: #000}
.title > a {color: #233854 !important}
.title > a:hover {color: #000 !important}

/* xfeature */
.xfeature {padding: 15px; margin-bottom: 15px; background: #d4e5f3; box-shadow: 0 0 8px #233854 !important; border: 0px solid #233854;}
.xfeature h3 {text-align: center; color: #233854}

/* twitter feed */
#woo_twitter-2 .back {background: #BD1200;}
#woo_twitter-2 p {color: #fff}
#woo_twitter-2 ul li {color: #fff}
#woo_twitter-2 ul li a {color: #AFD4E0}
#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 (please note that widget-2 etc refers to a particular form; make sure the number is set to the correct form)*/
#gform_widget-2 {padding: 5px; background: #eee; color: #333333; border-radius: 10px;}
#gform_widget-2 h3 {font-size: 22px; color: #333333; border-bottom: 1px solid #fff; text-align: center; text-transform: uppercase}
.couponform #gform_widget-2 h2 {font-size: 16px; color: #333333; font-weight: bold; font-family: 'gudea'}
#gform_widget-2 #input_1_5 {width: 284 !important}

#gform_1 {padding: 15px !important; background: #d4e5f3; border-radius: 5px; border: 2px solid #233854; color: #272262}
#gform_1 h3 {color: #233854 !important; font-size: 16px; margin: 25px 0 -15px 0}
#gform_1 h2 {font-size: 16px !important; color: #233854 !important; font-family: 'gudea'; text-align: center;}
#gform_1 .gfield_label {font-size: 12px !important; color: #233854 !important}
#gform_1 .gform_title {font-size: 22px !important; text-align: center; text-transform: uppercase; border-bottom: 0px solid #233854; width: auto; margin-top: 5px}
#gform_1 #field_1_6 {width: auto}
#gform_1 #input_1_8 {width: 96% !important}
#content .button {padding: 12px !important; font-size: 14px !important;}
.gform_wrapper .gform_footer {text-align: center;}
.widget.gform_widget {background: none repeat scroll 0 0 #233854; border-radius: 5px 5px 5px 5px; padding: 5px 5px 5px 10px;}

#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: 40px; text-align: center; color: #1a304e !important; font-family: 'gudea';font-weight: bold; letter-spacing: 1px; }

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

#sidebar .widget_nav_menu {margin: -10px 0 20px; background: #0D4793 !important; border: 4px solid #ccc; border-radius: 0 20px 0 20px !important}
#sidebar .widget_nav_menu a{font-size: 18px; padding: 0 20px !important; color: #eee; text-decoration: none !important; font-family: gabriela }
#sidebar .widget_nav_menu a:hover {color: #eee}
#sidebar .widget_nav_menu ul {padding: 10px 0 15px}
#sidebar .widget_nav_menu li {margin: 5px 0 0px; height: 2em; }
#sidebar .widget_nav_menu li:hover {background: #3F6DA8; cursor: pointer}

/* Contact Form Field Background */

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {background: #fff}

/*Sidebar on Blog POsts */

.singular #content, .left-sidebar.singular #content {
margin: 0 7.6%;
position: absolute;
}

.singular #content {
margin: 0;
width: 640px;
}

/* hiding things */
#credit {visibility: hidden !important;}
#wrapper #navigation ul.rss {display: none !important;}
.webguys a, #copyright a {text-decoration: none !important; color: #999999 !important;}

/*Footer hypderlinks, content size*/
#footer-widgets a {color: #000; text-decoration: underline }
#footer-widgets a:hover {color: #000; text-decoration: underline }
#content p, #footer-widgets a {font-size: 14px;}

/*Grids*/
.grid.col-three.no-border li img {max-width: 97%;}
.grid.col-two li img {max-width: 97%;}
.grid.col-two.no-border.rentals {margin-left: auto !important; margin-right: auto !important; padding-left: 5px; text-align: center; width: 70% !important}
.grid.col-two.no-border.locations {margin-left: auto !important; margin-right: auto !important; padding-left: 5px; text-align: center;}
body.page-id-370 .grid.col-two.no-border.rentals {margin-left: 0px !important; margin-right: 0px !important; padding-left: 5px; text-align: center; width: 67% !important}


/*double map*/
.double.map {font-size: 15px !important}
.double.map  p a {color: #233854 !important}
.double.map  p a:hover {color: #000; text-decoration: underline !important;}


.widget h3 {font-size: 18px !important;}

.entry > ul {font-size: 14px;}
.socmed {
    margin-top: -15px;
    margin-bottom: 25px;}