/*!
Theme Name: TP Corporate Lodging
Theme URI: http://southernweb.com
Author: Southern Web
Author URI: http://southernweb.com
Description: Custom WordPress them for TP Corporate Lodging by Southern Web
Version: 0.9
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tpc
Tags:

 base is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

*/
/* ========================================================================== Mixins ========================================================================== */
/* Mixin for easy media queries @include bp(tablet) { SCSS here }; */
/* Mixin for clearfix @include clearfix; */
/* Mixin for basic CSS triangles @include triangle(up, #000, 50px) */
/* @font-face mixin Bulletproof font-face via Font Squirrel @include fontface('family', 'assets/fonts/', 'myfontname'); */
/* ========================================================================== Variables ========================================================================== */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/* HTML5 Boilerplate What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #444; line-height: 1.5; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: orange; text-shadow: none; }

::selection { background: orange; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images, videos, audio and canvas and the bottom of their containers: h5bp.com/i/440 */
audio, canvas, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Border-box all the things! ========================================================================== */
*, :before, :after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* ========================================================================== General ========================================================================== */
body { font-size: 16px; font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 400; }

/* ========================================================================== Links ========================================================================== */
a, a:visited { color: #3885ba; text-decoration: none; }

a:hover { color: #3885ba; }

/* ========================================================================== Images ========================================================================== */
img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

/* ========================================================================== Typography ========================================================================== */
h1 { font-size: 1.8em; text-transform: uppercase; }

h2 { font-size: 1.7em; margin: 0 0 0.5em 0; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.3em; }

h1, h2, h3, h4, h5, h6 { font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

p { margin-bottom: 1.5em; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

/* ========================================================================== Alignment ========================================================================== */
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin: 0 auto; }

/* ========================================================================== Accessiblity ========================================================================== */
/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

/* ========================================================================== Clearings ========================================================================== */
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/* ========================================================================== Wrap ========================================================================== */
.wrap { margin: 0 auto; position: relative; max-width: 92%; }

.wrap:before, .wrap:after { content: " "; /* 1 */ display: table; /* 2 */ }

.wrap:after { clear: both; }

@media screen and (min-width: 980px) { .wrap { width: 960px; } }

@media screen and (min-width: 1200px) { .wrap { width: 1100px; } }

/* ========================================================================== Infinite Scroll ========================================================================== */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer { display: block; }

/* Buttons */
a.button { display: block; padding: 10px 20px; background: #40465a; background: rgba(64, 70, 90, .8); color: #d5d6d9; text-align: center; text-transform: uppercase; border-radius: 5px; }

a.button:hover { background: #40465a; color: #fff; }

a.button.blue { background: #3885ba; color: #fff; }

/* ========================================================================== Grid ========================================================================== */
.grid { margin: 0 0 40px 0; }

.grid:before, .grid:after { content: " "; /* 1 */ display: table; /* 2 */ }

.grid:after { clear: both; }

@media (min-width: 768px) { [class*='col-'] { float: left; padding-right: 40px; }
  .grid [class*='col-']:last-of-type { padding-right: 0; }
  .col-1-2 { width: 50%; }
  .col-1-3 { width: 33.33%; }
  .col-2-3 { width: 66.66%; }
  .col-1-4 { width: 25%; }
  .col-3-4 { width: 75%; }
  .col-1-8 { width: 12.5%; }
  .col-7-8 { width: 87.5%; }
  .module { padding: 40px; } }

/* Opt-in outside padding */
.grid-pad { padding: 40px 0 40px 40px; }

.grid-pad [class*='col-']:last-of-type { padding-right: 40px; }

/* ========================================================================== Layout ========================================================================== */
@media (min-width: 768px) { .content-area { float: left; width: 70%; }
  .site-content .widget-area { float: right; overflow: hidden; width: 25%; }
  .site-footer { clear: both; width: 100%; } }

/* ========================================================================== Header ========================================================================== */
.top-nav { background: #40465a; }

.top-nav .phone-top-nav { float: left; color: #fff; font-size: 13px; padding: 8px 10px; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; }

.top-nav .phone-top-nav:hover { color: #87ceff; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; }

.top-nav ul { margin: 0; }

.top-nav ul li { margin: 0; list-style: none; float: right; }

.top-nav ul li a { display: block; color: #d5d6d9; font-size: 11px; padding: 8px 10px; }

@media (min-width: 768px) { .top-nav ul li a { text-transform: uppercase; } }

.top-nav ul li.icon-facebook a { overflow: hidden; display: block; text-indent: -9999px; color: #fff; padding-left: 16px; background: url(ui/icon_facebook.png) transparent no-repeat 0 7px; background-size: 16px 16px; }

@media (min-width: 768px) { .top-nav ul li.icon-facebook a { padding-left: 24px; text-indent: inherit; } }

.top-nav ul li.icon-linkedin a { overflow: hidden; display: block; text-indent: -9999px; color: #fff; padding-left: 16px; background: url(ui/icon_linkedin.png) transparent no-repeat 0 7px; background-size: 16px 16px; }

@media (min-width: 768px) { .top-nav ul li.icon-linkedin a { padding-left: 24px; text-indent: inherit; } }

.site-header { padding: 1em 0 0 0; position: relative; }

.site-header .button.contact-us, .site-header .button.request-a-quote { display: none; position: absolute; width: 200px; top: 30px; }

.site-header .button.contact-us.contact-us, .site-header .button.request-a-quote.contact-us { right: 0; }

.site-title { margin: 0 auto 20px; }

.site-title a { display: block; width: 300px; height: 110px; margin: 0 auto; text-indent: -9999px; background: url(ui/logo_tpc.png) no-repeat center; background-size: 300px 110px; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .site-title a { background-image: url(ui/logo_tpc_2x.png); } }

.site-description { margin: 0; }

@media (min-width: 768px) { .site-header .button.contact-us, .site-header .button.request-a-quote { display: block; } }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ========================================================================== Footer ========================================================================== */
.footer-border { height: 58px; background: url(ui/bg-footer.png) repeat-x center center; margin: 40px 0; }

.footer-contact { background: #317ab2; text-align: center; padding: 20px 0; font-weight: bold; }

.footer-contact p { margin: 0; color: #073a5d; }

.footer-contact p.contact, .footer-contact p.contact a { color: #fff; margin-top: 20px; }

.footer-contact p.contact em, .footer-contact p.contact a em { font-weight: 400; }

.footer-contact p.contact span, .footer-contact p.contact a span { display: inline-block; margin: 0 5px; }

.footer-contact p.contact .sep, .footer-contact p.contact a .sep { display: none; }

.site-footer { padding: 20px 0; background: #3885ba; color: #fff; text-align: center; }

@media (min-width: 768px) { .footer-contact { padding: 40px 0; }
  .footer-contact p.contact .sep { display: inline-block; } }

.site-footer { text-align: left; padding: 40px 0; }

.site-footer .location { text-align: center; }

.site-footer .site-info { text-align: center; }

.site-footer .site-info p { margin: 0; font-size: 14px; color: #b0d0e7; }

.site-footer .site-info a { color: #b0d0e7; }

/* ========================================================================== Menus ========================================================================== */
.main-navigation { clear: both; display: none; float: left; width: 100%; background: #ffcc33; text-align: center; }

.main-navigation ul { list-style: none; margin: 0; padding-left: 0; }

.main-navigation li { display: inline-block; position: relative; }

.main-navigation a { display: block; text-decoration: none; color: #46484d; font-size: 13px; font-weight: 700; padding: 7px 3px; text-transform: uppercase; }

.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2); box-shadow: 0 3px 3px rgba(0, 0, 0, .2); display: none; float: left; left: 0; position: absolute; top: 100%; z-index: 99999; text-align: left; background: #ffb61d; }

.main-navigation ul ul ul { left: -200px; top: 0; width: 200px; }

.main-navigation ul ul a { width: 200px; }

.main-navigation li:hover > a { background: #ffb61d; }

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item a, .main-navigation .current-menu-item a { background: #ffb61d; }

/* Small menu */
.menu-toggle { cursor: pointer; display: none; }

@media (min-width: 1024px) { .menu-toggle, .main-navigation.toggled .nav-menu { display: block; }
  .main-navigation { display: block; }
  .main-navigation a { padding: 7px 10px; } }

.site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; }

.comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }

.comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }

.sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 15px; background: rgba(64, 70, 90, .8); color: #fff; }

.sidr .sidr-inner { padding: 0 0 15px; }

.sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; }

.sidr.right { left: auto; right: -260px; }

.sidr.left { left: -260px; right: auto; }

.sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: #fff; line-height: 24px; }

.sidr p { font-size: 13px; margin: 0 0 12px; }

.sidr p a { color: rgba(255, 255, 255, .9); }

.sidr > p { margin-left: 15px; margin-right: 15px; }

.sidr ul { display: block; margin: 0 0 15px; padding: 0; }

.sidr ul li { display: block; margin: 0; line-height: 48px; }

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; line-height: 49px; }

.sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #fff; }

.sidr ul li ul { border-bottom: none; margin: 0; }

.sidr ul li ul li { line-height: 40px; font-size: 13px; }

.sidr ul li ul li:last-child { border-bottom: none; }

.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top: none; line-height: 41px; }

.sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255, 255, 255, .8); padding-left: 30px; }

.sidr form { margin: 0 15px; }

.sidr label { font-size: 13px; }

.sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; border-radius: 2px; border: none; background: rgba(0, 0, 0, .1); color: rgba(255, 255, 255, .6); display: block; clear: both; }

.sidr input[type=checkbox] { width: auto; display: inline; clear: none; }

.sidr input[type=button], .sidr input[type=submit] { color: #333; background: #fff; }

.sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(255, 255, 255, .9); }

.responsive-menu-button { display: block !important; margin: 20px 0; position: relative; font-size: 22px; line-height: 1; }

.responsive-menu-button:before { content: ""; position: absolute; right: 20px; top: 0.25em; width: 1em; font-size: 36px; height: 0.15em; background: #d5d6d9; -webkit-box-shadow: 0 0.25em 0 0 #d5d6d9, 0 0.5em 0 0 #d5d6d9; box-shadow: 0 0.25em 0 0 #d5d6d9, 0 0.5em 0 0 #d5d6d9; }

.responsive-menu-button:hover:before { background: #fff; -webkit-box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff; box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff; }

@media (min-width: 1024px) { .responsive-menu-button { display: none !important; } }

.hentry { margin: 0 0 1.5em; }

.byline, .updated { display: none; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.type-post .entry-content { margin: 0.5em 0 0 0; }

.type-post h1 { text-transform: none; font-size: 1.5em; margin-top: 1em; }

.tablepress-table-description { margin-bottom: 1em; }

.page-links { clear: both; margin: 0 0 1.5em; }

.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

.wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; }

.wp-caption-text { text-align: center; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.site-main .gallery { margin-bottom: 1.5em; }

.site-main .gallery a img { border: none; height: auto; max-width: 90%; }

.site-main .gallery dd, .site-main .gallery figcaption { margin: 0; }

@media (max-width: 600px) { .site-main img.alignright, .site-main img.alignleft { max-width: 150px; height: auto; margin-bottom: 1em; } }

/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; border: 0; }

/* Banner */
.banner { position: relative; margin-bottom: 20px; }

.banner img { margin: 0 auto; display: block; }

.banner .entry-header { position: absolute; bottom: 0; margin: 0; width: 100%; background: rgba(56, 133, 186, .7); color: #fff; font-size: 16px; font-weight: 300; line-height: 1.2em; padding: 10px 0; text-transform: uppercase; text-align: center; }

.banner .entry-header h1 { font-weight: 300; }

@media (min-width: 768px) { .banner img { max-width: 100%; margin: 0 auto; }
  .banner .entry-header { font-size: 24px; padding: 20px 0; } }

/* ========================================================================== Home ========================================================================== */
.hero { text-align: center; position: relative; }

.hero img { margin: 0 auto; display: block; }

.hero .caption { position: absolute; bottom: 0; margin: 0; width: 100%; background: rgba(56, 133, 186, .7); color: #fff; font-size: 24px; font-weight: 300; line-height: 1.2em; padding: 20px 0; text-transform: uppercase; }

.callouts .callout { margin: 20px 0; border-radius: 5px; overflow: hidden; }

.callouts .callout a { display: block; position: relative; }

.callouts .callout a h3 { position: absolute; bottom: 0; line-height: 1.2em; padding: 10px 20px; margin: 0; background: #40465a; background: rgba(64, 70, 90, .8); width: 100%; text-align: center; color: #fff; font-size: 18px; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.callouts .callout a img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.callouts .callout :hover h3 { background: #40465a; }

.callouts .callout :hover img { opacity: .8; }

.ctas .cta { margin: 20px 0; }

.home article { display: none; }

.blurb { font-weight: 300; text-align: center; margin: 20px auto; font-size: 18px; }

@media (min-width: 768px) { .hero img { max-width: 100%; margin: 0 auto; }
  .hero .caption { font-size: 44px; }
  .hero .caption span { display: block; margin: 0 auto; max-width: 70%; }
  .blurb { width: 70%; } }

/* ========================================================================== Widgets ========================================================================== */
.widget { margin: 0 0 1.5em; }

.widget .widget-title { font-weight: 300; font-size: 24px; color: #40465a; background: url(ui/bg-widget-title.png) right center no-repeat; margin: 16px 0; text-transform: uppercase; }

.widget ul { background: #40465a; padding: 0; border-radius: 5px; }

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

.widget ul li a { display: block; padding: 10px 20px; background: rgba(64, 70, 90, .8); color: #d5d6d9; border-bottom: 1px solid #5a5f71; text-align: center; text-transform: uppercase; border-radius: 5px; }

.widget ul li a:hover { background: #40465a; color: #fff; }

#text-3 { border-radius: 5px; overflow: hidden; display: none; }

#text-3 a { display: block; position: relative; }

#text-3 a img { width: 100%; }

#text-3 a h1 { position: absolute; bottom: 0; line-height: 1.2em; padding: 10px 20px; margin: 0; background: rgba(64, 70, 90, .8); width: 100%; text-align: center; color: #fff; font-size: 24px; font-weight: 300; }

@media (min-width: 768px) { #text-3 { display: block; } }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit { display: none; }

/* ========================================================================== Comments ========================================================================== */
.comment-content a { word-wrap: break-word; }

/* ========================================================================== Forms ========================================================================== */
/* Gravity Forms */
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] { margin-top: 0; }

.ui-datepicker-title select { color: #000; }

/* ========================================================================== Helper classes ========================================================================== */
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links for images, or javascript/internal links */
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; /* h5bp.com/t */ }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }