/* styles.css */ /* 1 */ div.wpcf7 { /* 2 */ margin: 0; /* 3 */ padding: 0; /* 4 */ } /* 5 */ /* 6 */ div.wpcf7-response-output { /* 7 */ margin: 2em 0.5em 1em; /* 8 */ padding: 0.2em 1em; /* 9 */ } /* 10 */ /* 11 */ div.wpcf7 .screen-reader-response { /* 12 */ position: absolute; /* 13 */ overflow: hidden; /* 14 */ clip: rect(1px, 1px, 1px, 1px); /* 15 */ height: 1px; /* 16 */ width: 1px; /* 17 */ margin: 0; /* 18 */ padding: 0; /* 19 */ border: 0; /* 20 */ } /* 21 */ /* 22 */ div.wpcf7-mail-sent-ok { /* 23 */ border: 2px solid #398f14; /* 24 */ } /* 25 */ /* 26 */ div.wpcf7-mail-sent-ng { /* 27 */ border: 2px solid #ff0000; /* 28 */ } /* 29 */ /* 30 */ div.wpcf7-spam-blocked { /* 31 */ border: 2px solid #ffa500; /* 32 */ } /* 33 */ /* 34 */ div.wpcf7-validation-errors { /* 35 */ border: 2px solid #f7e700; /* 36 */ } /* 37 */ /* 38 */ .wpcf7-form-control-wrap { /* 39 */ position: relative; /* 40 */ } /* 41 */ /* 42 */ span.wpcf7-not-valid-tip { /* 43 */ color: #f00; /* 44 */ font-size: 1em; /* 45 */ display: block; /* 46 */ } /* 47 */ /* 48 */ .use-floating-validation-tip span.wpcf7-not-valid-tip { /* 49 */ position: absolute; /* 50 */ top: 20%; /* styles.css */ /* 51 */ left: 20%; /* 52 */ z-index: 100; /* 53 */ border: 1px solid #ff0000; /* 54 */ background: #fff; /* 55 */ padding: .2em .8em; /* 56 */ } /* 57 */ /* 58 */ span.wpcf7-list-item { /* 59 */ margin-left: 0.5em; /* 60 */ } /* 61 */ /* 62 */ .wpcf7-display-none { /* 63 */ display: none; /* 64 */ } /* 65 */ /* 66 */ div.wpcf7 img.ajax-loader { /* 67 */ border: none; /* 68 */ vertical-align: middle; /* 69 */ margin-left: 4px; /* 70 */ } /* 71 */ /* 72 */ div.wpcf7 div.ajax-error { /* 73 */ display: none; /* 74 */ } /* 75 */ /* 76 */ div.wpcf7 .placeheld { /* 77 */ color: #888; /* 78 */ } /* 79 */ /* main.min.css */ /* 1 */ .clef-badge-prompt{position:relative;min-height:170px}.clef-badge-prompt *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clef-badge-prompt .link-fade{display:none}.clef-badge-prompt .dismiss{position:absolute;top:5px;right:10px;font-weight:700;color:#AAA;font-size:20px}.clef-badge-prompt .dismiss:hover{color:#888}.clef-badge{width:100%;text-align:center;display:inline-block;margin:10px auto}.clef-badge *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clef-badge.pretty{display:block;overflow:hidden;text-indent:-579px;height:50px;width:140px;background:url(https://bit.ly/clef-wordpress-badge);background-size:100% 100%;opacity:.8}.clef-badge.pretty:hover{opacity:1}.clef-login-form .clef-button-container{width:188px;height:35px;margin:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .clef-button-container{margin-bottom:30px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .close-overlay,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .overlay-info,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp) .clef-login-container .open-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform{padding:40px 20px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform label{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.interim-login) #login{padding-top:50px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login{width:400px;max-width:100%;margin:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login label{visibility:hidden}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login form{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:520px;position:relative!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login .clef-embed-wrapper{margin:auto!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;overflow:visible}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container .clef-button-container{padding-top:5px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.clef-closed) p#nav{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login{width:320px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login input,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login label{visibility:visible}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login form{height:auto}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-login-container{height:25px;top:auto;bottom:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-button-container{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .overlay-info,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .close-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .open-overlay{display:block;margin:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container{margin:0 auto;position:absolute;top:0;left:0;width:100%;height:100%}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container{display:none;text-align:center;position:absolute;top:175px;left:0;width:100%;height:100%}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container .spinner{margin-top:25px;display:inline-block;float:none;width:50px;height:50px;background-image:url(/wp-content/plugins/wpclef/assets/dist/img/loading.gif);background-size:100%;background-position:center;background-repeat:no-repeat}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text{position:absolute;width:100%;bottom:12px;margin-top:5px;text-align:center;display:block;color:#aaa;cursor:pointer;text-decoration:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:hover{color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:active{outline:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .or-container,.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .open-overlay{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info{display:block;position:absolute;bottom:10px;left:0}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:90%;margin:auto;border:1px solid #eee;padding:10px;background:#fff;color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p{font-size:11px;line-height:15px}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p a{color:#999}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p:not(:last-child){margin-bottom:5px!important}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open{height:15px;width:15px;font-size:10px;text-align:center;line-height:15px;border-radius:15px;color:#ccc;border:1px solid #ccc;cursor:pointer;margin-left:10px;display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open:hover{color:#b3b3b3;border-color:#b3b3b3}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .info{display:none}.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .open{display:block}@media screen and (max-width:400px){.clef-login-form:not(.login-action-register):not(.login-action-lostpassword):not(.login-action-rp).clef-login-form-embed:not(.clef-override-or-invite) #login{width:320px;padding:0}}.login-action-register.clef-login-form .clef-register-container{padding-top:20px} /* style.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ /*--------------------------------------------------------------------------------- /* 4 *| /* 5 *| Theme Name: Hemingway /* 6 *| Version: 1.54 /* 7 *| Description: Hemingway is a clean, beautiful and responsive two-column theme for bloggers. Features responsive design, retina-ready assets, full-width header image with parallax scrolling effect, custom accent color, custom logo upload, custom widgets (video, Flickr and Dribbble), page templates and translation-ready code. Included translations: Swedish/svenska. /* 8 *| Tags: black, dark, white, green, two-columns, fluid-layout, responsive-layout, custom-header, custom-menu, custom-colors, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready, editor-style /* 9 *| Author: Anders Norén /* 10 *| Author URI: http://www.andersnoren.se /* 11 *| Theme URI: http://www.andersnoren.se/teman/hemingway-wordpress-theme/ /* 12 *| License: GNU General Public License version 2.0 /* 13 *| License URI: http://www.gnu.org/licenses/gpl-2.0.html /* 14 *| /* 15 *| All files, unless otherwise stated, are released under the GNU General Public License /* 16 *| version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) /* 17 *| /* 18 *| ----------------------------------------------------------------------------------- /* 19 *| /* 20 *| 0. CSS Reset & Clearfix /* 21 *| 1. Document Setup /* 22 *| 2. Structure /* 23 *| 3. Header /* 24 *| 4. Navigation /* 25 *| 5. Main Content /* 26 *| 6. Single post /* 27 *| 7. Post Content /* 28 *| 8. Comments /* 29 *| 9. Pagination /* 30 *| 10. Page & Page Templates /* 31 *| 11. Sidebar /* 32 *| 12. Footer /* 33 *| 13. Credits /* 34 *| 14. Responsive /* 35 *| /* 36 *| ----------------------------------------------------------------------------------- */ /* 37 */ /* 38 */ /* 39 */ /* -------------------------------------------------------------------------------- */ /* 40 */ /* 0. CSS Reset /* 41 *| /* -------------------------------------------------------------------------------- */ /* 42 */ /* 43 */ html, body { margin:0; padding:0;} /* 44 */ /* 45 */ h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { /* 46 */ margin:0; /* 47 */ padding:0; /* 48 */ border:0; /* 49 */ font-weight:normal; /* 50 */ font-style:normal; /* style.css */ /* 51 */ font-size:100%; /* 52 */ line-height:1; /* 53 */ font-family:inherit; /* 54 */ text-align:left; /* 55 */ } /* 56 */ /* 57 */ table { /* 58 */ border-collapse:collapse; /* 59 */ border-spacing:0; /* 60 */ } /* 61 */ /* 62 */ ol, ul { list-style:none; } /* 63 */ /* 64 */ blockquote:before, /* 65 */ blockquote:after { content:""; } /* 66 */ /* 67 */ a { outline:none; } /* 68 */ /* 69 */ input[type=search] { /* 70 */ -moz-appearance:none; /* 71 */ -webkit-appearance:none; /* 72 */ } /* 73 */ /* 74 */ input[type="search"]::-webkit-search-decoration, /* 75 */ input[type="search"]::-webkit-search-cancel-button, /* 76 */ input[type="search"]::-webkit-search-results-button, /* 77 */ input[type="search"]::-webkit-search-results-decoration { /* 78 */ display: none; /* 79 */ } /* 80 */ /* 81 */ /* 82 */ /* -------------------------------------------------------------------------------- */ /* 83 */ /* 1. Document setup /* 84 *| /* -------------------------------------------------------------------------------- */ /* 85 */ /* 86 */ /* 87 */ body { /* 88 */ margin: 0; /* 89 */ padding: 0; /* 90 */ border: none; /* 91 */ background: #FFF; /* 92 */ color: #444; /* 93 */ font-family: 'Lato', sans-serif; /* 94 */ font-size: 18px; /* 95 */ -webkit-font-smoothing: subpixel-antialiased; /* 96 */ } /* 97 */ /* 98 */ body a { /* 99 */ color: #1abc9c; /* 100 */ text-decoration: none; /* style.css */ /* 101 */ } /* 102 */ /* 103 */ body a:hover { /* 104 */ color: #1abc9c; /* 105 */ text-decoration: none; /* 106 */ } /* 107 */ /* 108 */ * { /* 109 */ box-sizing: border-box; /* 110 */ -moz-box-sizing: border-box; /* 111 */ -webkit-box-sizing: border-box; /* 112 */ } /* 113 */ /* 114 */ img { /* 115 */ max-width: 100%; /* 116 */ height: auto; /* 117 */ } /* 118 */ /* 119 */ .hidden { display: none; } /* 120 */ .clear { clear: both; } /* 121 */ .left { float: left; } /* 122 */ .right { float: right; } /* 123 */ /* 124 */ ::selection { /* 125 */ background: #1abc9c; /* 126 */ color: #333; /* 127 */ } /* 128 */ /* 129 */ ::-webkit-input-placeholder { color: #A9A9A9; } /* 130 */ :-ms-input-placeholder { color: #A9A9A9; } /* 131 */ /* 132 */ /* 133 */ /* Transitions --------------------------------------- */ /* 134 */ /* 135 */ /* 136 */ .screen-reader-text { /* 137 */ clip: rect(1px, 1px, 1px, 1px); /* 138 */ position: absolute !important; /* 139 */ height: 1px; /* 140 */ width: 1px; /* 141 */ overflow: hidden; /* 142 */ } /* 143 */ /* 144 */ .screen-reader-text:focus { /* 145 */ background-color: #f1f1f1; /* 146 */ border-radius: 3px; /* 147 */ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); /* 148 */ clip: auto !important; /* 149 */ color: #21759b; /* 150 */ display: block; /* style.css */ /* 151 */ font-size: 14px; /* 152 */ font-size: 0.875rem; /* 153 */ font-weight: bold; /* 154 */ height: auto; /* 155 */ left: 5px; /* 156 */ line-height: normal; /* 157 */ padding: 15px 23px 14px; /* 158 */ text-decoration: none; /* 159 */ top: 5px; /* 160 */ width: auto; /* 161 */ z-index: 100000; /* Above WP toolbar. */ /* 162 */ } /* 163 */ /* 164 */ body a, /* 165 */ .post-tags a::after { /* 166 */ -webkit-transition: all 0.1s ease-in-out; /* 167 */ -moz-transition: all 0.1s ease-in-out; /* 168 */ -ms-transition: all 0.1s ease-in-out; /* 169 */ -o-transition: all 0.1s ease-in-out; /* 170 */ transition: all 0.1s ease-in-out; /* 171 */ } /* 172 */ /* 173 */ .nav-toggle, /* 174 */ .nav-toggle .bar, /* 175 */ .blog-menu a, /* 176 */ .blog-menu ul .has-children, /* 177 */ .blog-title a, /* 178 */ .post-title a, /* 179 */ .format-bubble, /* 180 */ .post-meta a, /* 181 */ .featured-media a, /* 182 */ .content form input, /* 183 */ .content form textarea, /* 184 */ .media-caption, /* 185 */ .post-nav a, /* 186 */ input#s, /* 187 */ #searchsubmit, /* 188 */ .widget-content ul li, /* 189 */ .widget_recent_entries a, /* 190 */ .search-toggle.active .metal, /* 191 */ .search-toggle.active .handle, /* 192 */ a.more-link, /* 193 */ .dribbble-shot img, /* 194 */ .flickr_badge_image a img { /* 195 */ -webkit-transition: all 0.2s ease-in-out; /* 196 */ -moz-transition: all 0.2s ease-in-out; /* 197 */ -ms-transition: all 0.2s ease-in-out; /* 198 */ -o-transition: all 0.2s ease-in-out; /* 199 */ transition: all 0.2s ease-in-out; /* 200 */ } /* style.css */ /* 201 */ /* 202 */ .tothetop { /* 203 */ -webkit-transition: all 0.3s ease-in-out; /* 204 */ -moz-transition: all 0.3s ease-in-out; /* 205 */ -ms-transition: all 0.3s ease-in-out; /* 206 */ -o-transition: all 0.3s ease-in-out; /* 207 */ transition: all 0.3s ease-in-out; /* 208 */ } /* 209 */ /* 210 */ /* 211 */ /* Screen Reader Text --------------------------------------- */ /* 212 */ /* 213 */ /* 214 */ .screen-reader-text { /* 215 */ clip: rect(1px, 1px, 1px, 1px); /* 216 */ position: absolute !important; /* 217 */ height: 1px; /* 218 */ width: 1px; /* 219 */ overflow: hidden; /* 220 */ } /* 221 */ /* 222 */ .screen-reader-text:focus { /* 223 */ background-color: #f1f1f1; /* 224 */ border-radius: 3px; /* 225 */ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); /* 226 */ clip: auto !important; /* 227 */ color: #21759b; /* 228 */ display: block; /* 229 */ font-size: 14px; /* 230 */ font-size: 0.875rem; /* 231 */ font-weight: bold; /* 232 */ height: auto; /* 233 */ left: 5px; /* 234 */ line-height: normal; /* 235 */ padding: 15px 23px 14px; /* 236 */ text-decoration: none; /* 237 */ top: 5px; /* 238 */ width: auto; /* 239 */ z-index: 100000; /* Above WP toolbar. */ /* 240 */ } /* 241 */ /* 242 */ /* 243 */ /* -------------------------------------------------------------------------------- */ /* 244 */ /* 2. Structure /* 245 *| /* -------------------------------------------------------------------------------- */ /* 246 */ /* 247 */ /* 248 */ .section { /* 249 */ padding: 10% 0; /* 250 */ position: relative; /* style.css */ /* 251 */ } /* 252 */ /* 253 */ .section.large-padding { padding: 7.5% 0; } /* 254 */ .section.medium-padding { padding: 5% 0; } /* 255 */ .section.small-padding { padding: 2.5% 0; } /* 256 */ .section.no-padding { padding: 0; } /* 257 */ /* 258 */ .section.bg-dark { background: #1D1D1D; } /* 259 */ .section.bg-dark-light { background: #262626; } /* 260 */ /* 261 */ .bg-shade { /* 262 */ position: absolute; /* 263 */ top: 0; /* 264 */ right: 0; /* 265 */ bottom: 0; /* 266 */ left: 0; /* 267 */ background: #262626; /* 268 */ } /* 269 */ /* 270 */ .section-inner { /* 271 */ width: 1040px; /* 272 */ max-width: 86%; /* 273 */ margin: 0 auto; /* 274 */ } /* 275 */ /* 276 */ .big-wrapper { overflow: hidden; } /* 277 */ /* 278 */ .wrapper { margin-top: 100px; } /* 279 */ /* 280 */ .content { width: 65%; } /* 281 */ .content.center { margin-left: auto; margin-right: auto; } /* 282 */ .content.full-width { width: 100%; } /* 283 */ /* 284 */ .sidebar { width: 27.5%; } /* 285 */ /* 286 */ /* 287 */ /* -------------------------------------------------------------------------------- */ /* 288 */ /* 3. Header /* 289 *| /* -------------------------------------------------------------------------------- */ /* 290 */ /* 291 */ /* 292 */ .header-cover { overflow-y: hidden; } /* 293 */ /* 294 */ .header { /* 295 */ padding: 100px 0; /* 296 */ background: no-repeat center; /* 297 */ background-size: cover; /* 298 */ -moz-background-size: cover; /* 299 */ -webkit-background-size: cover; /* 300 */ } /* style.css */ /* 301 */ /* 302 */ .header-inner { position: relative; z-index: 2; text-align: center; } /* 303 */ /* 304 */ .blog-logo { display: inline-block; } /* 305 */ /* 306 */ .blog-logo a, /* 307 */ .blog-logo img { display: block; } /* 308 */ /* 309 */ .blog-logo img { /* 310 */ max-height: 250px; /* 311 */ width: auto; /* 312 */ max-width: 100%; /* 313 */ height: auto; /* 314 */ } /* 315 */ /* 316 */ .blog-info { /* 317 */ display: inline-block; /* 318 */ padding: 30px; /* 319 */ background: #1d1d1d; /* 320 */ } /* 321 */ /* 322 */ .blog-title { /* 323 */ width: 100%; /* 324 */ text-align: center; /* 325 */ font-family: 'Raleway', sans-serif; /* 326 */ } /* 327 */ /* 328 */ .blog-title a { /* 329 */ color: #FFF; /* 330 */ text-transform: uppercase; /* 331 */ letter-spacing: 4px; /* 332 */ font-weight: 700; /* 333 */ font-size: 1.75em; /* 334 */ } /* 335 */ /* 336 */ .blog-description:before { /* 337 */ content: ""; /* 338 */ display: block; /* 339 */ width: 100px; /* 340 */ height: 2px; /* 341 */ background: rgba(255,255,255,0.1); /* 342 */ margin: 20px auto; /* 343 */ } /* 344 */ /* 345 */ .blog-description { /* 346 */ font-family: 'Raleway', sans-serif; /* 347 */ text-align: center; /* 348 */ color: rgba(255,255,255,0.4); /* 349 */ font-weight: 300; /* 350 */ } /* style.css */ /* 351 */ /* 352 */ /* Nav-toggle --------------------------------------- */ /* 353 */ /* 354 */ /* 355 */ /* -------------------------------------------------------------------------------- */ /* 356 */ /* 4. Navigation /* 357 *| /* -------------------------------------------------------------------------------- */ /* 358 */ /* 359 */ /* 360 */ .mobile-menu { display: none; } /* 361 */ /* 362 */ .blog-menu li { position: relative; } /* 363 */ .blog-menu > li { float: left; } /* 364 */ /* 365 */ .blog-menu > li:before { /* 366 */ content: "/"; /* 367 */ display: block; /* 368 */ position: absolute; /* 369 */ left: 0; /* 370 */ top: 50%; /* 371 */ margin-top: -9px; /* 372 */ margin-left: -3px; /* 373 */ font-size: 16px; /* 374 */ color: #444; /* 375 */ font-weight: 300; /* 376 */ z-index: 1000; /* 377 */ } /* 378 */ /* 379 */ .blog-menu > li:first-child:before { content: none; } /* 380 */ /* 381 */ .blog-menu a { /* 382 */ display: block; /* 383 */ padding: 27px 20px; /* 384 */ text-transform: uppercase; /* 385 */ letter-spacing: 1px; /* 386 */ color: rgba(255,255,255,0.4); /* 387 */ font-size: 13px; /* 388 */ } /* 389 */ /* 390 */ .blog-menu a:hover, /* 391 */ .blog-menu .current-menu-item a { color: #FFF; } /* 392 */ /* 393 */ .blog-menu > .has-children a, /* 394 */ .blog-menu > .page_item_has_children a { padding-right: 35px; } /* 395 */ /* 396 */ .blog-menu > .has-children::after, /* 397 */ .blog-menu > .page_item_has_children::after { /* 398 */ content: ""; /* 399 */ display: block; /* 400 */ border: 5px solid transparent; /* style.css */ /* 401 */ border-top-color: rgba(255,255,255,0.4); /* 402 */ position: absolute; /* 403 */ z-index: 1001; /* 404 */ right: 17px; /* 405 */ top: 50%; /* 406 */ margin-top: -2px; /* 407 */ } /* 408 */ /* 409 */ .blog-menu > .has-children:hover::after, /* 410 */ .blog-menu > .page_item_has_children:hover::after { border-top-color: #FFF; } /* 411 */ /* 412 */ .blog-menu li:hover a { /* 413 */ background-color: #1D1D1D; /* 414 */ cursor: pointer; /* 415 */ } /* 416 */ /* 417 */ .blog-menu li:hover > a { color: #FFF; } /* 418 */ /* 419 */ /* 420 */ /* Sub menus --------------------------------------- */ /* 421 */ /* 422 */ /* 423 */ .blog-menu ul { /* 424 */ position: absolute; /* 425 */ left: -9999px; /* 426 */ display: none; /* 427 */ z-index: 999; /* 428 */ } /* 429 */ /* 430 */ .blog-menu ul li { /* 431 */ float: none; /* 432 */ display: block; /* 433 */ } /* 434 */ /* 435 */ .blog-menu ul > .has-children::after, /* 436 */ .blog-menu ul > .page_item_has_children::after { /* 437 */ content: ""; /* 438 */ display: block; /* 439 */ border: 6px solid transparent; /* 440 */ border-left-color: rgba(255,255,255,0.4); /* 441 */ position: absolute; /* 442 */ z-index: 1001; /* 443 */ right: 10px; /* 444 */ top: 50%; /* 445 */ margin-top: -5px; /* 446 */ } /* 447 */ /* 448 */ .blog-menu ul > .has-children:hover::after, /* 449 */ .blog-menu ul > .page_item_has_children:hover::after { border-left-color: #FFF; } /* 450 */ /* style.css */ /* 451 */ .blog-menu ul li { /* 452 */ width: 240px; /* 453 */ background: #1d1d1d; /* 454 */ } /* 455 */ /* 456 */ .blog-menu ul a { /* 457 */ padding: 20px 0px; /* 458 */ margin: 0 20px; /* 459 */ line-height: 130%; /* 460 */ -moz-box-sizing: border-box; /* 461 */ -webkit-box-sizing: border-box; /* 462 */ box-sizing: border-box; /* 463 */ border-bottom: 1px solid rgba(255,255,255,0.1); /* 464 */ } /* 465 */ /* 466 */ .blog-menu ul > li:last-child a { border-bottom-width: 0; } /* 467 */ /* 468 */ .blog-menu li:hover > ul { /* 469 */ opacity: 1; /* 470 */ left: 0; /* 471 */ display: block; /* 472 */ } /* 473 */ /* 474 */ /* 475 */ /* Deep down --------------------------------------- */ /* 476 */ /* 477 */ /* 478 */ .blog-menu ul li:hover > ul { /* 479 */ top: 0; /* 480 */ left: 240px; /* 481 */ margin-left: 0; /* 482 */ } /* 483 */ /* 484 */ /* 485 */ /* -------------------------------------------------------------------------------- */ /* 486 */ /* 5. Main content /* 487 *| /* -------------------------------------------------------------------------------- */ /* 488 */ /* 489 */ /* 490 */ .post, /* 491 */ .page { /* 492 */ padding-bottom: 10%; /* 493 */ border-bottom: 4px solid #EEE; /* 494 */ margin-bottom: 10%; /* 495 */ } /* 496 */ /* 497 */ .single-post .post, /* 498 */ .page .post, /* 499 */ .post:last-child, /* 500 */ .page:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } /* style.css */ /* 501 */ /* 502 */ /* 503 */ /* Featured media --------------------------------------- */ /* 504 */ /* 505 */ /* 506 */ .featured-media { /* 507 */ position: relative; /* 508 */ display: block; /* 509 */ margin-bottom: 6%; /* 510 */ } /* 511 */ /* 512 */ .featured-media a, /* 513 */ .featured-media img { display: block; } /* 514 */ /* 515 */ .featured-media img { /* 516 */ border-radius: 4px; /* 517 */ margin: 0 auto; /* 518 */ } /* 519 */ /* 520 */ .featured-media iframe { /* 521 */ display: block; /* 522 */ border: none; /* 523 */ max-width: 100%; /* 524 */ height: auto; /* 525 */ } /* 526 */ /* 527 */ .featured-media .sticky-post { /* 528 */ position: absolute; /* 529 */ top: 5%; /* 530 */ right: 0; /* 531 */ padding: 8px 10px; /* 532 */ border-radius: 3px 0 0 3px; /* 533 */ background: #1abc9c; /* 534 */ color: #FFF; /* 535 */ font-size: 0.7em; /* 536 */ text-transform: uppercase; /* 537 */ letter-spacing: 1px; /* 538 */ z-index: 10; /* 539 */ } /* 540 */ /* 541 */ .media-caption-container { /* 542 */ position: absolute; /* 543 */ width: 95%; /* 544 */ margin-left: 2.5%; /* 545 */ bottom: 1.5em; /* 546 */ text-align: center; /* 547 */ font-size: 0.85em; /* 548 */ } /* 549 */ /* 550 */ .media-caption { /* style.css */ /* 551 */ display: inline-block; /* 552 */ padding: 7px 11px; /* 553 */ border-radius: 3px; /* 554 */ background: #262626; /* 555 */ background: rgba(38,38,38,0.75); /* 556 */ color: #FFF; /* 557 */ text-align: center; /* 558 */ line-height: 130%; /* 559 */ } /* 560 */ /* 561 */ .media-caption:hover { /* 562 */ background: #262626; /* 563 */ color: #FFF; /* 564 */ } /* 565 */ /* 566 */ /* 567 */ /* Post header --------------------------------------- */ /* 568 */ /* 569 */ /* 570 */ .post-header { margin-bottom: 6%; } /* 571 */ /* 572 */ .post-title { /* 573 */ font-size: 2.5em; /* 574 */ font-weight: 700; /* 575 */ line-height: 120%; /* 576 */ margin-bottom: 15px; /* 577 */ font-family: 'Lato', sans-serif; /* 578 */ /* 579 */ -ms-word-break: break-all; /* 580 */ word-break: break-word; /* 581 */ /* 582 */ -webkit-hyphens: auto; /* 583 */ -moz-hyphens: auto; /* 584 */ hyphens: auto; /* 585 */ } /* 586 */ /* 587 */ .post-title, /* 588 */ .post-title a { color: #2d2d2d; } /* 589 */ /* 590 */ .post-meta { /* 591 */ font-size: 0.8em; /* 592 */ color: #999; /* 593 */ text-transform: uppercase; /* 594 */ letter-spacing: 1px; /* 595 */ } /* 596 */ /* 597 */ .post-meta a { color: #999; } /* 598 */ .post-meta a:hover { color: #1abc9c; } /* 599 */ /* 600 */ .post-meta .date-sep { margin: 0 5px; color: #DDD; } /* style.css */ /* 601 */ /* 602 */ .post-content a.more-link { /* 603 */ display: inline-block; /* 604 */ background: #262626; /* 605 */ padding: 10px 18px; /* 606 */ color: #FFF; /* 607 */ font-size: 0.85em; /* 608 */ border-radius: 4px; /* 609 */ } /* 610 */ /* 611 */ .post-content a.more-link:hover { /* 612 */ background: #1abc9c; /* 613 */ color: #FFF; /* 614 */ text-decoration: none !important; /* 615 */ } /* 616 */ /* 617 */ /* 618 */ /* Post format aside & video --------------------------------------- */ /* 619 */ /* 620 */ /* 621 */ .blog .format-aside .post-meta, /* 622 */ .archive .format-aside .post-meta, /* 623 */ .search .format-aside .post-meta, /* 624 */ .blog .format-video .post-meta, /* 625 */ .archive .format-video .post-meta, /* 626 */ .search .format-video .post-meta { text-align: center; } /* 627 */ /* 628 */ .blog .format-video .post-content, /* 629 */ .archive .format-video .post-content, /* 630 */ .search .format-video .post-content { /* 631 */ margin-top: 20px; /* 632 */ } /* 633 */ /* 634 */ .blog .format-aside .post-content, /* 635 */ .archive .format-aside .post-content, /* 636 */ .search .format-aside .post-content { /* 637 */ padding: 20px; /* 638 */ background: #EEE; /* 639 */ margin-top: 20px; /* 640 */ border-radius: 3px; /* 641 */ } /* 642 */ /* 643 */ /* 644 */ /* Post format quote --------------------------------------- */ /* 645 */ /* 646 */ /* 647 */ .blog .format-quote .post-meta, /* 648 */ .archive .format-quote .post-meta, /* 649 */ .search .format-quote .post-meta { text-align: center; } /* 650 */ /* style.css */ /* 651 */ .blog .format-quote .post-content, /* 652 */ .archive .format-quote .post-content, /* 653 */ .search .format-quote .post-content { /* 654 */ margin-top: 20px; /* 655 */ padding: 40px; /* 656 */ background: #262626; /* 657 */ color: #FFF; /* 658 */ border-radius: 3px; /* 659 */ } /* 660 */ /* 661 */ .blog .format-quote .post-content blockquote, /* 662 */ .archive .format-quote .post-content blockquote, /* 663 */ .search .format-quote .post-content blockquote { /* 664 */ background: none; /* 665 */ color: #FFF; /* 666 */ padding: 0; /* 667 */ font-size: 1.25em; /* 668 */ margin-bottom: 0; /* 669 */ } /* 670 */ /* 671 */ .blog .format-quote .post-content blockquote p, /* 672 */ .archive .format-quote .post-content blockquote p, /* 673 */ .search .format-quote .post-content blockquote p { /* 674 */ text-align: center; /* 675 */ } /* 676 */ /* 677 */ .blog .format-quote .post-content blockquote cite, /* 678 */ .archive .format-quote .post-content blockquote cite, /* 679 */ .search .format-quote .post-content blockquote cite { /* 680 */ display: block; /* 681 */ text-align: center; /* 682 */ color: rgba(255,255,255,0.75); /* 683 */ font-size: 1rem; /* 684 */ font-weight: 400; /* 685 */ } /* 686 */ /* 687 */ .blog .format-quote .post-content blockquote cite a, /* 688 */ .archive .format-quote .post-content blockquote cite a, /* 689 */ .search .format-quote .post-content blockquote cite a { color: rgba(255,255,255,0.75); } /* 690 */ /* 691 */ .blog .format-quote .post-content blockquote cite a:hover, /* 692 */ .archive .format-quote .post-content blockquote cite a:hover, /* 693 */ .search .format-quote .post-content blockquote cite a:hover { text-decoration: none; } /* 694 */ /* 695 */ /* 696 */ /* -------------------------------------------------------------------------------- */ /* 697 */ /* 6. Single post /* 698 *| /* -------------------------------------------------------------------------------- */ /* 699 */ /* 700 */ /* style.css */ /* 701 */ .post-meta-bottom { /* 702 */ margin-top: 10%; /* 703 */ position: relative; /* 704 */ } /* 705 */ /* 706 */ .post-categories { /* 707 */ position: relative; /* 708 */ font-size: 0.85em; /* 709 */ font-weight: 400; /* 710 */ color: #999; /* 711 */ line-height: 120%; /* 712 */ padding-left: 36px; /* 713 */ } /* 714 */ /* 715 */ .category-icon, /* 716 */ .category-icon:after, /* 717 */ .front-flap, /* 718 */ .front-flap:after { /* 719 */ display: block; /* 720 */ position: absolute; /* 721 */ } /* 722 */ /* 723 */ .category-icon { /* 724 */ left: 0; /* 725 */ top: 2px; /* 726 */ width: 24px; /* 727 */ height: 16px; /* 728 */ background: #727272; /* 729 */ border-radius: 0 2px 2px 2px; /* 730 */ } /* 731 */ /* 732 */ .category-icon:after { /* 733 */ content: ""; /* 734 */ width: 12px; /* 735 */ height: 3px; /* 736 */ top: -3px; /* 737 */ left: 0px; /* 738 */ background: #727272; /* 739 */ border-radius: 1px 1px 0 0; /* 740 */ } /* 741 */ /* 742 */ .front-flap { /* 743 */ height: 13px; /* 744 */ width: 22px; /* 745 */ bottom: -1px; /* 746 */ right: -2px; /* 747 */ background: #727272; /* 748 */ border-radius: 2px; /* 749 */ border: 1px solid #FFF; /* 750 */ -webkit-transform: skew(-25deg,0deg); /* style.css */ /* 751 */ -moz-transform: skew(-25deg,0deg); /* 752 */ -ms-transform: skew(-25deg,0deg); /* 753 */ -o-transform: skew(-25deg,0deg); /* 754 */ transform: skew(-25deg,0deg); /* 755 */ } /* 756 */ /* 757 */ .post-categories a:hover { text-decoration: underline; } /* 758 */ /* 759 */ .post-tags { /* 760 */ margin-top: 20px; /* 761 */ margin-left: 12px; /* 762 */ } /* 763 */ /* 764 */ .post-tags a { /* 765 */ position: relative; /* 766 */ font-size: 12px; /* 767 */ font-weight: 700; /* 768 */ text-transform: uppercase; /* 769 */ color: #FFF; /* 770 */ display: inline-block; /* 771 */ padding: 6px; /* 772 */ margin-bottom: 5px; /* 773 */ margin-right: 20px; /* 774 */ background: #767676; /* 775 */ border-radius: 0 2px 2px 0; /* 776 */ } /* 777 */ /* 778 */ .post-tags a::after { /* 779 */ border-top: 12px solid transparent; /* 780 */ border-right: 12px solid #767676; /* 781 */ border-bottom: 12px solid transparent; /* 782 */ content: ""; /* 783 */ height: 0; /* 784 */ position: absolute; /* 785 */ top: 0; /* 786 */ left: -12px; /* 787 */ width: 0; /* 788 */ } /* 789 */ /* 790 */ .post-tags a:before { /* 791 */ content: ""; /* 792 */ display: block; /* 793 */ position: absolute; /* 794 */ left: -4px; /* 795 */ top: 50%; /* 796 */ margin-top: -2px; /* 797 */ width: 4px; /* 798 */ height: 4px; /* 799 */ background: #FFF; /* 800 */ border-radius: 99px; /* style.css */ /* 801 */ z-index: 10; /* 802 */ } /* 803 */ /* 804 */ .post-tags a:hover { /* 805 */ background: #1abc9c; /* 806 */ color: #FFF; /* 807 */ } /* 808 */ /* 809 */ .post-tags a:hover:after { border-right-color: #1abc9c; } /* 810 */ /* 811 */ .post-nav { /* 812 */ font-size: 0.95em; /* 813 */ margin-top: 20px; /* 814 */ border-top: 4px solid #EEE; /* 815 */ border-bottom: 4px solid #EEE; /* 816 */ } /* 817 */ /* 818 */ .post-nav a { /* 819 */ display: block; /* 820 */ position: relative; /* 821 */ padding: 25px 0; /* 822 */ max-width: 49%; /* 823 */ color: #666; /* 824 */ } /* 825 */ /* 826 */ .post-nav h5 { /* 827 */ text-transform: uppercase; /* 828 */ letter-spacing: 1px; /* 829 */ font-size: 0.7em; /* 830 */ color: #999; /* 831 */ margin-bottom: 7px; /* 832 */ font-weight: 700; /* 833 */ } /* 834 */ /* 835 */ .post-nav-newer h5 { text-align: right; } /* 836 */ /* 837 */ .post-nav-older { float: left; } /* 838 */ .post-nav-newer { float: right; text-align: right; } /* 839 */ /* 840 */ .post-nav a:hover { color: #1abc9c; } /* 841 */ /* 842 */ /* 843 */ /* -------------------------------------------------------------------------------- */ /* 844 */ /* 7. Post content /* 845 *| /* -------------------------------------------------------------------------------- */ /* 846 */ /* 847 */ /* 848 */ .post-content { font-size: 1.075em; } /* 849 */ /* 850 */ .post-content a:hover { text-decoration: underline; } /* style.css */ /* 851 */ /* 852 */ .post-content p, /* 853 */ .post-content blockquote, /* 854 */ .post-content ul, /* 855 */ .post-content ol, /* 856 */ .post-content address, /* 857 */ .post-content dl, /* 858 */ .post-content .wp-caption, /* 859 */ .post-content pre { /* 860 */ line-height: 170%; /* 861 */ margin-bottom: 1.1em; /* 862 */ } /* 863 */ /* 864 */ .post-content > *:first-child { margin-top: 0; } /* 865 */ .post-content *:last-child { margin-bottom: 0; } /* 866 */ /* 867 */ .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { /* 868 */ margin: 50px 0 25px; /* 869 */ color: #444; /* 870 */ line-height: 120%; /* 871 */ } /* 872 */ /* 873 */ .post-content h1 { font-size: 2em; font-weight: 700; } /* 874 */ /* 875 */ .post-content h2 { font-size: 1.75em; font-weight: 700; } /* 876 */ /* 877 */ .post-content h3 { font-size: 1.5em; font-weight: 700; } /* 878 */ /* 879 */ .post-content h4 { font-size: 1.25em; } /* 880 */ /* 881 */ .post-content h5 { font-size: 1.1em; } /* 882 */ /* 883 */ .post-content h6 { /* 884 */ font-size: 0.9em; /* 885 */ font-weight: bold; /* 886 */ text-transform: uppercase; /* 887 */ letter-spacing: 1px; /* 888 */ } /* 889 */ /* 890 */ .post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6, /* 891 */ .post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6, /* 892 */ .post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6, /* 893 */ .post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6, /* 894 */ .post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6, /* 895 */ .post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 { /* 896 */ margin-top: 25px; /* 897 */ } /* 898 */ /* 899 */ .post-content blockquote { /* 900 */ padding: 1.1em; /* style.css */ /* 901 */ line-height: 150%; /* 902 */ color: #666; /* 903 */ background: #EEE; /* 904 */ font-family: 'Raleway', 'Helvetica Neue', sans-serif; /* 905 */ } /* 906 */ /* 907 */ .post-content cite { /* 908 */ font-weight: 700; /* 909 */ letter-spacing: 1px; /* 910 */ text-transform: uppercase; /* 911 */ line-height: 140%; /* 912 */ color: #666; /* 913 */ } /* 914 */ /* 915 */ .post-content cite:before { content: "— "; } /* 916 */ /* 917 */ .post-content blockquote cite { /* 918 */ display: block; /* 919 */ margin-top: 1em; /* 920 */ font-size: 0.8em; /* 921 */ } /* 922 */ /* 923 */ .post-content blockquote cite em { font-style: italic; font-weight: bold; } /* 924 */ /* 925 */ em, q { font-style: italic; } /* 926 */ /* 927 */ .post-content strong em, /* 928 */ .post-content em strong { /* 929 */ font-weight: bold; /* 930 */ font-style: italic; /* 931 */ } /* 932 */ /* 933 */ .post-content big { font-size: 1.25em; } /* 934 */ /* 935 */ abbr, acronym { cursor: help; } /* 936 */ /* 937 */ code, kbd, pre { /* 938 */ font-size: 0.85em; /* 939 */ background: #EEE; /* 940 */ font-family: Menlo, Monaco, monospace; /* 941 */ } /* 942 */ /* 943 */ .post-content .highlight { /* 944 */ background: #fcf8a5; /* 945 */ width: auto; /* 946 */ display: inline; /* 947 */ padding: 2px 3px; /* 948 */ } /* 949 */ /* 950 */ .post-content kbd, /* style.css */ /* 951 */ .post-content code { /* 952 */ padding: 5px; /* 953 */ border-radius: 3px; /* 954 */ } /* 955 */ /* 956 */ .post-content dl { line-height: 160%; } /* 957 */ /* 958 */ .post-content dl dt { font-weight: bold; } /* 959 */ /* 960 */ .post-content hr { /* 961 */ width: 50%; /* 962 */ height: 4px; /* 963 */ background: #EEE; /* 964 */ margin: 2em auto; /* 965 */ border: 0; /* 966 */ } /* 967 */ /* 968 */ .post-content ul { /* 969 */ list-style: disc; /* 970 */ margin-left: 1.5em; /* 971 */ } /* 972 */ /* 973 */ .post-content ul ul { list-style: circle; } /* 974 */ .post-content ul ul ul { list-style: square; } /* 975 */ /* 976 */ .post-content ol { /* 977 */ list-style: decimal; /* 978 */ margin-left: 1.5em; /* 979 */ } /* 980 */ /* 981 */ .post-content ol ol { list-style: lower-alpha; } /* 982 */ .post-content ol ol ol { /* 983 */ list-style: lower-roman; /* 984 */ } /* 985 */ /* 986 */ .post-content ul ul, /* 987 */ .post-content ul ol, /* 988 */ .post-content ol ul, /* 989 */ .post-content ol ol { /* 990 */ margin-bottom: 0; /* 991 */ } /* 992 */ /* 993 */ .post-content li { /* 994 */ margin-bottom: 0.5em; /* 995 */ line-height: 170%; /* 996 */ } /* 997 */ /* 998 */ .post-content li ol li:first-child, /* 999 */ .post-content li ul li:first-child { /* 1000 */ margin-top: 0.5em; /* style.css */ /* 1001 */ } /* 1002 */ /* 1003 */ /* 1004 */ .post-content ol > li:last-child, /* 1005 */ .post-content ul > li:last-child { /* 1006 */ margin-bottom: 0; /* 1007 */ } /* 1008 */ /* 1009 */ .post-content address { /* 1010 */ padding: 3% 3.5%; /* 1011 */ background: #F1F1F1; /* 1012 */ } /* 1013 */ /* 1014 */ .post-content pre { /* 1015 */ white-space: pre-wrap; /* css-3 */ /* 1016 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ /* 1017 */ white-space: -pre-wrap; /* Opera 4-6 */ /* 1018 */ white-space: -o-pre-wrap; /* Opera 7 */ /* 1019 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ /* 1020 */ line-height: 140%; /* 1021 */ padding: 2% 2.5%; /* 1022 */ background: #f1f1f1; /* 1023 */ } /* 1024 */ /* 1025 */ /* 1026 */ /* Post media --------------------------------------- */ /* 1027 */ /* 1028 */ /* 1029 */ .wp-caption { max-width: 100%; } /* 1030 */ /* 1031 */ .wp-caption a, /* 1032 */ .wp-caption img { display: block; } /* 1033 */ /* 1034 */ img.alignleft, /* 1035 */ .alignleft img, /* 1036 */ img.aligncenter, /* 1037 */ .aligncenter img, /* 1038 */ img.alignright, /* 1039 */ .alignright img { /* 1040 */ box-sizing: border-box; /* 1041 */ padding: 5px; /* 1042 */ border: 1px solid #EEE; /* 1043 */ } /* 1044 */ /* 1045 */ /* 1046 */ .post-content .alignleft, /* 1047 */ .post-content .alignright { /* 1048 */ margin-bottom: 1.2em; /* 1049 */ max-width: 40%; /* 1050 */ } /* style.css */ /* 1051 */ /* 1052 */ .post-content .wp-caption .alignleft, /* 1053 */ .post-content .wp-caption .alignright { /* 1054 */ margin-bottom: 0; /* 1055 */ } /* 1056 */ /* 1057 */ .post-content .alignleft { /* 1058 */ float: left; /* 1059 */ margin-right: 1em; /* 1060 */ } /* 1061 */ /* 1062 */ .post-content .alignright { /* 1063 */ float: right; /* 1064 */ margin-left: 1em; /* 1065 */ } /* 1066 */ /* 1067 */ .post-content .aligncenter { /* 1068 */ display: block; /* 1069 */ margin-left: auto; /* 1070 */ margin-right: auto; /* 1071 */ text-align: center; /* 1072 */ } /* 1073 */ /* 1074 */ .post-content .wp-caption-text, /* 1075 */ .post-content .gallery-caption { /* 1076 */ padding-top: 0.5em; /* 1077 */ font-size: 0.85em; /* 1078 */ font-style: italic; /* 1079 */ color: #888; /* 1080 */ text-align: center; /* 1081 */ } /* 1082 */ /* 1083 */ .post-content .gallery-caption { /* 1084 */ font-size: 16px; /* 1085 */ line-height: 24px; /* 1086 */ } /* 1087 */ /* 1088 */ /* 1089 */ /* Tables --------------------------------------- */ /* 1090 */ /* 1091 */ /* 1092 */ .post-content table { /* 1093 */ border-collapse: collapse; /* 1094 */ border-spacing: 0; /* 1095 */ empty-cells: show; /* 1096 */ font-size: 0.9em; /* 1097 */ width: 100%; /* 1098 */ margin-bottom: 1.1em; /* 1099 */ } /* 1100 */ /* style.css */ /* 1101 */ .post-content th, /* 1102 */ .post-content td { /* 1103 */ padding: 2%; /* 1104 */ margin: 0; /* 1105 */ overflow: visible; /* 1106 */ line-height: 120%; /* 1107 */ border-bottom: 1px solid #DDD; /* 1108 */ } /* 1109 */ /* 1110 */ .post-content caption { /* 1111 */ color: #444; /* 1112 */ text-align: center; /* 1113 */ padding: 2%; /* 1114 */ } /* 1115 */ /* 1116 */ .post-content thead { /* 1117 */ vertical-align: bottom; /* 1118 */ white-space: nowrap; /* 1119 */ } /* 1120 */ /* 1121 */ .post-content th { /* 1122 */ font-weight: bold; /* 1123 */ color: #444; /* 1124 */ } /* 1125 */ /* 1126 */ .post-content table tbody > tr:nth-child(odd) > td { background: #f9f9f9; } /* 1127 */ /* 1128 */ /* 1129 */ /* Forms --------------------------------------- */ /* 1130 */ /* 1131 */ /* 1132 */ .post-content fieldset { /* 1133 */ padding: 25px; /* 1134 */ border: 2px solid #eee; /* 1135 */ margin-bottom: 1em; /* 1136 */ } /* 1137 */ /* 1138 */ .post-content fieldset legend { /* 1139 */ font-size: 0.8rem; /* 1140 */ line-height: 1; /* 1141 */ font-weight: 700; /* 1142 */ text-transform: uppercase; /* 1143 */ letter-spacing: 2px; /* 1144 */ padding: 10px 12px; /* 1145 */ background: #1ABC9C; /* 1146 */ color: #fff; /* 1147 */ } /* 1148 */ /* 1149 */ .post-content label { /* 1150 */ font-size: 1rem; /* style.css */ /* 1151 */ font-weight: 700; /* 1152 */ } /* 1153 */ /* 1154 */ .post-content input, /* 1155 */ .post-content textarea { /* 1156 */ font-family: 'Lato', sans-serif; /* 1157 */ } /* 1158 */ /* 1159 */ .post-content input[type="text"], /* 1160 */ .post-content input[type="tel"], /* 1161 */ .post-content input[type="url"], /* 1162 */ .post-content input[type="email"], /* 1163 */ .post-content input[type="password"], /* 1164 */ .post-content textarea { /* 1165 */ width: 100%; /* 1166 */ padding: 14px 16px; /* 1167 */ font-size: 0.9em; /* 1168 */ border: none; /* 1169 */ color: #333; /* 1170 */ background: #f2f2f2; /* 1171 */ border-radius: 3px; /* 1172 */ -webkit-appearance: none; /* 1173 */ } /* 1174 */ /* 1175 */ .post-content input[type="file"] { /* 1176 */ padding: 10px; /* 1177 */ background: #f2f2f2; /* 1178 */ border-radius: 3px; /* 1179 */ } /* 1180 */ /* 1181 */ .post-content textarea { /* 1182 */ height: 180px; /* 1183 */ line-height: 140%; /* 1184 */ } /* 1185 */ /* 1186 */ .post-content input[type="text"]:focus, /* 1187 */ .post-content input[type="tel"]:focus, /* 1188 */ .post-content input[type="url"]:focus, /* 1189 */ .post-content input[type="email"]:focus, /* 1190 */ .post-content input[type="password"]:focus, /* 1191 */ .post-content textarea:focus { /* 1192 */ outline: none; /* 1193 */ } /* 1194 */ /* 1195 */ .post-content input[type="submit"], /* 1196 */ .post-content input[type="reset"], /* 1197 */ .post-content input[type="button"] { /* 1198 */ padding: 12px 16px; /* 1199 */ margin: 0; /* 1200 */ border: none; /* style.css */ /* 1201 */ background: #333; /* 1202 */ color: #fff; /* 1203 */ font-size: 0.9rem; /* 1204 */ line-height: 1; /* 1205 */ -webkit-appearance: none; /* 1206 */ border-radius: 3px; /* 1207 */ -webkit-appearance: none; /* 1208 */ } /* 1209 */ /* 1210 */ .post-content input[type="submit"] + input[type="reset"], /* 1211 */ .post-content input[type="submit"] + input[type="button"], /* 1212 */ .post-content input[type="reset"] + input[type="submit"], /* 1213 */ .post-content input[type="reset"] + input[type="button"], /* 1214 */ .post-content input[type="button"] + input[type="reset"], /* 1215 */ .post-content input[type="submit"] + input[type="submit"] { /* 1216 */ margin-left: 10px; /* 1217 */ } /* 1218 */ /* 1219 */ .post-content input[type="submit"]:hover, /* 1220 */ .post-content input[type="reset"]:hover, /* 1221 */ .post-content input[type="button"]:hover { /* 1222 */ cursor: pointer; /* 1223 */ background: #1ABC9C; /* 1224 */ color: #fff; /* 1225 */ } /* 1226 */ /* 1227 */ .post-content input[type="submit"]:focus, /* 1228 */ .post-content input[type="submit"]:active { /* 1229 */ outline: none; /* 1230 */ } /* 1231 */ /* 1232 */ /* 1233 */ /* -------------------------------------------------------------------------------- */ /* 1234 */ /* 8. Comments /* 1235 *| /* -------------------------------------------------------------------------------- */ /* 1236 */ /* 1237 */ /* 1238 */ .comments, /* 1239 */ .comment-respond { /* 1240 */ border-top: 4px solid #EEE; /* 1241 */ padding-top: 10%; /* 1242 */ margin-top: 10%; /* 1243 */ } /* 1244 */ /* 1245 */ .post-meta-bottom + .comments, /* 1246 */ .post-meta-bottom + .comment-respond { /* 1247 */ border-top: none; /* 1248 */ padding-top: 0; /* 1249 */ } /* 1250 */ /* style.css */ /* 1251 */ .comments-title, /* 1252 */ #reply-title, /* 1253 */ .pingbacks-title { /* 1254 */ font-size: 1.75em; /* 1255 */ font-weight: 400; /* 1256 */ color: #2d2d2d; /* 1257 */ } /* 1258 */ /* 1259 */ .comments-title { margin-bottom: 10%; } /* 1260 */ /* 1261 */ li.comment, /* 1262 */ li > div.comment { /* 1263 */ margin-bottom: 25px; /* 1264 */ position: relative; /* 1265 */ } /* 1266 */ /* 1267 */ li > div.comment { /* 1268 */ padding-bottom: 25px; /* 1269 */ border-bottom: 1px solid #EEE; /* 1270 */ } /* 1271 */ /* 1272 */ .commentlist > li:first-child > div.comment:first-child { border-top: 1px solid #EEE; padding-top: 25px; } /* 1273 */ /* 1274 */ .children > li > div.comment { padding-left: 10%; } /* 1275 */ .children .children > li > div.comment { padding-left: 20%; } /* 1276 */ .children .children .children > li > div.comment { padding-left: 30%; } /* 1277 */ .children .children .children .children > li > div.comment { padding-left: 40%; } /* 1278 */ .children .children .children .children .children > li > div.comment { padding-left: 50%; } /* 1279 */ /* 1280 */ .comment .children li:last-child { margin-bottom: 0; } /* 1281 */ /* 1282 */ .commentlist > li.comment:last-child, /* 1283 */ .commentlist > li.comment div.comment:last-child { /* 1284 */ margin-bottom: 0; /* 1285 */ } /* 1286 */ /* 1287 */ /* 1288 */ /* Pingback list --------------------------------------- */ /* 1289 */ /* 1290 */ /* 1291 */ .comments .pingbacks { margin-top: 5.5%; } /* 1292 */ /* 1293 */ .pingbacks-inner { margin: 0 auto; } /* 1294 */ /* 1295 */ .pingbacks-title { margin-bottom: 20px; } /* 1296 */ /* 1297 */ .pingbacklist li { /* 1298 */ padding: 0.5em; /* 1299 */ line-height: 130%; /* 1300 */ } /* style.css */ /* 1301 */ /* 1302 */ .pingbacklist a:hover { text-decoration: underline; } /* 1303 */ /* 1304 */ .pingbacklist li:nth-child(odd) { background: #f9f9f9; } /* 1305 */ /* 1306 */ .pingbacklist .comment-edit-link { color: #999; } /* 1307 */ .pingbacklist .comment-edit-link:hover { color: #444; text-decoration: none; } /* 1308 */ /* 1309 */ /* 1310 */ /* Comment meta --------------------------------------- */ /* 1311 */ /* 1312 */ /* 1313 */ .comment-meta { margin-bottom: 1em; } /* 1314 */ /* 1315 */ .comment-meta .avatar { /* 1316 */ display: block; /* 1317 */ height: 50px; /* 1318 */ width: 50px; /* 1319 */ border-radius: 999px; /* 1320 */ float: left; /* 1321 */ } /* 1322 */ /* 1323 */ .comment-actions { /* 1324 */ font-size: 0.7em; /* 1325 */ text-transform: uppercase; /* 1326 */ letter-spacing: 1px; /* 1327 */ font-weight: 700; /* 1328 */ } /* 1329 */ /* 1330 */ .comment-actions a { margin-left: 8px; } /* 1331 */ .comment-actions a:first-child { margin-left: 0; } /* 1332 */ /* 1333 */ .comment-meta-content { /* 1334 */ margin-left: 70px; /* 1335 */ padding-top: 7px; /* 1336 */ } /* 1337 */ /* 1338 */ .comment-meta-content cite { /* 1339 */ font-size: 1.075em; /* 1340 */ color: #444; /* 1341 */ margin-bottom: 5px; /* 1342 */ display: block; /* 1343 */ font-weight: 700; /* 1344 */ } /* 1345 */ /* 1346 */ .bypostauthor .comment-meta-content cite .post-author { /* 1347 */ font-weight: 400; /* 1348 */ color: #999; /* 1349 */ margin-left: 3px; /* 1350 */ letter-spacing: 0; /* style.css */ /* 1351 */ } /* 1352 */ /* 1353 */ .comment-meta-content cite a { color: #444; } /* 1354 */ .comment-meta-content cite a:hover { color: #1abc9c; } /* 1355 */ /* 1356 */ .comment-meta-content p { /* 1357 */ font-size: 0.8em; /* 1358 */ text-transform: uppercase; /* 1359 */ } /* 1360 */ /* 1361 */ .comment-meta-content p a { color: #BBB; } /* 1362 */ .comment-meta-content p a:hover { color: #1abc9c; } /* 1363 */ /* 1364 */ .comment-awaiting-moderation { /* 1365 */ position: absolute; /* 1366 */ right: 0; /* 1367 */ top: 4px; /* 1368 */ font-weight: bold; /* 1369 */ display: block; /* 1370 */ padding: 10px; /* 1371 */ background: #CCC; /* 1372 */ border-radius: 3px; /* 1373 */ font-size: 0.8rem; /* 1374 */ color: #FFF; /* 1375 */ text-transform: uppercase; /* 1376 */ letter-spacing: 1px; /* 1377 */ } /* 1378 */ /* 1379 */ .comment-awaiting-moderation:hover { background: #2d2d2d; } /* 1380 */ /* 1381 */ /* 1382 */ /* Comment nav below --------------------------------------- */ /* 1383 */ /* 1384 */ /* 1385 */ .comment-nav-below { /* 1386 */ margin-top: 10%; /* 1387 */ margin-bottom: -5%; /* 1388 */ border-top: 4px solid #EEE; /* 1389 */ padding-top: 5%; /* 1390 */ background: none; /* 1391 */ font-size: 0.85em; /* 1392 */ font-weight: 700; /* 1393 */ text-transform: uppercase; /* 1394 */ letter-spacing: 1px; /* 1395 */ } /* 1396 */ /* 1397 */ .comment-nav-below a { color: #666; } /* 1398 */ /* 1399 */ /* 1400 */ /* Comment content --------------------------------------- */ /* style.css */ /* 1401 */ /* 1402 */ /* 1403 */ .comment-content { /* 1404 */ margin-left: 70px; /* 1405 */ font-size: 1em; /* 1406 */ } /* 1407 */ /* 1408 */ .comment-content h1, /* 1409 */ .comment-content h2, /* 1410 */ .comment-content h3, /* 1411 */ .comment-content h4, /* 1412 */ .comment-content h5, /* 1413 */ .comment-content h6 { /* 1414 */ font-size: 1.25em; /* 1415 */ font-weight: 500; /* 1416 */ margin-top: 50px; /* 1417 */ margin-bottom: 10px; /* 1418 */ text-transform: none; /* 1419 */ } /* 1420 */ /* 1421 */ /* 1422 */ /* Respond --------------------------------------- */ /* 1423 */ /* 1424 */ /* 1425 */ .comment-respond { border-top: 0; padding-top: 0; } /* 1426 */ /* 1427 */ .comments + .comment-respond { /* 1428 */ padding-top: 10%; /* 1429 */ border-top: 4px solid #EEE; /* 1430 */ margin-top: 10%; /* 1431 */ } /* 1432 */ /* 1433 */ #reply-title { margin-bottom: 20px; } /* 1434 */ /* 1435 */ #respond a:hover { text-decoration: underline; } /* 1436 */ /* 1437 */ #respond .content-section-right { /* 1438 */ border-radius: 0 0 4px 4px; /* 1439 */ border-top: 1px solid #EEE; /* 1440 */ z-index: 12; /* 1441 */ } /* 1442 */ /* 1443 */ .nocomments { /* 1444 */ margin-top: 10%; /* 1445 */ color: #666; /* 1446 */ text-align: center; /* 1447 */ } /* 1448 */ /* 1449 */ #cancel-comment-reply-link { /* 1450 */ margin-left: 10px; /* style.css */ /* 1451 */ font-size: 0.9rem; /* 1452 */ text-transform: uppercase; /* 1453 */ letter-spacing: 1px; /* 1454 */ font-weight: 700; /* 1455 */ } /* 1456 */ /* 1457 */ #respond p, /* 1458 */ #respond code { /* 1459 */ line-height: 150%; /* 1460 */ } /* 1461 */ /* 1462 */ #respond code { border-radius: 2px; } /* 1463 */ /* 1464 */ .comment-form p { margin-bottom: 20px; } /* 1465 */ .comment-form p:last-child { margin-bottom: 0; } /* 1466 */ /* 1467 */ p.comment-notes, /* 1468 */ p.logged-in-as { /* 1469 */ margin-bottom: 10%; /* 1470 */ color: #666; /* 1471 */ } /* 1472 */ /* 1473 */ #respond form label, /* 1474 */ .comment-form .required { display: none; } /* 1475 */ /* 1476 */ .comment-form input[type="text"], /* 1477 */ .comment-form input[type="email"], /* 1478 */ .comment-form input.password, /* 1479 */ .comment-form textarea { /* 1480 */ -webkit-appearance: none; /* 1481 */ border: none; /* 1482 */ background: #FAFAFA; /* 1483 */ font-size: 1em; /* 1484 */ color: #444; /* 1485 */ font-family: 'Lato', 'Helvetica Neue', sans-serif; /* 1486 */ border-radius: 3px; /* 1487 */ padding: 16px; /* 1488 */ margin: 0; /* 1489 */ width: 100%; /* 1490 */ border: 1px solid #EEE; /* 1491 */ } /* 1492 */ /* 1493 */ .comment-form textarea { line-height: 160%; height: 250px; } /* 1494 */ /* 1495 */ .comment-form input[type="text"]:focus, /* 1496 */ .comment-form input[type="email"]:focus, /* 1497 */ .comment-form input.password:focus, /* 1498 */ .comment-form textarea:focus { /* 1499 */ outline: none; /* 1500 */ background-color: #EEE; /* style.css */ /* 1501 */ color: #444; /* 1502 */ } /* 1503 */ /* 1504 */ .comment-form input { max-width: 75%; } /* 1505 */ /* 1506 */ .comment-form input[type="submit"] { /* 1507 */ width: auto; /* 1508 */ max-width: none; /* 1509 */ padding: 16px 18px; /* 1510 */ margin-bottom: 0; /* 1511 */ border: none; /* 1512 */ background: #1D1D1D; /* 1513 */ color: #FFF; /* 1514 */ font-family: 'Lato', sans-serif; /* 1515 */ font-size: 0.925rem; /* 1516 */ border-radius: 4px; /* 1517 */ } /* 1518 */ /* 1519 */ .comment-form input[type="submit"]:hover { /* 1520 */ cursor: pointer; /* 1521 */ background: #1abc9c; /* 1522 */ color: #FFF; /* 1523 */ } /* 1524 */ /* 1525 */ .comment-form input[type="submit"]:active { /* 1526 */ top: 1px; /* 1527 */ position: relative; /* 1528 */ } /* 1529 */ /* 1530 */ p.form-allowed-tags { /* 1531 */ margin-top: 1.5em; /* 1532 */ line-height: 160% /* 1533 */ } /* 1534 */ /* 1535 */ .comment-form p.form-submit { margin: 1.5em 0 0; } /* 1536 */ /* 1537 */ /* 1538 */ /* In Commentlist */ /* 1539 */ /* 1540 */ /* 1541 */ .commentlist .comment-respond { /* 1542 */ margin: 25px 0; /* 1543 */ padding-bottom: 25px; /* 1544 */ border-bottom: 1px solid #eee; /* 1545 */ } /* 1546 */ /* 1547 */ .commentlist .comment-reply-title { margin-bottom: 10px; } /* 1548 */ /* 1549 */ .commentlist p.comment-notes, /* 1550 */ .commentlist p.logged-in-as { /* style.css */ /* 1551 */ margin-bottom: 20px; /* 1552 */ } /* 1553 */ /* 1554 */ /* 1555 */ /* -------------------------------------------------------------------------------- */ /* 1556 */ /* 9. Pagination /* 1557 *| /* -------------------------------------------------------------------------------- */ /* 1558 */ /* 1559 */ /* 1560 */ .page-title { /* 1561 */ margin-bottom: 7.5%; /* 1562 */ text-align: center; /* 1563 */ } /* 1564 */ /* 1565 */ .page-title h4 { /* 1566 */ position: relative; /* 1567 */ display: inline-block; /* 1568 */ text-transform: uppercase; /* 1569 */ font-size: 0.9em; /* 1570 */ letter-spacing: 1px; /* 1571 */ font-weight: 700; /* 1572 */ color: #999; /* 1573 */ padding-bottom: 5px; /* 1574 */ border-bottom: 2px solid #EEE; /* 1575 */ } /* 1576 */ /* 1577 */ /* 1578 */ /* Archive nav --------------------------------------- */ /* 1579 */ /* 1580 */ /* 1581 */ .archive-nav { margin-top: 15%; } /* 1582 */ /* 1583 */ .archive-nav a { /* 1584 */ font-weight: 700; /* 1585 */ font-size: 0.9rem; /* 1586 */ text-transform: uppercase; /* 1587 */ letter-spacing: 1px; /* 1588 */ } /* 1589 */ /* 1590 */ .archive-nav a:hover { color: #1abc9c; } /* 1591 */ /* 1592 */ .archive-nav .post-nav-older { float: left; } /* 1593 */ .archive-nav .post-nav-newer { float: right; } /* 1594 */ /* 1595 */ /* 1596 */ /* -------------------------------------------------------------------------------- */ /* 1597 */ /* 10. Page & Page Templates /* 1598 *| /* -------------------------------------------------------------------------------- */ /* 1599 */ /* 1600 */ /* style.css */ /* 1601 */ /* Search --------------------------------------- */ /* 1602 */ /* 1603 */ /* 1604 */ .post-content .searchform { position: relative; } /* 1605 */ /* 1606 */ .post-content .searchform input { height: 60px; } /* 1607 */ /* 1608 */ .post-content .searchform input#s { /* 1609 */ -webkit-appearance: none; /* 1610 */ width: 99%; /* 1611 */ padding: 18px 95px 18px 18px; /* 1612 */ background: #FFF; /* 1613 */ border: 1px solid #DDD; /* 1614 */ border-right: none; /* 1615 */ font-family: 'Lato', sans-serif; /* 1616 */ font-size: 1rem; /* 1617 */ border-radius: 3px 0 0 3px; /* 1618 */ } /* 1619 */ /* 1620 */ .post-content .searchform #s:focus { /* 1621 */ outline: none; /* 1622 */ background: #EEE; /* 1623 */ color: #444; /* 1624 */ } /* 1625 */ /* 1626 */ .post-content .searchform #searchsubmit { /* 1627 */ -webkit-appearance: none; /* 1628 */ position: absolute; /* 1629 */ right: 0; /* 1630 */ top: 0; /* 1631 */ width: 85px; /* 1632 */ line-height: 1; /* 1633 */ border: none; /* 1634 */ background: #1abc9c; /* 1635 */ border: 1px solid #1abc9c; /* 1636 */ color: #FFF; /* 1637 */ text-transform: uppercase; /* 1638 */ letter-spacing: 1px; /* 1639 */ font-size: 0.8rem; /* 1640 */ font-family: 'Lato', sans-serif; /* 1641 */ border-radius: 0 3px 3px 0; /* 1642 */ } /* 1643 */ /* 1644 */ .post-content .searchform #searchsubmit:hover { /* 1645 */ cursor: pointer; /* 1646 */ background-color: #089D80; /* 1647 */ border-color: #089D80; /* 1648 */ } /* 1649 */ /* 1650 */ /* style.css */ /* 1651 */ /* Archives template --------------------------------------- */ /* 1652 */ /* 1653 */ /* 1654 */ .archive-col { font-size: 0.9em; } /* 1655 */ /* 1656 */ .page-template-template-archives-php .post-content ul { /* 1657 */ margin-left: 0; /* 1658 */ list-style: none; /* 1659 */ } /* 1660 */ /* 1661 */ .page-template-template-archives-php .post-content ul li { margin-bottom: 0; line-height: 130%; } /* 1662 */ /* 1663 */ .page-template-template-archives-php .post-content ul li a { /* 1664 */ display: block; /* 1665 */ border-bottom: 1px solid #EEE; /* 1666 */ padding: 8px 0; /* 1667 */ } /* 1668 */ /* 1669 */ .page-template-template-archives-php .post-content ul li:last-child a { border-bottom: none; } /* 1670 */ /* 1671 */ .page-template-template-archives-php .post-content ul.children li:first-child a { border-bottom: 1px solid #EEE; } /* 1672 */ /* 1673 */ .page-template-template-archives-php .post-content ul li a span { color: #999; } /* 1674 */ /* 1675 */ .page-template-template-archives-php .post-content ul li a:hover { /* 1676 */ text-decoration: none; /* 1677 */ color: #666; /* 1678 */ } /* 1679 */ /* 1680 */ .page-template-template-archives-php .post-content ul li a:hover { /* 1681 */ background-color: #F9F9F9; /* 1682 */ padding-left: 12px; /* 1683 */ } /* 1684 */ /* 1685 */ /* 1686 */ /* -------------------------------------------------------------------------------- */ /* 1687 */ /* 11. Sidebar /* 1688 *| /* -------------------------------------------------------------------------------- */ /* 1689 */ /* 1690 */ /* 1691 */ .widget { /* 1692 */ padding-bottom: 15%; /* 1693 */ border-bottom: 4px solid #EEE; /* 1694 */ margin-bottom: 15%; /* 1695 */ } /* 1696 */ /* 1697 */ .widget:last-child { /* 1698 */ padding-bottom: 0; /* 1699 */ border-bottom: 0; /* 1700 */ margin-bottom: 0; /* style.css */ /* 1701 */ } /* 1702 */ /* 1703 */ .widget-title { /* 1704 */ font-family: 'Raleway', sans-serif; /* 1705 */ font-size: 0.9rem; /* 1706 */ text-transform: uppercase; /* 1707 */ font-weight: 700; /* 1708 */ margin-bottom: 20px; /* 1709 */ color: #444; /* 1710 */ } /* 1711 */ /* 1712 */ /* widget-content */ /* 1713 */ /* 1714 */ .widget-content { /* 1715 */ color: #555; /* 1716 */ font-size: 1rem; /* 1717 */ line-height: 140%; /* 1718 */ } /* 1719 */ /* 1720 */ .widget-content *:last-child { margin-bottom: 0; } /* 1721 */ /* 1722 */ .widget-content a:hover { text-decoration: underline } /* 1723 */ /* 1724 */ .widget-content p { /* 1725 */ line-height: 150%; /* 1726 */ margin-bottom: 1em; /* 1727 */ } /* 1728 */ /* 1729 */ .widget-content ul li { /* 1730 */ padding: 10px 0; /* 1731 */ border-top: 1px solid #EEE; /* 1732 */ line-height: 130%; /* 1733 */ } /* 1734 */ /* 1735 */ .widget-content li ul > li:first-child { margin-top: 10px; } /* 1736 */ .widget-content .page_item_has_children { padding-bottom: 0; } /* 1737 */ /* 1738 */ .widget-content li ul li { padding-left: 15px; } /* 1739 */ /* 1740 */ .widget-content ul li .post-date { margin-left: 5px; color: #999; } /* 1741 */ /* 1742 */ .widget-content > ul > li:first-child { border-top: 0; } /* 1743 */ /* 1744 */ /* 1745 */ /* Widget search --------------------------------------- */ /* 1746 */ /* 1747 */ /* 1748 */ .widget_search form { position: relative; } /* 1749 */ /* 1750 */ .widget_search input { height: 52px; } /* style.css */ /* 1751 */ /* 1752 */ .widget_search input#s { /* 1753 */ -webkit-appearance: none; /* 1754 */ width: 99%; /* 1755 */ padding: 18px 95px 18px 18px; /* 1756 */ background: #FFF; /* 1757 */ border: 1px solid #DDD; /* 1758 */ border-right: none; /* 1759 */ font-family: 'Lato', sans-serif; /* 1760 */ font-size: 1rem; /* 1761 */ border-radius: 3px 0 0 3px; /* 1762 */ } /* 1763 */ /* 1764 */ .widget_search #s:focus { /* 1765 */ outline: none; /* 1766 */ background: #EEE; /* 1767 */ color: #444; /* 1768 */ } /* 1769 */ /* 1770 */ .widget_search #searchsubmit { /* 1771 */ -webkit-appearance: none; /* 1772 */ position: absolute; /* 1773 */ right: 0; /* 1774 */ top: 0; /* 1775 */ width: 85px; /* 1776 */ line-height: 1; /* 1777 */ border: none; /* 1778 */ background: #1abc9c; /* 1779 */ border: 1px solid #1abc9c; /* 1780 */ color: #FFF; /* 1781 */ text-transform: uppercase; /* 1782 */ letter-spacing: 1px; /* 1783 */ font-size: 0.8rem; /* 1784 */ font-family: 'Lato', sans-serif; /* 1785 */ border-radius: 0 3px 3px 0; /* 1786 */ } /* 1787 */ /* 1788 */ .widget_search #searchsubmit:hover { /* 1789 */ cursor: pointer; /* 1790 */ background-color: #089D80; /* 1791 */ border-color: #089D80; /* 1792 */ } /* 1793 */ /* 1794 */ /* 1795 */ /* Widget calendar --------------------------------------- */ /* 1796 */ /* 1797 */ /* 1798 */ #wp-calendar { /* 1799 */ color: #888; /* 1800 */ width: 100%; /* style.css */ /* 1801 */ max-width: 100%; /* 1802 */ text-align: center; /* 1803 */ font-size: 0.9em; /* 1804 */ } /* 1805 */ /* 1806 */ #wp-calendar a { color: #1abc9c; } /* 1807 */ /* 1808 */ #wp-calendar, /* 1809 */ #wp-calendar caption, /* 1810 */ #wp-calendar tr, /* 1811 */ #wp-calendar td, /* 1812 */ #wp-calendar th { /* 1813 */ text-align: center; /* 1814 */ } /* 1815 */ /* 1816 */ #wp-calendar caption, /* 1817 */ #wp-calendar th, /* 1818 */ #wp-calendar td { /* 1819 */ padding: 4% 2%; /* 1820 */ } /* 1821 */ /* 1822 */ #wp-calendar caption, /* 1823 */ #wp-calendar thead { /* 1824 */ color: #666; /* 1825 */ border-bottom: 1px solid #EEE; /* 1826 */ } /* 1827 */ /* 1828 */ #wp-calendar caption { text-transform: capitalize; } /* 1829 */ /* 1830 */ #wp-calendar thead th { /* 1831 */ font-weight: bold; /* 1832 */ text-transform: uppercase; /* 1833 */ font-size: 0.9em; /* 1834 */ } /* 1835 */ /* 1836 */ #wp-calendar tfoot { border-top: 1px solid #EEE; } /* 1837 */ #wp-calendar tfoot td { padding: 0; } /* 1838 */ #wp-calendar tfoot #prev { text-align: left; } /* 1839 */ #wp-calendar tfoot #next { text-align: right; } /* 1840 */ /* 1841 */ #wp-calendar tfoot a { /* 1842 */ display: block; /* 1843 */ color: #999; /* 1844 */ padding: 0.6em; /* 1845 */ } /* 1846 */ /* 1847 */ #wp-calendar tfoot a:hover { /* 1848 */ text-decoration: none; /* 1849 */ color: #1abc9c; /* 1850 */ background: rgba(255, 255, 255, .05); /* style.css */ /* 1851 */ } /* 1852 */ /* 1853 */ /* 1854 */ /* Widget tag cloud --------------------------------------- */ /* 1855 */ /* 1856 */ /* 1857 */ .widget_tag_cloud .tagcloud a { font-size: 0.9em !important; } /* 1858 */ /* 1859 */ .tagcloud a { /* 1860 */ display: block; /* 1861 */ float: left; /* 1862 */ padding: 8px 11px; /* 1863 */ line-height: 1; /* 1864 */ margin: 0 5px 5px 0; /* 1865 */ background: #BBB; /* 1866 */ color: #FFF; /* 1867 */ border-radius: 3px; /* 1868 */ } /* 1869 */ /* 1870 */ .tagcloud a:hover { /* 1871 */ background: #1abc9c; /* 1872 */ text-decoration: none; /* 1873 */ color: #FFF; /* 1874 */ } /* 1875 */ /* 1876 */ /* 1877 */ /* Widget Flickr --------------------------------------- */ /* 1878 */ /* 1879 */ /* 1880 */ .flickr_badge_image { /* 1881 */ width: 30%; /* 1882 */ margin-bottom: 5%; /* 1883 */ margin-left: 5%; /* 1884 */ overflow: hidden; /* 1885 */ float: left; /* 1886 */ line-height: 0; /* 1887 */ } /* 1888 */ /* 1889 */ #flickr_badge_image1, /* 1890 */ #flickr_badge_image4, /* 1891 */ #flickr_badge_image7, /* 1892 */ #flickr_badge_image10, /* 1893 */ #flickr_badge_image13, /* 1894 */ #flickr_badge_image16, /* 1895 */ #flickr_badge_image19, /* 1896 */ #flickr_badge_image22, /* 1897 */ #flickr_badge_image25 { /* 1898 */ margin-left: 0; /* 1899 */ } /* 1900 */ /* style.css */ /* 1901 */ .flickr_badge_image img { /* 1902 */ display: block; /* 1903 */ padding: 5px; /* 1904 */ background: #EEE; /* 1905 */ } /* 1906 */ /* 1907 */ .flickr_badge_image a:hover img { background: #1abc9c; } /* 1908 */ /* 1909 */ .widgetmore a { /* 1910 */ display: block; /* 1911 */ clear: both; /* 1912 */ padding: 0.5em 0; /* 1913 */ } /* 1914 */ /* 1915 */ /* 1916 */ /* Widget Dribbble --------------------------------------- */ /* 1917 */ /* 1918 */ /* 1919 */ .dribbble-shot { /* 1920 */ display: block; /* 1921 */ width: 47.5%; /* 1922 */ margin-bottom: 5%; /* 1923 */ margin-right: 5%; /* 1924 */ overflow: hidden; /* 1925 */ float: left; /* 1926 */ line-height: 0; /* 1927 */ } /* 1928 */ /* 1929 */ .dribbble-shot:nth-child(2n) { margin-right: 0; } /* 1930 */ /* 1931 */ .dribbble-shot img { /* 1932 */ display: block; /* 1933 */ padding: 5px; /* 1934 */ background: #EEE; /* 1935 */ } /* 1936 */ /* 1937 */ .dribbble-shot:hover img { background: #1abc9c; } /* 1938 */ /* 1939 */ /* 1940 */ /* -------------------------------------------------------------------------------- */ /* 1941 */ /* 12. Footer /* 1942 *| /* -------------------------------------------------------------------------------- */ /* 1943 */ /* 1944 */ /* 1945 */ .footer { /* 1946 */ font-size: 0.9em; /* 1947 */ margin-top: 7.5%; /* 1948 */ } /* 1949 */ /* 1950 */ .column { /* style.css */ /* 1951 */ width: 30%; /* 1952 */ margin-left: 5%; /* 1953 */ } /* 1954 */ /* 1955 */ .column:first-child { margin-left: 0; } /* 1956 */ /* 1957 */ /* 1958 */ /* Footer widgets --------------------------------------- */ /* 1959 */ /* 1960 */ /* 1961 */ .footer .widget { border-bottom-color: rgba(255,255,255,0.1) } /* 1962 */ /* 1963 */ .footer .widget-title { color: #EEE; letter-spacing: 1px; font-weight: 600; } /* 1964 */ /* 1965 */ .footer .widget-content { color: #666; } /* 1966 */ /* 1967 */ .footer .widget-content ul li { border-top-color: rgba(255,255,255,0.1); } /* 1968 */ /* 1969 */ .footer .widget-content > ul > li:first-child { border-top: none; } /* 1970 */ /* 1971 */ /* 1972 */ /* Widget search --------------------------------------- */ /* 1973 */ /* 1974 */ /* 1975 */ .footer .widget_search #s:focus { /* 1976 */ outline: none; /* 1977 */ background: #FFF; /* 1978 */ border-color: #DDD; /* 1979 */ color: #444; /* 1980 */ } /* 1981 */ /* 1982 */ /* 1983 */ /* Widget calendar --------------------------------------- */ /* 1984 */ /* 1985 */ /* 1986 */ #wp-calendar caption, /* 1987 */ #wp-calendar thead { border-bottom-color: rgba(255,255,255,0.1); } /* 1988 */ #wp-calendar tfoot { border-top-color: rgba(255,255,255,0.1); } /* 1989 */ /* 1990 */ /* 1991 */ .footer .flickr_badge_image img, /* 1992 */ .footer .dribbble-shot img { background: rgba(255,255,255,0.1); } /* 1993 */ /* 1994 */ .footer .flickr_badge_image a:hover img, /* 1995 */ .footer .dribbble-shot:hover img { background: #1abc9c; } /* 1996 */ /* 1997 */ /* 1998 */ /* Widget tag cloud --------------------------------------- */ /* 1999 */ /* 2000 */ /* style.css */ /* 2001 */ .footer .tagcloud a { background-color: rgba(255,255,255,0.1); color: #FFF; } /* 2002 */ .footer .tagcloud a:hover { background-color: #1abc9c; color: #FFF; } /* 2003 */ /* 2004 */ /* 2005 */ /* -------------------------------------------------------------------------------- */ /* 2006 */ /* 13. Credits /* 2007 *| /* -------------------------------------------------------------------------------- */ /* 2008 */ /* 2009 */ /* 2010 */ .credits.no-padding { font-size: 0.8rem; } /* 2011 */ /* 2012 */ .credits-inner { /* 2013 */ padding: 25px 0 4%; /* 2014 */ border-top: 2px solid rgba(255,255,255,0.1); /* 2015 */ text-transform: uppercase; /* 2016 */ letter-spacing: 1px; /* 2017 */ } /* 2018 */ /* 2019 */ .credits, /* 2020 */ .credits a { color: #666; } /* 2021 */ /* 2022 */ .credits-left { float: left; } /* 2023 */ .credits-right { float: right; } /* 2024 */ /* 2025 */ .tothetop:hover { cursor: pointer; } /* 2026 */ /* 2027 */ img#wpstats { display: none; } /* 2028 */ /* 2029 */ /* 2030 */ /* -------------------------------------------------------------------------------- */ /* 2031 */ /* 14. Responsive /* 2032 *| /* -------------------------------------------------------------------------------- */ /* 2033 */ /* 2034 */ /* 2035 */ @media (max-width: 1040px) { /* 2036 */ /* 2037 */ /* 2038 */ body { font-size: 16px; } /* 2039 */ /* 2040 */ /* Structure --------------------------------------- */ /* 2041 */ /* 2042 */ .wrapper { margin-top: 7.5%; } /* 2043 */ /* 2044 */ /* 2045 */ } /* 2046 */ /* 2047 */ @media (max-width: 800px) { /* 2048 */ /* 2049 */ body { font-size: 18px; } /* 2050 */ /* style.css */ /* 2051 */ /* Structure --------------------------------------- */ /* 2052 */ /* 2053 */ .content, /* 2054 */ .sidebar { /* 2055 */ width: 100%; /* 2056 */ float: none; /* 2057 */ } /* 2058 */ /* 2059 */ .sidebar { display: none; } /* 2060 */ /* 2061 */ .section.large-padding, /* 2062 */ .section.medium-padding { padding: 40px 0; } /* 2063 */ /* 2064 */ .footer { margin-top: 60px; } /* 2065 */ /* 2066 */ /* Navigation --------------------------------------- */ /* 2067 */ /* 2068 */ .navigation-inner { max-width: 100%; } /* 2069 */ /* 2070 */ .blog-menu { display: none; } /* 2071 */ /* 2072 */ .toggle-container { /* 2073 */ display: block; /* 2074 */ background: #1D1D1D; /* 2075 */ } /* 2076 */ /* 2077 */ .toggle { /* 2078 */ display: inline-block; /* 2079 */ position: relative; /* 2080 */ height: 57px; /* 2081 */ width: 32px; /* 2082 */ padding: 20px 0px; /* 2083 */ } /* 2084 */ /* 2085 */ .toggle:hover { cursor: pointer; } /* 2086 */ /* 2087 */ .nav-toggle { float: left; margin-left: 7%; } /* 2088 */ .search-toggle { float: right; margin-right: 7%; } /* 2089 */ /* 2090 */ .nav-toggle:hover { cursor: pointer; } /* 2091 */ /* 2092 */ .nav-toggle .bar { /* 2093 */ display: block; /* 2094 */ width: 24px; /* 2095 */ height: 3px; /* 2096 */ margin-top: 4px; /* 2097 */ background: #666; /* 2098 */ } /* 2099 */ /* 2100 */ .nav-toggle .bar:first-child { margin-top: 0; } /* style.css */ /* 2101 */ /* 2102 */ .nav-toggle.active .bar { background-color: #FFF; } /* 2103 */ /* 2104 */ .search-toggle .metal, /* 2105 */ .search-toggle .glass, /* 2106 */ .search-toggle .handle { /* 2107 */ position: absolute; /* 2108 */ } /* 2109 */ /* 2110 */ .search-toggle .metal { /* 2111 */ width: 24px; /* 2112 */ height: 24px; /* 2113 */ top: 14px; /* 2114 */ left: 6px; /* 2115 */ border-radius: 999px; /* 2116 */ background: #555; /* 2117 */ } /* 2118 */ /* 2119 */ .search-toggle .glass { /* 2120 */ width: 14px; /* 2121 */ height: 14px; /* 2122 */ top: 19px; /* 2123 */ left: 11px; /* 2124 */ border-radius: 999px; /* 2125 */ background: #1D1D1D; /* 2126 */ } /* 2127 */ /* 2128 */ .search-toggle .handle { /* 2129 */ height: 5px; /* 2130 */ width: 14px; /* 2131 */ top: 36px; /* 2132 */ left: 0px; /* 2133 */ background: #555; /* 2134 */ border-radius: 2px 0 0 2px; /* 2135 */ -webkit-transform: rotate(-45deg); /* 2136 */ -moz-transform: rotate(-45deg); /* 2137 */ -ms-transform: rotate(-45deg); /* 2138 */ -o-transform: rotate(-45deg); /* 2139 */ transform: rotate(-45deg); /* 2140 */ } /* 2141 */ /* 2142 */ .search-toggle.active .metal, /* 2143 */ .search-toggle.active .handle { background: #FFF; } /* 2144 */ /* 2145 */ .blog-search, /* 2146 */ .navigation { background: #282828; } /* 2147 */ /* 2148 */ .mobile-menu a { /* 2149 */ display: block; /* 2150 */ padding: 24px; /* style.css */ /* 2151 */ font-size: 12px; /* 2152 */ border-bottom: 1px solid rgba(255,255,255,0.1); /* 2153 */ background: #282828; /* 2154 */ display: block; /* 2155 */ text-transform: uppercase; /* 2156 */ letter-spacing: 1px; /* 2157 */ color: rgba(255,255,255,0.4); /* 2158 */ font-size: 13px; /* 2159 */ } /* 2160 */ /* 2161 */ .mobile-menu a:hover, /* 2162 */ .mobile-menu .current-menu-item a { color: #FFF; } /* 2163 */ /* 2164 */ .mobile-menu ul a { width: 100%; } /* 2165 */ /* 2166 */ .mobile-menu ul a { padding-left: 40px; } /* 2167 */ .mobile-menu ul ul a { padding-left: 60px; } /* 2168 */ .mobile-menu ul ul ul a { padding-left: 80px; } /* 2169 */ .mobile-menu ul ul ul ul a { padding-left: 100px; } /* 2170 */ .mobile-menu ul ul ul ul ul a { padding-left: 120px; } /* 2171 */ /* 2172 */ .blog-search { padding: 8%; } /* 2173 */ /* 2174 */ .blog-search .searchform { /* 2175 */ position: relative; /* 2176 */ overflow: hidden; /* 2177 */ } /* 2178 */ /* 2179 */ .blog-search #s { /* 2180 */ width: 97.5%; /* 2181 */ padding: 18px 100px 18px 20px; /* 2182 */ background: #FFF; /* 2183 */ font-family: 'Lato', sans-serif; /* 2184 */ font-size: 1em; /* 2185 */ color: #444; /* 2186 */ border: none; /* 2187 */ border-radius: 4px 0 0 4px; /* 2188 */ margin: 0; /* 2189 */ } /* 2190 */ /* 2191 */ .blog-search #s:focus { outline: none; } /* 2192 */ /* 2193 */ .blog-search #searchsubmit { /* 2194 */ -webkit-appearance: none; /* 2195 */ position: absolute; /* 2196 */ right: 0; /* 2197 */ top: 0; /* 2198 */ width: 85px; /* 2199 */ padding: 20px 0; /* 2200 */ line-height: 1; /* style.css */ /* 2201 */ border: none; /* 2202 */ margin: 0; /* 2203 */ background: #1abc9c; /* 2204 */ border: 1px solid #1abc9c; /* 2205 */ color: #FFF; /* 2206 */ text-transform: uppercase; /* 2207 */ letter-spacing: 1px; /* 2208 */ font-size: 0.8rem; /* 2209 */ font-family: 'Lato', sans-serif; /* 2210 */ border-radius: 0 4px 4px 0; /* 2211 */ } /* 2212 */ /* 2213 */ .blog-search #searchsubmit:hover { /* 2214 */ cursor: pointer; /* 2215 */ background-color: #089D80; /* 2216 */ border-color: #089D80; /* 2217 */ } /* 2218 */ /* 2219 */ /* Pagination --------------------------------------- */ /* 2220 */ /* 2221 */ .archive-nav { margin-top: 60px; } /* 2222 */ /* 2223 */ /* 2224 */ } /* 2225 */ /* 2226 */ @media (max-width: 700px) { /* 2227 */ /* 2228 */ body { font-size: 16px; } /* 2229 */ /* 2230 */ /* Header --------------------------------------- */ /* 2231 */ /* 2232 */ .header.section { padding: 60px 0; } /* 2233 */ /* 2234 */ .blog-info { padding: 20px; } /* 2235 */ .blog-description:before { margin: 15px auto; } /* 2236 */ /* 2237 */ /* Main content --------------------------------------- */ /* 2238 */ /* 2239 */ .post { /* 2240 */ padding-bottom: 35px; /* 2241 */ margin-bottom: 35px; /* 2242 */ } /* 2243 */ /* 2244 */ .post:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } /* 2245 */ /* 2246 */ .featured-media { margin-bottom: 25px; } /* 2247 */ /* 2248 */ .post-header { margin-bottom: 25px; } /* 2249 */ /* 2250 */ .post-title { margin-bottom: 12px; } /* style.css */ /* 2251 */ /* 2252 */ .post-meta-bottom { margin-top: 40px; } /* 2253 */ /* 2254 */ /* Post content --------------------------------------- */ /* 2255 */ /* 2256 */ .post-content h1, /* 2257 */ .post-content h2, /* 2258 */ .post-content h3, /* 2259 */ .post-content h4, /* 2260 */ .post-content h5, /* 2261 */ .post-content h6 { /* 2262 */ margin-top: 30px; /* 2263 */ margin-bottom: 10px; /* 2264 */ } /* 2265 */ /* 2266 */ /* Comments --------------------------------------- */ /* 2267 */ /* 2268 */ .comments { padding-top: 30px; margin-top: 30px; } /* 2269 */ /* 2270 */ .comments-title, #reply-title { font-size: 1.5em; } /* 2271 */ .comments-title { margin-bottom: 30px; } /* 2272 */ /* 2273 */ .comment-meta-content { padding-top: 9px; } /* 2274 */ /* 2275 */ .comment-actions { margin-top: 10px; } /* 2276 */ /* 2277 */ .comment-meta .comment-actions { display: none; } /* 2278 */ /* 2279 */ .comment-content .comment-actions { /* 2280 */ display: block; /* 2281 */ position: relative; /* 2282 */ top: auto; /* 2283 */ right: auto; /* 2284 */ margin-top: 1em; /* 2285 */ } /* 2286 */ /* 2287 */ .comment-content h1, /* 2288 */ .comment-content h2, /* 2289 */ .comment-content h3, /* 2290 */ .comment-content h4, /* 2291 */ .comment-content h5, /* 2292 */ .comment-content h6 { /* 2293 */ margin-top: 30px; /* 2294 */ margin-bottom: 10px; /* 2295 */ } /* 2296 */ /* 2297 */ /* Respond --------------------------------------- */ /* 2298 */ /* 2299 */ .comment-respond { margin-top: 30px; } /* 2300 */ /* style.css */ /* 2301 */ #reply-title { margin-bottom: 10px; } /* 2302 */ /* 2303 */ .comment-form input { max-width: 100%; } /* 2304 */ /* 2305 */ .comment-form p { margin-bottom: 15px; } /* 2306 */ /* 2307 */ p.comment-notes, /* 2308 */ p.logged-in-as { /* 2309 */ margin-bottom: 30px; /* 2310 */ } /* 2311 */ /* 2312 */ .comment-form textarea { height: 180px; } /* 2313 */ /* 2314 */ /* Footer --------------------------------------- */ /* 2315 */ /* 2316 */ .footer { margin-top: 60px; } /* 2317 */ /* 2318 */ .footer .column { /* 2319 */ width: 100%; /* 2320 */ margin-left: 0; /* 2321 */ padding-top: 40px; /* 2322 */ border-top: 4px solid rgba(255,255,255,0.1); /* 2323 */ margin-top: 40px; /* 2324 */ } /* 2325 */ /* 2326 */ .footer .column:first-child { margin-top: 0; border-top: 0; padding-top: 0; } /* 2327 */ /* 2328 */ .widget { /* 2329 */ margin-bottom: 40px; /* 2330 */ border-bottom: 4px solid rgba(255,255,255,0.1); /* 2331 */ padding-bottom: 40px; /* 2332 */ } /* 2333 */ /* 2334 */ /* Credits --------------------------------------- */ /* 2335 */ /* 2336 */ .credits.section { border-top: 1px solid rgba(255,255,255,0.1); } /* 2337 */ /* 2338 */ .credits-inner { /* 2339 */ padding: 30px 0; /* 2340 */ border-top: 0; /* 2341 */ text-align: center; /* 2342 */ } /* 2343 */ /* 2344 */ .credits p { float: none; display: inline; } /* 2345 */ /* 2346 */ .credits .right, /* 2347 */ .credits span { display: none; } /* 2348 */ /* 2349 */ } /* 2350 */ /* style.css */ /* 2351 */ @media (max-width: 500px) { /* 2352 */ /* 2353 */ /* 2354 */ body { font-size: 15px; } /* 2355 */ /* 2356 */ /* Header --------------------------------------- */ /* 2357 */ /* 2358 */ .header.section { padding: 30px 0; } /* 2359 */ /* 2360 */ /* Post --------------------------------------- */ /* 2361 */ /* 2362 */ .post-title { font-size: 1.75em; } /* 2363 */ /* 2364 */ .post-author { display: none; } /* 2365 */ .post-header .date-sep:nth-of-type(2) { display: none; } /* 2366 */ /* 2367 */ .media-caption-container { /* 2368 */ position: static; /* 2369 */ top: auto; /* 2370 */ left: auto; /* 2371 */ width: 100%; /* 2372 */ margin: -3px 0 0 0; /* 2373 */ } /* 2374 */ /* 2375 */ .media-caption { /* 2376 */ padding: 10px; /* 2377 */ border-radius: 0 0 4px 4px; /* 2378 */ background: #EEE; /* 2379 */ color: #666; /* 2380 */ width: 100%; /* 2381 */ } /* 2382 */ /* 2383 */ .media-caption:hover { background: #EEE; color: #666; } /* 2384 */ /* 2385 */ /* Single post --------------------------------------- */ /* 2386 */ /* 2387 */ .post-cat-tags p { display: block; } /* 2388 */ .post-cat-tags p:last-child { margin-left: 0; margin-top: 10px; } /* 2389 */ /* 2390 */ .single .post-nav { padding: 0; font-size: 1em; } /* 2391 */ /* 2392 */ .single .post-nav a, /* 2393 */ .single .post-nav .post-nav-newer { /* 2394 */ max-width: 100%; /* 2395 */ float: none; /* 2396 */ text-align: left; /* 2397 */ padding: 20px 0; /* 2398 */ } /* 2399 */ /* 2400 */ .single .post-nav .post-nav-newer { border-top: 1px solid #EEE; } /* style.css */ /* 2401 */ .single .post-nav .post-nav-newer h5 { text-align: left; } /* 2402 */ /* 2403 */ /* Post formats --------------------------------------- */ /* 2404 */ /* 2405 */ .blog .format-quote .post-content, /* 2406 */ .archive .format-quote .post-content, /* 2407 */ .search .format-quote .post-content { /* 2408 */ padding: 20px; /* 2409 */ } /* 2410 */ /* 2411 */ .blog .format-quote .post-content blockquote, /* 2412 */ .archive .format-quote .post-content blockquote, /* 2413 */ .search .format-quote .post-content blockquote { /* 2414 */ font-size: 1em; /* 2415 */ } /* 2416 */ /* 2417 */ .blog .format-quote .post-content blockquote cite, /* 2418 */ .archive .format-quote .post-content blockquote cite, /* 2419 */ .search .format-quote .post-content blockquote cite { /* 2420 */ font-size: 0.75rem; /* 2421 */ } /* 2422 */ /* 2423 */ /* Post content --------------------------------------- */ /* 2424 */ /* 2425 */ .post-content .alignleft, /* 2426 */ .post-content .alignright { /* 2427 */ float: none; /* 2428 */ max-width: 100%; /* 2429 */ margin: 0 auto 1.2em auto; /* 2430 */ } /* 2431 */ /* 2432 */ .post-content .alignleft img, /* 2433 */ .post-content .alignright img { /* 2434 */ display: block; /* 2435 */ margin: 0 auto; /* 2436 */ } /* 2437 */ /* 2438 */ /* Comments --------------------------------------- */ /* 2439 */ /* 2440 */ .comment-meta-content { margin-left: 65px; } /* 2441 */ /* 2442 */ .comment-content { margin-left: 0; } /* 2443 */ /* 2444 */ /* Pagination --------------------------------------- */ /* 2445 */ /* 2446 */ .archive-nav { margin-top: 40px; } /* 2447 */ /* 2448 */ .archive-nav a { font-size: 0.8rem; } /* 2449 */ /* 2450 */ .post-nav span, /* style.css */ /* 2451 */ .archive-nav span, /* 2452 */ .comment-nav-below span { display: none; } /* 2453 */ /* 2454 */ /* Footer --------------------------------------- */ /* 2455 */ /* 2456 */ .footer { margin-top: 40px; } /* 2457 */ /* 2458 */ /* 2459 */ }