/*
Theme Name:     Linkfish 2014
Author:         ShellShock uK
Author URI:     http://shellshockuk.com/
Description:    A custom theme, developed in 2014, for the Linkfish website
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           white, orange, blue, gray, light, one-column, two-columns, three-columns, right-sidebar, responsive-layout
Text Domain:    linkfish_2014
*/

/**
 * !1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, button, input, select, textarea { color: #2b2b2b; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; }

* { outline: none; }
a { color: #F8991D; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a:active, a:hover { color: #65C9EA; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin: 0 0 20px; }

address { font-style: italic; margin-bottom: 24px; }
abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; }
b, strong { font-weight: 700; }
cite, dfn, em, i { font-style: italic; }
mark, ins { background: #fff9c0; text-decoration: none; }

p { margin-bottom: 24px;}

code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; }

pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; }
blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong, blockquote b { font-weight: 400; }

small { font-size: smaller; }
big { font-size: 125%; }

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }

dl { margin-bottom: 24px; }
dt { font-weight: bold; }
dd { margin-bottom: 24px; }

ul, ol { list-style: none; margin: 0 0 24px 20px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li > ul, li > ol { margin: 0 0 0 20px; }

img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
figure { margin: 0; }

fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; }
legend { white-space: normal; }

button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }
button, input { line-height: normal;}
input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ }
textarea { overflow: auto; vertical-align: top; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; }
input[type="search"] { -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); }
table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; }
caption, th, td { font-weight: normal; text-align: left; }
th { border-width: 0 1px 1px 0; font-weight: bold; }
td { border-width: 0 1px 1px 0; }

del { color: #767676; text-decoration: line-through; }

hr { border: 1px dashed #A7A9AB; border-width: 0 0 1px 0; height: 1px; background: none; margin-bottom: 23px; }

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection { background: #24890d; color: #fff; text-shadow: none; }
::-moz-selection { background: #24890d; color: #fff; text-shadow: none;}


/* !2.0 Clear Fix */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }

/* !2.1 Font Declaration */
@font-face {
    font-family: 'franklin_gothic_demi';
    src: url('fonts/FranklinGothic-Demi-webfont.eot');
    src: url('fonts/FranklinGothic-Demi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FranklinGothic-Demi-webfont.woff2') format('woff2'),
         url('fonts/FranklinGothic-Demi-webfont.woff') format('woff'),
         url('fonts/FranklinGothic-Demi-webfont.ttf') format('truetype'),
         url('fonts/FranklinGothic-Demi-webfont.svg#franklin_gothic_fsdemi') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'franklin_gothic_book';
    src: url('fonts/FranklinGothic-Book-webfont.eot');
    src: url('fonts/FranklinGothic-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/FranklinGothic-Book-webfont.woff2') format('woff2'),
         url('fonts/FranklinGothic-Book-webfont.woff') format('woff'),
         url('fonts/FranklinGothic-Book-webfont.ttf') format('truetype'),
         url('fonts/FranklinGothic-Book-webfont.svg#franklin_gothic_fsbook') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* !3.0 Default Styles */
body { background: #333; color: #231F20; font-family: franklin_gothic_book, Helvetica, Arial, sans-serif; }
#page { background: #fff; }
.wrapper { padding: 0 20px; }

p strong { font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; }

h1 { font-size: 1.875em; }  /* 30 */
h2 { font-size: 1.75em; }   /* 28 */
h3 { font-size: 1.625em; }  /* 26 */
h4 { font-size: 1.4375em; } /* 23 */
h5 { font-size: 1.3125em; } /* 21 */
h6 { font-size: 1.125em; }  /* 18 */
h1, h2, h3, h4, h5, h6 { line-height: 120%; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; }

.image-roll { position: relative; }
.image-roll .default,
.image-roll .roll { transition: opacity 0.2s; -moz-transition: opacity 0.2s; display: block; }
.image-roll .roll { position: absolute; z-index: 2; left: 0; top: 0; opacity: 0; }
.image-roll:hover .roll { opacity: 1; }
.image-roll:hover .default { opacity: 0; }
.image-roll img { box-shadow: #000 0em 0em 0em; } /* Hack for firefox */


/* !3.1 Forms */
form input[type="text"],
form input[type="email"] { background: #fff; border: 0 none; padding: 4px 7px; color: #666; min-width: 255px; }
form textarea { background: #fff; border: 0 none; padding: 4px 7px; }

form input::-webkit-input-placeholder { color: #ccc; }
form input::-moz-placeholder { color: #ccc; }
form input:-ms-input-placeholder { color: #ccc; }
form input:focus::-webkit-input-placeholder { color: #eee; }
form input:focus::-moz-placeholder { color: #eee; }
form input:focus:-ms-input-placeholder { color: #eee; }
form textarea::-webkit-input-placeholder { color: #ccc; }
form textarea::-moz-placeholder { color: #ccc; }
form textarea:-ms-input-placeholder { color: #ccc; }
form textarea:focus::-webkit-input-placeholder { color: #eee; }
form textarea:focus::-moz-placeholder { color: #eee; }
form textarea:focus:-ms-input-placeholder { color: #eee; }
form .error-msg,
span.wpcf7-not-valid-tip { color: #F26635; font-weight: bold; font-style: italic; line-height: 120%; display: inline-block; }

p.submit { overflow: hidden; margin-bottom: 0; }
.wpcf7-submit,
input.submit { border: 0 none; background: #F8991D; height: 63px; line-height: 63px; border-radius: 5px; min-width: 160px; text-align: center; font-size: 1.3125em; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; }
.wpcf7-submit:hover,
input.submit:hover { background: #F16534; }
.wpcf7 .submit .ajax-loader { vertical-align: middle; background: #fff; padding: 5px; border: 1px solid #ccc; border-radius: 100px; float: right; margin: 20px 20px 0 0; }

/* !4.0 Header */
#header { background: url(img/header_bg.png) no-repeat 50% -187px; margin-bottom: 30px; }
#header .wrapper { height: 65px; position: relative; }
#header #logo { position: absolute; left: 35px; top: 18px; width: 227px; }
#header #logo img { max-width: 226px; }
#header .tagline { position: absolute; left: 35px; top: 48px; margin: 0; line-height: 100%; background: #fff; padding-right: 5px; }
#header .mail-link { display: none; }
#header .burger { width: 34px; height: 34px; position: absolute; right: 10px; top: 12px; cursor: pointer; }
#header .burger .item { width: 100%; height: 4px; display: block; position: absolute; left: 0px; top: 6px; background: #333; transform-origin: 0 50%; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, transform 300ms; -webkit-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -webkit-transform 300ms; -ms-transition: background-color 300ms, top 300ms, left 300ms, opacity 150ms, -ms-transform 300ms; }
#header .burger .mid { top: 15px; }
#header .burger .bun { top: 25px; }
.menu-open #header .burger .item { background: #F8991D; }
.menu-open #header .burger .top { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 4px; left: 5px; }
.menu-open #header .burger .mid { opacity: 0; }
.menu-open #header .burger .bun { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 27px; left: 4px; }


/* !4.0.1 Menu */
#page { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 400ms; transition: transform 400ms;  }
.menu-open #page { -webkit-transform: translate3d(-200px,0,0); transform: translate3d(-200px,0,0); }
.menu-main-menu-container { width: 0px; height: 480px; position: fixed; top: 0px; right: -200px; overflow: hidden; -webkit-transition: width 300ms; transition: width 300ms; }
.menu-open .menu-main-menu-container { z-index: 500; background: #333; width: 200px; }
#menu-main-menu,
#menu-main-menu ul { list-style: none; margin: 0; }
#menu-main-menu { width: 200px; padding: 10px 0 0 0; }
#menu-main-menu li a { color: #fff; padding: 10px 15px 4px; display: block; }
#menu-main-menu li a:hover,
#menu-main-menu li.current-page-ancestor a,
#menu-main-menu li.current-menu-item a { color: #F8991D; }
#menu-main-menu li .sub-menu { padding-left: 20px; font-size: 0.875em; }
#menu-main-menu li .sub-menu li a { padding: 6px 15px 4px; }


/* !4.2 Footer */
#footer { padding-top: 39px; border-top: 1px dashed #B4E1E5; margin-top: 15px; position: relative; }
#footer .top-footer { background: url(img/bg-tile-2.png) repeat 0% 0%; color: #fff; padding-top: 25px; padding-bottom: 20px; }
#footer .top-footer .social { list-style: none; margin: 0; padding: 0; text-align: center; margin-bottom: 20px; height: 56px; }
#footer .top-footer .social li { display: inline-block; margin: 0 0px; }
#footer .top-footer .social li a { display: block; width: 49px; height: 49px; text-indent: -9999px; overflow: hidden; background: url(img/sprite.png) no-repeat -454px -462px; }
#footer .top-footer .social li a:hover { background-position: -454px -411px; }
#footer .top-footer .social li.twitter a { background-position: -512px -462px; }
#footer .top-footer .social li.twitter a:hover { background-position: -512px -411px; }
#footer .top-footer .social li.googleplus a { background-position: -569px -462px; }
#footer .top-footer .social li.googleplus a:hover { background-position: -569px -411px; }
#footer .top-footer .social li.pinterest a { background-position: -626px -462px; }
#footer .top-footer .social li.pinterest a:hover { background-position: -626px -411px; }
#footer .top-footer .social li.linkedin a { background-position: -683px -462px; }
#footer .top-footer .social li.linkedin a:hover { background-position: -683px -411px; }
#footer .top-footer .footer-text { font-size: 0.8125em; line-height: 120%; float: left; width: 150px; margin-bottom: 0; }
#footer .bottom-footer { padding-top: 15px; }
#footer .bottom-footer .footer-widget { float: left; width: 50%; }
#footer .bottom-footer .footer-widget ul { list-style: none; margin: 0; padding: 0; }
#footer .bottom-footer .footer-widget ul li { margin-bottom: 5px; line-height: 110%; font-size: 0.75em; }
#footer .bottom-footer .footer-widget ul li a { color: #333; }
#footer .bottom-footer .footer-widget ul li a:hover { color: #F8991D; }
#footer .bottom-footer .footer-widget-5 { position: absolute; top: 140px; right: 10px; width: 120px; padding: 0; font-size: 0.8125em; color: #fff; }
#footer .bottom-footer .footer-widget-5 p { line-height: 120%; }
#footer .baseline-footer { margin-top: 18px; border-top: 1px dashed #B4E1E5; padding-top: 16px; font-size: 0.875em; text-align: center; }

/* !4.2.1 Footer Banner */
.footer-banner { margin-top: 45px; padding: 0; }
.footer-banner .image-roll { padding: 15px 0; background: url(img/bg-tile-1.png); margin-bottom: 30px; }
.footer-banner .image-roll a { display: block; width: 150px; margin: 0 auto; position: relative; }
.footer-banner .image-roll img { max-width: 150px; max-height: 150px; }
.footer-banner .heading { font-size: 1.875em; padding: 0 20px; }
.footer-banner .heading a { color: #231F20; transition: color 0.2s; }
.footer-banner .heading a:hover { color: #F8991D; }
.footer-banner:hover .image-roll .roll { opacity: 1; }
.footer-banner:hover .image-roll .default { opacity: 0; }
.footer-banner:hover .heading a { color: #F8991D; }

.footer-banner .ebook { background: url(img/bg-tile-1.png); padding-top: 25px; }
.footer-banner .ebook .e-book { display: none; }
.footer-banner .ebook .mailchimp { padding: 0 20px; }
.footer-banner .ebook .content input[type="text"],
.footer-banner .ebook .content input[type="email"] { width: 100%; min-width: inherit; }
.footer-banner .ebook .form .submit { text-align: center; }


/* !5.0 Home */
.header-panel { padding-top: 10px; width: 100%; }
.header-panel .slides { position: relative; width: 100%; height: 55px; list-style: none; margin: 0; padding: 0; }
.header-panel .slides .slide { position: absolute; left: 0; top: 0; font-size: 3.125em; line-height: 100%; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; }
.header-panel .slides .slide .highlight { color: #B4E1E5; }
.header-panel .heading { font-size: 1.625em; color: #B4E1E5; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 120%; }
.header-panel .header-text { margin-bottom: 50px; }
.header-panel .header-text p { font-size: 0.875em; font-weight: normal; color: #231F20; line-height: 170%; }

.pods { padding-top: 38px; border: 1px dashed #B4E1E5; border-width: 1px 0; padding-bottom: 38px; margin-bottom: 40px; }
.pods .wrapper { background: url(img/bg-tile-1.png); padding-top: 21px; padding-bottom: 5px; text-align: center; }
.pods .pod { width: 125px; height: 190px; position: relative; display: inline-block; vertical-align: top; }
.pods .pod-odd { margin-right: 12px; }
.pods .pod-even { margin-left: 12px; }
.pods .pod .thumb { width: 100%; height: 125px; display: block; position: relative; }
.pods .pod .thumb img { position: absolute; left: 0px; top: 0px; z-index: 2; max-width: 125px; height: auto; }
.pods .pod .title { margin-top: 12px; font-size: 0.875em; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; }
.pods .pod .title a { color: #231F20; padding: 0px 6px; transition: background-color .2s, color .2s; -moz-transition: background-color .2s, color .2s; display: inline-block; }
.pods .pod .title a:hover,
.pods .pod:hover .title a { background-color: #F8981C; color: #fff; }

.pull-out { background: url(img/bg-tile-2.png); }
.pull-out .wrapper { padding-top: 20px; padding-bottom: 10px; text-align: center; }
.pull-out h2 { font-size: 1em; color: #fff; margin-bottom: 5px; line-height: 120%; }
.pull-out p { font-size: 1em; color: #fff; line-height: 120%; margin-bottom: 10px; }

.who-are-we { border-top: 1px dashed #B0E1E7; margin-top: 40px; }
.who-are-we .wrapper { padding-top: 40px; }
.who-are-we .heading { font-size: 1.25em; line-height: 100%; }
.who-are-we .body { font-size: 0.875em; }
.who-are-we .person { float: left; width: 132px; height: 132px; position: relative; overflow: hidden; }
.who-are-we .person-right { float: right; }
.who-are-we .person img { position: absolute; left: 0px; top: 0px; z-index: 1; max-width: 100%; height: auto; }
.who-are-we .person .roll { opacity: 0; z-index: 2; transition: opacity 0.2s; box-shadow: #000 0em 0em 0em; }
.who-are-we .person:hover .roll { opacity: 1; }
.who-are-we .person .title { display: none; }

.brands { margin-top: 40px; border-top: 1px dashed #B4E1E5; padding-top: 50px; margin-bottom: 40px; }
.brands .wrapper { padding: 0; }
.brands .heading { font-size: 1.125em; color: #F8991D; text-align: center; margin-bottom: 10px; }
.brands .brand-list { list-style: none; margin: 0; padding: 0; border: 1px solid #e2e2e1; border-width: 2px 0 2px 0; overflow: hidden; text-align: center; }
.brands .brand-list li { margin: 0 -4px -2px; padding: 12px 8px 14px; line-height: 50px; height: 51px; max-width: 100px; border-bottom: 2px solid #e2e2e1; display: inline-block; position: relative; }
.brands .brand-list li.brand-first { margin-left: 0; }
.brands .brand-list li.brand-last { margin-right: 0; }
.brands .brand-list li span { display: block; height: 100%; position: relative; z-index: 1; vertical-align: middle; }
.brands .brand-list li .roll { position: absolute; opacity: 0; top: 12px; left: 8px; z-index: 2; }
.brands .brand-list li img { max-height: 51px; max-width: 100px; }
.brands .brand-list li:hover .roll { opacity: 1; }

.page-home .ebook .wrapper { position: relative; background: url(img/bg-tile-1.png); padding-top: 20px; padding-bottom: 0px; }
.page-home .ebook .heading { font-size: 1.25em; }
.page-home .ebook .e-book { display: none; }
.page-home .ebook .form-content .wrapper { padding-top: 0; padding-bottom: 40px; }
.page-home .ebook .form-content .copy { font-size: 0.875em; float: left; }
.page-home .ebook .form-content .form input[type="text"],
.page-home .ebook .form-content .form input[type="email"] { width: 100%; }

.bottom-panel { margin-top: 50px; border-top: 1px dashed #B4E1E5; padding-top: 45px; }
.bottom-panel .wrapper { position: relative; }
.bottom-panel .fish { display: none; }
.bottom-panel .heading { font-size: 1.25em; line-height: 120%; color: #F8981C; }
.bottom-panel .copy { font-size: 0.875em; line-height: 130%; }
.bottom-panel .copy a { color: #231F20; }
.bottom-panel .copy a:hover { color: #F8991D; }
.bottom-panel .heading-2 { font-size: 1.25em; margin-top: 30px; margin-bottom: 50px; }
.bottom-panel .heading-2 a { color: #231F20; }
.bottom-panel .heading-2 a:hover { color: #F8991D; }


/* !6.0 Pages */
.header-content { margin-bottom: 0; }
.header-content .image-roll { width: 250px; margin: 0 auto 30px; }
.header-border-bottom { padding-bottom: 10px; border-bottom: 1px dashed #B4E1E5; margin-bottom: 20px; }

.page-heading { font-size: 1.375em; padding-bottom: 20px; }
.page-heading .wrapper { display: block; }

.child-pages .row-1 { padding-top: 25px; border-top: 1px dashed #B4E1E5; margin-top: 18px; }
.child-pages .child { margin-bottom: 45px; }
.child-pages .wrapper { padding: 0; }
.child-pages .child .thumbnail-wrap { background: url(img/bg-tile-1.png); height: 145px; padding: 15px 0; }
.child-pages .child .thumbnail { width: 145px; height: 145px; margin: 0 auto; }
.child-pages .child .title { font-size: 1.625em; margin-top: 25px; padding: 0 20px; }
.child-pages .child .title a { color: #222; transition: color 0.2s; -moz-transition: color 0.2s; }
.child-pages .child .title a:hover { color: #F8991D; }
.child-pages .child .copy { font-size: 0.875em; padding: 0 20px; }
.child-pages .child .read-more { display: block; background: #444244; color: #fff; padding: 10px 12px; margin: 0 10px; font-size: 1.125em; font-family: 'franklin_gothic_book', Helvetica, Arial, sans-serif; text-align: right; transition: color 0.2s, background-color 0.2s; }
.child-pages .child .read-more:hover { color: #222; background: #F8991D; }

.sidebar .contact-form { margin-left: 20px; padding-top: 165px; background: url(img/sprite.png) no-repeat -868px -28px; }
.sidebar .contact-form:hover { background-position: -868px -234px; }
.sidebar .contact-form .widget-wrapper { background: url(img/bg-tile-1.png); padding: 30px; }
.sidebar .contact-form .widget-title { font-size: 1.625em; color: #231F20; }
.sidebar .contact-form .wpcf7 .heading { font-size: 1.625em; color: #231F20; font-family: 'franklin_gothic_demi', Helvetica, Arial, sans-serif; font-weight: bold; line-height: 110%; }

/* 6.1 About Us */
.featured-team-members { padding: 0; }
.featured-team-members .member { padding: 0 20px; }
.featured-team-members .goright { padding-top: 25px; border-top: 1px dashed #B4E1E5; margin-top: 25px; }
.featured-team-members .member .image-roll { width: 250px; height: 250px; margin: 0 auto; }
.featured-team-members .member .image-roll img { max-width: 100%; max-height: 100%; }
.featured-team-members .member .title { font-size: 1.625em; line-height: 120%; transition: color 0.2s; }
.featured-team-members .member .copy { line-height: 160%; }
.featured-team-members .member:hover .image-roll .roll { opacity: 1; }
.featured-team-members .member:hover .image-roll .default { opacity: 0; }

.team-members .wrapper { padding: 0; }
.team-members .team-member { padding: 20px 20px 0; border-top: 1px dashed #B4E1E5; margin-top: 20px; }
.team-members .team-member .title { font-size: 1.66em; }
.team-members .team-member .copy { font-size: 0.875em; line-height: 180%; }

.column-left .form { padding: 20px; background: url(img/bg-tile-1.png); }

.book-page .column-left { text-align: center; }
.book-page .column-right { margin-top: 40px; }
.book-page .mailchimp { padding: 30px; background: url(img/bg-tile-1.png); }
.book-page .mailchimp .message { padding-top: 25px; margin: 0; }
.book-page .mailchimp input[type="text"],
.book-page .mailchimp input[type="email"] { width: 100%; }

@media screen and (min-width: 480px) and (min-device-width: 480px) {
    /* !3.0 Default Styles */
    h1 { font-size: 2.5em; }    /* 40 */
    h2 { font-size: 1.875em; }  /* 30 */
    h3 { font-size: 1.25em; }   /* 20 */
    h4 { font-size: 1.5625em; } /* 25 */
    h5 { font-size: 1.25em; }   /* 20 */
    h6 { font-size: 1.125em; }  /* 18 */

    .wrapper { padding: 0 29px; }

    /* !4.0 Header */
    #header { background-position: 53% -169px; }
    #header .wrapper { height: 90px; }
    #header #logo { width: 363px; }
    #header #logo img { max-width: none; }
    #header .tagline { top: 67px; font-size: 1.125em; }

    #header .burger { width: 50px; height: 50px;  }
    #header .burger .item { height: 5px; top: 8px; }
    #header .burger .mid { top: 23px; }
    #header .burger .bun { top: 38px; }
    .menu-open #header .burger .top { top: 5px; left: 8px; }
    .menu-open #header .burger .bun { top: 40px; left: 7px; }

    /* !4.2 Footer */
    #footer .top-footer { padding-bottom: 30px; }
    #footer .top-footer .footer-text { font-size: 1.125em; width: 58%; }
    #footer .bottom-footer { padding-top: 25px; }
    #footer .bottom-footer .footer-widget ul li { font-size: 1.125em; }
    #footer .bottom-footer .footer-widget-5 { font-size: 1.125em; width: 170px; }
    #footer .baseline-footer { font-size: 1em; }

    /* !5.0 Home */
    .header-panel .slides { height: 62px; }
    .header-panel .slides .slide { font-size: 3.75em; }
    .header-panel .heading { font-size: 1.875em; }
    .header-panel .header-text p { font-size: 1.125em; line-height: 150%; }

    .pods .pod { width: 190px; height: 250px; }
    .pods .pod .thumb { height: 190px; }
    .pods .pod .thumb img { max-width: 190px; }
    .pods .pod .title { font-size: 1.0625em; }

    .pull-out h2 { font-size: 1.25em; margin-bottom: 10px; }
    .pull-out p { font-size: 1.125em; }

    .who-are-we .heading { font-size: 1.875em; }
    .who-are-we .body { font-size: 1em; }
    .who-are-we .person { width: 192px; height: 192px; }

    .page-home .ebook .heading { font-size: 1.875em; }
    .page-home .ebook .form-content .copy { font-size: 1.125em; }

    .bottom-panel .heading { font-size: 1.875em; }
    .bottom-panel .copy { font-size: 1.125em; }
    .bottom-panel .heading-2 { font-size: 1.875em; }

}

