/*

Theme Name: Twenty Twelve

Theme URI: http://wordpress.org/extend/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

    padding: 5px 0;

    padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

    font-size: 16px

    font-size: 1.142857143rem; (16 / $rembase)

    line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

    margin: 24px 0;

    margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =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-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
ol,  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; }
caption,  th,  td { font-weight: normal; text-align: left; }
h1,  h2,  h3,  h4,  h5,  h6 { clear: both; }
html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: thin dotted; }
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  nav,  section { display: block; }
audio,  canvas,  video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; }
sub,  sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }
/* Clearing floats */

.clear:after,  .wrapper:after,  .format-status .entry-header:after { clear: both; }
.clear:before,  .clear:after,  .wrapper:before,  .wrapper:after,  .format-status .entry-header:before,  .format-status .entry-header:after { display: table; content: ""; }
/* =Repeatable patterns

-------------------------------------------------------------- */



/* Small headers */

.archive-title,  .page-title,  .widget-title,  .entry-content th,  .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; }
/* Shared Post Format styling */

article.format-quote footer.entry-meta,  article.format-link footer.entry-meta,  article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }
/* Form fields, general styles first */

button,  input,  textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; }
button,  input { line-height: normal; }
textarea { font-size: 100%; overflow: auto; vertical-align: top; }
/* Reset non-text input types */

input[type="checkbox"],  input[type="radio"],  input[type="file"],  input[type="hidden"],  input[type="image"],  input[type="color"] { border: 0; border-radius: 0; padding: 0; }
/* Buttons */

.menu-toggle,  input[type="submit"],  input[type="button"],  input[type="reset"],  article.post-password-required input[type=submit],  li.bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); }
.menu-toggle,  button,  input[type="submit"],  input[type="button"],  input[type="reset"] { cursor: pointer; }
button[disabled],  input[disabled] { cursor: default; }
.menu-toggle:hover,  button:hover,  input[type="submit"]:hover,  input[type="button"]:hover,  input[type="reset"]:hover,  article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); }
.menu-toggle:active,  .menu-toggle.toggled-on,  button:active,  input[type="submit"]:active,  input[type="button"]:active,  input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border: none; }
li.bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; }
/* Responsive images */

.entry-content img,  .comment-content img,  .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ }
img[class*="align"],  img[class*="wp-image-"],  img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full,  img.size-large,  img.header-image,  img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
/* Make sure videos and embeds fit their containers */

embed,  iframe,  object,  video { max-width: 100%; }
.entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ }
/* Images */

.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content img,  .comment-content img,  .widget img,  img.header-image,  .author-avatar img,  img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
.wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; }
.wp-caption .wp-caption-text,  .gallery-caption,  .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; }
img.wp-smiley,  .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.entry-content dl.gallery-item { margin: 0; }
.gallery-item a,  .gallery-caption { width: 90%; }
.gallery-item a { display: block; }
.gallery-caption a { display: inline; }
.gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; }
.gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; }
.gallery-columns-1 .gallery-icon img { padding: 3%; }
/* Navigation */

.site-content nav { clear: both; line-height: 2; overflow: hidden; }
#nav-above { padding: 24px 0; padding: 1.714285714rem 0; }
#nav-above { display: none; }
.paged #nav-above { display: block; }
.nav-previous,  .previous-image { float: left; width: 50%; }
.nav-next,  .next-image { float: right; text-align: right; width: 50%; }
.nav-single + .comments-area,  #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; }
/* Author profiles */

.author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; }
.author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; }
.author.archive .author-avatar { margin-top: 0; }
/* =Basic structure

-------------------------------------------------------------- */



/* Body, links, basics */

html { font-size: 87.5%; }
body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; }
body.custom-font-enabled { font-family: "Open Sans", Helvetica, Arial, sans-serif; }
a { outline: none; color: #25BDA5; }
a:hover { color: #25BDA5; }
/* Assistive text */

.assistive-text,  .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
.main-navigation .assistive-text:hover,  .main-navigation .assistive-text:active,  .main-navigation .assistive-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ }
/* Page structure */

.site { padding: 0 24px; padding: 0 1.714285714rem; background-color: #fff; }
.site-content { margin: 24px 0 0; margin: 1.714285714rem 0 0; }
.widget-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; }
/* Header */

.site-header { padding: 24px 0; padding: 1.714285714rem 0; }
.site-header h1,  .site-header h2 { text-align: center; }
.site-header h1 a,  .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; }
.site-header h1 a:hover,  .site-header h2 a:hover { color: #21759b; }
.site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; }
.site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.header-image { margin-top: 24px; margin-top: 1.714285714rem; }
/* Navigation Menu */

.main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; }
.main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; }
.main-navigation a { color: #5e5e5e; }
.main-navigation a:hover { color: #21759b; }
.main-navigation ul.nav-menu,  .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu.toggled-on,  .menu-toggle { display: inline-block; }
/* Banner */

section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; }
/* Sidebar */

.widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; }
.widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .widget p,  .widget-area .widget li,  .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; }
.widget-area .widget a { color: #757575; }
.widget-area .widget a:hover { color: #21759b; }
.widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ }
/* Footer */

footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; max-width: 960px; max-width: 68.571428571rem; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; }
footer[role="contentinfo"] a { color: #686868; }
footer[role="contentinfo"] a:hover { color: #21759b; }
/* =Main content and comment content

-------------------------------------------------------------- */



.entry-meta { clear: both; }
.entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: normal; }
.entry-header .entry-title a { text-decoration: none; }
.entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; }
.entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.comments-link a,  .entry-meta a { color: #757575; }
.comments-link a:hover,  .entry-meta a:hover { color: #21759b; }
article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; }
.entry-content,  .entry-summary,  .mu_register { line-height: 1.714285714; }
.entry-content h1,  .comment-content h1,  .entry-content h2,  .comment-content h2,  .entry-content h3,  .comment-content h3,  .entry-content h4,  .comment-content h4,  .entry-content h5,  .comment-content h5,  .entry-content h6,  .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; }
.entry-content h1,  .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; }
.entry-content h2,  .comment-content h2,  .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; }
.entry-content h3,  .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; }
.entry-content h4,  .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; }
.entry-content h5,  .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.entry-content h6,  .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; }
.entry-content p,  .entry-summary p,  .comment-content p,  .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content ol,  .comment-content ol,  .entry-content ul,  .comment-content ul,  .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; }
.entry-content ul ul,  .comment-content ul ul,  .entry-content ol ol,  .comment-content ol ol,  .entry-content ul ol,  .comment-content ul ol,  .entry-content ol ul,  .comment-content ol ul { margin-bottom: 0; }
.entry-content ul,  .comment-content ul,  .mu_register ul { list-style: disc outside; }
.entry-content ol,  .comment-content ol { list-style: decimal outside; }
.entry-content li,  .comment-content li,  .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; }
.entry-content blockquote,  .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; }
.entry-content blockquote p:last-child,  .comment-content blockquote p:last-child { margin-bottom: 0; }
.entry-content code,  .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; }
.entry-content pre,  .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; }
.entry-content pre code,  .comment-content pre code { display: block; }
.entry-content abbr,  .comment-content abbr,  .entry-content dfn,  .comment-content dfn,  .entry-content acronym,  .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; }
.entry-content address,  .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
img.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; }
img.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; }
img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; }
.entry-content embed,  .entry-content iframe,  .entry-content object,  .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content dl,  .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; }
.entry-content dt,  .comment-content dt { font-weight: bold; line-height: 1.714285714; }
.entry-content dd,  .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.entry-content table,  .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; }
.entry-content table caption,  .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; }
.entry-content td,  .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; }
.site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; /*-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ }
.page-links { clear: both; line-height: 1.714285714; }
footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; }
.single-author .entry-meta .by-author { display: none; }
.mu_register h2 { color: #757575; font-weight: normal; }
/* =Archives

-------------------------------------------------------------- */



.archive-header,  .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; }
.archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; }
/* =Single image attachment view

-------------------------------------------------------------- */



.article.attachment { overflow: hidden; }
.image-attachment div.attachment { text-align: center; }
.image-attachment div.attachment p { text-align: center; }
.image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; }
/* =Aside post format

-------------------------------------------------------------- */



article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
article.format-aside h1 a { text-decoration: none; color: #4d525a; }
article.format-aside h1 a:hover { color: #2e3542; }
article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; }
article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; }
article.format-aside blockquote:last-child,  article.format-aside p:last-child { margin-bottom: 0; }
/* =Post formats

-------------------------------------------------------------- */



/* Image posts */

article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; }
article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; }
article.format-image footer a h2 { font-weight: normal; }
/* Link posts */

article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; }
article.format-link .entry-content { max-width: 80%; float: left; }
article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; }
/* Quote posts */

article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; }
article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; }
/* Status posts */

.format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.format-status .entry-header header { display: inline-block; }
.format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; }
.format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; }
.format-status .entry-header header a { color: #757575; }
.format-status .entry-header header a:hover { color: #21759b; }
.format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; }
/* =Comments

-------------------------------------------------------------- */



.comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; }
.comments-area article { margin: 24px 0; margin: 1.714285714rem 0; }
.comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; }
.comments-area article header img { float: left; padding: 0; line-height: 0; }
.comments-area article header cite,  .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; }
.comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; }
.comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; }
.comments-area article header a { text-decoration: none; color: #5e5e5e; }
.comments-area article header a:hover { color: #21759b; }
.comments-area article header cite a { color: #444; }
.comments-area article header cite a:hover { text-decoration: underline; }
.comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; }
.comments-area li.bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; }
a.comment-reply-link,  a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
a.comment-reply-link:hover,  a.comment-edit-link:hover { color: #21759b; }
.commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
/* Comment form */

#respond { margin-top: 48px; margin-top: 3.428571429rem; }
#respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; }
#respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; }
#respond form { margin: 24px 0; margin: 1.714285714rem 0; }
#respond form p { margin: 11px 0; margin: 0.785714286rem 0; }
#respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; }
#respond form label { display: block; line-height: 1.714285714; }
#respond form input[type="text"],  #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; }
#respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; }
.required { color: red; }
/* =Front page template

-------------------------------------------------------------- */



.entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; }
.template-front-page .site-content article { border: 0; margin-bottom: 0; }
.template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; }
.template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; }
.template-front-page .widget-area .widget li a { color: #757575; }
.template-front-page .widget-area .widget li a:hover { color: #21759b; }
.template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; }
/* =Widgets

-------------------------------------------------------------- */



.widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; }
.widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; }
.widget_recent_entries .post-date,  .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; }
#wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; }
#wp-calendar th,  #wp-calendar td,  #wp-calendar caption { text-align: left; }
#wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; }
.widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; }
.widget_twitter li { list-style-type: none; }
.widget_twitter .timesince { display: block; text-align: right; }
/* =Plugins

----------------------------------------------- */

img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; }


/* =Media queries

-------------------------------------------------------------- */



/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {
.author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; }
.author-description { float: right; width: 80%; }
.site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; }
.site-content { float: left; width: 65.104166667%; }
body.template-front-page .site-content,  body.single-attachment .site-content,  body.full-width .site-content { width: 100%; }
.widget-area { float: right; width: 26.041666667%; }
.site-header h1,  .site-header h2 { text-align: left; }
.site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; }
.main-navigation ul.nav-menu,  .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; }
.main-navigation ul { margin: 0; text-indent: 0; }
.main-navigation li a,  .main-navigation li { display: inline-block; text-decoration: none; }
.main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; }
.main-navigation li a:hover { color: #000; }
.main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; }
.main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; }
.main-navigation li ul ul { top: 0; left: 100%; }
.main-navigation ul li:hover > ul { border-left: 0; display: block; }
.main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; }
.main-navigation li ul li a:hover { background: #e3e3e3; color: #444; }
.main-navigation .current-menu-item > a,  .main-navigation .current-menu-ancestor > a,  .main-navigation .current_page_item > a,  .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; }
.menu-toggle { display: none; }
.entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem; }
#respond form input[type="text"] { width: 46.333333333%; }
#respond form textarea.blog-textarea { width: 79.666666667%; }
.template-front-page .site-content,  .template-front-page article { overflow: hidden; }
.template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; }
.entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; }
.template-front-page .widget-area .widget,  .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; }
.template-front-page .widget-area .widget:nth-child(odd) { clear: right; }
.template-front-page .widget-area .widget:nth-child(even),  .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; }
.template-front-page.two-sidebars .widget,  .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; }
.commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; }
}



/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) {
body { background-color: #e6e6e6; }
body .site { padding: 0 40px; padding: 0 2.857142857rem; margin-top: 48px; margin-top: 3.428571429rem; margin-bottom: 48px; margin-bottom: 3.428571429rem; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); }
body.custom-background-empty { background-color: #fff; }
body.custom-background-empty .site,  body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none; }
}



/* =Print

----------------------------------------------- */



@media print {
body { background: none !important; color: #000; font-size: 10pt; }
footer a[rel=bookmark]:link:after,  footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ }
a { text-decoration: none; }
.entry-content img,  .comment-content img,  .author-avatar img,  img.wp-post-image { border-radius: 0; box-shadow: none; }
.site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
.site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; }
.site-header h1 { font-size: 21pt; line-height: 1; text-align: left; }
.site-header h2 { color: #000; font-size: 10pt; text-align: left; }
.site-header h1 a,  .site-header h2 a { color: #000; }
.author-avatar,  #colophon,  #respond,  .commentlist .comment-edit-link,  .commentlist .reply,  .entry-header .comments-link,  .entry-meta .edit-link a,  .page-link,  .site-content nav,  .widget-area,  img.header-image,  .main-navigation { display: none; }
.wrapper { border-top: none; box-shadow: none; }
.site-content { margin: 0; width: auto; }
.singular .entry-header .entry-meta { position: static; }
.singular .site-content,  .singular .entry-header,  .singular .entry-content,  .singular footer.entry-meta,  .singular .comments-title { margin: 0; width: 100%; }
.entry-header .entry-title,  .entry-title,  .singular .entry-title { font-size: 21pt; }
footer.entry-meta,  footer.entry-meta a { color: #444; font-size: 10pt; }
.author-description { float: none; width: auto; }
/* Comments */

.commentlist > li.comment { background: none; position: relative; width: auto; }
.commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; }
.comments-area article header cite,  .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; }
}
.ui-tabs-hide { display: none; }
.join .title-detail { height: 438px; }
.home .btn.flipbook { margin-top: 13px; }
.home #wrapper .black { width: 116px; }
.wpcf7-f98-p95-o1 .required { display: inline-block; }
.home .green-wrap { height: 368px; }
/* .join .title-detail .inner { color: #fff !important; } */
#wpcf7-f98-p95-o1 .size5 { width: 252px; }
#wpcf7-f98-p95-o1 .contact_lower .required { float: none; }
#wpcf7-f98-p95-o1 .required { float: left; }
#wpcf7-f225-p36-o1 .required { float: left; }
.about .col-full  #wpcf7-f98-p95-o1 .size5 { width: 250px; }
#wpcf7-f98-p95-o1 .size4 { width: 199px; }
#wpcf7-f98-p95-o1 input.full { width: 524px; }
#wpcf7-f225-p36-o1 .size5 { width: 250px; }
#wpcf7-f225-p36-o1 .size4 { width: 199px; }
#wpcf7-f225-p36-o1 input.full { width: 524px; }
#wpcf7-f225-p36-o1 .contact_lower .required { float: none; }
#wpcf7-f136-p88-o1 .required { float: left; }
#wpcf7-f136-p88-o1 .size5 { width: 250px; }
#wpcf7-f136-p88-o1 .size4 { width: 199px; }
#wpcf7-f136-p88-o1 input.full { width: 524px; }
#wpcf7-f136-p88-o1 .contact_lower .required { float: none; }
#wpcf7-f587-p38-o1 .required { float: left; }
#wpcf7-f587-p38-o1 .size5 { width: 250px; }
#wpcf7-f587-p38-o1 .size4 { width: 199px; }
#wpcf7-f587-p38-o1 input.full { width: 524px; }
#wpcf7-f587-p38-o1 .contact_lower .required { float: none; }
#wpcf7-f587-p38-o2 .required { float: left; }
#wpcf7-f587-p38-o2 .size5 { width: 250px; }
#wpcf7-f587-p38-o2 .size4 { width: 199px; }
#wpcf7-f587-p38-o2 input.full { width: 524px; }
#wpcf7-f587-p38-o2 .contact_lower .required { float: none; }
.form .required{font-size:17px;}
.give .entry-content h2 { margin-top: -50px !important; }
#colophon { font-family: 'Lato',sans-serif;}
/*.hear-envy .wpcf7-list-item-label{line-height:22px}*/
/*.list_space{line-height:22px}*/
.required_field span{color:#FF0000; font-size:17px;}
.required_field { padding-top:20px;}
#wpcf7-f98-p95-o1 .required{margin-left:-7px;}
#wpcf7-f98-p95-o1 .contact_lower .required{margin-left:-2px;}
.ie8 #wpcf7-f98-p95-o1 .contact_lower .required{margin-left:-4px !important;}
.join .title-detail .inner{width:700px; left:50px;}
.join .object-img{left:47px;}
.give .object-img{left:97px;}
.give .title-detail .inner{width:700px; left:50px;}
.title-detail .btn-wrap, .green-wrap .btn-wrap{padding-top:65px;}

.contact h1{padding: 50px 0 18px;}
.host .object-img{left:27px !important;}
.join .object-img{left:-588 !important; top:3px;}
.row .col-1 label, .interests span span {width: 215px;display: inline-block;font-size: 14px;min-height: 0;padding-top: 5px;}
.contact .form-wrapper .post-code .wpcf7-not-valid-tip{width:90px !important;}
.about h2{margin-bottom:12px;}
.contact_lower h3{font-size:15px;}
.join_center p{padding-left:92px; padding-right:50px;}
/*@media  (max-width:1366px) {
	.host .object-img{left:-320px;}
	.join .object-img{left:-16px;}
	.give .object-img{right:-177px;}
	.give .title-detail .inner{right: 98px;width: 600px;}
	.give h2{width:auto;font-size:26px !important;}
	.give h1{font-size:43px;}
	.join h1{font-size:43px;}
	.join .inner h2{font-size:26px; width:auto; font-size:26px;}
	.host h1{font-size:43px;}
	.host h2{font-size:26px !important;}
	.join .title-detail .inner{width:550px;}
	.join p{font-size:16px;}
	.about .object-img{left:18px;}
	.give .object-img{right:-38px; left:auto;}
	.about h1{font-size:43px;}
	.about h2{font-size:26px !important;}
	.ie8 .give .object-img{right:-190px !important;}
	
}
@media only screen (max-width:1366px) {
	.ie8 .host .object-img{left:-320px;}
	.ie8 .join .object-img{left:-16px;}
	.ie8 .give .object-img{right:-177px;}
	.ie8 .give .title-detail .inner{right: 98px;width: 600px;}
	.ie8 .give h2{width:auto;font-size:26px !important;}
	.ie8 .give h1{font-size:43px;}
	.ie8 .join h1{font-size:43px;}
	.ie8 .join .inner h2{font-size:26px; width:auto; font-size:26px;}
	.ie8 .host h1{font-size:43px;}
	.ie8 .host h2{font-size:26px !important;}
	.ie8 .join .title-detail .inner{width:550px;}
	.ie8 .join p{font-size:16px;}
	.ie8 .about .object-img{left:18px;}
	.ie8 .give .object-img{right:-38px; left:auto;}
	.ie8 .about h1{font-size:43px;}
	.ie8 .about h2{font-size:26px !important;}
	.ie8 .give .object-img{right:-190px !important;}
	}*/
 @media(width:479px) {
#wrapper { min-height: 4800px; }
}
.lookbook_content{width:786px; margin:0 auto;}
.lookbook_content{margin-bottom:200px;}
html #primary .lookbook_content  .btn{min-width:140px; margin:50px 0px;}
.lookbook_content .last{margin-right:0px;}
.lookbook_box{width:335px; float:left;background:#fff;  text-align:center; margin-right:103px;}
.lookbook_inside{padding:50px;}
.lookbook h1{font-family: 'Lato',sans-serif; margin:0px; padding:0px; color:#323d45; font-size:46px;  font-weight: 300; margin-top:102px; margin-bottom:75px; text-align:center;}

span.wpcf7-list-item {
    margin: 0 0 0 0.5em !important;
}

body.postid-88 article.slider{display:none;}