
/* -- RESET --*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; }
html { font-size: 62.5%; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

 /* -- GLOBALS -- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin:0;
  padding:0;
}

html, body { height: 100%; }

body { font-family: 'PT Serif', Georgia, serif; font-size: 16px; line-height: 1.7; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #222; background: #f9f9f9; }
html.off_canvas, .off_canvas body { overflow: hidden; height: 100%; }

.left { float: left; }
.right { float: right; }
.middle { text-align: center; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.no_float { float: none; }

i, em, .italic { font-style: italic; }


.buffer.recommended .amzn-native-search-bar-content { display: none !important; }

.pt_sans { font-family: 'PT Sans', Helvetica, serif; }

/* -- GRID -- */
.page_wrapper { min-height: 100%; min-width: 100%; width: 100%; z-index: 1; position: relative; -webkit-transition: -webkit-transform .30s ease-out; transition: transform .30s ease-out; }
.page_wrapper.focus_out { -webkit-transform: translate3d(268px,0,0); transform: translate3d(268px,0,0); }
.gutter { padding-left: 20px; padding-right: 20px; }
.container { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: visible; }
.home .container { max-width: 1040px; }
.main_content_wrapper, .message_wrapper { width: 780px; float: left; }
.left_content { float: left; margin: 0;  }
.right_content { width: 225px; float: left; margin: 0 0 0 25px; }
.full { width: 100%; max-width: 1140px; min-width: 755px; float: left; }
.sidebar { width: 300px; float: right; }
.center { margin: 0 auto; float: none; }
.main_content.center { margin-top: 0; }
.main_content.full { padding-left: 0; }
.center_text { text-align: center; }

.body_overlay { display: none; height: 0; width: 0; position: absolute; top: 0; left: 0; z-index: 100; cursor: pointer; background: rgba(0, 0, 0, 0.2); }
.body_overlay.visible { display: block; width: 100%; height: 100%; }

/* -- TYPOGRAPHY -- */
a { text-decoration: none; color: #0d78bc; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5 { font-family: 'PT Sans', Helvetica, sans-serif; color: #333; font-weight: 700; }
h1 { font-size: 30px; }
h2 { font-size: 25px; margin-bottom: 20px; }
h3 { font-size: 19px; margin-bottom: 15px; }
h4 { font-size: 16px; margin-bottom: 10px; padding-bottom: 0px; }

h2 a { color: #333; }

p { font-size: 15px; line-height: 23px; margin-bottom: 20px; }
strong { font-weight: 700; }

hr { width: 100%; border: 0; padding: 0; border-top: medium double #ccc; margin: 20px 0; text-align: center; }

.single_link { color: #424242; font-style: italic; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.single_link:hover { border-bottom: none; }

.section_heading a { color: #424242; }

/* -- FORMS --*/
form { margin: 15px 0; }
form label { font-size: 17px; display: block; margin-bottom: 1px; }
form input[type="text"], form input[type="password"], form input[type="email"], textarea { font-family: 'PT Sans', Helvetica, sans-serif; height: 44px; line-height: 26px; font-size: 15px; border: 1px solid #ccc; padding: 0 8px; width: 250px; }
form input[type="submit"] { font-family: 'PT Sans', Helvetica, sans-serif; font-size: 14px; padding: 0 30px; height: 44px; }
textarea { width: 470px; line-height: 1.4; padding: 10px; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus {
  border-color: #0d78bc; outline: 0; outline: thin dotted \9;  }
::-webkit-input-placeholder, input:-moz-placeholder { color: #555; }


.fieldWrapper { margin: 25px 0; }
.global_errors {  }
.btn, input[type="button"].btn { text-align: center; letter-spacing: 1px;
  background: #0d78bc;
  background-image: -webkit-linear-gradient(top, #1487cf, #287aad);
  background-image: -moz-linear-gradient(top, #1487cf, #287aad);
  background-image: -ms-linear-gradient(top, #1487cf, #287aad);
  background-image: -o-linear-gradient(top, #1487cf, #287aad);
  background-image: linear-gradient(to bottom, #1487cf, #287aad);
  background-color: #287aad;
  border-radius: 3px;
  font-family: 'PT Sans', Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  line-height: 44px;
  height: 44px;
  padding: 0 30px;
  font-size: 14px;
  border: none;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none; box-shadow: none;  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn:hover {
  text-decoration: none; opacity: 0.85; color: #fff; }
.btn.light {
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0px 1px rgba(255, 255, 255, 0.98) inset;
    background: linear-gradient(to bottom, #fff, #efefef) repeat scroll 0% 0% transparent;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ccc;
    text-shadow: 0px 1px 1px #fff;
    margin: 0px;
    text-decoration: none;
    color: #333;
    padding: 0 15px;
    text-align: center; }
.btn.light:hover { border: 1px solid #999; opacity: 1; }
.btn.light:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 3px 2px #eee, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #eee, 0 1px 0 0 #ddd; }
.btn.small { font-size: 11px; padding: 0 7px; line-height: 24px; height: 24px; font-weight: 400; text-shadow: none; border: 1px solid #ddd; }
.btn.small:hover { border: 1px solid #999; }
.inline_form .text, .inline_form .btn { display: inline-block; }
.btn.orange { background: url(../images/button-orange.png); color: #fff; }
.btn.green { background: #12a802; color: #fff; }
.btn.gray { background: #eee; color: #424242; }

.btn.delete { color: #f53d33; }


/* -- UI --
 Generic, repeatable UI elements. Alerts, tooltips, labels, navbar, pagination, breadcrumbs */
.icon { display: inline-block; background-repeat: no-repeat; background-image: url('../images/icons-min.png'); vertical-align: text-top; }
.icons { display: inline-block; background-image: url(../images/icons-sprite.png); background-repeat: no-repeat; background-size: 71px 33px; }

.single { border-bottom: 1px solid #ccc; }
.double { padding: 0 10px 6px 0; background: url(../images/double-line.png) repeat-x bottom left; box-shadow: 10px 12px 3px -6px #f7f7f7; }

.item { margin: 0; padding: 18px 0; border-bottom: 1px solid #ddd; }
.item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Ads */

/* Toggle */
.toggle_link {}
.toggle_show { display: none; }

/* Breadcrumbs */
.breadcrumbs { padding: 0; clear: both; margin-bottom: 15px; font-size: 13px; }
.breadcrumbs li { display: inline; }
.breadcrumbs a { color: #484744; padding: 0 5px; font-weight: 700; padding-bottom: 2px; font-family: 'PT Sans', Helvetica, sans-serif; }
.breadcrumbs a:hover { text-decoration: none; border-bottom: none; }
.breadcrumbs .home { padding-left: 0; }
.breadcrumbs .current { padding-left: 5px; }

/* Pagination */
.pagination { text-align: center; clear: both; }
.pagination ul { clear: both; margin: 0 auto; display: inline-block;  padding: 25px 0; }
.pagination li { float: left; display: inline-block; margin-right: 20px; font-size: 17px; }
.pagination .page_current { color: #fff; background: #424242; padding: 0 7px 2px 7px; border-radius: 3px; }
.pagination .next a, .pagination .previous a { border-bottom: none; }
.pagination .next a:hover, .pagination .previous a:hover { border-bottom: 1px solid #aaa; }
.pagination .next { margin-right: 0; }
.pagination a { color: #424242; }

/* About Header */
.about_header { padding-bottom: 0px; border-bottom: 1px solid #e5e5e5; }
.about_header p { font-size: 17px;  }

/* Content Header */
.main_content_wrapper .content_header_link { color: #424242; }

/* Errors */
.fieldWrapper.error, .fieldWrapper .global_errors, .fieldWrapper .ajax_errors { margin-bottom: -2px; }
.error label, .global_errors, .ajax_errors { color: #c30; }
.errorlist { background: rgba(195, 12, 48, 0.08); padding: 10px; color: #c30; }
form .errorlist { width: 248px; }
.add_tack_form .errorlist { width: 500px; font-size: 17px; margin-top: -2px; }
.messages .facebook.error {display: none; }

/* Avatar */
.avatar { float: left; margin-right: 10px; }
.avatar img { border: 1px solid #979797;  border-radius: 50%; }
.avatar_wrapper { text-align: center; display: table-cell; vertical-align: middle; }
.avatar_wrapper * { vertical-align: middle; }
.avatar_wrapper span { display: inline-block; height: 100%; width: 1px; }
.avatar_wrapper img { background: none; padding: 0; border: none; box-shadow: none; border: none; }
.avatar_frame.medium { background: url(../images/avatar-frame-51x55.png) no-repeat; width: 51px; height: 55px; margin-right: 15px; }
.medium .avatar_wrapper { top: 6px; left: 2px; }
.white_frame { border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; background: #fff; }

/* Comments */
.honeypot { display: none; }
.comment_login { padding: 20px 0;}
.comment_login p { font-size: 18px; font-style: italic; }
.comment_login .btn { font-style: normal; }
.add_comment { float: left; margin: 0 0 25px 0; }
.add_comment label { display: none; }
#id_comment { height: 100px; }
.add_comment .btn { float: right; }
.comment { margin-bottom: 25px; margin-left: 52px; }
.comment_wrapper.last { border-bottom: none; }
.comment_text { margin: 10px 0 25px 0 }
.comment_text p { margin-bottom: 10px; }
.comments_list .avatar .default { background: #fff url(../images/comment-avatar.png) no-repeat 3px 0; width: 45px; height: 45px; padding: 2px 3px; border: 1px solid #bbb; }
.comments_list h4 { font-size: 18px; margin-bottom: 0; line-height: 25px; }
.comments_list h4 a { color: #444; }
.comments_list h4 .date { font-size: 14px; margin-left: 5px; color: #888; font-weight: 400; }
.comments_list h4 .date a { color: #888; }
.comment_help_text { color: #454545; background: #eee; padding: 10px; clear: both; }

.comment_wrapper .avatar { margin-right: 0; }

.comment_text .comment_reply_wrapper { margin: 15px 0 0 0; padding: 0; }
.comment_reply_wrapper .btn.small { font-size: 11px; font-weight: 400; background: none; padding: 0 6px; display: inline-block; height: 22px; line-height: 22px; color: #424242; border: 1px solid #aaa; }
.comment_form { clear: both; }
.comment.comment_form_reply { margin-top: 35px; position: relative; clear: both; }
.comment_form.reply { display: none; width: inherit; position: relative; }
.comment_form.reply .avatar { position: absolute; top: 0;}
.comment_form.reply .add_comment { width: 100%; }
.comment_form.reply .fill { position: relative; margin: 0 0 0 50px; }
.comment_form.reply .add_comment textarea { width: 100%; max-width: none; overflow: auto; max-height: 350px; min-height: 100px; }
.comment_form.reply .btn_wrapper { float: right; margin-right: 0; position: relative; }

.threaded_comments { border-top: 1px solid #ddd; padding-top: 25px; margin-top: 15px; }
.threaded_comments:first-child { border-top: none; }
.threaded_comments ul { margin: 0 0 0 30px; padding: 20px 0 0 0; clear: both; border-top: 1px dashed #ddd; }
.threaded_comments .comment_text ul { border-top: none;  margin: 30px 0 30px 35px; }
.threaded_comments .comment_text ul li { list-style: disc; }
.threaded_comments .comment_wrapper { padding-bottom: 0; }
.threaded_comments .comment_wrapper .removed { color: #666; font-style: italic; }

/* Tack box */
.tack_box_wrapper { float: left; width: 30%; margin: 0 5% 5% 0; padding: 0; position: relative; /*box-shadow: 0 0px 3px 0 rgba(66, 53, 14, .07); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);*/ }
.tack_box_wrapper:nth-child(3n) { margin-right: 0; }
.tack_box { padding: 0 0 12px 0; }
.tack_box a { color: #474747; }
.tack_box_wrapper .tacker { padding: 0 10px; height: 43px; clear: both; background: #f9f9f9; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tack_box_wrapper .tacker .avatar { margin-top: 6px; display: inline-block; line-height: 1; }
.tacker .avatar img { max-width: 28px; height: auto; }
.tack_box_wrapper .tacker .user { display: inline-block; line-height: 42px; float: left; color: #474747; font-size: 14px; }
.tack_thumb { width: 100%; height: auto; padding: 0; }
.tack_thumb img { width: 100%; height: auto; display: block; border-bottom: 1px solid #ddd; }
/*.tack_thumb img { opacity: 1; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.tack_thumb img:hover  { opacity: 0.7; }*/
.tack_box .title { font-size: 15px; line-height: 20px; font-weight: 400; height: 42px; margin: 0 0 7px 0; padding: 0; overflow: hidden; }
.tack_box .title a { color: #333; }
.hover_box { position: absolute; top: 0; right: 0; opacity: 0; padding: 14px 8px; background: rgba(255, 255, 255, 0.7); -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; }
.hover_box.visible, .services.visible { display: block; opacity: 1; }
.tack_thumb a:hover + ul { display: block; opacity: 1; }
.hover_box:hover { display: block; opacity: 1; }
.hover_box p { padding: 5px 9px; color: #fff; font-size: 13px; }
.hover_box li { padding: 4px 0; }
.hover_box .last { margin-right: 0; }
.hover_box .btn { width: 55px; height: 29px; padding: 0; line-height: 29px; font-weight: 700; }
.hover_box .btn i { display: inline-block; }
.hover_box .unlike i { background: url(../images/up-stache.png) no-repeat 50% 50%; background-size: 32px 13px; width: 32px; height: 13px; }
.hover_box .like i { background: url(../images/down-stache.png) no-repeat 50% 50%; background-size: 29px 13px; width: 29px; height: 13px; }
.hover_box .save i, .hover_box .saved i { background: url(../images/collection-save.png) no-repeat 50% 50%; background-size: 13px 13px; width: 13px; height: 13px; }
.hover_box .saved i { background: url(../images/collection-saved.png) no-repeat 50% 50%; background-size: 13px 13px; width: 13px; height: 13px; }

.tack_guts { padding: 12px 10px 5px 10px; height: 48px; }
.tack_guts .user { font-size: 15px; overflow: hidden; }
.tack_guts .stats { display: block; }
.tack_guts li { color: #898989; display: inline-block; line-height: 19px; font-size: 15px; position: relative; width: auto; margin-right: 23px; border: none; }
.tack_guts li:last-child { margin-right: 0; }
.tack_guts a { color: #333; }
.tack_guts .icon_count { display: inline-block; }
.tack_guts .icon_count, .tack_guts .icons { float: left; }
.likes .icons { background-position: -39px 0px; height: 13px; width: 32px; margin-right: 4px; margin-top: 3px; }
.likes.liked { color: #2b78a8; }
.likes.liked .icons, .likes .unlike .icons { background-position: -39px -13px; height: 12px; width: 32px; margin-top: 4px; }
.saves { width: auto; text-indent: 0; }
.saves .icon { background-position:-257px 0; width: 20px; height: 19px; }
.saves .icons { background-position: -21px -0px; height: 15px; width: 18px; margin-right: 5px; line-height: 15px; }
.saves.saved { color: #2b78a8; line-height: 19px; }
.saves.saved .icons { background-position: -0px -18px; height: 15px; width: 18px; }
.comment_count { margin-right: 0;  }
.comment_count .icons { background-position: -0px -0px; height: 18px; width: 21px; margin-right: 4px; }
.comment_count .icon_count { margin-top: 0px; float: left; }
.moderate { padding: 0; text-align: center; }
.moderate a { background: #666; border-radius: 3px; padding: 5px 15px; color: #fff; font-size: 9px; }

.tack_item .title { margin-bottom: 2px; font-size: 19px; }
.tack_item .title a { color: #484744; }
.tack_item .title a:hover { text-decoration: underline; }
.tack_item .tack_thumb { width: 100px; height: 100px; }
.tack_item .avatar { margin-right: 20px; }
.tack_item .avatar img { border-radius: 0; }
.tack_item .description { float: left; clear: none; }
.tack_item p { margin: 0; }
.tack_item .tack_guts { border: none; background: none; }

.tack_wrapper .latest_reserve_wrapper { display: none; }

.user_wrapper h4 { margin-bottom: 0; line-height: 20px; }

/* Share button */
.services { display: block; background: #eee url(../images/tab-bg.png); border: 1px solid #ccc; margin-top: 5px; width: 100px; padding: 20px; }
.services li, .services a { display: block; color: #424242; padding-left: 10px;  }
.share_button { font-style: italic; }
.share_button span { background: url(../images/share.png) no-repeat; background-position: center right; padding-right: 25px; width: 15px; height: 17px; }

/* Sidebar */
.sidebar .module { margin-bottom: 35px; }
.sidebar h3 { font-size: 20px; margin-bottom: 12px; }

.sidebar .featured_collections a { color: #424242; font-weight: 400; }


/* Contact Us */
.contact-us { position: fixed; right: -1px; bottom: -6px; padding: 5px; background: #fff; border: 2px solid #ccc; }
.feedback-form { padding: 0px 10px; }
.feedback-form textarea { font-size: 12px; }
.feedback-form label { display: block; padding: 10px 0;  font-style: italic; }
.send-feedback { background: #333; display: inline-block; padding: 10px; color: #fff; }
.send-feedback:hover { padding-bottom: 15px; padding-top: 15px; }
.hide-form { float: right; }
.feedback-form, .hide-form { display: none; }

/* Forms */
.to_login { margin: 15px 0; font-size: 16px; background: #eee; float: left; padding: 10px; }
.to_login a { text-decoration: underline; margin-left: 5px; }
.to_login a:hover { text-decoration: none; }

/* -- LAYOUT -- */
/* General layout structure styles. Header, main content, sidebar, footer. */
.top_header + header { margin-top: 40px; }
.top_header { background: #454545; /*background: #fff url(../images/body-2.png);*/ height: 40px; color: #fff; line-height: 40px; position: fixed; z-index: 10; display: block; top: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.top_header .container { text-align: center; }
.top_header p { margin: 0; line-height: 40px; }
.top_header .btn { margin-left: 10px; }

.messages { margin: 25px 0; padding: 15px; background: rgba(13, 120, 188, 0.09); border: 0px solid rgba(13, 120, 188, 0.5); color: #000; font-size: 17px; }

.billboard { position: relative; margin-bottom: 35px; text-align: center;  border-bottom: 7px double #ede2d1; border-top: 7px double #ede2d1; padding: 15px; }
.billboard h3 { font-size: 22px; margin-bottom: 0; display: inline-block; vertical-align: middle; }
.billboard.full_width { width: 100vw; margin-left: -50vw; margin-right: -50vw; left: 50%; right: 50%; padding: 25px 0; }
.billboard.reserve h3 { float: none; }
/*.antlers { background: url(../images/antlers.png) no-repeat; width: 108px; height: 97px; display: block; float: left; margin: -25 1px 0 -65px; }*/
.billboard_right {margin-top: 25px; }
.billboard .btn_wrapper { margin-left: 10px; display: inline-block; line-height: 41px; }
.billboard .btn_wrapper.small { margin-left: 6px; line-height: 28px; }
.billboard .btn { margin-left: 15px; }
.billboard .btn.small { font-size: 14px; padding: 3px 10px; }
.content { padding: 34px 0 0 0; }
.main_content { clear: both; }
.right_content a { color: #484744; }
.left_image { float: left; margin-right: 15px; display: inline-block; background: url(../images/podcast-round-button.png) no-repeat; width: 85px; height: 85px; }

.billboard.center { text-align: center; }
.billboard.center h3 { float: none; display: inline-block; text-align: center; line-height: 44px; }
.billboard.center .btn_wrapper { float: none; display: inline-block; }


.billboard .get_started, .billboard .get_started.podcast h3, .billboard .get_started.podcast .btn_wrapper { vertical-align: middle; }
.get_started.podcast { float: left; display: inline-block; }
.get_started.podcast .btn_wrapper { float: none; display: inline-block; line-height: 51px; }
.get_started.podcast h3 { float: none; display: inline-block; line-height: 83px; }
.podcast_btn { background: url(../images/podcast-btn.png) no-repeat; width: 128px; height: 51px; border: none; text-indent: -9999px; display: inline-block; }

.billboard.center .left_image, .billboard.center .get_started { float: none; vertical-align: middle; }
.billboard.podcast { margin-top: 15px; clear: both; }

.join_btn.green:hover { transition: 0.2s; -webkit-transition: 0.2s; background: #0f9c00;  }

.billboard.after_content { text-align: center; }
.billboard.after_content h3, .billboard.after_content .btn_wrapper { float: none; display: inline-block; margin-bottom: 0; }
.billboard.after_content .btn_wrapper { margin-left: 0; }

.billboard.after_post { margin-top: 15px; }
.billboard.after_post .btn_wrapper { margin-left: 0; }
.left_image .podcast_button { border: 1px solid #ddd; }
.billboard .get_started { float: left; display: inline-block; }

/* Header */
.mobile_nav_wrapper { opacity: 0; height: 0; }
.mobile_nav_wrapper.close .profile_header { height: 0; display: none; }
.header_wrapper { background: #333; display: flex; padding: 0 4%; justify-content: space-between; align-items: center; height: 55px; line-height: 55px; }
.left_header { display: flex; }
header h1 { width: 195px; }
header a { color: rgba(255,255,255,0.7); font-size: 15px; }
header a:hover { color: rgba(255,255,255,1); text-decoration: none; }
.logo { background: url(../images/logo@2x.png) no-repeat; display: block; position: absolute; width: 179px; height: 72px; text-indent: -9999px; background-size: auto 72px; top: 0; }
.dots { opacity: 0.6; width: auto; height: 5px; cursor: pointer; }
.dots:hover { opacity: 1; }
.header_wrapper .left_nav { display: flex; }
.left_nav li { margin: 0; padding: 0; font-family: 'PT Sans', Helvetica, sans-serif; }
.left_nav a { padding: 0 2em 0 0; }
.left_nav a:hover { text-decoration: none; color: #fff; }
.has_drop { position: relative; }
.has_drop ul { display: none; position: absolute; top: 55px; left: -20px; background: #333; padding: 10px 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; z-index: 999; box-shadow: inset 0px 6px 5px 0px rgba(0, 0, 0, 0.15); width: 160px; }
.has_drop ul li { line-height: 1.5; margin: 0; padding: 0; }
.has_drop ul li:hover { background: rgba(255,255,255,0.1); }
.has_drop ul li a { font-size: 14px; margin: 0; padding: 5px 20px; line-height: 1.3; display: block; }
.has_drop ul li a:hover { text-decoration: none; }
.has_drop:hover > ul { display: block; }
.nav_wrapper { display: block; font-family: 'PT Sans', Helvetica, sans-serif; }
.nav_toggle { display: none; }
.nav { float: left; margin-left: 35px; color: #f1f1f1; }
.nav li { float: left; margin: 0; }
.nav a { font-size: 19px; color: #f1f1f1; height: 67px; line-height: 67px; padding: 0 30px; text-shadow: #444 1px 1px 2px; display: block; text-transform: lowercase; }
.nav a:hover { background: #343434; }

.noodle_list .has_drop a:hover { text-decoration: none; }
.noodle_list .has_drop ul { background: #f9f9f9; top: 50px; left: 0; box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.07); border-left: 1px solid rgba(0,0,0,0.12); border-right: 1px solid rgba(0,0,0,0.12); border-bottom: 1px solid rgba(0,0,0,0.12); }
.noodle_list .has_drop ul li { text-align: left; }
.noodle_list .has_drop ul li a { font-size: 13px; font-weight: 400; }
.noodle_list .has_drop ul li a:hover { text-decoration: underline; }


.search_form { display: block; margin: 0; }
.search_form .text { font-size: 14px; height: 28px; border: none; padding: 8px 8px 8px 30px; width: 100%; color: #444; box-shadow: none; border-radius: 5px; min-width: 220px; background: #fff url(../images/search.svg) no-repeat 9px 50%; background-size: auto 15px; }
.search_form input[type="text"]::-webkit-input-placeholder { color: #888; }
.search_form input[type="text"]:-moz-placeholder { color: #777; }
.search_form input[type="text"]::-moz-placeholder { color: #777; }
.search_form input[type="text"]:-ms-input-placeholder { color: #777; }

body.search h3 span { font-style: italic; }

.user_header { float: right; }
.user_header .welcome { padding: 0 15px; margin-right: 20px; }

.user_nav { position: relative; display: flex; }
.user_nav li { margin-right: 1.5em; }
.user_nav li:last-child { margin-right: 0; }
.user_nav h3 { float: left; padding-right: 10px; margin-bottom: 0; color: #fff; font-size: 17px;  }
.user_nav .avatar { margin-right: 0; }
.user_nav .avatar_wrapper img { max-width: 26px; height: auto; }
.add_button { margin-right: 0; }
.add_button .btn { height: 26px; line-height: 26px; padding: 0 25px 0 17px; border-radius: 3px; text-transform: none; letter-spacing: 0; position: relative; background: rgba(255,255,255,0.12); font-weight: 400; color: rgba(255,255,255,0.7); }
.add_button .btn:after { content: ""; position: absolute; right: 10px; top: 11px; display: inline-block; background: url(../images/add-icon.svg) no-repeat 0 50%; margin-left: 5px; width: 7px; height: 7px; background-size: 7px auto; vertical-align: middle; opacity: 0.45; margin-top: -1px; }
.add_button a:hover { text-decoration: none; background: rgba(255,255,255,0.15); color: #fff; }


#noodles { display: flex; justify-content: center; align-items: center; width: 100%; border-bottom: 1px solid #ddd; box-shadow: 0 0px 1px 0 rgba(0,0,0,0.05), 0 1px 2px 0 rgba(0,0,0,0.04), 0 2px 1px -1px rgba(0,0,0,0.04); }
#explore_link { text-transform: uppercase; cursor: pointer; font-weight: 900; font-size: 14px; letter-spacing: 1px; text-align: center; margin: 0 auto; display: none; padding-bottom: 10px; }
.noodle_list { display: flex;  z-index: 500; position: relative; }
.noodle_list li { padding: 12px 0; font-family: 'PT Sans', sans-serif; flex-grow: 1; font-size: 13px; line-height: 25px; text-align: center; display: block; }
.noodle_list a { color: #666; padding: 0 1.8rem; font-weight: 600; font-size: 13px; display: block; }
.noodle_list a:hover { text-decoration: underline; }

/* Main Content */
.content_wrapper { clear: both; min-height: 400px; width: 100%; }

.tab, .simple_nav { font-family: 'PT Sans', Helvetica, sans-serif; }

.simple_nav { margin: 0 0 19px 0; padding-bottom: 1px; border-bottom: 1px solid #e1e0e0; clear: both; }
.simple_nav li { display: inline; padding: 0 25px 5px 25px; }
.simple_nav a { color: #424242; text-transform: uppercase; letter-spacing: 1px; font-size: 13px; }
.simple_nav li:first-child { padding-left: 8px; }
.top_nav .simple_nav { margin-bottom: 30px; }
.category_drop { display: none; }

.tab { border-bottom: 1px solid #ccc; box-shadow: none; }
.tab li { padding: 0 28px 0px 0; }
.tab a { letter-spacing: 1px; }
.tab .active a, body.home .tab .all a, body.popular .tab .popular a, body.following .tab .following a { font-weight: 700; }

.sub { border-bottom: none; box-shadow: none; margin: 0 0 15px 0; }
.sub li { margin: 0 25px 5px 0; padding: 0; }
.sub .active { font-weight: 700; }
.sub a { background: none; border: none; text-transform: lowercase;  }
.sub .active a { background: none; display: inline; }

.user_list h2 { margin-bottom: 0; }

/* Sidebar */
.sidebar { padding: 0; }
.sidebar a { font-weight: 700; }

.ad { margin: 0 auto; }
.sidebar .shirt .btn_wrapper { margin: 8px 0; }
.sidebar .shirt .btn { }
.sidebar form .text { width: 100%; }

.module.about_gm { }
.module.about_gm p { margin: 0; }
.follow_list { margin-top: 20px; }
.follow_list li { display: inline-block; margin-right: 8px; height: 20px; font-size: 0; }
.follow_list li:last-child { margin-right: 0; }
.follow_list .twitter_btn {  }

.module .inline_form .text { width: 200px; }
.module .inline_form .btn { width: 96px; height: 38px; text-transform: uppercase; line-height: 38px; letter-spacing: 1px; font-weight: 700; }

.fb_gm_button { background: url(../images/fb-gm.png) no-repeat; width: 156px; height: 67px; display: block; margin-bottom: 10px; }
.fb_gm_button:hover { box-shadow: 0 0 26px -1px rgba(66, 130, 193, .20); }
.fb_gm_link a { color: #424242; font-style: italic; font-size: 17px; border-bottom: 1px solid #ccc; padding-bottom: 1px; }
.fb_gm_link a:hover { border-bottom: none; }

.activity .item_link { padding: 0; margin-bottom: 15px; line-height: 24px; clear: both; display: block; font-family: 'PT Sans', Helvetica, serif; }
.activity a { color: #222; font-size: 14px; }
.activity a:hover { text-decoration: none; color: #222; }
.activity h5 { margin-bottom: 0; }

.latest_reserve .item_link { margin-bottom: 30px; }
.latest_reserve .item_link:last-child { margin-bottom: 15px; }
.latest_reserve li { margin: 0; }
.latest_reserve img { width: 300px; height: auto; border-radius: 0; border: 1px solid #ccc; margin-bottom: 7px; display: block; }
.latest_reserve .item_title { font-size: 16px; font-weight: 400; }
.latest_reserve .item_title:hover { text-decoration: underline; }
.latest_reserve .reserve_link_wrapper { margin-bottom: 0; }
.reserve_link { color: #333; font-weight: 700; }

.latest_parlor .thread_guts, .latest_parlor .avatar_wrapper { display: block; vertical-align: top; }
.latest_parlor h3 { margin-bottom: 6px; }
.latest_parlor .latest_list { border-top: 1px solid #ddd; padding-bottom: 15px; }
.latest_parlor .item { padding: 15px 0; list-style: none;  }
.latest_parlor .avatar_wrapper { text-align: center; }
.latest_parlor .avatar img { width: 42px; height: auto; border: 1px solid #979797; }
.latest_parlor h4 { vertical-align: top; line-height: 23px; margin-bottom: 0; }
.latest_parlor h4 a { color: #424242; font-size: 17px; }
.latest_parlor .thread_guts { font-size: 14px; margin-left: 53px; }
.latest_parlor .thread_guts .meta { line-height: 22px; color: #676767; font-size: 13px; }
.latest_parlor .category { padding-left: 7px; }
.latest_parlor .category a { padding: 0; height: auto; border: none !important; }

/* Footer */
.footer { margin: 55px auto 0; padding: 15px 0; text-align: center; clear: both; box-shadow: none; border-top: 1px solid #ddd; }
.footer .more { /*background: rgba(0, 0, 0, 0.03);*/ padding: 15px; margin: 0 -20px 35px -20px; border-top: 7px double #ede2d1; border-bottom: 7px double #ede2d1; }
.footer_grid { display: block; clear: both; margin: 45px auto; max-width: 1000px; }
.footer .fourths { display: block; float: left; width: 25%; text-align: left; vertical-align: top; padding: 0 35px; }
.footer .fourths a { color: #333; display: block; }
.footer .fourths h3 { margin-bottom: 10px; }
.footer .fourths li { margin-bottom: 10px; line-height: 22px; font-size: 14px; display: block; }
.footer .fourths.follow li { height: 14px; line-height: 14px; margin-bottom: 20px; }
.footer_grid .fourths.follow li img { height: 14px; width: auto; margin-right: 10px; vertical-align: top; }

.footer_links li { display: inline; padding-right: 25px; }
.footer .social_buttons { float: none; margin: 13px auto; text-align: center; width: 158px; }
.footer a { color: #717272; }
.footer a:hover { text-decoration: underline; }
.copyright { clear: both; color: #676767; display: block; }

/* -- SPECIFIC PAGES -- */

/* Home */

.home .main_content_wrapper { width: 100%; }
.main_tack_list { margin-bottom: 25px; }
.home_reserve .tack_box_wrapper:nth-child(3n) { margin-right: 5%; }
.home_reserve .tack_box_wrapper:nth-child(4n) { margin-right: 0; }
.reserve_link_wrapper.right { margin-bottom: 0; line-height: 32px; clear: both; display: block; }

.reserve_home .reserve_grid { display: flex; flex-wrap: wrap; gap: 5%; }
.reserve_home .tack_box_wrapper { float: none; width: 30%; margin: auto; padding: 0; }
.reserve_home .tack_thumb { margin-bottom: 1.5rem; overflow: hidden; }
.reserve_home .tack_thumb img { border: none; float: none; }
h2.home_header { margin-bottom: 1.75rem; font-size: 2rem; }
.reserve_home h3 { line-height: 1.15; font-weight: 500; font-size: 17px; }
.reserve_home a:hover { text-decoration: 1px solid #333; }
.reserve_home .see_all { margin: 4rem 0; text-align: center; }

/* Tack Detail */
.tack_content_wrapper { margin: 20px 0 0 0; }
.tack_wrapper .avatar { float: left; margin-top: 2px; width: 52px; height: auto; }
.tack_info_wrapper { margin-left: 55px; }
img.no_avatar { background: #fff; }
.profile_frame img.no_avatar { width: 179px; border: 1px solid #bbb; }
.no_avatar.big { width: 55px; height: auto; }
.edit { float: right; }
.tack_title_wrapper { }
.tack_title { font-size: 29px; line-height: 35px; margin: 0; padding-top: 0; }
.tack_title a { color: #484744; }
.via { color: #666; font-size: 15px; }
.via a { color: #666; }
.via .poster { font-weight: 700; }
.via a:hover { border-bottom: none; }
.collection { font-weight: 700; }
.edit_controls_wrapper { margin: 10px 0; }
.edit_controls .btn.small { margin-right: 5px; }
.fluid_video { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; margin: 35px 0; }
.fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tack_image img { border: 1px solid #ccc; max-width: 515px; height: auto; }
.description { clear: both; margin: 15px 0 25px 0; font-size: 17px; line-height: 27px; }
.left_content.no_float { float: none; }
.buttons { width: 100%; }
.buttons.horizontal { margin: 10px 0 0 0; }
.buttons li { margin: 16px 0; }
.buttons.horizontal li { display: inline-block; margin: 0 19px 0 0; }
.buttons.horizontal li:last-child { margin-right: 0; }
.buttons li:first-child { margin-top: 0; }
.buttons .btn_count_wrapper { display: inline-block; line-height: 50px; }
.buttons .count_wrapper { position: relative; display: inline-block; }
.buttons .count_arrow {   border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background-color:white;
  display:inline-block;
  width:12px;
  height:12px;
  -transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678, sizingMethod='auto expand')";
  position:absolute;
  left:3px;
  top:20px;
 }
.buttons .count { padding: 0; border-radius: 4px; margin-left: 9px; line-height: 50px; width: 68px; font-size: 14px; display: inline-block; background: #fff; border: 1px solid #ccc; text-align: center; font-weight: 700; }
.buttons .count.liked { color: #0d78Bc; font-weight: 700; }
.buttons .btn { width: 105px; border-radius: 4px; height: 50px; padding: 0; line-height: 50px; display: inline-block; font-weight: 400; }
.buttons.horizontal .btn { width: 90px; }

.buttons .user_stats .count_wrapper { margin-left: 5px; }
.buttons .user_stats.save { margin-left: 12px; }
.buttons .user_stats.save .count_wrapper { margin-left: 15px; }

.buttons .btn.no_text { text-indent: -9999px; }

.buttons i, .buttons .count { display: inline-block; }
.buttons i, .share_toggle i { vertical-align: middle; margin: 0 auto; line-height: 1; font-style: normal; font-weight: normal; font-stretch: normal; font-kerning: auto; -moz-osx-font-smoothing: grayscale; }
.buttons .unlike, .buttons .saved { color: #0d78bc; }
.buttons .unlike i { background: url(../images/up-stache.png) no-repeat 0 50%; background-size: 51px 20px; width: 51px; height: 20px; }
.buttons .like i { background: url(../images/down-stache.png) no-repeat 0 0%; width: 49px; height: 21px; }
.buttons .save i { background: url(../images/collection-save.png) no-repeat 0 50%; width: 27px; height: 22px; margin-top: -2px; }
.buttons .saved i { background: url(../images/collection-saved.png) no-repeat 0 50%; width: 27px; height: 22px; }

.buttons .facebook .btn, .buttons .twitter_btn .btn { width: 60px; }
.buttons .share .btn  { width: auto; line-height: 35px; text-align: center; padding: 0 13px; font-size: 20px; }

.share_toggle { font-size: 13px; width: 165px; }
.share_toggle i { background: url(../images/share-icon.png) no-repeat 0 0; display: inline-block; line-height: 48px; width: 26px; height: 21px; margin-left: 8px; margin-top: -4px; }
.share_toggle:hover { font-weight: 700; }

.show_share { display: none; }
.share_services { background: rgba(0, 0, 0, 0.08); padding: 10px; }
.share_services a { text-indent: -9999px; }
.share_drop textarea { width: 100%; }

.added_in { margin: 20px 0 0 0; font-style: italic; }
.added_in a { color: #424242; }

.tack_info .info_wrapper { float: left; }
.user_info a, .user_link { font-weight: 700; }
.user_info a:hover, .user_link:hover { border-bottom: none; }
.user_info .collection { font-style: italic; }
.flag_wrapper { clear: both; margin-bottom: 15px; }
.flag_wrapper a { font-style: italic; color: #424242; font-size: 15px; line-height: 16px; }
.flag_wrapper .icon { background: url(../images/flag.png) no-repeat; width: 16px; height: 16px; background-size: 16px 16px; margin-right: 5px; }
.flag.hidden,
.unflag.hidden,
.like.hidden,
.unlike.hidden,
.hover_box .like.hidden,
.hover_box .like.hidden,
.follow.hidden
{ display: none; }
.tack_info .stats { clear: both; margin-top: 15px; }
.liked_by_list { margin: 15px 0; }
.liked_by { clear: both; margin: 15px 0; }
.liked_by a { font-weight: 700; color: #424242; }
.tack_info .avatar { width: 34px; height: auto; }

.count { font-family: 'PT Sans', Helvetica, serif; }
.share_tack { margin-bottom: 15px; }
.share_drop { background: rgba(0, 0, 0, 0.06); padding: 15px; margin-top: 10px; }
.social_share { margin: 6px 0; }
.social_share li { padding: 0; margin: 0 13px 0 0; margin-left: 0; display: inline-block; background: none; }
.social_share a.btn { width: 40px; height: 35px; line-height: 35px; }
.social_share a.btn:hover { font-weight: normal; }
.social_share .btn_count_wrapper { line-height: auto; }
.social_share .count_wrapper { margin-right: 0; }
.social_share .count { width: 60px; line-height: 35px; font-size: 12px; padding: 0; margin-left: 4px; }
.social_share .count_arrow { width: 9px; height: 9px; top: 14px; left: 0; }
.social_share li span { border: none; padding: 0 12px; display: inline-block; line-height: 28px; margin-left: 5px; }
.social_share i { padding-left: 0; display: inline-block; margin: 0; }
.social_share .twitter { background: url(../images/twitter@2x.png) no-repeat 50% 50%; background-size: auto 14px; width: 20px; height: 14px; margin: -3px 0 0 0; }
.social_share .twitter i { background-position: 0 50%; width: 21px; height: 14px; margin: -3px 0 0 0; }
.social_share .fb { background: url(../images/facebook@2x.png) no-repeat 50% 50%; background-size: auto 16px; width: 20px; height: 16px; margin: -3px 0 0 0; }
.social_share .email { background: url(../images/email.png) no-repeat 0 0px; width: 19px; height: 12px; margin: -3px 0 0 0; }
.social_share .btn.text { width: auto; padding: 0 10px; font-size: 11px; }

.deal_wrapper .share.above { margin-top: 0; }

.share_drop h5 { clear: both; margin: 15px 0 0 0;}
.share_drop p { color: #777; font-size: 14px; margin-bottom: 5px; }
.embed_box { margin: 15px 0; clear: both;}
.embed_box textarea { padding: 5px; width: 100%; height: 35px; color: #777; }

.stats_list { margin-top: 12px; font-size: 15px; }
.stats_list li { margin: 0 0 5px 0; }
.tack_info .stats_list li { display: block; float: none; }
.stats_list .likes .icon { background-position: -227px 5px; width: 30px; height: 14px; margin: 0 9px 0 0; }
.stats_list .saves .icon { background-position: -316px 0px; width:24px; height:17px; margin: 0 13px 0 3px; }
.stats_list .comments .icon { background-position: -340px 0px; width: 23px; height: 21px; margin: 0 13px 0 3px; }

.in_collection { margin: 45px 0; clear: both; }
.in_collection .collection_list { margin: 20px 0; }
.in_collection a { color: #424242; }
.in_collection .tack_box_wrapper { margin-bottom: 3%; }

.comments { margin: 30px 0; clear: both; }
.no_comments { clear: both; }
.no_comments h4 { font-size: 20px; }
.comments .avatar { clear: both; float: left; }
.comments .avatar.default a { display: inline-block; background: url(../images/comments-avatar.png) no-repeat; }
.comment_form_wrapper { clear: both; }
.comment_form .avatar img { width: 35px; height: auto; }
.comments textarea { background: #fff; border: 1px solid #ccc; padding: 10px; font-size: 15px; }
.comments_list { clear: both; border-top: 1px solid #ccc; padding-top: 25px; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.comments_list .avatar img { width: 42px; height: auto; }

.comment .fluid_video { position: relative; padding: 0; margin: 0; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.comment .fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.comment .rich { overflow-x: scroll; }

.tack_wrapper .parlor_list .item .avatar { width: 52px; height: 52px; }
.see_all { margin: 15px 0; }
.see_all a { color: #424242; }



/* User Detail */
.left_user { display: block; clear: both; margin-bottom: 20px; }
.left_user.no_avatar { float: none; }
.left_user .avatar { float: left; margin-right: 25px; }
.left_user h1 { line-height: 1; margin-bottom: 8px; }
.left_user .title { font-style: italic; font-size: 18px; text-transform: capitalize; }
.user_info_wrapper { margin: 20px 0 20px 290px; display: block; }
.no_avatar .user_info_wrapper { margin-left: 0; }
.profile_frame { background: url(../images/user-frame.png) no-repeat; margin-bottom: 25px; width: 260px; height: 284px; position: relative; }
.profile_frame .wrapper { text-align: center; width: 260px; height: 235px; display: table-cell; vertical-align: middle; position: absolute; top: 20px; margin-left: -2px; overflow: hidden; }
.profile_frame .wrapper * { vertical-align: middle; }
.profile_frame .wrapper span { display: inline-block; height: 100%; width: 1px; }
.profile_frame img {background: 0; padding: 0; border: 1px solid #888; margin-top: 0px; border-radius: 0; width: 219px; height: auto; }
.profile_frame p { z-index: 1000; width: 220px; height: 53px; text-align: center; margin-left: 25px; top: 252px; position: absolute; background: url(../images/member-plaque.png) no-repeat; font-size: 10px; text-transform: uppercase; text-align: center; padding-top: 14px; }


.right_user .username_title { font-size: 27px; text-transform: capitalize; margin-bottom: 0; line-height: 31px; }
.btn.follow { margin-left: 25px; }
.follow_icon { background: url(../images/buttons.png) no-repeat 0 -165px; vertical-align: text-top; padding-right: 4px; display: inline-block; width: 16px; height: 18px; line-height: 28px; }
.data { font-size: 16px; margin-bottom: 20px; }
.data span { font-style: italic; }
body.minted .minted a, body.saved .saved a, body.liked .liked a, body.user_collections .collections, body.following .following, body.followers .followers { font-weight: 700; }

.follow_wrapper .btn.small { float: left; margin-left: 10px; }
.follow_wrapper .btn.hidden { display: none; }
.stats li { display: block; float: left; font-family: 'PT Sans', Helvetica, sans-serif; }
.stats .moderate { margin-left: 19px; }

/* Collection Detail */
.collection_title { clear: both; margin-bottom: 20px; padding-bottom: 15px; }
.collection_title .title { margin-bottom: 5px; line-height: 22px; font-size: 25px; }
.collection_title a { color: #424242; }
.collection_title .data { margin-bottom: 0; padding-top: 0; }
.collection_title .avatar_frame { margin-top: 0; }

.collection_item .white_frame { background: none; border: none; }
.collection_item .collection_avatar { margin-right: 20px; position: relative; }
.collection_item .collection_avatar img { padding: 4px; border: 1px solid #ccc; background: #fff; }
.collection_item.first { margin-top: 30px; }
.collection_item .title { margin-bottom: 10px; font-size: 19px; }
.collection_item .title a:hover { text-decoration: underline; }
.collection_item a { color: #424242; }
.collection_stats { margin-bottom: 15px; font-size: 16px; }
.collection_stats span { font-style: italic; }
.collection_avatar { float: left; margin-right: 20px; }
.collection_thumbs { float: left; }
.collection_thumbs li { display: inline; margin-right: 15px; }
.collection_thumbs img { border-radius: 0; }

/* Noodle */
.category_list li { display: inline-block; margin-bottom: 1.3rem; margin-right: 0.9rem; }
.category_list a { border-radius: 4px; font-family: "PT Sans", sans-serif; color: #555; background: rgba(0, 0, 0, 0.06); font-size: 0.8em; padding: 0.4rem .9rem; }
.category_list a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.09); border: none; }

/* About */
.main_content.about p  { font-size: 17px; }
.main_content.about ul { list-style: disc; margin-left: 25px; font-size: 17px; margin-bottom: 20px; }
.main_content.about h2 { font-size: 30px; }
.main_content.about h3 { font-size: 26px; }
.main_content.about p a { color: #424242; padding-bottom: 2px; border-bottom: 1px solid #ababab; }
.main_content.about p a:hover { border-bottom: none; }

.main_content.about .billboard { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 25px 0; padding: 12px 0; }
.main_content.about .billboard .btn_wrapper { line-height: 51px; }

/* Add Tack form */
.add_tack_form .tack_image, .add_tack_form .tack_title, .add_tack_form .tack_description,
.add_tack_form .tackit, .add_tack_form .collections_wrapper { display: none; }
.bookmarklet_wrapper { float: right; width: 300px; }
#id_link, #id_title, #id_description { width: 500px; }
.add_tack_form .fieldWrapper { margin: 25px 0; }
#id_link { padding: 11px 8px; font-size: 16px; }
#id_description { height: 120px; }
.get_more { display: none; clear: both; }
.pic_holder img { padding: 5px; }
.pic_holder img:hover { border: 1px solid #2b78a8; }
.pic_holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.choose_image { padding: 2px; display: block; float: left; }
.selected img { background: #2b78a8; border: 1px solid #444; }
.collections_wrapper h3 { margin-bottom: 5px; }
.collections_wrapper .or { width: 30px; float: left; margin: 36px 0px 0px 22px;  }
.fieldWrapper.tack_collections { margin: 0px; float: left; width: 250px; }
.fieldWrapper.tack_new_collection_title { margin: 0px 0px 0px 16px; float: left; }
.collections_wrapper { margin-bottom: 40px; }
.collections_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.warning { background: rgba(195, 12, 48, 0.08); padding: 10px; color: #c30; padding: 10px; }

.retack .add_tack_form .collections_wrapper { display: block; }

.module.about_gm .bookmarklet { clear: both; margin: 15px 0; }
.gm_bookmarklet_link { padding: 5px; border: 1px solid #0d78bc; }
.gm_bookmarklet_link:hover { text-decoration: none; }

.extension_install .icon { display: block; width: 65px; height: 65px; float: left; margin-right: 15px; }
.extension_install .btn { clear: both; margin-top: 15px; width: 100%; }
.extension_install.chrome_install .icon { background: url(../images/chrome-logo.png) no-repeat; background-size: 65px 65px; }
.extension_install.ff_install .icon { background: url(../images/firefox-logo.png) no-repeat; background-size: 65px 65px; }

/* Images widget */
#gm_carousel { position: relative; float: left; background: #fff; border: 1px solid #ccc; padding: 10px; width: 682px; margin-bottom: 10px; }
#gm_carousel:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselContainer { overflow: hidden;  position: relative; float: left; }
#gm_carouselContainer:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselWrapper:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
#gm_carouselWrapper { -webkit-transition: margin-left 500ms ease;  -moz-transition: margin-left 500ms ease;  -o-transition: margin-left 500ms ease; transition: margin-left 500ms ease;  }
.gm_nav_button { width: 40px; height: 100%; display: inline-block; position: absolute; top: 0px; z-index: 2; }
.gm_nav_button.next { right: -40px; background: url(../images/chevron-right.png) no-repeat 0 50% rgba(0,0,0,.05); border-top: 1px solid #ccc;
                      border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.gm_nav_button.prev { left: -40px; background: url(../images/chevron-left.png) no-repeat 0 50% rgba(0,0,0,.05); border-left: 1px solid #ccc;
                      border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
.add_tack .tack_image:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }                                                                                                                       .gm_nav_button.next:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.add_tack .tack_image img { padding: 0px;  }
.gm_imgContain { overflow: hidden; width: 200px; margin: 0px 10px; position: relative; display: block; background-color: #fff; float: left; border: 4px solid #eee; }
.gm_imgContain img { display: block; }
.gm_meta_info { position: absolute; color: #fff; padding: 3px 10px; background: rgba(0,0,0, .7); font-size: 12px; font-family: helvetica, sans-serif; font-weight: bold; z-index: 103; bottom: 0px; right: 0px; display: block; }
.gm_imgItem { display: inline-block; max-width: inherit; }                                                                                                                                      .choose_image { padding: 2px; display: block; float: left; }
.gm_imgContain.selected { border: 4px solid rgba(43,120,168,.9); }

/* Bookmarklet */
.bookmarklet .content { padding-top: 0px; }
.bookmarklet.add_tack_done .main_content_wrapper { margin-top: 20px; }
.bookmarklet.add_tack_done .main_content_wrapper p { display: inline-block;  }
.bookmarklet #id_description textarea { height: 100px }
.bookmarklet .add_tack_form .fieldWrapper { margin: 15px 0px; }
.bookmarklet .collections_wrapper { margin-bottom: 15px; }
.bookmarklet .collections_wrapper .fieldWrapper { margin-top: 5px; }
.bookmarklet .chosen-container .chosen-results { max-height: 80px; }

/* Loading Animation */
.spinner { display: inline-block; margin: 0px auto 0; width: 70px; text-align: center; }
.spinner > div { width: 18px; height: 18px; background-color: rgba(0,0,0,.10); border: 1px solid #ccc; border-radius: 100%; display: inline-block;
                 -webkit-animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;
                 /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s;}
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0)
  } 40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
  0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0);
  } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

/* Add Tack - Success */
.tack_added { border-bottom: 1px solid #ccc; padding-bottom: 2px; color: #424242; }
.share_title { float: left; }

.share_on { margin: 25px 0; }
.fb_preview { clear: both; padding: 15px; margin-bottom: 15px; background: rgba(255, 255, 255, 0.015); }
.fb_preview .avatar { margin-right: 20px; }
.fb_preview .avatar img { border-radius: 0; }
.fb_preview h3 { margin-bottom: 5px; }
.fb_preview h4 { margin-bottom: 5px; line-height: 42px; }
.fb_preview p { line-height: 1.5; }
.share_tack { float: left; }
.share_tack li { float: left; display: inline-block; margin-right: 10px; }
.share_tack a { display: block; font-size: 14px; }
.share_tack .btn { padding: 3px 7px 2px 7px; }
.share_tack i { width: 20px; height: 20px; display: inline-block; background-position: 50% 0; line-height: 20px; vertical-align: text-top; margin-top: 1px; }
.share_tack i.fb { margin-right: 1px; }
.share_tack i.twitter { margin-right: 7px; margin-left: 4px; height: 15px; line-height: 15px; }
.share_tack i.g_plus { margin-right: 4px; margin-left: 4px; line-height: 14px; }

.pin_wrapper { display: none; }

/* Login */
.beta_list { margin-top: 0px; float: left; }
.login_wrapper { margin-top: 25px; float: left; }
.fb_login_wrapper { float: left; }
.fb_login { background: url(../images/fb-login.png) no-repeat; display: block; width: 256px; height: 55px; text-indent: -9999px; border: none; cursor: pointer; }
.or { margin: 20px; }
.reset { font-weight: normal; margin-left: 25px; font-size: 13px; }
.reset a:hover { text-decoration: underline; }

.registration_wrapper { margin-top: 65px; }
.registration_wrapper h3 { font-weight: bold; }
.fb_register_form, .email_register_form { width: 35%; }
.fb_register_form { float: left; }
#sidebar_subscribe { position: fixed; }
.email_register_form { float: left; margin-left: 30px; padding-left: 80px; border-left: 1px solid #ddd; }
.or_column { width: 100px; display: block; min-height: 400px; text-align: center; margin-right: 100px; font-size: 22px; font-style: italic; }

/* Podcast sidebar */
.sidebar .podcast_banner { background: url(../images/podcast-banner.jpg); display: block; width: 250px; height: 250px; text-indent: -9999px; }

/* Invite Form */
.invite_right { float: right; background: rgba(0, 0, 0, 0.03); padding: 15px; margin-top: 25px; border: 1px solid rgba(0, 0, 0, 0.08); max-width: 350px; }
.invite_right .quote { margin-bottom: 10px; }
.invite_right h2, .invite_right h3 { margin: 0 0 15px 0; }
.invite_right .quotee { text-align: right; font-style: italic; }


/* Slow clap */
.slow_clap { text-align: center; float: none; margin-bottom: 25px; }
.slow_clap img { padding: 7px; border: 1px solid #ddd; background: #fff; }
.intro { font-size: 20px; }
.invited { margin-top: 15px; }
.invited li { float: left; display: block; margin-right: 65px; }
.invited li.facebook { margin-right: 0; }
.invited li.twitter_badge p { margin-top: 20px; }


/* THE RESERVE */
.fb_like_wrapper.small { display: none; }
body.reserve_hompage .main_content_wrapper { width: 100%; float: none; }
.reserve_title:hover { text-decoration: none; }

form.email_signup { margin-bottom: 0; }
.email_signup p { margin: 0 0 3px 0; display: inline-block; }
form input.email { width: 150px; float: left; }
.rss a { font-size: 14px; }
.email_signup .btn { float: left; padding: 7px 9px; font-style: italic; font-size: 13px; }

.deal_list { margin-top: 35px; }
.deal_wrapper { margin: 0 0 30px 0; clear: both; background: #fff; border: 1px solid #ccc; }
.deal_wrapper.first { margin-top: 25px; }
.date_separator  { margin-bottom: 13px; border-bottom: 1px solid #ddd; font-size: 17px; }
.date_separator span { background: rgba(0, 0, 0, 0.03); padding: 4px 9px; border: 1px solid #ddd; }
.deal_wrapper .avatar { margin-right: 0; }
.deal_wrapper .avatar img { max-width: 200px; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.15); background: #fff; border-radius: 0; box-shadow: none; }

.deal_wrapper .lead_image { text-align: center; border-bottom: 1px solid #ccc; }
.deal_wrapper .lead_image img { min-width: 560px; width: 780px; height: auto; display: block; }
.reserve .email_cta h2 { margin-bottom: 0; }
.deal_title { margin-bottom: 0px; line-height: 35px; font-size: 32px; }
.deal_title .single_link { font-style: normal; }
.deal_guts { font-size: 17px; margin-bottom: 20px; padding: 25px; }
.deal_guts .deal_description { margin: 15px 0 25px 0; }
.deal_description p { font-size: 16px; line-height: 25px; }
.deal_description ul li { list-style: disc; margin-left: 30px; margin-bottom: 20px; }
.deal_description h3 { font-weight: 400; font-size: 22px; line-height: 32px; margin-bottom: 25px; color: #555; }
.expired_text { font-size: 17px; }
.expired, .deal_guts .expired p a { color: rgba(0, 0, 0, 0.3); }
.deal_guts .posted { margin-left: 0; }
.deal_guts .expires { margin: 10px 0 15px 0; font-style: italic; }
.deal_guts p a { font-weight: 700; }
.deal_guts .get_deal { background: #259c08; color: #fff; padding: 6px 13px; }
.deal_guts .get_deal:hover { background: #2cb00b; }
.deal_guts .get_deal.expired { background: rgba(0, 0, 0, 0.3); }
.deal_guts .hide, .deal_guts .compare_link.hide  { display: none; }
.sale_price_link:hover { text-decoration: none; }
.sale_price { font-size: 20px; font-weight: 700; display: block }
.sale_tag { color: #fff; text-transform: uppercase; margin-right: 7px; line-height: 16px; font-size: 12px; letter-spacing: 1px; font-weight: 400; border: 1px solid #12a802; color: #12a802; padding: 5px 8px; vertical-align: middle; }

.price_posted { margin: 25px 0 0 0; color: #555; font-size: 14px; }

.deal_wrapper .share { margin: 0 0 20px 0; }

.full_content { margin-bottom: 15px; display: block; clear: both; }

.tack_box_wrapper.lead_wrapper { width: 100%; margin-bottom: 10px; float: none; clear: both; }
.lead, .secondary_lead .tack_box, .related { border-bottom: 1px solid #ccc; }
.lead { margin-bottom: 25px; width: 780px; float: left; }
.lead h2 { font-size: 27px; line-height: 33px; margin-bottom: 7px; }
.reserve_box .tease { font-size: 15px; line-height: 22px; height: 68px; overflow: hidden; }
.lead .read_more { font-weight: 900; color: #0d78bc; }
.reserve_box .lead .tack_guts { padding-bottom: 0; height: 127px; }
.right_lead { float: right; display: block; }
.secondary_lead { width: 340px; margin-left: 15px; display: block; float: left; }
.secondary_lead h3 { line-height: 28px; }
.secondary_lead .tack_box { margin-bottom: 15px; }
.secondary_lead :last-child { margin-bottom: 0; }
.reserve_box .secondary_lead .tack_guts { height: 80px; }
.related { width: 380px; display: block; float: left; margin-top: 15px; margin-right: 20px; padding-bottom: 0; }
.related .tack_thumb { height: 210px; overflow: hidden; border-bottom: 1px solid #ddd; }
.related:nth-child(2n) { margin-right: 0; }
.related h2 { font-size: 20px; line-height: 26px; overflow: hidden; }
.related.tack_box .tack_guts { height: 90px; padding-bottom: 0; display: block; }
.related.reserve_box .tacker { padding: 10px 0; background: #f9f9f9; }
.related.reserve_box .get_deal_wrapper { margin-top: 0; }
.related.reserve_box .deal_info { margin-top: 0; }

.reserve_nav { border-top: 3px solid #424242; padding: 10px 0; line-height: 27px; border-bottom: 0; display: flex; }
.reserve_nav li { padding: 0 28px 0 0; }
.reserve_nav a { font-size: 14px; color: #787878; text-transform: none; letter-spacing: 0; }

.reserve_box .tack_guts { height: 142px; position: relative; overflow: hidden; padding: 17px 17px 5px 17px}
.reserve_box .title { font-weight: 600; font-size: 20px; line-height: 23px; margin-bottom: 12px; }
.reserve_box .tack_thumb img { border-bottom: none; }
.tack_box_wrapper.reserve_box .tacker { border-left: none; border-right: none; padding: 0; height: 62px; }
.tack_box_wrapper.reserve_box .white_frame { padding-bottom: 0; }
.reserve_box .learn_more { display: inline-block; font-size: 13px; margin-left: 6px; }
.reserve_box .learn_more a { margin-left: 4px; font-weight: bold; }
.reserve_box .btn { height: 46px; line-height: 46px; font-size: 16px; text-transform: none; letter-spacing: 0; border: none; margin-right: 10px; float: none; text-align: center; padding: 0 9px; color: #fff; border-radius: 3px; width: 110px; float: right; text-align: center; display: inline-block; clear: none; }
.reserve_box .deal_info, .reserve_box .get_deal_wrapper { margin-top: 5px; }
.reserve_box .get_deal_wrapper { display: block; padding: 0; margin-top: 7px; text-align: center; margin-bottom: 0; }
.reserve_box .tack_guts p { font-size: 14px; line-height: 19px; }
.reserve_box .description_link:hover { text-decoration: none; }
.reserve_box .expires_on { font-size: 11px; text-transform: uppercase; line-height: 1; clear: both; display: block; }
.reserve_box .deal_info { float: left; display: inline-block; font-family: 'PT Sans', Helvetica, sans-serif; margin-left: 10px; margin-top: 7px; }
.reserve_box .deal_info .price { font-weight: 900; font-size: 17px; margin-bottom: 0; }
.reserve_box .deal_info.no_expire { line-height: 46px; }

.offers { margin-top: 35px; font-size: 18px; }
.offers a { color: #434343; }
.offers_h4 { background: rgba(0, 0, 0, .07); padding: 5px; }
.offer_wrapper { margin: 15px 0; }
.offer_wrapper:hover {}
.merchant_logo { float: left; margin-right: 45px; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; }
.merchant_logo img { padding: 1px 3px 0 3px; margin-bottom: 0; }
.merchant_logo a { border: none; }
.merchant_name { float: left; width: 125px; margin-right: 45px; font-size: 16px; }
.item_price { float: left; margin-right: 45px; padding: 0px; }
.go_store .btn { float: right; margin-top: 3px; }
.compare_link { margin-left: 7px; }
.compare_link a { margin-left: 5px; }

.deal_email_form { border-top: 4px solid #424242; padding-top: 15px; }
.deal_email_form h2 { margin-bottom: 0px; }
.deal_email_form p { margin: 10px 0; }
.deal_email_form form input[type="email"] { width: 100%; }
.deal_email_form .btn { width: 100%; margin-top: 8px; }

.bottom_social { margin: 5px 0 15px 0; }

.reserve_tag_title { margin-bottom: 25px; text-transform: capitalize; }

/* Best pages */
body.best .main_content_wrapper { margin: 0 auto; max-width: 1100px; width: auto; float: none; }
.best_detail { max-width: 960px; margin: 0 auto; display: block; }
.best_detail h1 { font-size: 39px; text-align: center; margin-bottom: 3rem; }
.best_detail .lede { margin-bottom: 5rem; display: block; clear: both; }
.best_detail .lede a { font-weight: 600; text-decoration: underline; }
.best_detail .lede a:hover { text-decoration: none; }
.best_detail .lede p { font-size: 1.29em; font-family: 'PT Sans', sans-serif; line-height: 1.5; }
.best_detail .lede_image { margin-bottom: 5rem; clear: both; display: block; }
.best_detail .lede_image img { width: 100%; height: auto; }
.best_detail .lede_image, .best_detail .pick_img { box-shadow: 0 0 5px 0 hsla(0,0%,56%,.5); -webkit-box-shadow: 0 0 5px 0 hsla(0,0%,56%,.5); line-height: 0; }
.best_content { max-width: 720px; display: block; margin: 0 auto; }
.best_content .updated { margin-bottom: 1rem; font-style: italic; }
.best_content ul li { list-style: disc; margin-left: 1em; margin-bottom: 1em; }
.best_content a { font-weight: 600; text-decoration: underline; }
.best_content a:hover { text-decoration: none; }
.best_content section { margin-bottom: 4rem; clear: both; display: block; }
.pick { border-bottom: 1px solid rgba(0,0,0,0.15); padding: 3rem 0; }
.pick::after { content: ""; display: table; clear: both; background: rgba(0,0,0,0.15); width: 100%; height: 2px; }
.pick_wrapper { display: flex; display: -webkit-flex; flex-direction: column; max-width: 760px; position: relative; }
.pick_img, .pick_details { flex: none; display: block; }
.pick h3 { color: rgba(0,0,0,0.7); text-transform: uppercase; letter-spacing: 1px; font-size: 1em; }
a.pick_btn { width: 60%; line-height: 56px; height: 56px; margin: 2.25em auto; display: block; font-size: 1.1em; font-weight: 600; text-decoration: none; border-radius: 5px; position: relative; text-transform: none; letter-spacing: 0; }
a.pick_btn::after { content: ""; background: url(../images/arrow-right.svg) no-repeat; width: 1em; height: 1em; background-size: auto 11px; position: relative; display: inline-block; background-position: 0 50%; opacity: 0.75; vertical-align: middle; margin-left: 13px; }
.best_content h2 { font-size: 2.1em; line-height: 1.2; margin-bottom: 0.75em; }
.pick h2 a { text-decoration: none; }
.pick h2 a:hover { text-decoration: underline; }
.pick .pick_details { padding: 0 1.75em; }
.pick_details h2 a:hover { text-decoration: underline; color: }
.pick_details p, .pick_details ul { font-size: 1.06em; line-height: 1.55; }
.pick_details p { margin-bottom: 1.75em; }
.pick_details ul { margin: 0 0 3rem 4rem; }
.pick_details ul li { list-style: disc; font-size: 1em; margin-bottom: 0.35em; }

.pick .features { margin-top: 4rem; }
.pick .features h3 { margin-bottom: 0.3em; text-align: center; text-transform: none; letter-spacing: 0; font-size: 1.25em; }
.pick .features ul {  }
.pick .features li { margin: 0 0 0.75em 0; list-style: none; }
.pick .features li::before { content: ""; background: url(../images/circle-check.svg) no-repeat; background-size: 1em 1em; height: 1em; width: 1em; display: inline-block; opacity: 0.25; vertical-align: middle; margin-right: 0.5em; }

.pick_details .last_call { text-align: center; }

.pin { position: absolute; top: -18px; left: -18px; z-index: 10; padding: 4px; background: #fff url({{ STATIC_URL }}images/pin-blue.png) 0 0 no-repeat; background-size: 46px auto; height: 46px; width: 46px; display: block;  }

.toc { background: #eee; padding: 2rem 3rem; margin-bottom: 3.5rem; }
.toc h3 { text-align: center; margin-bottom: 0; }
.toc ol { margin-left: 3rem; font-size: 1em; margin-top: 3rem; }
.toc li { margin-bottom: 0.25em; }
.toc ol a { font-weight: 600; }

.top.pick { border-bottom: none; padding-bottom: 0; }
.top .pick_wrapper { flex-direction: row; max-width: 560px; padding: 2.5rem; margin: 0.6rem auto 5rem auto; background: #fff; box-shadow: 0 0 5px 0 hsla(0,0%,56%,.5); -webkit-box-shadow: 0 0 5px 0 hsla(0,0%,56%,.5); margin: 0 auto 3.5rem; border-radius: 0px; }
.top h3 { text-align: center; margin-bottom: 0.45em; }
.top .pick_img, .top .pick_details { flex: 1; }
.top .pick_img { box-shadow: none; display: flex; justify-content: center; align-items: center; }
.top .pick_img img { max-width: 78%; }
.top .pick_details { padding: 0; }
.top .pick_details p { padding: 0; font-size: 1em; }
.top .pick_details h2 { font-size: 1.2em; text-align: left; }
.top .pick_details h2 a { color: #0d78bc; text-decoration: underline; }
.top .pick_details h2 a:hover { text-decoration: none; }
.top a.pick_btn { width: 100%; margin: 0; line-height: 50px; height: 50px; font-size: 1.05em; }
.top a.pick_btn::after { background-size: auto 11px; margin-left: 11px; }

.top.honorable .pick_wrapper { border: none; background: none; box-shadow: none; }

/* The Parlor */
.parlor .about_header { margin-bottom: 25px; }
.parlor .about_header .add_thread { float: right; width: auto; display: block; line-height: 51px; }
.parlor .about_header .add_thread a { font-weight: 700; font-size: 17px; }
.parlor .main_content_wrapper { width: 800px; }
.parlor .main_content { background: #fff; padding: 45px; border: 1px solid #ddd; border-radius: 4px; }

.categories_list { border-top: 1px solid #777; }
.categories_list li { display: inline-block; margin-right: 15px; }
.categories_list li:last-child { margin-right: 0; }
.categories_list a { color: #222; }


.parlor_list .item { border-bottom: 1px solid #e5e5e5; padding: 27px 0; }
.parlor_list .item:first-child { padding: 0px 0 27px 0; }
.parlor_list .sticky { color: #777; margin-right: 8px; text-transform: uppercase; letter-spacing: 1px; font-size: 16px; vertical-align: middle; }
.parlor_list h2 { font-size: 21px; line-height: 1.2; margin-bottom: 3px; max-width: 660px; }
.parlor_list .avatar_wrapper, .parlor_list .thread_guts { display: inline-block; vertical-align: top; }
.parlor_list .avatar { margin-right: 10px; }
.parlor_list .avatar img, .post_detail .avatar img { width: 52px; height: auto; border: 1px solid #979797; }
.parlor_list .meta { font-size: 15px; color: #555; }
.parlor_list a { color: #333; font-weight: 700; }
.parlor_list p.meta { vertical-align: middle; margin-bottom: 0; }
.parlor_list .meta .inline_item { margin-right: 10px; }
.parlor_list .replies { color: #424242; }
.parlor_list .replies_count { font-weight: 700; }
.category { margin-right: 7px; }
.category a { font-weight: 400; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #777; padding: 0 4px; border-radius: 3px; border: 1px solid #bbb; line-height: 20px; height: 20px; vertical-align: middle; display: inline-block; }
.category a:hover { text-decoration: none; border: 1px solid #777; color: #444; }

.meta .category.vices a { border: 1px solid #f44336; color: #f44336; }
.meta .category.vices a:hover { border: 1px solid #d32f2f; color: #d32f2f; }
.meta .category.health a { border: 1px solid #e91e63; color: #e91e63; }
.meta .category.health a:hover { border: 1px solid #d41153; color: #d41153; }
.meta .category.food a { border: 1px solid #ff5722; color: #ff5722; }
.meta .category.food a:hover { border: 1px solid #e64a19; color: #e64a19; }
.meta .category.politics a { border: 1px solid #607d8b; color: #607d8b; }
.meta .category.politics a:hover { border: 1px solid #455a64; color: #455a64; }
.meta .category.tech a { border: 1px solid #3f51B5; color: #3f51B5; }
.meta .category.tech a:hover { border: 1px solid #303f9f; color: #303f9f; }
.meta .category.sports-outdoors a { border: 1px solid #4caf50; color: #4caf50; }
.meta .category.sports-outdoors a:hover { border: 1px solid #388e3c; color: #388e3c; }
.meta .category.diy a { border: 1px solid #795548; color: #795548; }
.meta .category.diy a:hover { border: 1px solid #5d4037; color: #5d4037; }
.meta .category.entertainment a { border: 1px solid #e91e63; color: #e91e63; }
.meta .category.entertainment a:hover { border: 1px solid #b5174c; color: #b5174c; }
.meta .category.humor a { border: 1px solid #00bcd4; color: #00bcd4; }
.meta .category.humor a:hover { border: 1px solid #0097a7; color: #0097a7; }

.parlor_list .like_wrapper, .parlor_detail .meta { display: inline-block; }
.parlor_list .like_wrapper .btn { width: 55px; height: 29px; padding: 0; line-height: 29px; font-weight: 700; }
.parlor_list .like_wrapper .btn i { display: inline-block; }
.parlor_list .like_wrapper .unlike i { background: url(../images/up-stache.png) no-repeat 50% 50%; background-size: 32px 13px; width: 32px; height: 13px; }
.parlor_list .like_wrapper .like i { background: url(../images/down-stache.png) no-repeat 50% 50%; background-size: 29px 13px; width: 29px; height: 13px; }

.parlor_detail .tack_info_wrapper { margin-left: 68px; margin-bottom: 18px; }
.parlor_detail .tack_info_wrapper .avatar { margin-right: 0; }
.parlor_detail .tack_info_wrapper h1 { font-size: 25px; margin-bottom: 3px; line-height: 29px; }
.parlor_detail .flag_wrapper { display: inline-block; margin-left: 14px; }
.parlor_detail .flag_wrapper a { color: #666; font-style: normal; font-size: 14px; }
.parlor_detail .flag_wrapper .icon { width: 14px; height: 14px; margin-right: 7px; }
.post_detail .description { margin: 0 0 25px 0; padding-top: 18px; border-top: 1px solid #eee;  }
.parlor_detail .description p { font-size: 16px; line-height: 27px; }
.parlor_detail .description .fluid_video { clear: both; margin-bottom: 20px; }
.back_nav { display: block; margin: 10px 0; clear: both; }
.back_nav h3 { margin-bottom: 0; font-size: 18px; }
.back_nav a { color: #484744; }

.post_detail .avatar img { width: 56px; height: auto; }
.post_detail .description ol, .post_detail .description ul { margin-bottom: 20px; }
.post_detail .description ul li { list-style: disc; margin-left: 35px; }
.post_detail .description a { font-weight: 700; }
.post_detail .description blockquote { border-left: 4px solid #ddd; padding-left: 10px; color: #666; }
.parlor_detail .meta { color: #888; }
.parlor_detail .category { margin-right: 8px; }
.parlor_detail .edit_post { margin-left: 10px; font-weight: 700; }
.parlor_comments .edit_comment { margin-left: 7px; font-size: 15px; vertical-align: middle; }
.parlor_comments .comment_text .edit_comment a { color: #666; font-weight: 400; }
.parlor_comments .comment_header h4 { line-height: 17px; font-size: 17px; }
.parlor_comments .comment_header .date a { color: #888; font-size: 13px; }
.parlor_comments .comment_header .flag_wrapper a { font-weight: 400; color: #888; font-size: 13px; }
.parlor_comments .comment_header .flag_wrapper .icon { background-size: 12px 12px; margin-top: 2px; margin-right: 3px; opacity: 0.4; }

.parlor_comments .closed { font-style: italic; font-size: 17px; line-height: 25px; }

.parlor_comments .comment_text { margin: 0 0 25px 0; }
.parlor_comments .comment_text p { margin-bottom: 14px; }
.parlor_comments .comment_text blockquote p { border-left: 3px solid #ddd; padding-left: 10px; color: #666; }
.parlor_comments .comment_text h1, .parlor_comments .comment_text h2 { font-size: 18px; margin-bottom: 14px; }
.parlor_comments .comment_text h3 { font-size: 16px; }
.parlor_comments .comment_text a { font-weight: 700; }


.parlor_comments #id_comment { height: 120px; width: 100%; }
.parlor_comments .comment_help_text { display: none; }
.parlor_comments .comment_wrapper .avatar img { width: 42px; height: auto; }

.formatting_help { float: left; line-height: 44px; }
.formatting_help a { color: #666; }
.formatting_help_card { margin-top: 35px; clear: both; padding: 15px; border: 3px solid #eee; display: none; max-width: 560px; }
.formatting_help_card table { width: 100%; margin-bottom: 20px;}
.formatting_help_card table td { width: 50%; border: 1px solid #ccc; padding: 5px 12px; }
.formatting_help_card table td.heading { background: #f3f3f3; font-weight: 700; }

.form_help { font-size: 14px; color: #666; }

body.category_detail h1, h2.category_description, .separator { display: inline-block; }
body.category_detail, h2.category_description { font-size: 22px; color: #666; margin-bottom: 0; line-height: 35px; }
body.category_detail h1 a { color: #333; }
.separator { margin: 0 4px; }
body.category_detail .description { color: #424242; }
body.category_detail .about_header .add_thread { line-height: 36px; }



.parlor_form { width: 500px; }
.parlor_form textarea { width: 100%; height: 150px; }
.parlor_form.add .formatting_help { float: right; }
.parlor_form .topics_wrapper { clear: both; }
.parlor_form .topics label { display: inline-block; margin-right: 10px; }
.parlor_form .topics label input[type=checkbox] {  }
.parlor_form .topics label, .parlor_form .topics input[type=checkbox] { display: inline-block; cursor: pointer; border: 1px solid #aaa; border-radius: 5px; text-transform: lowercase; padding: 1px 8px; font-size: 14px; font-family: 'PT Sans', Helvetica, serif; }
.parlor_form .topics input[type=checkbox]:checked { border: 1px solid #666; font-weight: 700; }

.parlor_form .form_btn_wrapper { clear: both; }
.post_reply .form_btn_wrapper { margin-left: 50px; }
.parlor_form .btn_wrapper { float: right; }
.parlor_form .btn_wrapper .btn { margin-right: 7px; }
.parlor_form .btn_wrapper .cancel { margin-left: 5px; }

/* MOBILE */
img, object, embed { max-width: 100%; }
img { height: auto; }

/* RETINA */
@media only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-device-pixel-ratio: 2) {
  	/*.header_wrapper { background: url(../images/header@2x.jpg) repeat-x; background-size: auto 58px; }*/
  	.podcast_btn { background: url(../images/podcast-btn@2x.png) no-repeat; background-size: 128px 51px; }
  	.podcast_banner { background: url(../images/podcast-banner@2x.jpg) no-repeat; background-size: 250px 250px; }
  	.left_image { background: url(../images/podcast-round-button@2x.png) no-repeat; background-size: 85px 85px; }

  	.icons { display: inline-block; background-image: url(../images/icons-sprite@2x.png); background-repeat: no-repeat; }

  	.buttons .unlike i { background: url(../images/up-stache@2x.png) no-repeat 50% 50%; background-size: 51px 20px; }
  	.buttons .like i { background: url(../images/down-stache@2x.png) no-repeat 50% 50%; background-size: 49px 21px; }
  	.buttons .save i { background: url(../images/collection-save@2x.png) no-repeat 50% 50%; background-size: 27px 22px; }
	  .buttons .saved i { background: url(../images/collection-saved@2x.png) no-repeat 50% 50%; background-size: 27px 22px; }
	  .buttons .share i { background: url(../images/share-icon@2x.png) no-repeat 0 50%; background-size: 26px 21px; }

    .flag_wrapper .icon { background: url(../images/flag@2x.png) no-repeat; background-size: 16px 16px; }

 }
@media only screen and (max-width: 1175px) {
  .lead { width: 100%; float: none; }
  .secondary_lead { float: none; width: 100%; margin: 0; }
  .secondary_lead .tack_box { width: 48%; margin-right: 4%; float: left; }
  .secondary_lead :last-child { margin-right: 0; }
  .sidebar { clear: both; margin-top: 35px; }
  .extension_install .icon { display: block; width: 65px; height: 65px; float: left; margin-right: 15px; }
  .extension_install .btn { clear: both; margin-top: 15px; max-width: 300px; }
  .sidebar .extension_install p { text-align: left; }
  .extension_install.chrome_install .icon { background: url(../images/chrome-logo.png) no-repeat; background-size: 65px 65px; }
  .extension_install.ff_install .icon { background: url(../images/firefox-logo.png) no-repeat; background-size: 65px 65px; }

}

@media only screen and (max-width: 1145px) {
  .main_content_wrapper, .parlor .main_content_wrapper { width: 100%; float: none; max-width: none; }
  .sidebar { width: 100%; clear: both; }
  .full { min-width: 100%; }
  .fixed { position: relative; }
  .sidebar h2 { text-align: center; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .deal_wrapper .lead_image img { width: 100%; }
  .related { width: 48%; margin-right: 4%; }

  body.reserve .full_content { position: relative; }
  body.reserve .top_nav { margin-bottom: 10px; }
  .deal_email_form { display: none; }
  .reserve_title { float: left; display: inline-block; }
  .category_drop { background: url(../images/hamburger.svg) no-repeat; padding-right: 30px; display: inline-block; color: #424242; font-weight: 700; font-family: 'PT Sans', Helvetica, sans-serif; font-size: 15px; background-size: auto 1em; background-position: 100% 50%; line-height: 1; position: absolute; top: 16px; right: 0; font-weight: 500; }
  .reserve_nav { display: none; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0; width: 100%; background: #fff; }
  .reserve_nav a { font-size: 14px; display: block; text-align: center; padding: 7px 0; }
  .reserve_nav a :last-child { border-bottom: none; }
  .top_nav .simple_nav.reserve_nav li { display: block; vertical-align: middle; border-bottom: 1px solid #ddd; }
  .top_nav .simple_nav.reserve_nav li:last-child { border-bottom: none; }
}

@media only screen and (max-width: 1119px) {
  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .reserve_box .btn { width: 88px; }
}

@media only screen and (max-width: 1023px) {
  body { font-size: 1.4em; line-height: 1.5em; }
  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }

  .main_content_wrapper { width: 100%; }
  .billboard { text-align: center;}

  .related.tack_box .tack_guts { height: auto; }

  .buffer div { margin: 10px auto; }
}

/* Tablet screens */
@media only screen and (max-width: 975px) {
  body { font-size: 16px; font-size: 1.5rem; line-height: 1.4; -webkit-text-size-adjust: none; }
  .container, .nav_wrapper, .message_wrapper, .billboard, .main_content, .right_content, .left_content, .left_user, .right_user, .sidebar, .full, .login_wrapper, .center { float: none; width: 100%; min-width: 0; max-width: none; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }
  .container { width: auto !important; padding-left: 20px; padding-right: 20px; width: auto; }
  #noodles { display: none; }

  .logo { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: 0; width: 145px; }

  .homepage_reserve h3 { clear: both; float: none; width: auto; }
  .homepage_reserve .learn_more { display: none; }
  .homepage_reserve .right { float: none; clear: both; text-align: center; }

  .social_buttons { display: none; }

  #sidebar_subscribe { display: none; }

  .tack_box_wrapper { width: 30%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }

  .sidebar .module.latest_reserve { display: none; }
  .tack_wrapper .latest_reserve_wrapper { display: block; margin: 30px 0; }
  .tack_wrapper .latest_reserve { margin: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-between; }
  .tack_wrapper .latest_reserve h3 { margin-bottom: 10px; }
  .tack_wrapper .latest_reserve .item_link { display: block; width: 48%; float: none; margin-bottom: 5%; }
  .tack_wrapper .latest_reserve .item_link:hover { color: #333; }
  .tack_wrapper .latest_reserve .avatar { display: block; float: none; width: 100%; height: auto; }
  .tack_wrapper .latest_reserve .item_title { font-size: 16px; }

  .below_tack_unit { margin: 15px 0; display: block; }

  .top_header .btn {  display: inline; }
  .header_wrapper { text-align: center; height: 46px; line-height: 46px; }
  .header_wrapper .gutter { padding: 0; }
  .header_wrapper .left_nav { margin-left: 30px; }
  .header_wrapper .left_nav a, .left_nav li, .user_nav h3 {  height: auto; }
  header h1 {  margin-left: 40px; }
  .logo { background-size: auto 60px; }
  .nav_toggle { display: block; color: #fff;  width: 26px; height: 30px; position: absolute; left: 7px; top: 14px; background: url(../images/nav-toggle@2x.png); width: 23px; height: 17px; background-size: 23px 17px; }
  .user_nav .join_wrapper { display: none; }

  .nav_wrapper.clear { clear: none; }
  .mobile_nav_wrapper { background: #333; color: #fff; z-index: 0; width: 70vw; position: fixed;  height: 100%; top: 0; font-family: 'PT Sans', Helvetica, sans-serif;
  -moz-transition: opacity .3s ease-in-out;-ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
  .mobile_nav_wrapper.open { opacity: 1; overflow-y: scroll; }
  .mobile_nav_wrapper.close { -moz-transition: opacity .5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
  .mobile_nav_wrapper li { clear: both; padding: 10px 0; }
  .profile_header { line-height: 46px; background: #232323; margin-bottom: 10px; padding: 0 20px; height: 46px; }
  .profile_header h3 { color: #fff; margin-bottom: 0; }
  .profile_header .avatar img { width: 30px; height: auto; }

  .mobile_nav_wrapper .search_form { text-align: center; margin-bottom: 20px; }
  .mobile_nav_wrapper .search_form input { background: #555; width: 90%; border: none; border-radius: 2px; line-height: 35px; height: 35px;}

  .mobile_nav_wrapper h4 { color: #aaa; font-weight: normal; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 10px 20px 5px 20px; margin-bottom: 0; }
  .user_header {}
  .mobile_nav { display: block; margin-bottom: 20px; }
  .mobile_nav li { padding: 12px 20px; border-bottom: 1px solid rgba(255,255,255,0.1); display: block; }
  .mobile_nav .show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
  .mobile_nav .hide { margin-left: -268px; }
  .mobile_nav .hide > li { border-bottom: none; }
  .mobile_nav a { color: #eee; font-size: 14px; display: block; }

  .user_nav .welcome ul, .header_wrapper .left_nav, .user_nav .has_drop, .user_nav .search_form  { display: none; }
  .user_nav .add_button { margin-right: 0; padding-right: 0; }
  .user_nav .add_button .btn { background: none; }
  .add_button .btn::after { }
  .mobile_nav_wrapper .user_nav .invites, .mobile_nav_wrapper  .user_nav .add_button, .mobile_nav_wrapper  .user_nav .welcome ul  { display: block; }
  .mobile_nav_wrapper .user_nav .welcome { position: absolute; top: 0; right: 5px; }
  .mobile_nav_wrapper .search_form input { background: #fff; color: #222; margin-left: 20px; width: auto; display: block; }

  .buttons li { display: inline-block; margin-right: 25px; }
  .buttons li:last-child { margin-right: 0; }

  .tack_image { width: auto; }
  .tack_image img { width: 100%; height: auto; }

  .reserve_box .btn { width: 86px; }
}
/* Mobile */

@media handheld, only screen and (max-width: 740px) {

  body { font-size: 16px; font-size: 1.5rem; line-height: 1.4; -webkit-text-size-adjust: none; }
  .sidebar, .message_wrapper, .billboard, .main_content, .right_content, .left_content, .left_user, .right_user, .sidebar, .full, .login_wrapper, .center, .bookmarklet_wrapper, .main_content_wrapper { float: none; width: 100%; min-width: 0; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; }
  .gutter { margin: 0; padding-left: 15px; padding-right: 15px; }
  .container { max-width: none; min-width: 0; width: auto !important; width: auto; padding-left: 0; padding-right: 0; }

  /* Forms */
  form input[type="text"], form input[type="password"], form input[type="email"], textarea { width: 345px; }
  textarea { width: 100%; }

  .sidebar { clear: both; }
  .sidebar .module { margin: 35px 0; clear: both; }

  .tab .active a { font-size: 15px; }


  /* One-offs */
  .header_wrapper .left_nav { display: none; }
  .btn { clear: both; width: 100%; max-width: 450px; padding: 0; height: 38px; text-align: center; margin: 0 auto; line-height: 38px; }
  .billboard { margin: 0; }
  .billboard h3 { font-size: 18px; }
  .billboard.center h3 { line-height: 1.7; }
  .billboard.center
  .billboard p { font-size: 14px; }
  .billboard p.left { float: none; }
  .billboard .btn { margin: 5px 0 5px 0; }
  .billboard .btn:hover { text-decoration: none; }
  .billboard .join_wrapper { line-height: 23px; text-align: center; margin-bottom: 15px; }
  .billboard .join_btn { margin: 0 auto; text-align: center; height: 44px; line-height: 44px; float: none;  }
  .billboard .btn_wrapper { float: none; display: block; }
  .billboard .btn_wrapper.small { margin-left: 0px; line-height: 28px; }
  .billboard .btn.small { font-size: 18px; line-height: 38px; }

  .billboard .get_started { line-height: 81px; }
  .billboard .get_started.podcast h3 { display: none; }
  .billboard .get_started.podcast .btn_wrapper { margin-left: 0; }

  .billboard.after_content .btn_wrapper { margin-top: 10px; }
  .billboard.after_post { margin-top: 30px; }

  .tagline, .proof { display: none; }

  .invite_right { float: none; width: auto; clear: both; }

  /* Header */
  .billboard { clear: both; float: none; margin-bottom: 25px; }
  .search_form { float: none; }

  .tack_info .social_share { float: left; display: block; clear: both; width: 100%; }
  .tack_info .social_share li { margin-bottom: 10px; height: auto; line-height: 1; }
  .tack_info .social_share li a { line-height: 1.4; display: block; }
  .tack_info .social_share .btn { width: auto; height: auto; line-height: normal; }
  .tack_info .social_share .btn:hover { line-height: normal; height: auto; }

  .simple_nav { font-size: 13px; margin-bottom: 15px; }
  .simple_nav li:first-child { padding-left: 0; }
  .simple_nav li { padding: 5px 10px; line-height: 2; }
  .top_nav .simple_nav li { display: inline; float: none; }
  .simple_nav.sub { float: none; margin: 0 0 10px 0; }
  .simple_nav.sub li { margin-right: 15px; padding: 0; }
  .simple_nav.sub li a { padding-right: 5px; }
  body.minted .minted a, body.liked .liked a, body.user_collections .collections { }
  .join_wrapper #join_banner_header { font-size: 16px; line-height: 45px; height: auto; }


  .content { padding: 20px 0 0 0; }
  .main_content.center { margin-top: 15px; }
  .main_content.center h2 { font-size: 20px; }

  .reserve_home { margin-top: 3rem; }
  .reserve_home .tack_box_wrapper, .reserve_home .tack_box_wrapper:nth-child(3n) { width: 45%; margin-right: 0 }
  .reserve_home .avatar { margin-right: 0; }

  /* Comments */
  .comments { font-size: 0.9em; }
  .comments_list h4 { font-size: 17px; line-height: 35px; }
  .threaded_comments ul { margin-left: 15px; }
  .comment { margin-bottom: 12px; margin-left: 36px; }
  .comments .avatar img { max-width: 30px; }
  .comments_list .avatar .default { width: 30px; background-size: 30px; height: 30px; }
  .comments .date { font-size: 0.7em; }
  .comments .comment_text { margin: 10px 0 25px -36px; clear: both; }
  .comments .comment_text p { line-height: 1.4; }
  .comment_form .avatar { display: none; }
  .comment_form.reply { padding: 0; }
  .comment_reply_wrapper .btn.small { width: auto; height: 20px; font-size: 10px; }
  .comment_form.reply { margin-left: -36px; }
  .comment_form.reply .avatar { display: none; }
  .comment_form.reply .fill { margin: 0; }
  form.add_comment .btn { float: none; width: 100%; clear: both; max-width: 100%; }
  .comment_form.reply .btn_wrapper { float: none; }

  /* Pagination */
  .pagination ul { text-align: left; }
  .pagination li { line-height: 2; margin-right: 10px; float: none; display: inline-block; text-align: left; }

  /* Homepage */
  .homepage_reserve h3 { clear: both; float: none; width: auto; }
  .homepage_reserve .tack_box { height: 208px; }
  .homepage_reserve .go_to_deal { font-size: 13px; text-align: center; margin: 0 auto; }
  .homepage_reserve .learn_more { display: none; }
  .homepage_reserve .right { float: none; clear: both; text-align: center; }

  /* Tack Box */
  .tack_box_wrapper { width: 47.5%; margin: 0 5% 5% 0; display: inline-block; float: left; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 0; }
  .tack_box { width: 100%; display: inline-block; height: auto; margin: 0; }
  .related.tack_box { margin-top: 30px; }
  .tack_box :nth-child(2n) { margin-right: 0; }
  .tack_thumb { width: 100%; height: auto; background: #fff; clear: both; }
  .tack_thumb img { padding: 0; width: 100%; height: auto; }

  .tack_guts { height: 48px; }
  .tack_box .tack_guts :nth-child(2n) { margin-right: 6px; }
  .tack_box .tack_guts:last-child { margin-right: 0; }
  .tack_guts .avatar img { width: 20px; height: 20px; }
  .tack_guts .user { overflow: hidden; font-size: 14px; }
  .tack_guts ul { clear: both; }
  .tack_guts li { margin-right: 11px; position: relative; display: inline-block; line-height: 18px; font-size: 14px; }
  .likes .icon { background-position: -27px 6px; width: 18px; height: 12px; }
  .likes.liked .icon { background-position: -45px 6px; width: 18px; height: 12px; }
  .saves .icon { background-position: -15px 4px; width: 12px; height: 12px; }
  .saves.saved .icon { background-position: -63px 4px; width: 12px; height: 12px; }
  .comment_count { margin-right: 0; }
  .comment_count .icon { background-position: -5px 4px; width: 10px; height: 12px; }

  /* Tack Detail */
  .tack_wrapper .avatar img { width: 40px; height: auto; }
  .buttons { float: left; width: 100%; margin: 0 0 15px 0; }
  .buttons .count, .buttons .btn { height: 46px; line-height: 46px; }
  .buttons .btn { width: 96px; }
  .buttons li { margin: 15px 0 0 0; }
  .buttons li:first-child { margin-right: 15px; }
  .buttons li a { width: 79px; }
  .description { margin: 15px 0; }

  .tack_title { width: auto; font-size: 20px; margin-right: 0; line-height: 26px; }

  .share { display: none; }
  .buttons.horizontal { margin-top: 20px; clear: both; }

  .pin_wrapper.show { margin-top: 10px; display: block; max-width: 515px; }
  .pin_wrapper.show .pin_it { height: 50px; background: #bb0f23; line-height: 50px; font-size: 16px; width: 100%; vertical-align: middle; position: relative; }
  .pin_wrapper.show .pin_icon { height: 26px; width: auto; border: none; position: absolute; top: 12px; left: 30%; }
  .pin_follow { height: 44px; line-height: 44px; font-size: 13px; background: none; clear: both; margin-bottom: 10px; border: 1px solid #bbb; margin-top: 15px; font-weight: 700; color: #333; }

  .edit_controls { clear: both; margin: 15px 0; }
  .edit_controls .btn { width: 100%; margin-bottom: 5px; }
  .hover_box.visible { display: none; }

  /* Collection Detail */
  .posted { clear: both; }

  /* User Detail */
  .tack_item .title { font-size: 16px; }
  .tack_item .avatar { border-radius: none; }
  .tack_item .stats { float: right; clear: none; }
  .tack_guts.clear { clear: none; }

  /* User's Collections */
  .collection_stats { font-size: 15px; }
  .collection_thumbs { display: none; }

  /* Profile */
  .bio_wrapper .avatar, .bio_wrapper .bio { width: 100%; float: none; }
  .left_user .avatar { text-align: center; float: none; margin: 0 auto; }
  .user_info_wrapper { margin-left: 0; clear: both; }
  .user_info_wrapper p { width: 92%; margin: 15px auto; }
  .edit { float: none; clear: both; margin: 15px 0; text-align: center; }
  .user_info_wrapper h1 { text-align: center; font-size: 22px; }
  .user_info_wrapper h4, .user_info_wrapper .data { text-align: center; }
  .btn.follow { margin-left: 0; max-width: 220px; }

  form input[type="text"], form input[type="password"], form input[type="email"], form .btn { width: 100%; max-width: 400px; }

  /* Add tack*/
  .img_lookup { float: none; margin-left: 0; }
  .add_tack_form #id_link, .add_tack_form #id_description, .add_tack_form #id_title { width: 100%; float: none; }
  .collections_wrapper .tack_collections { -webkit-overflow-scrolling: touch; }

  /* Registration */
  .email_register_form { float: none; margin-left: 0; padding-left: 0; border-left: none; }
  .fb_register_form, .email_register_form { width: auto; }
  .fb_login_wrapper { width: 100%; max-width: 400px; }
  .beta_list { float: none; }
  .to_login { float: none; }
  .invite_right { max-width: none; }

  /* Reserve */
  .lead { margin-bottom: 5%; }
  .latest_reserve img { width: 100%; height: auto; clear: both; }
  .latest_reserve .item_title { font-size: 19px; }
  .deal_title, .price_posted { text-align: center; }
  .deal_guts { display: flex; flex-direction: column; }
  .deal_guts .get_deal_wrapper { text-align: center; }
  .deal_guts .price_posted { display: none;}
  .get_deal_wrapper .btn { max-width: 100%; height: 45px; line-height: 45px; margin-bottom: 35px; }
  .related h2 { text-align: center; }

  /* DEALS */
  .fb_like_wrapper.large { display: none; }
  .deal_wrapper .avatar { float: none; }
  .deal_wrapper .avatar img { min-width: 268px; }
  .deal_wrapper .deal_guts { margin-left: 0; }
  .deal_guts .get_deal { width: auto; float: none; text-align: center; display: block; }

  .merchant_logo { display: none; }
  .merchant_name { float: left; width: 60px; }
  .item_price { margin-right: 0px; }
  .go_store .btn { width: auto; clear: none; height: auto; }

  #sidebar_subscribe { position: relative; }
  .deal_email_form { position: relative; }
  .deal_email_form input[type="email"] { width: 235px; }

  .footer, .copyright { text-align: center; }

  .contact-us { display: none; }
  .deal_wrapper .share.above { display: none; }

  .buffer .no_mobile { display: none; }

  /* Parlor */
  .parlor .main_content { padding: 25px; width: auto; margin-left: -15px; border-radius: 0; margin-right: -15px; display: block; border-right: 0; border-left: 0; }
  .parlor_list .replies { display: block; clear: both; margin: 10px 0; }
  .parlor .about_header h1 { font-size: 26px; }
  .parlor .about_header .add_thread { line-height: 36px; }
  .parlor_list .item { padding: 17px 0; }
  .parlor_list h2 { max-width: 100%; margin-bottom: 12px; font-size: 20px; }
  .parlor_list .avatar_wrapper { display: none; }

  .parlor_detail .tack_info_wrapper { margin-left: 0; }
  .parlor_detail .post_avatar { display: none; }
  .parlor_detail .tack_info_wrapper h1 { font-size: 21px; line-height: 25px; margin-bottom: 12px; }
  .parlor_comments #id_comment { width: 100%; }
  .parlor .add_comment { float: none; }
  .parlor_detail .via { font-size: 14px; }
  .parlor_detail .flag_wrapper { margin: 15px 0 0 0; }

  .parlor_form .btn_wrapper, .post_reply .form_btn_wrapper { margin-top: 10px; }
  .post_reply .form_btn_wrapper { margin-left: 0; }
  .parlor_form .btn_wrapper { float: none; display: block; text-align: center; }
  .parlor_form .btn_wrapper .btn { margin-bottom: 10px; }

  .parlor_form { width: 100%; }
  .parlor_form .btn_wrapper .btn { width: 100%; max-width: 100%; }
  .parlor_form #id_title, .parlor_form #id_description { width: 100%; max-width: none; }
  .formatting_help { text-align: center; float: none; margin-top: 10px; line-height: 22px; }

  .footer .fourths { width: 100%; float: none; clear: both; margin-bottom: 45px; padding-left: 0 !important; text-align: center; }

}

@media handheld, only screen and (max-width: 700px) {
  .buffer div { margin: 10px auto; }

  .deal_wrapper .lead_image { height: auto; background: none; border: none; }
  .deal_wrapper .lead_image img { min-width: 100%; height: auto; border: 1px solid #ccc; }
  .tack_box_wrapper.reserve_box .tacker { height: 110px; }
  .reserve_box .deal_info { width: 100%; text-align: center; margin-left: 0; margin-bottom: 10px; }
  .reserve_box .deal_info.no_expire { line-height: 26px; }
  .reserve_box .btn { width: 90%; clear: both; margin: 0 auto; float: none; }

}

@media handheld, only screen and (max-width: 380px) {
    .buttons li { margin: 15px 0; display: block; }
    .buttons.horizontal li { margin: 0 0 15px 0; }

}

@media handheld, only screen and (max-width: 380px) {
  .tack_box_wrapper { width: 100%; margin: 25px 0; display: block; float: none; }
  .tack_box_wrapper:nth-child(2n) { margin-right: 5%; }
  .tack_box_wrapper:nth-child(3n) { margin-right: 0; }
  .tack_box .title { font-size: 17px; line-height: 23px; height: auto; margin-bottom: 15px; }
}
