/*-----------------------------------------------------------------------------------
Theme Name: Duplex
Theme URI: http://www.davadrian.com/themes/duplex
Description: A clean personal blog theme, perfect for sharing your world.
Author: Davadrian Maramis | Hypha
Author URI: http://themeforest.net/user/hypha/?ref=hypha
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Designed & Handcrafted by Davadrian Maramis for HYPHA
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
-------------------------------------------------------------------------------------
0. CSS Reset & Clearfix
1. Document Setup
2. Header Section
2a. Cabinet Slider
3. Logo Styles
4. Navigation Styles
5. Content Section
6. Post Styles
7. Page Styles
8. Comment Styles
9. Footer Section
10a. Post Format: Quote
10b. Post Format: Status
10c. Post Format: Gallery
11a. Widgets: Calendar
11b. Widgets: Search
11c. Widgets: Tag Cloud
11d. Widgets: WPCF7
12. Page Template: Custom Archive
-------------------------------------------------------------------------------------*//*-----------------------------------------------------------------------------------*//* 0. CSS Reset & Clearfix
/*-----------------------------------------------------------------------------------*/html,body { overflow-x: hidden;}html { position: relative; background: #fff; overflow-y: scroll;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}.clearfix { display: inline-block;}/* Hide from IE Mac \*/.clearfix { display: block;}/* End hide from IE Mac */.none { display: none;}/* End Clearfix *//*-----------------------------------------------------------------------------------*//* 1. Document Setup
/*-----------------------------------------------------------------------------------*/body { color: #232527; background: #f5f5f5; font: 16px/1.8em "Helvetica Neue", Helvetica, Arial, sans-serif; overflow-x: hidden; padding: 0; margin: 0;}a { color: #006FBB; text-decoration: none; -webkit-transition: all 0.08s ease-in; -moz-transition: all 0.08s ease-in; -o-transition: all 0.08s ease-in; transition: all 0.08s ease-in;}a:hover { color: #777; text-decoration: none;}ol,ul { list-style: none;}dt { font-weight: bold;}dd { margin: 0 0 28px 18px;}blockquote { color: #333; margin: 40px 5% !important; font-weight: bold; font-size: 1.25em; line-height: 1.6em;}blockquote cite { letter-spacing: 0; width: 100%; text-align: right; display: inline-block;}blockquote cite:before { content: "\2014\2002";}blockquote,q { quotes: none;}blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none;}:focus { outline: 0;}ins { text-decoration: none;}del { text-decoration: line-through;}img { border-style: none;}input,textarea,select { font: 100% arial, sans-serif; vertical-align: middle; color: #000;}form,fieldset { margin: 0; padding: 0; border-style: none;}hr { margin: 28px 0; border: 0; border-bottom: 1px solid #bbb;}pre,address,table { margin: 0 0 28px;}code { background: #f7f7f7;}pre { background: #e6e6e6; color: #222; border-left: 5px solid #006fbb; padding: 25px; font-size: .9em; line-height: 1.5em; white-space: pre-wrap; word-wrap: break-word;}table { border-collapse: collapse; border-spacing: 0; border-bottom: 1px dotted #e9e9e9; width: 100%; text-align: left;}th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase;}td { border-top: 1px dotted #bbb; padding: 6px 10px 6px 0;}.highlight,*::-moz-selection,*::-webkit-selection,::selection { background: #fff198; color: #222;}.highlight { background: #fff186; color: #222;}h1,h2,h3,h4,h5,h6 { margin: 0 0 28px 0; line-height: 1.15em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold;}h1 { font-size: 2.15em;}h2 { font-size: 1.75em;}h3 { font-size: 1.4em;}h4 { font-size: 1.1em;}h5 { font-size: 0.9em;}h6 { font-size: .75em;}small { font-size: 12px;}/* Wordpress Standard */.sticky { display: block;}.bypostauthor { max-width: 100% !important;}.wp-caption { color: #999; max-width: 96%; text-align: center;}.wp-caption img { border: none; height: auto; width: auto; max-width: 98.5%; padding: 0; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}.wp-caption-text { font-size: 11px; color: #999; text-align: center; line-height: 1.8em; margin: 0 !important;}.wp-caption.alignnone { margin: 5px 20px 20px 0;}.wp-caption.alignleft { margin: 5px 40px 10px 0;}.wp-caption.alignright { margin: 5px 0 10px 40px;}img.aligncenter,img.alignleft,img.alignright,img.alignnone { padding: 5px;}img.aligncenter { margin: 5px auto 10px;}img.alignleft { margin: 5px 40px 10px 0;}img.alignright { margin: 5px 0 10px 40px;}.gallery { margin-bottom: 28px !important; text-align: center;}.gallery-item { display: inline-block; margin: 0 0 15px !important;}.gallery-icon { padding: 0 12px;}.gallery-icon img:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray;}.gallery-item img { width: 100%; height: auto; border: none; outline: 1px solid #e6e6e6; outline-offset: -4px;}.gallery-caption { padding: 0 12px;}.gallery dl { float: left;}.gallery-columns-1 dl { width: 100%;}.gallery-columns-2 dl { width: 50%;}.gallery-columns-3 dl { width: 33.3%;}.gallery-columns-4 dl { width: 25%;}.gallery-columns-5 dl { width: 20%;}.gallery-columns-6 dl { width: 16.6%;}.gallery-columns-7 dl { width: 14.2%;}.gallery-columns-8 dl { width: 12.5%;}.gallery-columns-9 dl { width: 11.1%;}.size-thumbnail { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}.alignleft { float: left;}.alignright { float: right;}.aligncenter { text-align: center; display: block; margin: 0 auto 10px;}/* Hypha Classes */.header-text-color { color: #232527;}.no-js #cabinet-toggle { display: none;}.no-js .post .more-link,.no-js #content .infinite { display: block;}/*-----------------------------------------------------------------------------------*//* 2. Header Section
/*-----------------------------------------------------------------------------------*/.header { /* background: #1fa48e; */ /* background-color:#332518; */ /* background-image:url(http://www.kuso.fr/wp-content/uploads/2013/03/background_tile_darker.png); */ background: url("images/header_water.png") no-repeat center bottom; background-color: rgb(0, 0, 0); /* Pour les navigateurs anciens */ background-color: rgba(0, 0, 0, 0.5); /* Pour les navigateurs plus r�cents */ background-size: 60% auto; position: relative; text-align: center; width: 100%; padding: 30px 0 0; border-bottom: 0px solid #1f1811;}.header-content { max-width: 1600px; margin: 0 auto;}/*-----------------------------------------------------------------------------------*//* 2a. Cabinet Slider
/*-----------------------------------------------------------------------------------*/#cabinet { padding: 0 5%; z-index: 20; font-size: 16px; color: #777; line-height: 1.4em; background: #232527;}#cabinet-wrapper { max-width: 1600px; margin: 0 auto;}#cabinet-slider { width: 100%; display: none;}#cabinet-slider .widget { float: left; font-size: 12px; padding: 75px 2.5%;}#cabinet-slider .widget p { margin-bottom: 20px;}#cabinet-slider .widget a { color: #bbb;}#cabinet-slider .widget a:hover { color: #fff;}#cabinet-slider .widgettitle { color: #fff; text-transform: uppercase; font-size: 12px; line-height: 20px; margin-bottom: 15px;}#cabinet-toggle { position: absolute; top: 50px; right: 50px; z-index: 50; text-align: center; color: #888; font-size: 24px;}#cabinet-toggle:hover { color: #555;}#cabinet-toggle-mobile { display: none;}/* Cabinet Widget Count */.cabinet-1 .widget { width: 100%;}.cabinet-2 .widget { width: 45%;}.cabinet-3 .widget { width: 27%;}.cabinet-4 .widget { width: 20%;}.cabinet-5 .widget { width: 15%;}.cabinet-6 .widget { width: 11.6%;}.cabinet-7 .widget { width: 9.2%;}.cabinet-8 .widget { width: 7.5%;}/*-----------------------------------------------------------------------------------*//* 3. Logo Styles
/*-----------------------------------------------------------------------------------*/.logo { text-indent: -9999px; margin: 0; max-width: 100%;}.logo-title { margin: 0 auto 25px; font-size: 60px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; line-height: 1.1em; letter-spacing: -0.0625em; width: 55%;}.logo-title a { color: #232527;}.logo-title a:hover { color: #777;}.logo-subtitle { font: 1.48em/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 100; color: #919191; letter-spacing: 1px; margin: 0 auto 40px; display: inline-block; width: 45%; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}.logo-subtitle:before { margin: 0 auto .6em;}.logo-subtitle:after { margin: .6em auto 0;}.logo-subtitle:before,.logo-subtitle:after { content: ''; display: block; width: 15%; border-bottom: 1px dotted #bbbbbb;}/*-----------------------------------------------------------------------------------*//* 4. Navigation Styles
/*-----------------------------------------------------------------------------------*/.header-nav { float: left; width: 100%; padding: 0 0 20px; /* border-bottom: double 1px #ddd; */ /* border-top: solid 3px #1f1811; */ font-size: 16px; /* background: #22917e; */ line-height: 38px;}.select-menu,.select { display: none;}.nav a { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.2); color: #EDEDED; /*232527*/ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; padding: 0.6em 1em; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-font-smoothing: antialiased; }.header-nav .nav a:hover,.header-nav .nav li:hover > a { background: rgba(0,0,0,0.4); color: #FFF; /*333*/ cursor: pointer;}.header-nav .nav .current-menu-item a,.header-nav .nav .current_page_item a,.header-nav .nav .current-page-ancestor a,.header-nav .nav .current-menu-item a:hover,.header-nav .nav .current_page_item a:hover,.header-nav .nav .current-page-ancestor a:hover { background-color: #E69200; border: 0px solid #87230B; color: #232527; /*006fbb*/}.nav li { position: relative; display: inline-block; margin: 0 5px;}/* 1st Level */.nav li ul.sub-menu,.nav li ul.children { padding-top: 10px; text-align: left; position: absolute; display: none; z-index: 8999; border-bottom: 1px solid #ddd;}.nav li:hover ul { top: auto; display: block;}.nav li .divider { color: #bbb; display: none;}.nav li:last-child .divider { display: none;}.nav li ul.sub-menu li,.nav li ul.children li { width: 12em; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}.nav li ul.sub-menu li .divider,.nav li ul.children li .divider { display: none;}.nav li ul.sub-menu li a,.nav li ul.children li a { color: #232527; padding: 2px 10px; display: block; background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}.nav li ul.sub-menu li:hover>a,.nav li ul.children li:hover>a { color: #333; background-color: #eee;}/* 2nd Level */.nav li ul.sub-menu ul,.nav li ul.children ul { position: absolute; top: 0; padding-top: 0px; margin-left: 12em; display: none;}.nav li ul.sub-menu li:hover ul,.nav li ul.children li:hover ul { display: block;}/* 3rd Level */.nav li ul.sub-menu li ul.sub-menu ul { display: none;}.nav li ul.sub-menu li ul.sub-menu li:hover ul,.nav li ul.children li ul.sub-menu li:hover ul { display: block;}/*-----------------------------------------------------------------------------------*//* 5. Content Section
/*-----------------------------------------------------------------------------------*/#wrapper { position: relative; margin: 0 auto;}#main { margin: 0 auto;}#content { background-color: #faefcf; border-color: #b09e76; border-style: solid; border-width: 0 10px 10px; margin: 0 20%;}/* Post Navigation */#content .post-nav { width: 100%; background: #fff; border-bottom: solid 1px #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}#content .post-nav a { font-weight: bold; text-transform: uppercase; color: #222; display: block; padding: 15px 20px;}#content .post-nav a:hover { background: #ebebeb;}#content .post-nav-previous i { padding-right: 8px;}#content .post-nav-next i { padding-left: 8px;}#content .post-nav-previous { float: left; width: 50%;}#content .post-nav-next { float: right; width: 50%; text-align: right;}#content .post-nav-inside { padding: 0 20%; margin: 0 auto;}#content .infinite { display: none;}#infscr-loading { text-align: center; text-transform: uppercase; font-size: 12px; color: #aaa; letter-spacing: 3px; position: absolute; width: 100%;}#infscr-loading img,#infscr-loading div { width: 100%; display: block;}#infscr-loading img { display: none;}/* Next Prev Post */.postlink a { background: #d3d3d3; padding: 20px; color: #000; text-transform: uppercase; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}.next-post a,.prev-post a { z-index: 20; position: fixed; font-family: 'FontAwesome'; -webkit-font-smoothing: antialiased;}.next-post a { right: 0px; top: 45%;}.next-post a:after { content: "\f105";}.prev-post a { left: 0px; top: 45%;}.prev-post a:after { content: "\f104";}.next-post a:after,.prev-post a:after { font-size: 60px; line-height: 60px;}.next-post a:hover,.prev-post a:hover { background: #555; color: #fff; opacity: 1;}/* General Content */#content p { margin: 0 0 28px;}#content img { max-width: 100%; height: auto;}.post .post-content ul,.post .post-content ol { margin: 0 0 28px 18px;}.post .post-content ul li ul,.post .post-content ol li ol { margin: 0 0 0 18px;}.post .post-content ol li { list-style-type: decimal;}.post .post-content dl { margin: 0 0 28px 0;}.post .post-content li { list-style-type: square;}.dropcap { display: block; float: left; font-size: 3.05em; line-height: 1; margin: 0 .2em 0 0;}/*-----------------------------------------------------------------------------------*//* 6. Post Styles
/*-----------------------------------------------------------------------------------*/.even { border-size: 3px; border-top: dashed #1f1811; border-bottom: dashed #1f1811; /* background:#fff; */}.posts .post:last-child { border-bottom: none;}.post { padding: 3em 0;}.post .post-format-icon { width: 100%; text-align: center; margin-bottom: 1.5em;}.post .post-format-icon span { font-size: 3em;}.post .featured-image { display: block; max-width: 100%; width: 100%; margin: 0 auto;}.post .featured-image img,.attachment-large-image { width: 100%; outline: 3px solid #fff; outline-offset: -12px; float: left; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}.post .featured-image img:hover,.attachment-large-image:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray;}.post .featured-image,.post .featured-preview { margin: 0 auto 1.5em;}.post .entry-wrapper { margin: 0 auto; max-width: 1580px;}.post .entry-post { /*padding: 0 20%;*/}.post .post-content { width: 85%; margin: 0 auto;}.entry-title { font-size: 2.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.15em; font-weight: bold; text-align: center; letter-spacing: -0.0625em; word-wrap: break-word; margin: 0;}.entry-title a { -webkit-transition: all 0.07s ease-in; -moz-transition: all 0.07s ease-in; -o-transition: all 0.07s ease-in; transition: all 0.07s ease-in;}.date-title { display: block; padding: .5em 0 0; text-align: center; font-size: 1em; font-style: italic; color: #444;}.date-title:after { content: ''; display: block; width: 25%; margin: 1.5em auto 2em; border-bottom: 1px dotted #bbb;}.intro { font-size: .85em; text-transform: uppercase; letter-spacing: 1px; color: #aaa; margin: 0 0 2em; padding: 0 0 2em; border-bottom: 1px dotted #bbb;}.post .more-link { display: inline-block; padding: 4px 15px; margin: 10px 0 0; font-size: 16px; text-align: center; color: #fff; background: #006FBB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; -o-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out;}.post .more-link:hover { background: #282d30;}#content .pagelink { font-weight: bold; padding: 1em 0; display: inline-block; width: 100%;}#content .pagelink a { color: #b3b3b3;}#content .pagelink a:hover { color: #555;}#content .pagelink-current { padding: 0px 2px;}/* Meta */#content .entry-meta { font-family: 'Abel', 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; text-align: center; text-transform: capitalize; color: #bbb; margin: 2em 0 0; width: 100%;}#content .entry-meta a { color: #bbb;}#content .entry-meta a:hover { color: #555;}#content .entry-meta li { padding: 0 9px; border-right: solid 1px #e9e9e9; display: inline-block;}#content .entry-meta li:first-child { padding-left: 0;}#content .entry-meta li:last-child { padding-right: 0; border-right: none;}#content .entry-meta li i { margin-right: 8px;}#content .comments-some a { color: #006FBB;}/*-----------------------------------------------------------------------------------*//* 7. Page Styles
/*-----------------------------------------------------------------------------------*/.page .entry-title:after,.error404 .entry-title:after,.search-no-results .entry-title:after { font-size: 16px; line-height: 1.8em; content: ''; display: block; width: 25%; margin: 1.5em auto 2em; border-bottom: 1px dotted #bbb;}.page .date-title,.error404 .date-title { display: none;}.archive-title { font-size: 1.3em; font-weight: normal; letter-spacing: -0.0625em; background: #fff; color: #bbb; padding: 18px 0; margin: 0; text-align: center; border-bottom: solid 1px #e7e7e7;}/* Error 404 */.error404 .search-form,.search-no-results .search-form { margin: 0 0 28px;}/*-----------------------------------------------------------------------------------*//* 8. Comment Styles
/*-----------------------------------------------------------------------------------*/#comments { margin-top: 2em; background: #fff;}#comments-title { color: #232527; font-size: 26px; font-weight: normal; letter-spacing: -0.0625em; background: #f0f0f0; padding: 40px 0; margin: 0; text-align: center; border-bottom: solid 1px #ddd; border-top: solid 1px #fff; -webkit-transition: all 0.07s ease-in; -moz-transition: all 0.07s ease-in; -o-transition: all 0.07s ease-in; transition: all 0.07s ease-in;}#comments-title:hover { background: #f0f0f0 !important; cursor: pointer;}#comments-title.comments-close { background: #fff;}.comments-wrapper { margin: 0 auto; max-width: 1600px;}.comments-block { border-top: 1px solid #fff; padding: 0 20%;}.commentlist { margin: 40px auto 0;}.commentlist li { list-style: none;}.commentlist .children li { padding-left: 5%;}.comment-section { padding: 28px 0 0; border-top: dotted 1px #bbb;}.commentlist li:first-child .comment-section { border-top: none; padding: 0px;}.commentlist .children li .comment-section { border-top: dotted 1px #bbb; padding: 28px 0 0;}.comment-section ul li { list-style-type: square;}.comment-section ol li { list-style-type: decimal;}.comment-section ul,.comment-section ol { margin: 0 0 20px 18px;}.comment-section ul li ul,.comment-section ol li ol { margin: 0 0 0 18px;}.comment .avatar { display: block; float: left; margin: 0 20px 0 0; height: 75px; width: 75px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.comment-content { margin-left: 100px;}.vcard { width: 100%; float: left;}.vcard img { float: left; height: 35px; width: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}.comment-meta { float: left; line-height: 11px;}.fn { color: #232527; display: block; font-style: normal; font-weight: 500; line-height: 1.3em;}.fn a { color: #232527;}.fn a:hover { color: #777;}.comment-time { text-transform: uppercase; font-size: 10px; color: #bbb;}.comment-time:hover { color: #999;}.comment-edit-link { font-size: 11px;}.comment-text { line-height: 1.4em; float: left; margin-top: 10px;}#content .comment-text p { margin-bottom: 20px; font-size: 14px; line-height: 1.8em;}#content .comment-text .reply { margin-bottom: 28px;}.reply a { font-weight: bold; text-transform: uppercase; font-size: 9px; background: #e9e9e9; color: #999; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}.reply a:hover { color: #fff; background: #666; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}/* Trackbacks */.trackback .avatar,.pingback .avatar { display: none;}.trackback .comment-content,.pingback .comment-content { margin: 0px;}.trackback p.reply,.pingback p.reply { display: none;}.trackback a.comment-time,.trackback a.comment-edit-link,.pingback a.comment-time,.pingback a.comment-edit-link { display: none;}.trackback .comment-text,.pingback .comment-text { margin-top: 0px; padding-bottom: 8px;}/* Respond */#respond h3 { color: #232527; letter-spacing: -0.0625em; font-size: 1.6em; font-weight: normal; margin: 0; padding: 12px 0; border-top: 5px solid #444; border-bottom: 1px dotted #bbb;}#respond small { font-size: 100%;}#cancel-comment-reply-link { display: inline-block; font-size: .75em; color: #999; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}#cancel-comment-reply-link:hover { color: #555; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}#respond input[type="text"],#respond textarea { color: #777; border: solid 1px #eee; border-bottom: solid 1px #ddd; background: #fff; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none;}#respond input:focus,#respond textarea:focus { outline: none;}#respond textarea { line-height: 1.4em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.comment-notes,.logged-in-as { font-size: 11px; line-height: 1.8em; text-transform: uppercase; color: #bbb; margin-top: 5px !important;}.logged-in-as a { color: #777;}.logged-in-as a:hover { color: #555;}.comment-notes .required { position: relative !important; top: auto !important; right: auto !important;}.comment-awaiting-moderation { color: #555; font-weight: bold; font-size: 11px;}#respond .comment-form-comment { width: 100%; display: inline-block;}#respond label { font-size: 13px; font-weight: 500; margin: 5px 0 0 0; color: #555;}#respond .required { color: #e75353; font-size: 10px;}.form-allowed-tags { font-size: 12px; line-height: 20px; color: #999; float: left; margin: 10px 0 25px 0; width: 100% !important; display: none;}#commentform #submit { background: #555; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 15px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; -webkit-appearance: none;}#commentform #submit:hover { background: #777; cursor: pointer; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}/* Comment Navigation */#comment-nav { display: inline-block; width: 100%; margin: 0 0 20px; font-size: 12px; font-weight: bold; text-transform: uppercase;}#comment-nav .prev-com-link { float: left;}#comment-nav .next-com-link { float: right;}/*-----------------------------------------------------------------------------------*//* 9. Footer Section
/*-----------------------------------------------------------------------------------*/.subfooter { font-size: 11px; text-align: right; text-transform: uppercase; padding: 28px 20%; color: #bbb;}.subfooter a { color: #555; font-weight: bold;}/*-----------------------------------------------------------------------------------*//* 10a. Post Format: Quote
/*-----------------------------------------------------------------------------------*/.format-quote { background: #232527;}.format-quote-content { font: 28px/1.5em Georgia, "Times New Roman", Times, serif; text-align: center; width: 85%; margin: 0 auto;}.format-quote p { margin-bottom: 0 !important;}.format-quote-content a { display: block; color: #fff;}.format-quote-content a:hover { color: #666;}.format-quote-content strong { width: 100%; color: #7a7d80; text-align: center; font: 18px/1.8em 'Abel', 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; letter-spacing: 0; margin: 28px 0 0; display: inline-block;}.format-quote-content strong:before { content: "\2014\2002";}.format-quote-content strong:after { content: " \2014\2002";}/*-----------------------------------------------------------------------------------*//* 10b. Post Format: Status
/*-----------------------------------------------------------------------------------*/.format-status { background: #ddd;}.format-status-content { font: 28px/1.5em Georgia, "Times New Roman", Times, serif; text-align: center; width: 85%; margin: 0 auto;}.format-status-content a { color: #232527;}.format-status-content a:hover { color: #666;}.format-status p { margin-bottom: 0 !important;}.format-status .entry-title a { color: #999;}.format-status .entry-title a:hover { color: #666;}.format-status-content .entry-title { width: 100%; text-align: center; font: 18px/1.8em 'Abel', 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; font-weight: normal; letter-spacing: 0; margin: 28px 0 0; display: inline-block;}.format-status-content .entry-title:before { content: "\2014\2002"; color: #999;}.format-status-content .entry-title:after { content: " \2014\2002"; color: #999;}/*-----------------------------------------------------------------------------------*//* 10c. Post Format: Gallery
/*-----------------------------------------------------------------------------------*/.gallery-slider { margin: 0 auto 1.5em;}.flex-direction-nav .flex-prev { left: -85px !important;}.flex-direction-nav .flex-next { right: -85px !important;}.flex-direction-nav a { bottom: 45% !important; background: none !important; color: #888 !important;}.flex-direction-nav a:hover { color: #555 !important;}.flex-direction-nav a i { font-size: 24px !important;}/*-----------------------------------------------------------------------------------*//* 11a. Widgets: Calendar
/*-----------------------------------------------------------------------------------*/#wp-calendar { text-align: center; margin: 0;}#wp-calendar caption { background: #555; color: #fff; padding: 5px 0;}#wp-calendar thead tr { border: 1px solid; border-color: #fff #bbb #bbb #fff;}#wp-calendar thead th { font-size: 8px; text-transform: uppercase; border-bottom: 1px solid #bbb; background: #f7f7f7;}#wp-calendar tbody td { font-size: .95em !important; padding: 0px 8px; border: 1px solid; border-color: #fff #bbb #bbb #fff; background-color: #ededed; background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede) ); background-image: -webkit-linear-gradient(top, #ededed, #dedede); background-image: -moz-linear-gradient(top, #ededed, #dedede); background-image: -o-linear-gradient(top, #ededed, #dedede); background-image: linear-gradient(to bottom, #ededed, #dedede);}#wp-calendar tbody td.pad { background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec) ); background-image: -webkit-linear-gradient(top, #f5f5f5, #ececec); background-image: -moz-linear-gradient(top, #f5f5f5, #ececec); background-image: -o-linear-gradient(top, #f5f5f5, #ececec); background-image: linear-gradient(to bottom, #f5f5f5, #ececec);}#wp-calendar tfoot tr { border: 1px solid; border-color: #fff #bbb #bbb #fff; background-color: #f5f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec) ); background-image: -webkit-linear-gradient(top, #f5f5f5, #ececec); background-image: -moz-linear-gradient(top, #f5f5f5, #ececec); background-image: -o-linear-gradient(top, #f5f5f5, #ececec); background-image: linear-gradient(to bottom, #f5f5f5, #ececec);}#wp-calendar tfoot td { padding: 2px 8px;}#wp-calendar tfoot a { color: #666 !important;}#wp-calendar tfoot a:hover { color: #232527 !important;}#wp-calendar tfoot td#prev { text-align: left;}#wp-calendar tfoot td#next { text-align: right;}#wp-calendar #today { color: #fff; background: #555;}#wp-calendar #today a:hover { color: #fff;}.header #wp-calendar { margin: 0 auto;}/*-----------------------------------------------------------------------------------*//* 11b. Widgets: Search
/*-----------------------------------------------------------------------------------*/.search-form-input { position: relative; width: 100%; border: none; padding: 8px; color: #bbb; -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.search-form-input:focus { color: #777;}.search-button { background: #555; border: none; padding: 8px; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: none;}/*-----------------------------------------------------------------------------------*//* 11c. Widgets: Tag Cloud
/*-----------------------------------------------------------------------------------*/.tagcloud a { font-size: 11px !important; line-height: 1.8em; background: #555; padding: 2px 7px; margin: 0px 2px 5px 0px; color: #fff; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}.tagcloud a:hover { background: #444;}/*-----------------------------------------------------------------------------------*//* 11d. Widgets: WPCF7
/*-----------------------------------------------------------------------------------*/.wpcf7 { display: inline-block; width: 100%; padding-top: 40px !important; border-top: 1px dotted #bbb;}.wpcf7 p { font-weight: bold;}.wpcf7 input[type="text"],.wpcf7 textarea { color: #777; line-height: 1.4em; border: 0; border-bottom: solid 1px #ddd; background: #fff; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}.wpcf7-submit { background: #555; color: #fff; font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 15px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in; -webkit-appearance: none;}.wpcf7-submit:hover { background: #777; cursor: pointer;}.wpcf7-response-output { background: #faf7d6; border: none !important;}.wpcf7-mail-sent-ok { margin-left: 0px !important; margin-right: 0px !important; background: #ecf3e5; background: rgba(229, 243, 212, 0.5); padding: 15px !important; border: solid 1px #d2efac !important;}.wpcf7-validation-errors { padding: 10px !important; margin: 0px !important; background: #fcf3f3; border: solid 1px #fbdcdc !important;}span.wpcf7-not-valid-tip { background: none; top: -30%; left: 0; padding: 0px 10px; width: auto; border: none; color: #ff0000;}/*-----------------------------------------------------------------------------------*//* 12. Page Template: Custom Archive
/*-----------------------------------------------------------------------------------*/#archive { display: inline-block; width: 100%; padding-top: 28px; font-size: 14px; border-top: 1px dotted #bbb;}#archive a { font-weight: bold;}.archive-column { display: inline-block; float: left;}.archive-column ul { margin: 0 0 40px 18px;}.archive-column-first { width: 56%;}.archive-column-middle,.archive-column-last { width: 22%;}.archive-column-first .archive-content { padding-right: 15px;}.archive-column-middle .archive-content { padding-right: 15px;}#archive h4 { letter-spacing: -1px;}