├── 404.php
├── LICENSE
├── archive.php
├── assets
    ├── images
    │   └── icons.svg
    └── stylesheets
    │   ├── blocks.css
    │   └── editor-style.css
├── comments.php
├── footer.php
├── functions.php
├── header.php
├── inc
    ├── custom-header.php
    ├── customizer.php
    ├── icon-functions.php
    ├── jetpack.php
    ├── template-functions.php
    └── template-tags.php
├── index.php
├── js
    ├── customizer.js
    ├── navigation.js
    └── skip-link-focus-fix.js
├── layouts
    ├── content-sidebar.css
    └── sidebar-content.css
├── page.php
├── phpcs.xml.dist
├── readme.txt
├── rtl.css
├── screenshot.png
├── search.php
├── sidebar.php
├── single.php
├── style.css
└── template-parts
    ├── content-author.php
    ├── content-none.php
    ├── content-page.php
    ├── content-search.php
    └── content.php


/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying 404 pages (not found)
 4 |  *
 5 |  * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="primary" class="content-area">
13 | 		<main id="main" class="site-main">
14 | 
15 | 			<section class="error-404 not-found">
16 | 				<header class="page-header">
17 | 					<h1 class="page-title"><?php esc_html_e( 'Oops! That page can&rsquo;t be found.', 'ohana' ); ?></h1>
18 | 				</header><!-- .page-header -->
19 | 
20 | 				<div class="page-content">
21 | 					<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'ohana' ); ?></p>
22 | 
23 | 					<?php
24 | 						get_search_form();
25 | 
26 | 						the_widget( 'WP_Widget_Recent_Posts' );
27 | 					?>
28 | 
29 | 					<div class="widget widget_categories">
30 | 						<h2 class="widget-title"><?php esc_html_e( 'Most Used Categories', 'ohana' ); ?></h2>
31 | 						<ul>
32 | 						<?php
33 | 							wp_list_categories( array(
34 | 								'orderby'    => 'count',
35 | 								'order'      => 'DESC',
36 | 								'show_count' => 1,
37 | 								'title_li'   => '',
38 | 								'number'     => 10,
39 | 							) );
40 | 						?>
41 | 						</ul>
42 | 					</div><!-- .widget -->
43 | 
44 | 					<?php
45 | 
46 | 						/* translators: %1$s: smiley */
47 | 						$archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'ohana' ), convert_smilies( ':)' ) ) . '</p>';
48 | 						the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" );
49 | 
50 | 						the_widget( 'WP_Widget_Tag_Cloud' );
51 | 					?>
52 | 
53 | 				</div><!-- .page-content -->
54 | 			</section><!-- .error-404 -->
55 | 
56 | 		</main><!-- #main -->
57 | 	</div><!-- #primary -->
58 | 
59 | <?php
60 | get_footer();
61 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                     GNU GENERAL PUBLIC LICENSE
  2 |                        Version 2, June 1991
  3 | 
  4 |  Copyright (C) 1989, 1991 Free Software Foundation, Inc., <http://fsf.org/>
  5 |  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
  6 |  Everyone is permitted to copy and distribute verbatim copies
  7 |  of this license document, but changing it is not allowed.
  8 | 
  9 |                             Preamble
 10 | 
 11 |   The licenses for most software are designed to take away your
 12 | freedom to share and change it.  By contrast, the GNU General Public
 13 | License is intended to guarantee your freedom to share and change free
 14 | software--to make sure the software is free for all its users.  This
 15 | General Public License applies to most of the Free Software
 16 | Foundation's software and to any other program whose authors commit to
 17 | using it.  (Some other Free Software Foundation software is covered by
 18 | the GNU Lesser General Public License instead.)  You can apply it to
 19 | your programs, too.
 20 | 
 21 |   When we speak of free software, we are referring to freedom, not
 22 | price.  Our General Public Licenses are designed to make sure that you
 23 | have the freedom to distribute copies of free software (and charge for
 24 | this service if you wish), that you receive source code or can get it
 25 | if you want it, that you can change the software or use pieces of it
 26 | in new free programs; and that you know you can do these things.
 27 | 
 28 |   To protect your rights, we need to make restrictions that forbid
 29 | anyone to deny you these rights or to ask you to surrender the rights.
 30 | These restrictions translate to certain responsibilities for you if you
 31 | distribute copies of the software, or if you modify it.
 32 | 
 33 |   For example, if you distribute copies of such a program, whether
 34 | gratis or for a fee, you must give the recipients all the rights that
 35 | you have.  You must make sure that they, too, receive or can get the
 36 | source code.  And you must show them these terms so they know their
 37 | rights.
 38 | 
 39 |   We protect your rights with two steps: (1) copyright the software, and
 40 | (2) offer you this license which gives you legal permission to copy,
 41 | distribute and/or modify the software.
 42 | 
 43 |   Also, for each author's protection and ours, we want to make certain
 44 | that everyone understands that there is no warranty for this free
 45 | software.  If the software is modified by someone else and passed on, we
 46 | want its recipients to know that what they have is not the original, so
 47 | that any problems introduced by others will not reflect on the original
 48 | authors' reputations.
 49 | 
 50 |   Finally, any free program is threatened constantly by software
 51 | patents.  We wish to avoid the danger that redistributors of a free
 52 | program will individually obtain patent licenses, in effect making the
 53 | program proprietary.  To prevent this, we have made it clear that any
 54 | patent must be licensed for everyone's free use or not licensed at all.
 55 | 
 56 |   The precise terms and conditions for copying, distribution and
 57 | modification follow.
 58 | 
 59 |                     GNU GENERAL PUBLIC LICENSE
 60 |    TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
 61 | 
 62 |   0. This License applies to any program or other work which contains
 63 | a notice placed by the copyright holder saying it may be distributed
 64 | under the terms of this General Public License.  The "Program", below,
 65 | refers to any such program or work, and a "work based on the Program"
 66 | means either the Program or any derivative work under copyright law:
 67 | that is to say, a work containing the Program or a portion of it,
 68 | either verbatim or with modifications and/or translated into another
 69 | language.  (Hereinafter, translation is included without limitation in
 70 | the term "modification".)  Each licensee is addressed as "you".
 71 | 
 72 | Activities other than copying, distribution and modification are not
 73 | covered by this License; they are outside its scope.  The act of
 74 | running the Program is not restricted, and the output from the Program
 75 | is covered only if its contents constitute a work based on the
 76 | Program (independent of having been made by running the Program).
 77 | Whether that is true depends on what the Program does.
 78 | 
 79 |   1. You may copy and distribute verbatim copies of the Program's
 80 | source code as you receive it, in any medium, provided that you
 81 | conspicuously and appropriately publish on each copy an appropriate
 82 | copyright notice and disclaimer of warranty; keep intact all the
 83 | notices that refer to this License and to the absence of any warranty;
 84 | and give any other recipients of the Program a copy of this License
 85 | along with the Program.
 86 | 
 87 | You may charge a fee for the physical act of transferring a copy, and
 88 | you may at your option offer warranty protection in exchange for a fee.
 89 | 
 90 |   2. You may modify your copy or copies of the Program or any portion
 91 | of it, thus forming a work based on the Program, and copy and
 92 | distribute such modifications or work under the terms of Section 1
 93 | above, provided that you also meet all of these conditions:
 94 | 
 95 |     a) You must cause the modified files to carry prominent notices
 96 |     stating that you changed the files and the date of any change.
 97 | 
 98 |     b) You must cause any work that you distribute or publish, that in
 99 |     whole or in part contains or is derived from the Program or any
100 |     part thereof, to be licensed as a whole at no charge to all third
101 |     parties under the terms of this License.
102 | 
103 |     c) If the modified program normally reads commands interactively
104 |     when run, you must cause it, when started running for such
105 |     interactive use in the most ordinary way, to print or display an
106 |     announcement including an appropriate copyright notice and a
107 |     notice that there is no warranty (or else, saying that you provide
108 |     a warranty) and that users may redistribute the program under
109 |     these conditions, and telling the user how to view a copy of this
110 |     License.  (Exception: if the Program itself is interactive but
111 |     does not normally print such an announcement, your work based on
112 |     the Program is not required to print an announcement.)
113 | 
114 | These requirements apply to the modified work as a whole.  If
115 | identifiable sections of that work are not derived from the Program,
116 | and can be reasonably considered independent and separate works in
117 | themselves, then this License, and its terms, do not apply to those
118 | sections when you distribute them as separate works.  But when you
119 | distribute the same sections as part of a whole which is a work based
120 | on the Program, the distribution of the whole must be on the terms of
121 | this License, whose permissions for other licensees extend to the
122 | entire whole, and thus to each and every part regardless of who wrote it.
123 | 
124 | Thus, it is not the intent of this section to claim rights or contest
125 | your rights to work written entirely by you; rather, the intent is to
126 | exercise the right to control the distribution of derivative or
127 | collective works based on the Program.
128 | 
129 | In addition, mere aggregation of another work not based on the Program
130 | with the Program (or with a work based on the Program) on a volume of
131 | a storage or distribution medium does not bring the other work under
132 | the scope of this License.
133 | 
134 |   3. You may copy and distribute the Program (or a work based on it,
135 | under Section 2) in object code or executable form under the terms of
136 | Sections 1 and 2 above provided that you also do one of the following:
137 | 
138 |     a) Accompany it with the complete corresponding machine-readable
139 |     source code, which must be distributed under the terms of Sections
140 |     1 and 2 above on a medium customarily used for software interchange; or,
141 | 
142 |     b) Accompany it with a written offer, valid for at least three
143 |     years, to give any third party, for a charge no more than your
144 |     cost of physically performing source distribution, a complete
145 |     machine-readable copy of the corresponding source code, to be
146 |     distributed under the terms of Sections 1 and 2 above on a medium
147 |     customarily used for software interchange; or,
148 | 
149 |     c) Accompany it with the information you received as to the offer
150 |     to distribute corresponding source code.  (This alternative is
151 |     allowed only for noncommercial distribution and only if you
152 |     received the program in object code or executable form with such
153 |     an offer, in accord with Subsection b above.)
154 | 
155 | The source code for a work means the preferred form of the work for
156 | making modifications to it.  For an executable work, complete source
157 | code means all the source code for all modules it contains, plus any
158 | associated interface definition files, plus the scripts used to
159 | control compilation and installation of the executable.  However, as a
160 | special exception, the source code distributed need not include
161 | anything that is normally distributed (in either source or binary
162 | form) with the major components (compiler, kernel, and so on) of the
163 | operating system on which the executable runs, unless that component
164 | itself accompanies the executable.
165 | 
166 | If distribution of executable or object code is made by offering
167 | access to copy from a designated place, then offering equivalent
168 | access to copy the source code from the same place counts as
169 | distribution of the source code, even though third parties are not
170 | compelled to copy the source along with the object code.
171 | 
172 |   4. You may not copy, modify, sublicense, or distribute the Program
173 | except as expressly provided under this License.  Any attempt
174 | otherwise to copy, modify, sublicense or distribute the Program is
175 | void, and will automatically terminate your rights under this License.
176 | However, parties who have received copies, or rights, from you under
177 | this License will not have their licenses terminated so long as such
178 | parties remain in full compliance.
179 | 
180 |   5. You are not required to accept this License, since you have not
181 | signed it.  However, nothing else grants you permission to modify or
182 | distribute the Program or its derivative works.  These actions are
183 | prohibited by law if you do not accept this License.  Therefore, by
184 | modifying or distributing the Program (or any work based on the
185 | Program), you indicate your acceptance of this License to do so, and
186 | all its terms and conditions for copying, distributing or modifying
187 | the Program or works based on it.
188 | 
189 |   6. Each time you redistribute the Program (or any work based on the
190 | Program), the recipient automatically receives a license from the
191 | original licensor to copy, distribute or modify the Program subject to
192 | these terms and conditions.  You may not impose any further
193 | restrictions on the recipients' exercise of the rights granted herein.
194 | You are not responsible for enforcing compliance by third parties to
195 | this License.
196 | 
197 |   7. If, as a consequence of a court judgment or allegation of patent
198 | infringement or for any other reason (not limited to patent issues),
199 | conditions are imposed on you (whether by court order, agreement or
200 | otherwise) that contradict the conditions of this License, they do not
201 | excuse you from the conditions of this License.  If you cannot
202 | distribute so as to satisfy simultaneously your obligations under this
203 | License and any other pertinent obligations, then as a consequence you
204 | may not distribute the Program at all.  For example, if a patent
205 | license would not permit royalty-free redistribution of the Program by
206 | all those who receive copies directly or indirectly through you, then
207 | the only way you could satisfy both it and this License would be to
208 | refrain entirely from distribution of the Program.
209 | 
210 | If any portion of this section is held invalid or unenforceable under
211 | any particular circumstance, the balance of the section is intended to
212 | apply and the section as a whole is intended to apply in other
213 | circumstances.
214 | 
215 | It is not the purpose of this section to induce you to infringe any
216 | patents or other property right claims or to contest validity of any
217 | such claims; this section has the sole purpose of protecting the
218 | integrity of the free software distribution system, which is
219 | implemented by public license practices.  Many people have made
220 | generous contributions to the wide range of software distributed
221 | through that system in reliance on consistent application of that
222 | system; it is up to the author/donor to decide if he or she is willing
223 | to distribute software through any other system and a licensee cannot
224 | impose that choice.
225 | 
226 | This section is intended to make thoroughly clear what is believed to
227 | be a consequence of the rest of this License.
228 | 
229 |   8. If the distribution and/or use of the Program is restricted in
230 | certain countries either by patents or by copyrighted interfaces, the
231 | original copyright holder who places the Program under this License
232 | may add an explicit geographical distribution limitation excluding
233 | those countries, so that distribution is permitted only in or among
234 | countries not thus excluded.  In such case, this License incorporates
235 | the limitation as if written in the body of this License.
236 | 
237 |   9. The Free Software Foundation may publish revised and/or new versions
238 | of the General Public License from time to time.  Such new versions will
239 | be similar in spirit to the present version, but may differ in detail to
240 | address new problems or concerns.
241 | 
242 | Each version is given a distinguishing version number.  If the Program
243 | specifies a version number of this License which applies to it and "any
244 | later version", you have the option of following the terms and conditions
245 | either of that version or of any later version published by the Free
246 | Software Foundation.  If the Program does not specify a version number of
247 | this License, you may choose any version ever published by the Free Software
248 | Foundation.
249 | 
250 |   10. If you wish to incorporate parts of the Program into other free
251 | programs whose distribution conditions are different, write to the author
252 | to ask for permission.  For software which is copyrighted by the Free
253 | Software Foundation, write to the Free Software Foundation; we sometimes
254 | make exceptions for this.  Our decision will be guided by the two goals
255 | of preserving the free status of all derivatives of our free software and
256 | of promoting the sharing and reuse of software generally.
257 | 
258 |                             NO WARRANTY
259 | 
260 |   11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
268 | REPAIR OR CORRECTION.
269 | 
270 |   12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
278 | POSSIBILITY OF SUCH DAMAGES.
279 | 
280 |                      END OF TERMS AND CONDITIONS
281 | 
282 |             How to Apply These Terms to Your New Programs
283 | 
284 |   If you develop a new program, and you want it to be of the greatest
285 | possible use to the public, the best way to achieve this is to make it
286 | free software which everyone can redistribute and change under these terms.
287 | 
288 |   To do so, attach the following notices to the program.  It is safest
289 | to attach them to the start of each source file to most effectively
290 | convey the exclusion of warranty; and each file should have at least
291 | the "copyright" line and a pointer to where the full notice is found.
292 | 
293 |     {description}
294 |     Copyright (C) {year}  {fullname}
295 | 
296 |     This program is free software; you can redistribute it and/or modify
297 |     it under the terms of the GNU General Public License as published by
298 |     the Free Software Foundation; either version 2 of the License, or
299 |     (at your option) any later version.
300 | 
301 |     This program is distributed in the hope that it will be useful,
302 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
303 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
304 |     GNU General Public License for more details.
305 | 
306 |     You should have received a copy of the GNU General Public License along
307 |     with this program; if not, write to the Free Software Foundation, Inc.,
308 |     51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
309 | 
310 | Also add information on how to contact you by electronic and paper mail.
311 | 
312 | If the program is interactive, make it output a short notice like this
313 | when it starts in an interactive mode:
314 | 
315 |     Gnomovision version 69, Copyright (C) year name of author
316 |     Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
317 |     This is free software, and you are welcome to redistribute it
318 |     under certain conditions; type `show c' for details.
319 | 
320 | The hypothetical commands `show w' and `show c' should show the appropriate
321 | parts of the General Public License.  Of course, the commands you use may
322 | be called something other than `show w' and `show c'; they could even be
323 | mouse-clicks or menu items--whatever suits your program.
324 | 
325 | You should also get your employer (if you work as a programmer) or your
326 | school, if any, to sign a "copyright disclaimer" for the program, if
327 | necessary.  Here is a sample; alter the names:
328 | 
329 |   Yoyodyne, Inc., hereby disclaims all copyright interest in the program
330 |   `Gnomovision' (which makes passes at compilers) written by James Hacker.
331 | 
332 |   {signature of Ty Coon}, 1 April 1989
333 |   Ty Coon, President of Vice
334 | 
335 | This General Public License does not permit incorporating your program into
336 | proprietary programs.  If your program is a subroutine library, you may
337 | consider it more useful to permit linking proprietary applications with the
338 | library.  If this is what you want to do, use the GNU Lesser General
339 | Public License instead of this License.
340 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying archive pages
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="primary" class="content-area">
13 | 		<main id="main" class="site-main">
14 | 
15 | 		<?php
16 | 		if ( have_posts() ) : ?>
17 | 
18 | 			<header class="page-header">
19 | 				<?php
20 | 					the_archive_title( '<h1 class="page-title">', '</h1>' );
21 | 					the_archive_description( '<div class="archive-description">', '</div>' );
22 | 				?>
23 | 			</header><!-- .page-header -->
24 | 
25 | 			<?php
26 | 			/* Start the Loop */
27 | 			while ( have_posts() ) : the_post();
28 | 
29 | 				/*
30 | 				 * Include the Post-Format-specific template for the content.
31 | 				 * If you want to override this in a child theme, then include a file
32 | 				 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
33 | 				 */
34 | 				get_template_part( 'template-parts/content', get_post_format() );
35 | 
36 | 			endwhile;
37 | 
38 | 			the_posts_navigation();
39 | 
40 | 		else :
41 | 
42 | 			get_template_part( 'template-parts/content', 'none' );
43 | 
44 | 		endif; ?>
45 | 
46 | 		</main><!-- #main -->
47 | 	</div><!-- #primary -->
48 | 
49 | <?php
50 | get_sidebar();
51 | get_footer();
52 | 


--------------------------------------------------------------------------------
/assets/images/icons.svg:
--------------------------------------------------------------------------------
 1 | <svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 2 | <defs>
 3 | <symbol id="icon-search" viewBox="0 0 32 32">
 4 | <title>search</title>
 5 | <path d="M29.4 26.6l-7.4-7.4c1.2-1.8 2-4 2-6.2 0-6-5-11-11-11s-11 5-11 11 5 11 11 11c2.4 0 4.4-0.8 6.2-2l7.4 7.4 2.8-2.8zM5 13c0-4.4 3.6-8 8-8s8 3.6 8 8-3.6 8-8 8-8-3.6-8-8z"></path>
 6 | </symbol>
 7 | <symbol id="icon-previous" viewBox="0 0 32 32">
 8 | <title>previous</title>
 9 | <path d="M26 14h-13.2l4.6-4.6-2.8-2.8-9.4 9.4 9.4 9.4 2.8-2.8-4.6-4.6h13.2z"></path>
10 | </symbol>
11 | <symbol id="icon-next" viewBox="0 0 32 32">
12 | <title>next</title>
13 | <path d="M6 14h13.2l-4.6-4.6 2.8-2.8 9.4 9.4-9.4 9.4-2.8-2.8 4.6-4.6h-13.2z"></path>
14 | </symbol>
15 | <symbol id="icon-expand" viewBox="0 0 32 32">
16 | <title>expand</title>
17 | <path d="M16 25.4l-13.4-13.4 2.8-2.8 10.6 10.6 10.6-10.6 2.8 2.8z"></path>
18 | </symbol>
19 | <symbol id="icon-menu" viewBox="0 0 32 32">
20 | <title>menu</title>
21 | <path d="M0 28h32v-4h-32v4zM0 4v4h32v-4h-32zM0 18h32v-4h-32v4z"></path>
22 | </symbol>
23 | <symbol id="icon-location" viewBox="0 0 16 16">
24 | <title>location</title>
25 | <path d="M11.5 3.5c-2-2-5.1-2-7.1 0s-2 5.1 0 7.1L8 14.1l3.5-3.5c2-2 2-5.2 0-7.1zM9.4 8.4c-.8.8-2 .8-2.8 0-.8-.8-.8-2 0-2.8.8-.8 2-.8 2.8 0 .8.8.8 2 0 2.8z"></path>
26 | </symbol>
27 | <symbol id="icon-phone" viewBox="0 0 16 16">
28 | <title>phone</title>
29 | <path d="M10 1H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zM8.5 14h-1c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h1c.3 0 .5.2.5.5s-.2.5-.5.5zm2.5-2H5V3h6v9z"></path>
30 | </symbol>
31 | <symbol id="icon-mail" viewBox="0 0 16 16">
32 | <title>mail</title>
33 | <path d="M12 3H4c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm1 3.2L8 9.1 3 6.2V5l5 2.9L13 5v1.2z"></path>
34 | </symbol>
35 | <symbol id="icon-time" viewBox="0 0 16 16">
36 | <title>time</title>
37 | <path d="M8 2C4.7 2 2 4.7 2 8s2.7 6 6 6 6-2.7 6-6-2.7-6-6-6zm2.5 9.5L7.2 8.3V4h1.5v3.7l2.8 2.8-1 1z"></path>
38 | </symbol>
39 | <symbol id="icon-cart" viewBox="0 0 16 16">
40 | <title>cart</title>
41 | <path d="M11,12c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1S11.6,12,11,12z M5,12c-0.6,0-1,0.4-1,1s0.4,1,1,1s1-0.4,1-1 S5.6,12,5,12z M11,10H5V9h5.6c0.8,0,1.5-0.5,1.9-1.3L14,4H5V3c0-0.6-0.4-1-1-1H2v1h2v7c0,0.6,0.4,1,1,1h6h1C12,10.4,11.6,10,11,10z"></path>
42 | </symbol>
43 | <symbol id="icon-zoom" viewBox="0 0 16 16">
44 | <title>zoom</title>
45 | <path d="M7,4H6v2H4v1h2v2h1V7h2V6H7V4z M11,9.6c0.6-0.9,1-2,1-3.1C12,3.5,9.5,1,6.5,1S1,3.5,1,6.5S3.5,12,6.5,12 c1.2,0,2.2-0.4,3.1-1l3.7,3.7l1.4-1.4L11,9.6z M6.5,10.5c-2.2,0-4-1.8-4-4s1.8-4,4-4s4,1.8,4,4S8.7,10.5,6.5,10.5z"/>
46 | </symbol>
47 | <symbol id="icon-edit" viewBox="0 0 16 16">
48 | <title>edit</title>
49 | <g>
50 | 	<path d="M12.6,6.9l0.5-0.5c0.8-0.8,0.8-2,0-2.8l-0.7-0.7c-0.8-0.8-2-0.8-2.8,0L9.1,3.4L12.6,6.9z"/>
51 | 	<polygon points="8.4,4.1 2,10.5 2,14 5.5,14 11.9,7.6"/>
52 | </g>
53 | </symbol>
54 | <symbol id="icon-close" viewBox="0 0 32 32">
55 | <title>close</title>
56 | <path d="M25.4 9.4l-2.8-2.8-6.6 6.6-6.6-6.6-2.8 2.8 6.6 6.6-6.6 6.6 2.8 2.8 6.6-6.6 6.6 6.6 2.8-2.8-6.6-6.6z"></path>
57 | </symbol>
58 | </defs>
59 | </svg>
60 | 


--------------------------------------------------------------------------------
/assets/stylesheets/blocks.css:
--------------------------------------------------------------------------------
  1 | /*--------------------------------------------------------------
  2 | ## Gutenberg Styles
  3 | --------------------------------------------------------------*/
  4 | 
  5 | #page {
  6 | 	overflow-x: hidden;
  7 | }
  8 | 
  9 | *[class^="wp-block-"] {
 10 | 	margin-bottom: 1.5em;
 11 | }
 12 | 
 13 | @media screen and (min-width: 37.5em) {
 14 | 	*[class^="wp-block-"].alignleft,
 15 | 	*[class^="wp-block-"].alignright {
 16 | 		max-width: 75%;
 17 | 	}
 18 | }
 19 | 
 20 | .alignfull,
 21 | .alignwide,
 22 | .aligncenter {
 23 | 	clear: both;
 24 | }
 25 | 
 26 | .alignfull {
 27 | 	margin-left: -4%;
 28 | 	margin-right: -4%;
 29 | 	max-width: 110%;
 30 | }
 31 | 
 32 | /* Text-based blocks with alignfull */
 33 | .wp-block-text-columns.alignfull,
 34 | .wp-block-preformatted.alignfull,
 35 | .wp-block-button.alignfull,
 36 | .wp-block-pullquote.alignfull,
 37 | .wp-block-latest-posts.alignfull,
 38 | .wp-block-categories.alignfull,
 39 | .wp-block-verse.alignfull,
 40 | p.alignfull {
 41 | 	margin-left: auto;
 42 | 	margin-right: auto;
 43 | }
 44 | 
 45 | @media (min-width: 750px) {
 46 | 	.alignfull {
 47 | 		margin-left: calc(50% - 50vw);
 48 | 		margin-right: calc(50% - 50vw);
 49 | 		width: auto;
 50 | 		max-width: 1000%;
 51 | 	}
 52 | 
 53 | 	.alignwide {
 54 | 		margin-left: calc(25% - 25vw);
 55 | 		margin-right: calc(25% - 25vw);
 56 | 		width: auto;
 57 | 		max-width: 1000%;
 58 | 	}
 59 | 
 60 | 	/* Let's reduce this a bit for blocks with text */
 61 | 	.wp-block-text-columns.alignfull,
 62 | 	.wp-block-table.alignfull,
 63 | 	.wp-block-preformatted.alignfull,
 64 | 	.wp-block-button.alignfull,
 65 | 	.wp-block-pullquote.alignfull,
 66 | 	.wp-block-latest-posts.alignfull,
 67 | 	.wp-block-categories.alignfull,
 68 | 	.wp-block-verse.alignfull,
 69 | 	p.alignfull {
 70 | 		margin-left: calc(50% - 48vw);
 71 | 		margin-right: calc(50% - 48vw);
 72 | 	}
 73 | 
 74 | 	.wp-block-text-columns.alignwide,
 75 | 	.wp-block-table.alignwide,
 76 | 	.wp-block-preformatted.alignwide,
 77 | 	.wp-block-button.alignwide,
 78 | 	.wp-block-pullquote.alignwide,
 79 | 	.wp-block-latest-posts.alignwide,
 80 | 	.wp-block-categories.alignwide,
 81 | 	p.alignwide {
 82 | 		margin-left: calc(25% - 23vw);
 83 | 		margin-right: calc(25% - 23vw);
 84 | 	}
 85 | }
 86 | 
 87 | .alignfull > *,
 88 | .alignwide > * {
 89 | 	margin-left: auto;
 90 | 	margin-right: auto;
 91 | }
 92 | 
 93 | .alignfull img,
 94 | .alignwide img,
 95 | .alignfull iframe,
 96 | .alignwide iframe,
 97 | .alignfull video,
 98 | .alignwide video {
 99 | 	display: block;
100 | }
101 | 
102 | .alignfull .jetpack-video-wrapper iframe,
103 | .alignwide .jetpack-video-wrapper iframe {
104 | 	margin-left: auto !important; /* to override inline styles */
105 | 	margin-right: auto !important;
106 | }
107 | 
108 | /* Dropcaps */
109 | .has-drop-cap {}
110 | 
111 | /* Images */
112 | .wp-block-image {
113 | 	display: inline-block; /* helps with smaller, unaligned images */
114 | }
115 | .wp-block-image.alignwide {}
116 | .wp-block-image.alignfull {}
117 | 
118 | .wp-block-image figcaption {
119 | 	color: inherit;
120 | 	opacity: 0.8;
121 | }
122 | 
123 | /* Galleries */
124 | ul.wp-block-gallery,
125 | ul.wp-block-gallery li {
126 | 	padding: 0;
127 | }
128 | 
129 | /* Blockquotes*/
130 | .wp-block-quote {}
131 | 
132 | .wp-block-quote.blocks-quote-style-1 {}
133 | .wp-block-quote.blocks-quote-style-2 {}
134 | .wp-block-quote cite {
135 | 	color: inherit;
136 | 	opacity: 0.8;
137 | }
138 | 
139 | /* Cover Images */
140 | @media (min-width: 750px) {
141 | 	.wp-block-cover-image {
142 | 		left: 50%;
143 | 		margin-left: -50vw;
144 | 		position: relative;
145 | 		width: 100vw;
146 | 	}
147 | }
148 | 
149 | .wp-block-cover-image {
150 | 	height: 75vh;
151 | 	min-height: 400px;
152 | }
153 | 
154 | .wp-block-cover-image.has-background-dim {}
155 | .wp-block-cover-image.has-parallax {}
156 | 
157 | /* Video */
158 | .wp-block-video {}
159 | 
160 | .wp-block-video video,
161 | .wp-block-video iframe {
162 | 	max-width: 100%;
163 | }
164 | 
165 | /* Audio */
166 | .wp-block-audio {}
167 | 
168 | /* Embed */
169 | .wp-block-embed {}
170 | 
171 | /* Pullquotes */
172 | .wp-block-pullquote {
173 | 	border: 2px dashed rgba(0,0,0,0.25);
174 | 	background: rgba(0,0,0,0.15);
175 | 	box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
176 | 	color: inherit;
177 | 	padding: 1.5em 0.75em;
178 | }
179 | 
180 | .wp-block-pullquote>p {
181 | 	font-family: "Lato", Helvetica, sans-serif;
182 | }
183 | 
184 | .wp-block-pullquote cite {
185 | 	color: inherit;
186 | 	opacity: 0.8;
187 | }
188 | 
189 | /* Tables */
190 | .wp-block-table {
191 | 	display: table;
192 | }
193 | 
194 | .wp-block-table.alignfull {
195 | 	width: 96vw;
196 | }
197 | 
198 | /* Preformatted */
199 | .wp-block-preformatted {}
200 | 
201 | /* Code */
202 | .wp-block-code {}
203 | 
204 | /* Verse */
205 | .wp-block-verse {
206 | 	background-color: transparent;
207 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
208 | 	font-size: 1.1em;
209 | 	font-style: italic;
210 | 	padding: 0;
211 | }
212 | 
213 | /* Separator */
214 | .wp-block-separator {
215 | 	border-bottom: 2px dashed rgba(0,0,0,.15);
216 | }
217 | 
218 | /* Buttons */
219 | .wp-block-button {
220 | 	border: 0;
221 | 	border-radius: 3px;
222 | 	display: inline-block;
223 | 	font-weight: bold;
224 | 	line-height: 1;
225 | 	padding: .6em 1em;
226 | }
227 | 
228 | .wp-block-button:not([style]) {
229 | 	background-color: #FC814A;
230 | }
231 | 
232 | .wp-block-button:hover:not([style]),
233 | .wp-block-button:focus:not([style]) {
234 | 	background-color: #c1582a;
235 | }
236 | 
237 | .wp-block-button a:hover,
238 | .wp-block-button a:focus {
239 | 	opacity: 1.0;
240 | }
241 | 
242 | .wp-block-button a:not([style]) {
243 | 	border: 0;
244 | 	color: #fff;
245 | 	font-weight: bold;
246 | }
247 | 
248 | .wp-block-button:not([style]) a:hover,
249 | .wp-block-button:not([style]) a:focus {
250 | 	color: #fff;
251 | 	text-decoration: none;
252 | }
253 | 
254 | .wp-block-button.alignwide,
255 | .wp-block-button.alignfull,
256 | .wp-block-button.aligncenter {
257 | 	display: block;
258 | }
259 | 
260 | /* Text Columns */
261 | @media only screen and ( max-width: 32em ) {
262 | 	.wp-block-text-columns,
263 | 	.wp-block-text-columns.aligncenter {
264 | 		display: block;
265 | 	}
266 | 
267 | 	.wp-block-text-columns.columns-2 .wp-block-column,
268 | 	.wp-block-text-columns.columns-3 .wp-block-column,
269 | 	.wp-block-text-columns.columns-4 .wp-block-column {
270 | 		float: none;
271 | 		margin-left: 0;
272 | 		margin-right: 0;
273 | 		width: 100%;
274 | 	}
275 | }
276 | 
277 | /* Latest Posts */
278 | .wp-block-latest-posts__post-date {
279 | 	color: inherit;
280 | 	margin-bottom: 0;
281 | 	opacity: 0.8;
282 | }
283 | 
284 | .wp-block-latest-posts,
285 | .wp-block-latest-posts li {
286 | 	list-style: none;
287 | 	margin: 0;
288 | 	padding: 0;
289 | }
290 | 
291 | .wp-block-latest-posts li {
292 | 	padding: 0.25em 0;
293 | }
294 | 
295 | .wp-block-latest-posts li:not(:last-child) {
296 | 	border-bottom: 1px dashed rgba(0,0,0,0.2);
297 | }
298 | 
299 | .wp-block-latest-posts.is-grid li {
300 | 	border: 0;
301 | }
302 | 
303 | /* Categories */
304 | .wp-block-categories {}
305 | 
306 | .wp-block-categories-list ul,
307 | .wp-block-categories-list li {
308 | 	list-style: none;
309 | 	margin: 0;
310 | 	padding: 0;
311 | }
312 | 
313 | .wp-block-categories-list li {
314 | 	padding: 0.25em 0;
315 | }
316 | 
317 | .wp-block-categories-list li:not(:last-child) {
318 | 	border-bottom: 1px dashed rgba(0,0,0,0.2);
319 | }
320 | 
321 | .wp-block-categories-list ul ul {
322 | 	padding-left: 2em;
323 | }
324 | 
325 | .wp-block-categories-list ul ul li:last-child {
326 | 	padding-bottom: 0;
327 | }
328 | 
329 | .wp-block-categories-dropdown {}
330 | 


--------------------------------------------------------------------------------
/assets/stylesheets/editor-style.css:
--------------------------------------------------------------------------------
  1 | /*!
  2 | Editor Styles for Ohana
  3 | --------------------------------------------------------------*/
  4 | 
  5 | /* Widths */
  6 | 
  7 | @media screen and ( min-width: 770px ) {
  8 | 	.edit-post-visual-editor .editor-post-title,
  9 | 	.edit-post-visual-editor .editor-block-list__block {
 10 | 		max-width: 820px; /* 730px - 90px */
 11 | 	}
 12 | }
 13 | 
 14 | .editor-block-list__layout .editor-block-list__block[data-align="left"] > .editor-block-list__block-edit,
 15 | .editor-block-list__layout .editor-block-list__block[data-align="right"] > .editor-block-list__block-edit {
 16 | 	width: auto;
 17 | }
 18 | 
 19 | .editor-block-list__layout .editor-block-list__block[data-align="left"],
 20 | .editor-block-list__layout .editor-block-list__block[data-align="right"] {
 21 | 	float: none;
 22 | 	margin: none;
 23 | }
 24 | 
 25 | .editor-block-list__layout .editor-block-list__block[data-align="left"] .editor-block-list__block-edit {
 26 | 	float: left;
 27 | }
 28 | 
 29 | .editor-block-list__layout .editor-block-list__block[data-align="right"] .editor-block-list__block-edit {
 30 | 	float: right;
 31 | }
 32 | 
 33 | /*--------------------------------------------------------------
 34 | # Typography
 35 | --------------------------------------------------------------*/
 36 | .edit-post-visual-editor,
 37 | .edit-post-visual-editor p,
 38 | .edit-post-visual-editor button,
 39 | .edit-post-visual-editor input,
 40 | .edit-post-visual-editor select,
 41 | .edit-post-visual-editor optgroup,
 42 | .edit-post-visual-editor textarea {
 43 | 	color: #444444;
 44 | 	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
 45 | 	font-size: 18px;
 46 | 	font-size: 1.125rem;
 47 | 	line-height: 1.5;
 48 | }
 49 | 
 50 | .blocks-rich-text__tinymce.mce-content-body {
 51 | 	line-height: inherit;
 52 | }
 53 | 
 54 | h1.mce-content-body,
 55 | h2.mce-content-body,
 56 | h3.mce-content-body,
 57 | h4.mce-content-body,
 58 | h5.mce-content-body,
 59 | h6.mce-content-body,
 60 | .edit-post-visual-editor textarea.editor-post-title__input,
 61 | .mce-content-body h2,
 62 | .mce-content-body h3,
 63 | .mce-content-body h4,
 64 | .mce-content-body h5,
 65 | .mce-content-body h6,
 66 | #poststuff h1,
 67 | #poststuff h2,
 68 | #poststuff h3,
 69 | #poststuff h4,
 70 | #poststuff h5,
 71 | #poststuff h6 {
 72 | 	clear: both;
 73 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
 74 | 	padding-left: 0;
 75 | 	padding-right: 0;
 76 | }
 77 | 
 78 | .mce-content-body h1 {
 79 | 	font-size: 42px;
 80 | 	font-size: 2.625rem;
 81 | }
 82 | 
 83 | .edit-post-visual-editor textarea.editor-post-title__input {
 84 | 	font-size: 32px;
 85 | 	font-size: 2rem;
 86 | }
 87 | 
 88 | .mce-content-body h2,
 89 | #poststuff .wp-block-heading h2 {
 90 | 	font-size: 36px;
 91 | 	font-size: 2.25rem;
 92 | }
 93 | 
 94 | .mce-content-body h3 {
 95 | 	font-size: 30px;
 96 | 	font-size: 1.875rem;
 97 | }
 98 | 
 99 | .mce-content-body h4 {
100 | 	font-size: 24px;
101 | 	font-size: 1.5rem;
102 | }
103 | 
104 | .mce-content-body h5 {
105 | 	font-size: 20px;
106 | 	font-size: 1.25rem;
107 | }
108 | 
109 | .mce-content-body h6 {
110 | 	font-size: 18px;
111 | 	font-size: 1.125rem;
112 | }
113 | 
114 | .mce-content-body p {
115 | 	margin-bottom: 1.5em;
116 | }
117 | 
118 | .mce-content-body dfn,
119 | .mce-content-body cite,
120 | .mce-content-body em,
121 | .mce-content-body i {
122 | 	font-style: italic;
123 | }
124 | 
125 | .mce-content-body blockquote {
126 | 	margin: 0 1.5em;
127 | }
128 | 
129 | .mce-content-body address {
130 | 	margin: 0 0 1.5em;
131 | }
132 | 
133 | .mce-content-body pre {
134 | 	background: rgba(0,0,0,0.15);
135 | 	font-family: "Courier 10 Pitch", Courier, monospace;
136 | 	font-size: 15px;
137 | 	font-size: 0.9375rem;
138 | 	line-height: 1.6;
139 | 	margin-bottom: 1.6em;
140 | 	max-width: 100%;
141 | 	overflow: auto;
142 | 	padding: 1.6em;
143 | }
144 | 
145 | .mce-content-body code,
146 | .mce-content-body kbd,
147 | .mce-content-body tt,
148 | .mce-content-body var {
149 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
150 | 	font-size: 15px;
151 | 	font-size: 0.9375rem;
152 | }
153 | 
154 | .mce-content-body abbr,
155 | .mce-content-body acronym {
156 | 	border-bottom: 1px dotted #666;
157 | 	cursor: help;
158 | }
159 | 
160 | .mce-content-body mark,
161 | .mce-content-body ins {
162 | 	background: #fff9c0;
163 | 	text-decoration: none;
164 | }
165 | 
166 | .mce-content-body big {
167 | 	font-size: 125%;
168 | }
169 | 
170 | /*--------------------------------------------------------------
171 | # Elements
172 | --------------------------------------------------------------*/
173 | .edit-post-layout {
174 | 	background-color: #eef7d2;
175 | 	box-sizing: border-box;
176 | }
177 | 
178 | /* Post/Page title */
179 | .edit-post-layout .editor-post-title {
180 | 	background-color: #cedca5;
181 | 	padding-bottom: 0;
182 | 	padding-top: 0;
183 | 	position: relative;
184 | }
185 | 
186 | .editor-post-title:before,
187 | .editor-post-title:after {
188 | 	background-color: #cedca5;
189 | 	bottom: 0;
190 | 	content: "";
191 | 	position: absolute;
192 | 	top: 0;
193 | 	left: -5%;
194 | 	width: 5%;
195 | }
196 | 
197 | .editor-post-title:after {
198 | 	left: auto;
199 | 	right: -5%;
200 | }
201 | 
202 | .editor-post-title > div {
203 | 	margin-bottom: 0.25em;
204 | 	position: static;
205 | }
206 | 
207 | .editor-post-title > div:before,
208 | .editor-post-title > div:after {
209 | 	content: "";
210 | 	display: none;
211 | 	height: 50%;
212 | 	left: 100%;
213 | 	position: absolute;
214 | 	width: 25px;
215 | }
216 | 
217 | .editor-post-title > div:before {
218 | 	background: linear-gradient(to right bottom, #cedca5 50%, transparent 50%);
219 | 	top: 0;
220 | }
221 | 
222 | .editor-post-title > div:after {
223 | 	background: linear-gradient(to right top, #cedca5 50%, transparent 50%);
224 | 	bottom: 0;
225 | }
226 | 
227 | @media screen and (min-width: 50em) {
228 | 	.editor-post-title {
229 | 		padding-right: 2em;
230 | 	}
231 | 
232 | 	.editor-post-title:before,
233 | 	.editor-post-title:after {
234 | 		left: -200%;
235 | 		width: 200%;
236 | 	}
237 | 
238 | 	.editor-post-title:after {
239 | 		display: none;
240 | 	}
241 | 
242 | 	.editor-post-title > div:before,
243 | 	.editor-post-title > div:after {
244 | 		display: block;
245 | 	}
246 | }
247 | 
248 | .editor-block-list__sibling-inserter .editor-inserter__toggle.components-button {
249 | 	background: #eef7d2;
250 | }
251 | 
252 | .editor-post-title textarea {
253 | 	background-color: transparent;
254 | }
255 | 
256 | .editor-block-list__block:not(.is-multi-selected) .wp-block-paragraph {
257 | 	background-color: #eef7d2;
258 | }
259 | 
260 | .edit-post-visual-editor *,
261 | .edit-post-visual-editor *:before,
262 | .edit-post-visual-editor *:after {
263 | 	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
264 | 	box-sizing: inherit;
265 | }
266 | 
267 | /* Subhead */
268 | .edit-post-visual-editor p.wp-block-subhead {
269 | 	color: inherit;
270 | }
271 | 
272 | .mce-content-body hr {
273 | 	border: 0;
274 | 	height: 1px;
275 | 	margin-bottom: 1.5em;
276 | }
277 | 
278 | .mce-content-body ul,
279 | .mce-content-body ol {
280 | 	margin: 0 0 1.5em 3em;
281 | 	padding: 0;
282 | }
283 | 
284 | .mce-content-body ul {
285 | 	list-style: disc;
286 | }
287 | 
288 | .mce-content-body ol {
289 | 	list-style: decimal;
290 | }
291 | 
292 | .mce-content-body li > ul,
293 | .mce-content-body li > ol {
294 | 	margin-bottom: 0;
295 | 	margin-left: 1.5em;
296 | }
297 | 
298 | .mce-content-body dt {
299 | 	font-weight: bold;
300 | }
301 | 
302 | .edit-post-visual-editor dd {
303 | 	margin: 0 1.5em 1.5em;
304 | }
305 | 
306 | .edit-post-visual-editor img {
307 | 	height: auto;
308 | 	/* Make sure images are scaled correctly. */
309 | 	max-width: 100%;
310 | 	/* Adhere to container width. */
311 | }
312 | 
313 | .edit-post-visual-editor figure {
314 | 	margin: 1em 0;
315 | 	/* Extra wide images within figure tags don't overflow the content area. */
316 | }
317 | 
318 | .edit-post-visual-editor blockquote {
319 | 	border-left: 6px solid rgba(0,0,0,0.2);
320 | 	font-size: 1.2em;
321 | 	font-style: italic;
322 | 	padding-left: 1em;
323 | }
324 | 
325 | .edit-post-visual-editor blockquote p:last-of-type {
326 | 	margin-bottom: 0;
327 | }
328 | 
329 | .edit-post-visual-editor table,
330 | .edit-post-visual-editor th,
331 | .edit-post-visual-editor td {
332 | 	border: 1px solid rgba(0,0,0,.15);
333 | }
334 | 
335 | .edit-post-visual-editor table {
336 | 	border-collapse: separate;
337 | 	border-spacing: 0;
338 | 	border-width: 1px 0 0 1px;
339 | 	margin: 0 0 1.75em;
340 | 	table-layout: fixed;
341 | 	/* Prevents HTML tables from becoming too wide */
342 | 	width: 100%;
343 | }
344 | 
345 | .edit-post-visual-editor caption,
346 | .edit-post-visual-editor th,
347 | .edit-post-visual-editor td {
348 | 	font-weight: normal;
349 | 	text-align: left;
350 | }
351 | 
352 | .edit-post-visual-editor th {
353 | 	border-width: 0 1px 1px 0;
354 | 	font-weight: 700;
355 | }
356 | 
357 | .edit-post-visual-editor td {
358 | 	border-width: 0 1px 1px 0;
359 | }
360 | 
361 | .edit-post-visual-editor th,
362 | .edit-post-visual-editor td {
363 | 	padding: 0.4375em;
364 | }
365 | 
366 | .mce-content-body table tbody > tr:nth-child(odd) > th,
367 | .mce-content-body table tbody > tr:nth-child(odd) > td {
368 | 	background: rgba(0,0,0,.15);
369 | }
370 | 
371 | /*--------------------------------------------------------------
372 | # Forms
373 | --------------------------------------------------------------*/
374 | .mce-content-body button,
375 | .mce-content-body input[type="button"],
376 | .mce-content-body input[type="reset"],
377 | .mce-content-body input[type="submit"] {
378 | 	border: 0;
379 | 	border-radius: 3px;
380 | 	background-color: #FC814A;
381 | 	color: #fff;
382 | 	font-weight: bold;
383 | 	line-height: 1;
384 | 	padding: .6em 1em;
385 | }
386 | 
387 | .mce-content-body button:hover,
388 | .mce-content-body input[type="button"]:hover,
389 | .mce-content-body input[type="reset"]:hover,
390 | .mce-content-body input[type="submit"]:hover {
391 | 	background-color: #c1582a;
392 | }
393 | 
394 | .mce-content-body button:active,
395 | .mce-content-body button:focus,
396 | .mce-content-body input[type="button"]:active,
397 | .mce-content-body input[type="button"]:focus,
398 | .mce-content-body input[type="reset"]:active,
399 | .mce-content-body input[type="reset"]:focus,
400 | .mce-content-body input[type="submit"]:active,
401 | .mce-content-body input[type="submit"]:focus {
402 | 	border-color: #aaa #bbb #bbb;
403 | }
404 | 
405 | .mce-content-body input[type="text"],
406 | .mce-content-body input[type="email"],
407 | .mce-content-body input[type="url"],
408 | .mce-content-body input[type="password"],
409 | .mce-content-body input[type="search"],
410 | .mce-content-body input[type="number"],
411 | .mce-content-body input[type="tel"],
412 | .mce-content-body input[type="range"],
413 | .mce-content-body input[type="date"],
414 | .mce-content-body input[type="month"],
415 | .mce-content-body input[type="week"],
416 | .mce-content-body input[type="time"],
417 | .mce-content-body input[type="datetime"],
418 | .mce-content-body input[type="datetime-local"],
419 | .mce-content-body input[type="color"],
420 | .mce-content-body textarea {
421 | 	color: #666;
422 | 	border: 1px solid #ccc;
423 | 	border-radius: 3px;
424 | 	padding: 3px;
425 | }
426 | 
427 | .mce-content-body input[type="text"]:focus,
428 | .mce-content-body input[type="email"]:focus,
429 | .mce-content-body input[type="url"]:focus,
430 | .mce-content-body input[type="password"]:focus,
431 | .mce-content-body input[type="search"]:focus,
432 | .mce-content-body input[type="number"]:focus,
433 | .mce-content-body input[type="tel"]:focus,
434 | .mce-content-body input[type="range"]:focus,
435 | .mce-content-body input[type="date"]:focus,
436 | .mce-content-body input[type="month"]:focus,
437 | .mce-content-body input[type="week"]:focus,
438 | .mce-content-body input[type="time"]:focus,
439 | .mce-content-body input[type="datetime"]:focus,
440 | .mce-content-body input[type="datetime-local"]:focus,
441 | .mce-content-body input[type="color"]:focus,
442 | .mce-content-body textarea:focus {
443 | 	color: #111;
444 | }
445 | 
446 | .mce-content-body select {
447 | 	border: 1px solid #ccc;
448 | }
449 | 
450 | .mce-content-body textarea {
451 | 	width: 100%;
452 | }
453 | 
454 | /*--------------------------------------------------------------
455 | # Navigation
456 | --------------------------------------------------------------*/
457 | /*--------------------------------------------------------------
458 | ## Links
459 | --------------------------------------------------------------*/
460 | .mce-content-body a {
461 | 	border-bottom: 2px dotted transparent;
462 | 	color: #222222;
463 | 	text-decoration: none;
464 | 	-webkit-transition: all .25s ease-in-out;
465 | 	-moz-transition: all .25s ease-in-out;
466 | 	-ms-transition: all .25s ease-in-out;
467 | 	-o-transition: all .25s ease-in-out;
468 | 	transition: all .25s ease-in-out;
469 | }
470 | 
471 | .mce-content-body a:hover,
472 | .mce-content-body a:focus,
473 | .mce-content-body a:active {
474 | 	border-bottom-color: currentColor;
475 | 	color: #5d576b;
476 | 	opacity: 0.8;
477 | 	text-decoration: none;
478 | }
479 | 
480 | .mce-content-body a:focus {
481 | 	outline: thin dotted;
482 | }
483 | 
484 | .mce-content-body a:hover,
485 | .mce-content-body a:active {
486 | 	outline: 0;
487 | }
488 | 
489 | /*--------------------------------------------------------------
490 | # Alignments
491 | --------------------------------------------------------------*/
492 | .mce-content-body .alignleft {
493 | 	display: inline;
494 | 	float: left;
495 | 	margin-right: 1.5em;
496 | }
497 | 
498 | .mce-content-body .alignright {
499 | 	display: inline;
500 | 	float: right;
501 | 	margin-left: 1.5em;
502 | }
503 | 
504 | .mce-content-body .aligncenter {
505 | 	clear: both;
506 | 	margin-left: auto;
507 | 	margin-right: auto;
508 | }
509 | 
510 | .mce-content-body .aligncenter:not(.wp-block-gallery) {
511 | 	display: block;
512 | }
513 | 
514 | /* Make sure embeds and iframes fit their containers. */
515 | .mce-content-body embed,
516 | .mce-content-body iframe,
517 | .mce-content-body object {
518 | 	max-width: 100%;
519 | }
520 | 
521 | /*--------------------------------------------------------------
522 | ## Captions
523 | --------------------------------------------------------------*/
524 | .mce-content-body .wp-caption {
525 | 	margin-bottom: 1.5em;
526 | 	max-width: 100%;
527 | }
528 | 
529 | .mce-content-body .wp-caption img[class*="wp-image-"] {
530 | 	display: block;
531 | 	margin-left: auto;
532 | 	margin-right: auto;
533 | }
534 | 
535 | .mce-content-body .wp-caption .wp-caption-text {
536 | 	font-size: 0.8em;
537 | 	margin: 0.8075em 0;
538 | }
539 | 
540 | .mce-content-body .wp-caption-text {
541 | 	text-align: center;
542 | }
543 | 
544 | /*--------------------------------------------------------------
545 | ## Galleries
546 | --------------------------------------------------------------*/
547 | .mce-content-body .gallery {
548 | 	margin-bottom: 1.5em;
549 | }
550 | 
551 | .mce-content-body .gallery-item {
552 | 	display: inline-block;
553 | 	text-align: center;
554 | 	vertical-align: top;
555 | 	width: 100%;
556 | }
557 | 
558 | .mce-content-body .gallery-columns-2 .gallery-item {
559 | 	max-width: 50%;
560 | }
561 | 
562 | .mce-content-body .gallery-columns-3 .gallery-item {
563 | 	max-width: 33.33%;
564 | }
565 | 
566 | .mce-content-body .gallery-columns-4 .gallery-item {
567 | 	max-width: 25%;
568 | }
569 | 
570 | .mce-content-body .gallery-columns-5 .gallery-item {
571 | 	max-width: 20%;
572 | }
573 | 
574 | .mce-content-body .gallery-columns-6 .gallery-item {
575 | 	max-width: 16.66%;
576 | }
577 | 
578 | .mce-content-body .gallery-columns-7 .gallery-item {
579 | 	max-width: 14.28%;
580 | }
581 | 
582 | .mce-content-body .gallery-columns-8 .gallery-item {
583 | 	max-width: 12.5%;
584 | }
585 | 
586 | .mce-content-body .gallery-columns-9 .gallery-item {
587 | 	max-width: 11.11%;
588 | }
589 | 
590 | .mce-content-body .gallery-caption {
591 | 	display: block;
592 | }
593 | 
594 | /*--------------------------------------------------------------
595 | ## Gutenberg Styles
596 | --------------------------------------------------------------*/
597 | 
598 | .mce-content-body *[class^="wp-block-"] {
599 | 	margin-bottom: 1.5em;
600 | }
601 | 
602 | .mce-content-body *[class^="wp-block-"].alignleft,
603 | .mce-content-body *[class^="wp-block-"].alignright {
604 | 	max-width: 50%;
605 | }
606 | 
607 | .mce-content-body .alignfull,
608 | .mce-content-body .alignwide,
609 | .mce-content-body .aligncenter {
610 | 	clear: both;
611 | }
612 | 
613 | /* Images */
614 | .wp-block-image {
615 | 	display: inline-block; /* helps with smaller, unaligned images */
616 | }
617 | /* Blockquotes*/
618 | .edit-post-visual-editor .wp-block-quote {
619 | 	border-left: 6px solid rgba(0,0,0,0.2);
620 | 	font-style: italic;
621 | 	margin: 0 1.5em;
622 | 	padding-left: 1em;
623 | }
624 | 
625 | .edit-post-visual-editor .wp-block-quote p {
626 | 	font-size: 22px;
627 | }
628 | 
629 | .wp-block-quote cite {
630 | 	color: #999;
631 | 	font-size: 0.8em;
632 | }
633 | 
634 | /* Pullquotes */
635 | .wp-block-pullquote {
636 | 	border: 2px dashed rgba(0,0,0,0.25);
637 | 	background: rgba(0,0,0,0.15);
638 | 	box-shadow: 0px 0px 0px 10px rgba(0,0,0,0.15);
639 | 	color: inherit;
640 | 	padding: 1.5em 0.75em;
641 | }
642 | 
643 | .wp-block-pullquote > p {
644 | 	font-family: "Lato", Helvetica, sans-serif;
645 | }
646 | 
647 | .wp-block-pullquote cite {
648 | 	color: inherit;
649 | 	opacity: 0.8;
650 | }
651 | 
652 | /* Cover Images */
653 | .edit-post-visual-editor .editor-block-list__block[data-type="core/cover-image"] {
654 | 	max-width: 100%;
655 | }
656 | 
657 | .editor-block-list__block .wp-block-cover-image {
658 | 	height: 50vh;
659 | 	min-height: 400px;
660 | }
661 | 
662 | /* Tables */
663 | .wp-block-table {
664 | 	display: table;
665 | }
666 | 
667 | /* Verse */
668 | .wp-block-verse {
669 | 	background-color: transparent;
670 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
671 | 	font-size: 1.1em;
672 | 	font-style: italic;
673 | 	padding: 0;
674 | }
675 | 
676 | /* Separator */
677 | .wp-block-separator {
678 | 	border-bottom: 2px dashed rgba(0,0,0,.15);
679 | }
680 | 
681 | /* Buttons */
682 | 
683 | .wp-block-button {
684 | 	display: block;
685 | }
686 | 
687 | .wp-block-button .wp-block-button__link {
688 | 	background-color: #FC814A;
689 | 	border: 0;
690 | 	border-radius: 3px;
691 | 	font-weight: bold;
692 | 	line-height: 1.25;
693 | 	padding: .6em 1em;
694 | 	text-align: center;
695 | }
696 | 
697 | .wp-block-button .wp-block-button__link:hover,
698 | .wp-block-button .wp-block-button__link:focus {
699 | 	background-color: #c1582a;
700 | }
701 | 
702 | .wp-block-button .wp-block-button__link[data-align="wide"],
703 | .wp-block-button .wp-block-button__link[data-align="full"],
704 | .wp-block-button.alignwide,
705 | .wp-block-button.alignfull {
706 | 	display: block;
707 | }
708 | 
709 | /* Latest Posts */
710 | .wp-block-latest-posts__post-date {
711 | 	color: inherit;
712 | 	margin-bottom: 0;
713 | 	opacity: 0.8;
714 | }
715 | 
716 | .editor-block-list__block[data-type="core/latest-posts"] .wp-block-latest-posts,
717 | .wp-block-latest-posts li {
718 | 	list-style: none;
719 | 	margin: 0;
720 | 	padding: 0;
721 | }
722 | 
723 | .wp-block-latest-posts li {
724 | 	padding: 0.25em 0;
725 | }
726 | 
727 | .wp-block-latest-posts li:not(:last-child) {
728 | 	border-bottom: 1px dashed rgba(0,0,0,0.2);
729 | }
730 | 
731 | .wp-block-latest-posts.is-grid li {
732 | 	border: 0;
733 | 	padding: 0.25em 0;
734 | }
735 | /* Categories */
736 | 
737 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories ul,
738 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories li {
739 | 	list-style: none;
740 | 	margin: 0;
741 | 	padding: 0;
742 | }
743 | 
744 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories__list li,
745 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories li {
746 | 	padding: 0.25em 0;
747 | }
748 | 
749 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories__list li:not(:last-child),
750 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories li:not(:last-child) {
751 | 	border-bottom: 1px dashed rgba(0,0,0,0.2);
752 | }
753 | 
754 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories__list ul ul li:last-child,
755 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories ul ul li:last-child {
756 | 	padding-bottom: 0;
757 | }
758 | 
759 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories__list ul ul,
760 | .editor-block-list__block[data-type="core/categories"] .wp-block-categories ul ul {
761 | 	padding-left: 2em;
762 | }
763 | 


--------------------------------------------------------------------------------
/comments.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying comments
 4 |  *
 5 |  * This is the template that displays the area of the page that contains both the current comments
 6 |  * and the comment form.
 7 |  *
 8 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 9 |  *
10 |  * @package Ohana
11 |  */
12 | 
13 | /*
14 |  * If the current post is protected by a password and
15 |  * the visitor has not yet entered the password we will
16 |  * return early without loading the comments.
17 |  */
18 | if ( post_password_required() ) {
19 | 	return;
20 | }
21 | ?>
22 | 
23 | <div id="comments" class="comments-area">
24 | 
25 | 	<?php
26 | 	// You can start editing here -- including this comment!
27 | 	if ( have_comments() ) : ?>
28 | 		<h2 class="comments-title">
29 | 			<?php
30 | 			$comment_count = get_comments_number();
31 | 			if ( 1 === $comment_count ) {
32 | 				printf(
33 | 					/* translators: 1: title. */
34 | 					esc_html_e( 'One thought on &ldquo;%1$s&rdquo;', 'ohana' ),
35 | 					'<span>' . get_the_title() . '</span>'
36 | 				);
37 | 			} else {
38 | 				printf( // WPCS: XSS OK.
39 | 					/* translators: 1: comment count number, 2: title. */
40 | 					esc_html( _nx( '%1$s thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', $comment_count, 'comments title', 'ohana' ) ),
41 | 					number_format_i18n( $comment_count ),
42 | 					'<span>' . get_the_title() . '</span>'
43 | 				);
44 | 			}
45 | 			?>
46 | 		</h2><!-- .comments-title -->
47 | 
48 | 		<?php the_comments_navigation(); ?>
49 | 
50 | 		<ol class="comment-list">
51 | 			<?php
52 | 				wp_list_comments( array(
53 | 					'style'       => 'ol',
54 | 					'short_ping'  => true,
55 | 					'avatar_size' => 70,
56 | 				) );
57 | 			?>
58 | 		</ol><!-- .comment-list -->
59 | 
60 | 		<?php the_comments_navigation();
61 | 
62 | 		// If comments are closed and there are comments, let's leave a little note, shall we?
63 | 		if ( ! comments_open() ) : ?>
64 | 			<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'ohana' ); ?></p>
65 | 		<?php
66 | 		endif;
67 | 
68 | 	endif; // Check for have_comments().
69 | 
70 | 	comment_form();
71 | 	?>
72 | 
73 | </div><!-- #comments -->
74 | 


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying the footer
 4 |  *
 5 |  * Contains the closing of the #content div and all content after.
 6 |  *
 7 |  * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 8 |  *
 9 |  * @package Ohana
10 |  */
11 | 
12 | ?>
13 | 
14 | 	</div><!-- #content -->
15 | 
16 | 	<footer id="colophon" class="site-footer">
17 | 		<div class="site-info">
18 | 			<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'ohana' ) ); ?>"><?php
19 | 				/* translators: %s: CMS name, i.e. WordPress. */
20 | 				printf( esc_html__( 'Proudly powered by %s', 'ohana' ), 'WordPress' );
21 | 			?></a>
22 | 			<span class="sep"> | </span>
23 | 			<?php
24 | 				/* translators: 1: Theme name, 2: Theme author. */
25 | 				printf( esc_html__( 'Theme: %1$s by %2$s.', 'ohana' ), 'Ohana', '<a href="http://wordpress.com/themes/" rel="designer">Automattic</a>' );
26 | 			?>
27 | 		</div><!-- .site-info -->
28 | 	</footer><!-- #colophon -->
29 | </div><!-- #page -->
30 | 
31 | <?php wp_footer(); ?>
32 | 
33 | </body>
34 | </html>
35 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Ohana functions and definitions
  4 |  *
  5 |  * @link https://developer.wordpress.org/themes/basics/theme-functions/
  6 |  *
  7 |  * @package Ohana
  8 |  */
  9 | 
 10 | if ( ! function_exists( 'ohana_setup' ) ) :
 11 | 	/**
 12 | 	 * Sets up theme defaults and registers support for various WordPress features.
 13 | 	 *
 14 | 	 * Note that this function is hooked into the after_setup_theme hook, which
 15 | 	 * runs before the init hook. The init hook is too late for some features, such
 16 | 	 * as indicating support for post thumbnails.
 17 | 	 */
 18 | 	function ohana_setup() {
 19 | 		/*
 20 | 		 * Make theme available for translation.
 21 | 		 * Translations can be filed in the /languages/ directory.
 22 | 		 * If you're building a theme based on Ohana, use a find and replace
 23 | 		 * to change 'ohana' to the name of your theme in all the template files.
 24 | 		 */
 25 | 		load_theme_textdomain( 'ohana', get_template_directory() . '/languages' );
 26 | 
 27 | 		// Add default posts and comments RSS feed links to head.
 28 | 		add_theme_support( 'automatic-feed-links' );
 29 | 
 30 | 		/*
 31 | 		 * Let WordPress manage the document title.
 32 | 		 * By adding theme support, we declare that this theme does not use a
 33 | 		 * hard-coded <title> tag in the document head, and expect WordPress to
 34 | 		 * provide it for us.
 35 | 		 */
 36 | 		add_theme_support( 'title-tag' );
 37 | 
 38 | 		/*
 39 | 		 * Enable support for Post Thumbnails on posts and pages.
 40 | 		 *
 41 | 		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
 42 | 		 */
 43 | 		add_theme_support( 'post-thumbnails' );
 44 | 		add_image_size( 'ohana-post-thumbnail', 750, 9999 );
 45 | 
 46 | 		// This theme uses wp_nav_menu() in one location.
 47 | 		register_nav_menus( array(
 48 | 			'menu-1' => esc_html__( 'Primary', 'ohana' ),
 49 | 		) );
 50 | 
 51 | 		/*
 52 | 		 * Switch default core markup for search form, comment form, and comments
 53 | 		 * to output valid HTML5.
 54 | 		 */
 55 | 		add_theme_support( 'html5', array(
 56 | 			'search-form',
 57 | 			'comment-form',
 58 | 			'comment-list',
 59 | 			'gallery',
 60 | 			'caption',
 61 | 		) );
 62 | 
 63 | 		// Set up the WordPress core custom background feature.
 64 | 		add_theme_support( 'custom-background', apply_filters( 'ohana_custom_background_args', array(
 65 | 			'default-color' => 'ffffff',
 66 | 			'default-image' => '',
 67 | 		) ) );
 68 | 
 69 | 		// Add theme support for selective refresh for widgets.
 70 | 		add_theme_support( 'customize-selective-refresh-widgets' );
 71 | 
 72 | 		/**
 73 | 		 * Add support for core custom logo.
 74 | 		 *
 75 | 		 * @link https://codex.wordpress.org/Theme_Logo
 76 | 		 */
 77 | 		add_theme_support( 'custom-logo', array(
 78 | 			'height'      => 250,
 79 | 			'width'       => 250,
 80 | 			'flex-width'  => true,
 81 | 			'flex-height' => true,
 82 | 		) );
 83 | 
 84 | 		/**
 85 | 		 * Add support for Gutenberg.
 86 | 		 *
 87 | 		 * @link https://wordpress.org/gutenberg/handbook/reference/theme-support/
 88 | 		 */
 89 | 		add_theme_support( 'gutenberg', array(
 90 | 			// Theme supports wide images, galleries and videos.
 91 | 			'wide-images' => true,
 92 | 			// Make specific theme colours available in the editor.
 93 | 			'colors' => array(
 94 | 				'#dceab2',
 95 | 				'#cedca5',
 96 | 				'#eb7039',
 97 | 				'#fc814a',
 98 | 				'#9ee3ec',
 99 | 				'#89D2DC',
100 | 				'#6f945b',
101 | 				'#88AB75',
102 | 				'#fff',
103 | 				'#444',
104 | 			),
105 | 		) );
106 | 	}
107 | endif;
108 | add_action( 'after_setup_theme', 'ohana_setup' );
109 | 
110 | /**
111 |  * Set the content width in pixels, based on the theme's design and stylesheet.
112 |  *
113 |  * Priority 0 to make it available to lower priority callbacks.
114 |  *
115 |  * @global int $content_width
116 |  */
117 | function ohana_content_width() {
118 | 	$GLOBALS['content_width'] = apply_filters( 'ohana_content_width', 1100 );
119 | }
120 | add_action( 'after_setup_theme', 'ohana_content_width', 0 );
121 | 
122 | /**
123 |  * Enqueue editor styles for Gutenberg
124 |  */
125 | function ohana_editor_styles() {
126 | 	wp_enqueue_style( 'ohana-editor-style', get_template_directory_uri() . '/assets/stylesheets/editor-style.css' );
127 | 	wp_enqueue_style( 'ohana-fonts', ohana_fonts_url(), array(), null );
128 | 
129 | }
130 | add_action( 'enqueue_block_editor_assets', 'ohana_editor_styles' );
131 | 
132 | /**
133 |  * Register widget area.
134 |  *
135 |  * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
136 |  */
137 | function ohana_widgets_init() {
138 | 	register_sidebar( array(
139 | 		'name'          => esc_html__( 'Sidebar', 'ohana' ),
140 | 		'id'            => 'sidebar-1',
141 | 		'description'   => esc_html__( 'Add widgets here.', 'ohana' ),
142 | 		'before_widget' => '<section id="%1$s" class="widget %2$s">',
143 | 		'after_widget'  => '</section>',
144 | 		'before_title'  => '<h2 class="widget-title">',
145 | 		'after_title'   => '</h2>',
146 | 	) );
147 | }
148 | add_action( 'widgets_init', 'ohana_widgets_init' );
149 | 
150 | /**
151 |  * Enqueue scripts and styles.
152 |  */
153 | function ohana_scripts() {
154 | 	wp_enqueue_style( 'ohana-style', get_stylesheet_uri() );
155 | 
156 | 	wp_enqueue_style( 'ohana-block-styles', get_template_directory_uri() . '/assets/stylesheets/blocks.css' );
157 | 	wp_enqueue_style( 'ohana-fonts', ohana_fonts_url(), array(), null );
158 | 
159 | 	wp_enqueue_script( 'ohana-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );
160 | 
161 | 	wp_enqueue_script( 'ohana-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
162 | 
163 | 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
164 | 		wp_enqueue_script( 'comment-reply' );
165 | 	}
166 | }
167 | add_action( 'wp_enqueue_scripts', 'ohana_scripts' );
168 | 
169 | /**
170 |  * Enqueuing Google Fonts
171 |  */
172 | function ohana_fonts_url() {
173 | 	$fonts_url = '';
174 | 
175 | 	/* Translators: If there are characters in your language that are not
176 | 	* supported by Slabo 13px, translate this to 'off'. Do not translate
177 | 	* into your own language.
178 | 	*/
179 | 	$alegreya = esc_html_x( 'on', 'Alegreya font: on or off', 'ohana' );
180 | 	$lato = esc_html_x( 'on', 'Lato font: on or off', 'ohana' );
181 | 
182 | 	if ( 'off' !== $alegreya || 'off' !== $lato ) {
183 | 		$font_families = array();
184 | 
185 | 		if ( 'off' !== $alegreya ) {
186 | 			$font_families[] = 'Alegreya:400,400italic,700,700italic';
187 | 		}
188 | 
189 | 		if ( 'off' !== $lato ) {
190 | 			$font_families[] = 'Lato:400,400italic,700,700italic';
191 | 		}
192 | 
193 | 		$query_args = array(
194 | 			'family' => urlencode( implode( '|', $font_families ) ),
195 | 			'subset' => urlencode( 'latin,latin-ext' ),
196 | 		);
197 | 
198 | 		$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
199 | 	}
200 | 
201 | 	return esc_url_raw( $fonts_url );
202 | }
203 | 
204 | /**
205 |  * Modifies tag cloud widget arguments to display all tags in the same font size
206 |  * and use list format for better accessibility.
207 |  *
208 |  * @param array $args Arguments for tag cloud widget.
209 |  * @return array The filtered arguments for tag cloud widget.
210 |  */
211 | function ohana_widget_tag_cloud_args( $args ) {
212 | 	$args['largest']  = 0.9;
213 | 	$args['smallest'] = 0.9;
214 | 	$args['unit']     = 'em';
215 | 	$args['format']   = 'list';
216 | 
217 | 	return $args;
218 | }
219 | add_filter( 'widget_tag_cloud_args', 'ohana_widget_tag_cloud_args' );
220 | 
221 | /**
222 |  * Return early if Author Bio is not available.
223 |  */
224 | function ohana_author_bio() {
225 | 	if ( ! function_exists( 'jetpack_author_bio' ) ) {
226 | 		get_template_part( 'template-parts/content', 'author' );
227 | 	} else {
228 | 		jetpack_author_bio();
229 | 	}
230 | }
231 | 
232 | /**
233 |  * Author Bio Avatar Size.
234 |  */
235 | function ohana_author_bio_avatar_size() {
236 | 	return 90; // in px
237 | }
238 | add_filter( 'jetpack_author_bio_avatar_size', 'ohana_author_bio_avatar_size' );
239 | 
240 | /**
241 |  * Implement the Custom Header feature.
242 |  */
243 | require get_template_directory() . '/inc/custom-header.php';
244 | 
245 | /**
246 |  * Custom template tags for this theme.
247 |  */
248 | require get_template_directory() . '/inc/template-tags.php';
249 | 
250 | /**
251 |  * Functions which enhance the theme by hooking into WordPress.
252 |  */
253 | require get_template_directory() . '/inc/template-functions.php';
254 | 
255 | /**
256 |  * Customizer additions.
257 |  */
258 | require get_template_directory() . '/inc/customizer.php';
259 | 
260 | /**
261 |  * SVG Icons
262 |  */
263 | require get_template_directory() . '/inc/icon-functions.php';
264 | 
265 | /**
266 |  * Load Jetpack compatibility file.
267 |  */
268 | if ( defined( 'JETPACK__VERSION' ) ) {
269 | 	require get_template_directory() . '/inc/jetpack.php';
270 | }
271 | 
272 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The header for our theme
 4 |  *
 5 |  * This is the template that displays all of the <head> section and everything up until <div id="content">
 6 |  *
 7 |  * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 8 |  *
 9 |  * @package Ohana
10 |  */
11 | 
12 | ?>
13 | <!doctype html>
14 | <html <?php language_attributes(); ?>>
15 | <head>
16 | 	<meta charset="<?php bloginfo( 'charset' ); ?>">
17 | 	<meta name="viewport" content="width=device-width, initial-scale=1">
18 | 	<link rel="profile" href="http://gmpg.org/xfn/11">
19 | 
20 | 	<?php wp_head(); ?>
21 | </head>
22 | 
23 | <body <?php body_class(); ?>>
24 | <div id="page" class="site">
25 | 	<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'ohana' ); ?></a>
26 | 
27 | 	<header id="masthead" class="site-header">
28 | 		<div class="site-branding">
29 | 			<?php
30 | 			the_custom_logo();
31 | 			if ( is_front_page() && is_home() ) : ?>
32 | 				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
33 | 			<?php else : ?>
34 | 				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
35 | 			<?php
36 | 			endif;
37 | 
38 | 			$description = get_bloginfo( 'description', 'display' );
39 | 			if ( $description || is_customize_preview() ) : ?>
40 | 				<p class="site-description"><?php echo $description; /* WPCS: xss ok. */ ?></p>
41 | 			<?php
42 | 			endif; ?>
43 | 		</div><!-- .site-branding -->
44 | 
45 | 		<nav id="site-navigation" class="main-navigation">
46 | 			<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
47 | 				<?php
48 | 					echo ohana_get_svg( array( 'icon' => 'menu' ) );
49 | 					echo Ohana_get_svg( array( 'icon' => 'close' ) );
50 | 					esc_html_e( 'Menu', 'ohana' );
51 | 				?>
52 | 			</button>
53 | 			<?php
54 | 				wp_nav_menu( array(
55 | 					'theme_location' => 'menu-1',
56 | 					'menu_id'        => 'primary-menu',
57 | 				) );
58 | 			?>
59 | 		</nav><!-- #site-navigation -->
60 | 	</header><!-- #masthead -->
61 | 
62 | 	<div id="content" class="site-content">
63 | 


--------------------------------------------------------------------------------
/inc/custom-header.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Sample implementation of the Custom Header feature
 4 |  *
 5 |  * You can add an optional custom header image to header.php like so ...
 6 |  *
 7 | 	<?php the_header_image_tag(); ?>
 8 |  *
 9 |  * @link https://developer.wordpress.org/themes/functionality/custom-headers/
10 |  *
11 |  * @package Ohana
12 |  */
13 | 
14 | /**
15 |  * Set up the WordPress core custom header feature.
16 |  *
17 |  * @uses ohana_header_style()
18 |  */
19 | function ohana_custom_header_setup() {
20 | 	add_theme_support( 'custom-header', apply_filters( 'ohana_custom_header_args', array(
21 | 		'default-image'          => '',
22 | 		'default-text-color'     => '000000',
23 | 		'width'                  => 1000,
24 | 		'height'                 => 250,
25 | 		'flex-height'            => true,
26 | 		'wp-head-callback'       => 'ohana_header_style',
27 | 	) ) );
28 | }
29 | add_action( 'after_setup_theme', 'ohana_custom_header_setup' );
30 | 
31 | if ( ! function_exists( 'ohana_header_style' ) ) :
32 | 	/**
33 | 	 * Styles the header image and text displayed on the blog.
34 | 	 *
35 | 	 * @see ohana_custom_header_setup().
36 | 	 */
37 | 	function ohana_header_style() {
38 | 		$header_text_color = get_header_textcolor();
39 | 
40 | 		/*
41 | 		 * If no custom options for text are set, let's bail.
42 | 		 * get_header_textcolor() options: Any hex value, 'blank' to hide text. Default: add_theme_support( 'custom-header' ).
43 | 		 */
44 | 		if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) {
45 | 			return;
46 | 		}
47 | 
48 | 		// If we get this far, we have custom styles. Let's do this.
49 | 		?>
50 | 		<style type="text/css">
51 | 		<?php
52 | 		// Has the text been hidden?
53 | 		if ( ! display_header_text() ) :
54 | 		?>
55 | 			.site-title,
56 | 			.site-description {
57 | 				position: absolute;
58 | 				clip: rect(1px, 1px, 1px, 1px);
59 | 			}
60 | 		<?php
61 | 			// If the user has set a custom color for the text use that.
62 | 			else :
63 | 		?>
64 | 			.site-title a,
65 | 			.site-description {
66 | 				color: #<?php echo esc_attr( $header_text_color ); ?>;
67 | 			}
68 | 		<?php endif; ?>
69 | 		</style>
70 | 		<?php
71 | 	}
72 | endif;
73 | 


--------------------------------------------------------------------------------
/inc/customizer.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Ohana Theme Customizer
 4 |  *
 5 |  * @package Ohana
 6 |  */
 7 | 
 8 | /**
 9 |  * Add postMessage support for site title and description for the Theme Customizer.
10 |  *
11 |  * @param WP_Customize_Manager $wp_customize Theme Customizer object.
12 |  */
13 | function ohana_customize_register( $wp_customize ) {
14 | 	$wp_customize->get_setting( 'blogname' )->transport         = 'postMessage';
15 | 	$wp_customize->get_setting( 'blogdescription' )->transport  = 'postMessage';
16 | 	$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
17 | 
18 | 	if ( isset( $wp_customize->selective_refresh ) ) {
19 | 		$wp_customize->selective_refresh->add_partial( 'blogname', array(
20 | 			'selector'        => '.site-title a',
21 | 			'render_callback' => 'ohana_customize_partial_blogname',
22 | 		) );
23 | 		$wp_customize->selective_refresh->add_partial( 'blogdescription', array(
24 | 			'selector'        => '.site-description',
25 | 			'render_callback' => 'ohana_customize_partial_blogdescription',
26 | 		) );
27 | 	}
28 | }
29 | add_action( 'customize_register', 'ohana_customize_register' );
30 | 
31 | /**
32 |  * Render the site title for the selective refresh partial.
33 |  *
34 |  * @return void
35 |  */
36 | function ohana_customize_partial_blogname() {
37 | 	bloginfo( 'name' );
38 | }
39 | 
40 | /**
41 |  * Render the site tagline for the selective refresh partial.
42 |  *
43 |  * @return void
44 |  */
45 | function ohana_customize_partial_blogdescription() {
46 | 	bloginfo( 'description' );
47 | }
48 | 
49 | /**
50 |  * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
51 |  */
52 | function ohana_customize_preview_js() {
53 | 	wp_enqueue_script( 'ohana-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true );
54 | }
55 | add_action( 'customize_preview_init', 'ohana_customize_preview_js' );
56 | 


--------------------------------------------------------------------------------
/inc/icon-functions.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * SVG icons related functions and filters
  4 |  *
  5 |  * @package Ohana
  6 |  */
  7 | 
  8 | /**
  9 |  * Add SVG definitions to the footer.
 10 |  */
 11 | function ohana_include_svg_icons() {
 12 | 	// Define SVG sprite file.
 13 | 	$svg_icons = get_parent_theme_file_path( '/assets/images/icons.svg' );
 14 | 
 15 | 	// If it exists, include it.
 16 | 	if ( file_exists( $svg_icons ) ) {
 17 | 		require_once( $svg_icons );
 18 | 	}
 19 | }
 20 | add_action( 'wp_footer', 'ohana_include_svg_icons', 9999 );
 21 | 
 22 | /**
 23 |  * Return SVG markup.
 24 |  *
 25 |  * @param array $args {
 26 |  *     Parameters needed to display an SVG.
 27 |  *
 28 |  *     @type string $icon  Required SVG icon filename.
 29 |  *     @type string $title Optional SVG title.
 30 |  *     @type string $desc  Optional SVG description.
 31 |  * }
 32 |  * @return string SVG markup.
 33 |  */
 34 | function ohana_get_svg( $args = array() ) {
 35 | 	// Make sure $args are an array.
 36 | 	if ( empty( $args ) ) {
 37 | 		return esc_html__( 'Please define default parameters in the form of an array.', 'ohana' );
 38 | 	}
 39 | 
 40 | 	// Define an icon.
 41 | 	if ( false === array_key_exists( 'icon', $args ) ) {
 42 | 		return esc_html__( 'Please define an SVG icon filename.', 'ohana' );
 43 | 	}
 44 | 
 45 | 	// Set defaults.
 46 | 	$defaults = array(
 47 | 		'icon'        => '',
 48 | 		'title'       => '',
 49 | 		'desc'        => '',
 50 | 	);
 51 | 
 52 | 	// Parse args.
 53 | 	$args = wp_parse_args( $args, $defaults );
 54 | 
 55 | 	// Set aria hidden.
 56 | 	$aria_hidden = ' aria-hidden="true"';
 57 | 
 58 | 	// Set ARIA.
 59 | 	$aria_labelledby = '';
 60 | 
 61 | 	/*
 62 | 	 * Ohana doesn't use the SVG title or description attributes; non-decorative icons are described with .screen-reader-text.
 63 | 	 *
 64 | 	 * However, child themes can use the title and description to add information to non-decorative SVG icons to improve accessibility.
 65 | 	 *
 66 | 	 * Example 1 with title: <?php echo ohana_get_svg( array( 'icon' => 'arrow-right', 'title' => esc_html__( 'This is the title', 'textdomain' ) ) ); ?>
 67 | 	 *
 68 | 	 * Example 2 with title and description: <?php echo ohana_get_svg( array( 'icon' => 'arrow-right', 'title' => esc_html__( 'This is the title', 'textdomain' ), 'desc' => esc_html__( 'This is the description', 'textdomain' ) ) ); ?>
 69 | 	 *
 70 | 	 * See https://www.paciellogroup.com/blog/2013/12/using-aria-enhance-svg-accessibility/.
 71 | 	 */
 72 | 	if ( $args['title'] ) {
 73 | 		$aria_hidden     = '';
 74 | 		$unique_id       = uniqid();
 75 | 		$aria_labelledby = ' aria-labelledby="title-' . $unique_id . '"';
 76 | 
 77 | 		if ( $args['desc'] ) {
 78 | 			$aria_labelledby = ' aria-labelledby="title-' . $unique_id . ' desc-' . $unique_id . '"';
 79 | 		}
 80 | 	}
 81 | 
 82 | 	// Begin SVG markup.
 83 | 	$svg = '<svg class="icon icon-' . esc_attr( $args['icon'] ) . '"' . $aria_hidden . $aria_labelledby . ' role="img">';
 84 | 
 85 | 	// Display the title.
 86 | 	if ( $args['title'] ) {
 87 | 		$svg .= '<title id="title-' . $unique_id . '">' . esc_html( $args['title'] ) . '</title>';
 88 | 
 89 | 		// Display the desc only if the title is already set.
 90 | 		if ( $args['desc'] ) {
 91 | 			$svg .= '<desc id="desc-' . $unique_id . '">' . esc_html( $args['desc'] ) . '</desc>';
 92 | 		}
 93 | 	}
 94 | 
 95 | 	/*
 96 | 	 * Display the icon.
 97 | 	 *
 98 | 	 * The whitespace around `<use>` is intentional - it is a work around to a keyboard navigation bug in Safari 10.
 99 | 	 *
100 | 	 * See https://core.trac.wordpress.org/ticket/38387.
101 | 	 */
102 | 	$svg .= ' <use href="#icon-' . esc_html( $args['icon'] ) . '" xlink:href="#icon-' . esc_html( $args['icon'] ) . '"></use> ';
103 | 	$svg .= '</svg>';
104 | 
105 | 	return $svg;
106 | }
107 | 
108 | /**
109 |  * Add dropdown icon if menu item has children.
110 |  *
111 |  * @param  string $title The menu item's title.
112 |  * @param  object $item  The current menu item.
113 |  * @param  array  $args  An array of wp_nav_menu() arguments.
114 |  * @param  int    $depth Depth of menu item. Used for padding.
115 |  * @return string $title The menu item's title with dropdown icon.
116 |  */
117 | function ohana_dropdown_icon_to_menu_link( $title, $item, $args, $depth ) {
118 | 	if ( 'menu-1' === $args->theme_location ) {
119 | 		foreach ( $item->classes as $value ) {
120 | 			if ( 'menu-item-has-children' === $value || 'page_item_has_children' === $value ) {
121 | 				$title = $title . ohana_get_svg( array( 'icon' => 'expand' ) );
122 | 			}
123 | 		}
124 | 	}
125 | 
126 | 	return $title;
127 | }
128 | add_filter( 'nav_menu_item_title', 'ohana_dropdown_icon_to_menu_link', 10, 4 );
129 | 


--------------------------------------------------------------------------------
/inc/jetpack.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Jetpack Compatibility File
 4 |  *
 5 |  * @link https://jetpack.com/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | /**
11 |  * Jetpack setup function.
12 |  *
13 |  * See: https://jetpack.com/support/infinite-scroll/
14 |  * See: https://jetpack.com/support/responsive-videos/
15 |  * See: https://jetpack.com/support/content-options/
16 |  */
17 | function ohana_jetpack_setup() {
18 | 	// Add theme support for Infinite Scroll.
19 | 	add_theme_support( 'infinite-scroll', array(
20 | 		'container'      => 'main',
21 | 		'render'         => 'ohana_infinite_scroll_render',
22 | 		'footer'         => 'page',
23 | 		'wrapper'        => false,
24 | 		'footer_widgets' => 'sidebar-1',
25 | 	) );
26 | 
27 | 	// Add theme support for Responsive Videos.
28 | 	add_theme_support( 'jetpack-responsive-videos' );
29 | 
30 | 	// Add theme support for Content Options.
31 | 	add_theme_support( 'jetpack-content-options', array(
32 | 		'blog-display'   => 'content',
33 | 		'author-bio'     => true,
34 | 		'avatar-default' => false,
35 | 		'post-details'   => array(
36 | 			'stylesheet'   => 'ohana-style',
37 | 			'date'         => '.posted-on',
38 | 			'categories'   => '.cat-links',
39 | 			'tags'         => '.tags-links',
40 | 			'author'       => '.byline',
41 | 			'comment'      => '.comments-link',
42 | 		),
43 | 		'featured-images' => array(
44 | 			'archive'          => true,
45 | 			'post'             => true,
46 | 			'page'             => true,
47 | 			'fallback'         => true,
48 | 			'fallback-default' => false,
49 | 		),
50 | 	) );
51 | }
52 | add_action( 'after_setup_theme', 'ohana_jetpack_setup' );
53 | 
54 | /**
55 |  * Custom render function for Infinite Scroll.
56 |  */
57 | function ohana_infinite_scroll_render() {
58 | 	while ( have_posts() ) {
59 | 		the_post();
60 | 		if ( is_search() ) :
61 | 			get_template_part( 'template-parts/content', 'search' );
62 | 		else :
63 | 			get_template_part( 'template-parts/content', get_post_format() );
64 | 		endif;
65 | 	}
66 | }
67 | 


--------------------------------------------------------------------------------
/inc/template-functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Functions which enhance the theme by hooking into WordPress
 4 |  *
 5 |  * @package Ohana
 6 |  */
 7 | 
 8 | /**
 9 |  * Adds custom classes to the array of body classes.
10 |  *
11 |  * @param array $classes Classes for the body element.
12 |  * @return array
13 |  */
14 | function ohana_body_classes( $classes ) {
15 | 	// Adds a class of hfeed to non-singular pages.
16 | 	if ( ! is_singular() ) {
17 | 		$classes[] = 'hfeed';
18 | 	}
19 | 
20 | 	return $classes;
21 | }
22 | add_filter( 'body_class', 'ohana_body_classes' );
23 | 
24 | /**
25 |  * Add a pingback url auto-discovery header for singularly identifiable articles.
26 |  */
27 | function ohana_pingback_header() {
28 | 	if ( is_singular() && pings_open() ) {
29 | 		echo '<link rel="pingback" href="', esc_url( get_bloginfo( 'pingback_url' ) ), '">';
30 | 	}
31 | }
32 | add_action( 'wp_head', 'ohana_pingback_header' );
33 | 


--------------------------------------------------------------------------------
/inc/template-tags.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Custom template tags for this theme
  4 |  *
  5 |  * Eventually, some of the functionality here could be replaced by core features.
  6 |  *
  7 |  * @package Ohana
  8 |  */
  9 | 
 10 | if ( ! function_exists( 'ohana_posted_on' ) ) :
 11 | 	/**
 12 | 	 * Prints HTML with meta information for the current post-date/time and author.
 13 | 	 */
 14 | 	function ohana_posted_on() {
 15 | 		$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
 16 | 		if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
 17 | 			$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
 18 | 		}
 19 | 
 20 | 		$time_string = sprintf( $time_string,
 21 | 			esc_attr( get_the_date( 'c' ) ),
 22 | 			esc_html( get_the_date() ),
 23 | 			esc_attr( get_the_modified_date( 'c' ) ),
 24 | 			esc_html( get_the_modified_date() )
 25 | 		);
 26 | 
 27 | 		$posted_on = sprintf(
 28 | 			/* translators: %s: post date. */
 29 | 			esc_html_x( 'Posted on %s', 'post date', 'ohana' ),
 30 | 			'<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>'
 31 | 		);
 32 | 
 33 | 		$byline = sprintf(
 34 | 			/* translators: %s: post author. */
 35 | 			esc_html_x( 'by %s', 'post author', 'ohana' ),
 36 | 			'<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>'
 37 | 		);
 38 | 
 39 | 		echo '<span class="posted-on">' . $posted_on . '</span><span class="byline"> ' . $byline . '</span>'; // WPCS: XSS OK.
 40 | 
 41 | 	}
 42 | endif;
 43 | 
 44 | if ( ! function_exists( 'ohana_entry_footer' ) ) :
 45 | 	/**
 46 | 	 * Prints HTML with meta information for the categories, tags and comments.
 47 | 	 */
 48 | 	function ohana_entry_footer() {
 49 | 		// Hide category and tag text for pages.
 50 | 		if ( 'post' === get_post_type() ) {
 51 | 			/* translators: used between list items, there is a space after the comma */
 52 | 			$categories_list = get_the_category_list( esc_html__( ', ', 'ohana' ) );
 53 | 			if ( $categories_list ) {
 54 | 				/* translators:
 55 | 					1: Categories string,
 56 | 					2: Categories icon,
 57 | 					3: list of categories. */
 58 | 				printf( '<span class="cat-links"><span class="screen-reader-text">%1$s</span> %2$s</span>',
 59 | 						 esc_html__( 'Categories:', 'ohana' ),
 60 | 						 $categories_list );
 61 | 			}
 62 | 
 63 | 			/* translators: used between list items, there is a space after the comma */
 64 | 			$tags_list = get_the_tag_list( '', esc_html_x( ', ', 'list item separator', 'ohana' ) );
 65 | 			if ( $tags_list ) {
 66 | 				/* translators:
 67 | 					1: Tags string,
 68 | 					2: Tags icon,
 69 | 					3: list of tags. */
 70 | 				printf( '<span class="tags-links"><span class="screen-reader-text">%1$s</span> %2$s</span>',
 71 | 						 esc_html__( 'Tags:', 'ohana' ),
 72 | 						 $tags_list );
 73 | 			}
 74 | 		}
 75 | 
 76 | 		if ( ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
 77 | 			echo '<span class="comments-link">';
 78 | 			comments_popup_link(
 79 | 				sprintf(
 80 | 					wp_kses(
 81 | 						/* translators: %s: post title */
 82 | 						__( 'Leave a Comment<span class="screen-reader-text"> on %s</span>', 'ohana' ),
 83 | 						array(
 84 | 							'span' => array(
 85 | 								'class' => array(),
 86 | 							),
 87 | 						)
 88 | 					),
 89 | 					get_the_title()
 90 | 				)
 91 | 			);
 92 | 			echo '</span>';
 93 | 		}
 94 | 
 95 | 		edit_post_link(
 96 | 			sprintf(
 97 | 				wp_kses(
 98 | 					/* translators: %s: Name of current post. Only visible to screen readers */
 99 | 					__( 'Edit <span class="screen-reader-text">%s</span>', 'ohana' ),
100 | 					array(
101 | 						'span' => array(
102 | 							'class' => array(),
103 | 						),
104 | 					)
105 | 				),
106 | 				get_the_title()
107 | 			),
108 | 			'<span class="edit-link">',
109 | 			'</span>'
110 | 		);
111 | 	}
112 | endif;
113 | 
114 | if ( ! function_exists( 'ohana_post_thumbnail' ) ) :
115 | /**
116 |  * Displays an optional post thumbnail.
117 |  *
118 |  * Wraps the post thumbnail in an anchor element on index views, or a div
119 |  * element when on single views.
120 |  */
121 | function ohana_post_thumbnail() {
122 | 	if ( post_password_required() || is_attachment() || ! has_post_thumbnail() ) {
123 | 		return;
124 | 	}
125 | 
126 | 	if ( is_singular() ) :
127 | 	?>
128 | 
129 | 	<div class="post-thumbnail">
130 | 		<?php the_post_thumbnail( 'ohana-post-thumbnail' ); ?>
131 | 	</div><!-- .post-thumbnail -->
132 | 
133 | 	<?php else : ?>
134 | 
135 | 	<a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true">
136 | 		<?php
137 | 			the_post_thumbnail( 'post-thumbnail', array(
138 | 				'alt' => the_title_attribute( array(
139 | 					'echo' => false,
140 | 				) ),
141 | 			) );
142 | 		?>
143 | 	</a>
144 | 
145 | 	<?php endif; // End is_singular().
146 | }
147 | endif;
148 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The main template file
 4 |  *
 5 |  * This is the most generic template file in a WordPress theme
 6 |  * and one of the two required files for a theme (the other being style.css).
 7 |  * It is used to display a page when nothing more specific matches a query.
 8 |  * E.g., it puts together the home page when no home.php file exists.
 9 |  *
10 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
11 |  *
12 |  * @package Ohana
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 	<div id="primary" class="content-area">
18 | 		<main id="main" class="site-main">
19 | 
20 | 		<?php
21 | 		if ( have_posts() ) :
22 | 
23 | 			if ( is_home() && ! is_front_page() ) : ?>
24 | 				<header>
25 | 					<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
26 | 				</header>
27 | 
28 | 			<?php
29 | 			endif;
30 | 
31 | 			/* Start the Loop */
32 | 			while ( have_posts() ) : the_post();
33 | 
34 | 				/*
35 | 				 * Include the Post-Format-specific template for the content.
36 | 				 * If you want to override this in a child theme, then include a file
37 | 				 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
38 | 				 */
39 | 				get_template_part( 'template-parts/content' );
40 | 
41 | 			endwhile;
42 | 
43 | 			the_posts_navigation();
44 | 
45 | 		else :
46 | 
47 | 			get_template_part( 'template-parts/content', 'none' );
48 | 
49 | 		endif; ?>
50 | 
51 | 		</main><!-- #main -->
52 | 	</div><!-- #primary -->
53 | 
54 | <?php
55 | get_sidebar();
56 | get_footer();
57 | 


--------------------------------------------------------------------------------
/js/customizer.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * File customizer.js.
 3 |  *
 4 |  * Theme Customizer enhancements for a better user experience.
 5 |  *
 6 |  * Contains handlers to make Theme Customizer preview reload changes asynchronously.
 7 |  */
 8 | 
 9 | ( function( $ ) {
10 | 
11 | 	// Site title and description.
12 | 	wp.customize( 'blogname', function( value ) {
13 | 		value.bind( function( to ) {
14 | 			$( '.site-title a' ).text( to );
15 | 		} );
16 | 	} );
17 | 	wp.customize( 'blogdescription', function( value ) {
18 | 		value.bind( function( to ) {
19 | 			$( '.site-description' ).text( to );
20 | 		} );
21 | 	} );
22 | 
23 | 	// Header text color.
24 | 	wp.customize( 'header_textcolor', function( value ) {
25 | 		value.bind( function( to ) {
26 | 			if ( 'blank' === to ) {
27 | 				$( '.site-title, .site-description' ).css( {
28 | 					'clip': 'rect(1px, 1px, 1px, 1px)',
29 | 					'position': 'absolute'
30 | 				} );
31 | 			} else {
32 | 				$( '.site-title, .site-description' ).css( {
33 | 					'clip': 'auto',
34 | 					'position': 'relative'
35 | 				} );
36 | 				$( '.site-title a, .site-description' ).css( {
37 | 					'color': to
38 | 				} );
39 | 			}
40 | 		} );
41 | 	} );
42 | } )( jQuery );
43 | 


--------------------------------------------------------------------------------
/js/navigation.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * File navigation.js.
  3 |  *
  4 |  * Handles toggling the navigation menu for small screens and enables TAB key
  5 |  * navigation support for dropdown menus.
  6 |  */
  7 | ( function() {
  8 | 	var container, button, menu, links, i, len;
  9 | 
 10 | 	container = document.getElementById( 'site-navigation' );
 11 | 	if ( ! container ) {
 12 | 		return;
 13 | 	}
 14 | 
 15 | 	button = container.getElementsByTagName( 'button' )[0];
 16 | 	if ( 'undefined' === typeof button ) {
 17 | 		return;
 18 | 	}
 19 | 
 20 | 	menu = container.getElementsByTagName( 'ul' )[0];
 21 | 
 22 | 	// Hide menu toggle button if menu is empty and return early.
 23 | 	if ( 'undefined' === typeof menu ) {
 24 | 		button.style.display = 'none';
 25 | 		return;
 26 | 	}
 27 | 
 28 | 	menu.setAttribute( 'aria-expanded', 'false' );
 29 | 	if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
 30 | 		menu.className += ' nav-menu';
 31 | 	}
 32 | 
 33 | 	button.onclick = function() {
 34 | 		if ( -1 !== container.className.indexOf( 'toggled' ) ) {
 35 | 			container.className = container.className.replace( ' toggled', '' );
 36 | 			button.setAttribute( 'aria-expanded', 'false' );
 37 | 			menu.setAttribute( 'aria-expanded', 'false' );
 38 | 		} else {
 39 | 			container.className += ' toggled';
 40 | 			button.setAttribute( 'aria-expanded', 'true' );
 41 | 			menu.setAttribute( 'aria-expanded', 'true' );
 42 | 		}
 43 | 	};
 44 | 
 45 | 	// Get all the link elements within the menu.
 46 | 	links    = menu.getElementsByTagName( 'a' );
 47 | 
 48 | 	// Each time a menu link is focused or blurred, toggle focus.
 49 | 	for ( i = 0, len = links.length; i < len; i++ ) {
 50 | 		links[i].addEventListener( 'focus', toggleFocus, true );
 51 | 		links[i].addEventListener( 'blur', toggleFocus, true );
 52 | 	}
 53 | 
 54 | 	/**
 55 | 	 * Sets or removes .focus class on an element.
 56 | 	 */
 57 | 	function toggleFocus() {
 58 | 		var self = this;
 59 | 
 60 | 		// Move up through the ancestors of the current link until we hit .nav-menu.
 61 | 		while ( -1 === self.className.indexOf( 'nav-menu' ) ) {
 62 | 
 63 | 			// On li elements toggle the class .focus.
 64 | 			if ( 'li' === self.tagName.toLowerCase() ) {
 65 | 				if ( -1 !== self.className.indexOf( 'focus' ) ) {
 66 | 					self.className = self.className.replace( ' focus', '' );
 67 | 				} else {
 68 | 					self.className += ' focus';
 69 | 				}
 70 | 			}
 71 | 
 72 | 			self = self.parentElement;
 73 | 		}
 74 | 	}
 75 | 
 76 | 	/**
 77 | 	 * Toggles `focus` class to allow submenu access on tablets.
 78 | 	 */
 79 | 	( function( container ) {
 80 | 		var touchStartFn, i,
 81 | 			parentLink = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' ),
 82 | 			mobileMenuDisplay = button.currentStyle ? button.currentStyle.display : getComputedStyle( button, null ).display;
 83 | 
 84 | 		if ( 'ontouchstart' in window ) {
 85 | 
 86 | 			touchStartFn = function( e ) {
 87 | 				var menuItem = this.parentNode, i;
 88 | 
 89 | 				if ( ! menuItem.classList.contains( 'focus' ) ) {
 90 | 
 91 | 					if ( 'block' === mobileMenuDisplay ) {
 92 | 						return;
 93 | 					}
 94 | 
 95 | 					e.preventDefault();
 96 | 					for ( i = 0; i < menuItem.parentNode.children.length; ++i ) {
 97 | 						if ( menuItem === menuItem.parentNode.children[i] ) {
 98 | 							continue;
 99 | 						}
100 | 						menuItem.parentNode.children[i].classList.remove( 'focus' );
101 | 					}
102 | 					menuItem.classList.add( 'focus' );
103 | 				} else {
104 | 					menuItem.classList.remove( 'focus' );
105 | 				}
106 | 			};
107 | 
108 | 			for ( i = 0; i < parentLink.length; ++i ) {
109 | 				parentLink[i].addEventListener( 'touchstart', touchStartFn, false );
110 | 			}
111 | 		}
112 | 	}( container ) );
113 | } )();
114 | 


--------------------------------------------------------------------------------
/js/skip-link-focus-fix.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * File skip-link-focus-fix.js.
 3 |  *
 4 |  * Helps with accessibility for keyboard only users.
 5 |  *
 6 |  * Learn more: https://git.io/vWdr2
 7 |  */
 8 | ( function() {
 9 | 	var isIe = /(trident|msie)/i.test( navigator.userAgent );
10 | 
11 | 	if ( isIe && document.getElementById && window.addEventListener ) {
12 | 		window.addEventListener( 'hashchange', function() {
13 | 			var id = location.hash.substring( 1 ),
14 | 				element;
15 | 
16 | 			if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
17 | 				return;
18 | 			}
19 | 
20 | 			element = document.getElementById( id );
21 | 
22 | 			if ( element ) {
23 | 				if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
24 | 					element.tabIndex = -1;
25 | 				}
26 | 
27 | 				element.focus();
28 | 			}
29 | 		}, false );
30 | 	}
31 | } )();
32 | 


--------------------------------------------------------------------------------
/layouts/content-sidebar.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Theme Name: Ohana
 3 |  *
 4 |  * Layout: Content-Sidebar
 5 |  *
 6 |  * Learn more: https://developer.wordpress.org/themes/basics/template-files/
 7 | */
 8 | 
 9 | .content-area {
10 | 	float: left;
11 | 	margin: 0 -25% 0 0;
12 | 	width: 100%;
13 | }
14 | .site-main {
15 | 	margin: 0 25% 0 0;
16 | }
17 | .site-content .widget-area {
18 | 	float: right;
19 | 	overflow: hidden;
20 | 	width: 25%;
21 | }
22 | .site-footer {
23 | 	clear: both;
24 | 	width: 100%;
25 | }
26 | 


--------------------------------------------------------------------------------
/layouts/sidebar-content.css:
--------------------------------------------------------------------------------
 1 | /*
 2 |  * Theme Name: Ohana
 3 |  *
 4 |  * Layout: Sidebar-Content
 5 |  *
 6 |  * Learn more: https://developer.wordpress.org/themes/basics/template-files/
 7 | */
 8 | 
 9 | .content-area {
10 | 	float: right;
11 | 	margin: 0 0 0 -25%;
12 | 	width: 100%;
13 | }
14 | .site-main {
15 | 	margin: 0 0 0 25%;
16 | }
17 | .site-content .widget-area {
18 | 	float: left;
19 | 	overflow: hidden;
20 | 	width: 25%;
21 | }
22 | .site-footer {
23 | 	clear: both;
24 | 	width: 100%;
25 | }
26 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying all pages
 4 |  *
 5 |  * This is the template that displays all pages by default.
 6 |  * Please note that this is the WordPress construct of pages
 7 |  * and that other 'pages' on your WordPress site may use a
 8 |  * different template.
 9 |  *
10 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
11 |  *
12 |  * @package Ohana
13 |  */
14 | 
15 | get_header(); ?>
16 | 
17 | 	<div id="primary" class="content-area">
18 | 		<main id="main" class="site-main">
19 | 
20 | 			<?php
21 | 			while ( have_posts() ) : the_post();
22 | 
23 | 				get_template_part( 'template-parts/content', 'page' );
24 | 
25 | 				// If comments are open or we have at least one comment, load up the comment template.
26 | 				if ( comments_open() || get_comments_number() ) :
27 | 					comments_template();
28 | 				endif;
29 | 
30 | 			endwhile; // End of the loop.
31 | 			?>
32 | 
33 | 		</main><!-- #main -->
34 | 	</div><!-- #primary -->
35 | 
36 | <?php
37 | get_sidebar();
38 | get_footer();
39 | 


--------------------------------------------------------------------------------
/phpcs.xml.dist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <ruleset name="WordPress Theme Coding Standards">
 3 | 	<!-- See https://github.com/squizlabs/PHP_CodeSniffer/wiki/Annotated-ruleset.xml -->
 4 | 	<!-- See https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards -->
 5 | 	<!-- See https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/wiki -->
 6 | 	<!-- See https://github.com/wimg/PHPCompatibility -->
 7 | 
 8 | 	<!-- Set a description for this ruleset. -->
 9 | 	<description>A custom set of code standard rules to check for WordPress themes.</description>
10 | 
11 | 	<!-- Pass some flags to PHPCS:
12 | 		 p flag: Show progress of the run.
13 | 		 s flag: Show sniff codes in all reports.
14 | 		 v flag: Print verbose output.
15 | 		 n flag: Do not print warnings.
16 | 	-->
17 | 	<arg value="psvn"/>
18 | 
19 | 	<!-- Only check the PHP, CSS and SCSS files. JS files are checked separately with JSCS and JSHint. -->
20 | 	<arg name="extensions" value="php,css,scss/css"/>
21 | 
22 | 	<!-- Check all files in this directory and the directories below it. -->
23 | 	<file>.</file>
24 | 
25 | 	<!-- Include the WordPress ruleset, with exclusions. -->
26 | 	<rule ref="WordPress">
27 | 		<exclude name="Generic.WhiteSpace.ScopeIndent.IncorrectExact" />
28 | 		<exclude name="Generic.WhiteSpace.ScopeIndent.Incorrect" />
29 | 		<exclude name="PEAR.Functions.FunctionCallSignature.Indent" />
30 | 	</rule>
31 | 
32 | 	<!-- Verify that the text_domain is set to the desired text-domain.
33 | 		 Multiple valid text domains can be provided as a comma-delimited list. -->
34 | 	<rule ref="WordPress.WP.I18n">
35 | 		<properties>
36 | 			<property name="text_domain" type="array" value="_s" />
37 | 		</properties>
38 | 	</rule>
39 | 
40 | 	<!-- Allow for theme specific exceptions to the file name rules based
41 | 		 on the theme hierarchy. -->
42 | 	<rule ref="WordPress.Files.FileName">
43 | 		<properties>
44 | 			<property name="is_theme" value="true" />
45 | 		</properties>
46 | 	</rule>
47 | 
48 | 	<!-- Verify that no WP functions are used which are deprecated or have been removed.
49 | 		 The minimum version set here should be in line with the minimum WP version
50 | 		 as set in the "Requires at least" tag in the readme.txt file. -->
51 | 	<rule ref="WordPress.WP.DeprecatedFunctions">
52 | 		<properties>
53 | 			<property name="minimum_supported_version" value="4.0" />
54 | 		</properties>
55 | 	</rule>
56 | 
57 | 	<!-- Include sniffs for PHP cross-version compatibility. -->
58 | 	<config name="testVersion" value="5.2-99.0"/>
59 | 	<rule ref="PHPCompatibility"/>
60 | </ruleset>
61 | 


--------------------------------------------------------------------------------
/readme.txt:
--------------------------------------------------------------------------------
 1 | === Ohana ===
 2 | 
 3 | Contributors: automattic
 4 | Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 5 | 
 6 | Requires at least: 4.0
 7 | Tested up to: 4.8
 8 | Stable tag: 1.0.0
 9 | License: GNU General Public License v2 or later
10 | License URI: LICENSE
11 | 
12 | A starter theme called Ohana.
13 | 
14 | == Description ==
15 | 
16 | Description
17 | 
18 | == Installation ==
19 | 
20 | 1. In your admin panel, go to Appearance > Themes and click the Add New button.
21 | 2. Click Upload Theme and Choose File, then select the theme's .zip file. Click Install Now.
22 | 3. Click Activate to use your new theme right away.
23 | 
24 | == Frequently Asked Questions ==
25 | 
26 | = Does this theme support any plugins? =
27 | 
28 | Ohana includes support for Infinite Scroll in Jetpack.
29 | 
30 | == Changelog ==
31 | 
32 | = 1.0 - May 12 2015 =
33 | * Initial release
34 | 
35 | == Credits ==
36 | 
37 | * Based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html)
38 | * normalize.css https://necolas.github.io/normalize.css/, (C) 2012-2016 Nicolas Gallagher and Jonathan Neal, [MIT](https://opensource.org/licenses/MIT)
39 | 


--------------------------------------------------------------------------------
/rtl.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Theme Name: Ohana
 3 | 
 4 | Adding support for languages written in a Right To Left (RTL) direction is easy -
 5 | it's just a matter of overwriting all the horizontal positioning attributes
 6 | of your CSS stylesheet in a separate stylesheet file named rtl.css.
 7 | 
 8 | https://codex.wordpress.org/Right-to-Left_Language_Support
 9 | 
10 | */
11 | 
12 | /*
13 | body {
14 | 	direction: rtl;
15 | 	unicode-bidi: embed;
16 | }
17 | */
18 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Automattic/ohana/e31ecab4df8be3ec93511353275f56aead882575/screenshot.png


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying search results pages
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<section id="primary" class="content-area">
13 | 		<main id="main" class="site-main">
14 | 
15 | 		<?php
16 | 		if ( have_posts() ) : ?>
17 | 
18 | 			<header class="page-header">
19 | 				<h1 class="page-title"><?php
20 | 					/* translators: %s: search query. */
21 | 					printf( esc_html__( 'Search Results for: %s', 'ohana' ), '<span>' . get_search_query() . '</span>' );
22 | 				?></h1>
23 | 			</header><!-- .page-header -->
24 | 
25 | 			<?php
26 | 			/* Start the Loop */
27 | 			while ( have_posts() ) : the_post();
28 | 
29 | 				/**
30 | 				 * Run the loop for the search to output the results.
31 | 				 * If you want to overload this in a child theme then include a file
32 | 				 * called content-search.php and that will be used instead.
33 | 				 */
34 | 				get_template_part( 'template-parts/content', 'search' );
35 | 
36 | 			endwhile;
37 | 
38 | 			the_posts_navigation();
39 | 
40 | 		else :
41 | 
42 | 			get_template_part( 'template-parts/content', 'none' );
43 | 
44 | 		endif; ?>
45 | 
46 | 		</main><!-- #main -->
47 | 	</section><!-- #primary -->
48 | 
49 | <?php
50 | get_sidebar();
51 | get_footer();
52 | 


--------------------------------------------------------------------------------
/sidebar.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The sidebar containing the main widget area
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | if ( ! is_active_sidebar( 'sidebar-1' ) ) {
11 | 	return;
12 | }
13 | ?>
14 | 
15 | <aside id="secondary" class="widget-area">
16 | 	<?php dynamic_sidebar( 'sidebar-1' ); ?>
17 | </aside><!-- #secondary -->
18 | 


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying all single posts
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | get_header(); ?>
11 | 
12 | 	<div id="primary" class="content-area">
13 | 		<main id="main" class="site-main">
14 | 
15 | 		<?php
16 | 		while ( have_posts() ) : the_post();
17 | 
18 | 			get_template_part( 'template-parts/content', get_post_type() );
19 | 
20 | 			the_post_navigation( array(
21 | 				'prev_text' => '<span class="nav-subtitle">' . esc_html__( 'Previous:', 'ohana' ) . '</span> <span class="nav-title">%title</span>',
22 | 				'next_text' => '<span class="nav-subtitle">' . esc_html__( 'Next:', 'ohana' ) . '</span> <span class="nav-title">%title</span>',
23 | 			) );
24 | 
25 | 			// If comments are open or we have at least one comment, load up the comment template.
26 | 			if ( comments_open() || get_comments_number() ) :
27 | 				comments_template();
28 | 			endif;
29 | 
30 | 		endwhile; // End of the loop.
31 | 		?>
32 | 
33 | 		</main><!-- #main -->
34 | 	</div><!-- #primary -->
35 | 
36 | <?php
37 | get_sidebar();
38 | get_footer();
39 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
   1 | /*!
   2 | Theme Name: Ohana
   3 | Theme URI: http://underscores.me/
   4 | Author: Underscores.me
   5 | Author URI: http://underscores.me/
   6 | Description: Description
   7 | Version: 1.0.0
   8 | License: GNU General Public License v2 or later
   9 | License URI: LICENSE
  10 | Text Domain: ohana
  11 | Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
  12 | 
  13 | This theme, like WordPress, is licensed under the GPL.
  14 | Use it to make something cool, have fun, and share what you've learned with others.
  15 | 
  16 | Ohana is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
  17 | Underscores is distributed under the terms of the GNU GPL v2 or later.
  18 | 
  19 | Normalizing styles have been helped along thanks to the fine work of
  20 | Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  21 | */
  22 | /*--------------------------------------------------------------
  23 | >>> TABLE OF CONTENTS:
  24 | ----------------------------------------------------------------
  25 | # Normalize
  26 | # Typography
  27 | # Elements
  28 | # Forms
  29 | # Navigation
  30 | 	## Links
  31 | 	## Menus
  32 | # Accessibility
  33 | # Alignments
  34 | # Clearings
  35 | # Widgets
  36 | # Content
  37 | 	## Posts and pages
  38 | 	## Comments
  39 | # Infinite scroll
  40 | # Media
  41 | 	## Captions
  42 | 	## Galleries
  43 | # Gutenberg
  44 | --------------------------------------------------------------*/
  45 | /*--------------------------------------------------------------
  46 | # Normalize
  47 | --------------------------------------------------------------*/
  48 | html {
  49 | 	font-family: sans-serif;
  50 | 	-webkit-text-size-adjust: 100%;
  51 | 	-ms-text-size-adjust: 100%;
  52 | }
  53 | 
  54 | body {
  55 | 	margin: 0;
  56 | }
  57 | 
  58 | article,
  59 | aside,
  60 | details,
  61 | figcaption,
  62 | figure,
  63 | footer,
  64 | header,
  65 | main,
  66 | menu,
  67 | nav,
  68 | section,
  69 | summary {
  70 | 	display: block;
  71 | }
  72 | 
  73 | audio,
  74 | canvas,
  75 | progress,
  76 | video {
  77 | 	display: inline-block;
  78 | 	vertical-align: baseline;
  79 | }
  80 | 
  81 | audio:not([controls]) {
  82 | 	display: none;
  83 | 	height: 0;
  84 | }
  85 | 
  86 | [hidden],
  87 | template {
  88 | 	display: none;
  89 | }
  90 | 
  91 | a {
  92 | 	background-color: transparent;
  93 | }
  94 | 
  95 | a:active,
  96 | a:hover {
  97 | 	outline: 0;
  98 | }
  99 | 
 100 | abbr[title] {
 101 | 	border-bottom: 1px dotted;
 102 | }
 103 | 
 104 | b,
 105 | strong {
 106 | 	font-weight: bold;
 107 | }
 108 | 
 109 | dfn {
 110 | 	font-style: italic;
 111 | }
 112 | 
 113 | h1 {
 114 | 	font-size: 2em;
 115 | 	margin: 0.67em 0;
 116 | }
 117 | 
 118 | mark {
 119 | 	background: #ff0;
 120 | 	color: #000;
 121 | }
 122 | 
 123 | small {
 124 | 	font-size: 80%;
 125 | }
 126 | 
 127 | sub,
 128 | sup {
 129 | 	font-size: 75%;
 130 | 	line-height: 0;
 131 | 	position: relative;
 132 | 	vertical-align: baseline;
 133 | }
 134 | 
 135 | sup {
 136 | 	top: -0.5em;
 137 | }
 138 | 
 139 | sub {
 140 | 	bottom: -0.25em;
 141 | }
 142 | 
 143 | img {
 144 | 	border: 0;
 145 | }
 146 | 
 147 | svg:not(:root) {
 148 | 	overflow: hidden;
 149 | }
 150 | 
 151 | figure {
 152 | 	margin: 1em 40px;
 153 | }
 154 | 
 155 | hr {
 156 | 	box-sizing: content-box;
 157 | 	height: 0;
 158 | }
 159 | 
 160 | pre {
 161 | 	overflow: auto;
 162 | }
 163 | 
 164 | code,
 165 | kbd,
 166 | pre,
 167 | samp {
 168 | 	font-family: monospace, monospace;
 169 | 	font-size: 1em;
 170 | }
 171 | 
 172 | button,
 173 | input,
 174 | optgroup,
 175 | select,
 176 | textarea {
 177 | 	color: inherit;
 178 | 	font: inherit;
 179 | 	margin: 0;
 180 | }
 181 | 
 182 | button {
 183 | 	overflow: visible;
 184 | }
 185 | 
 186 | button,
 187 | select {
 188 | 	text-transform: none;
 189 | }
 190 | 
 191 | button,
 192 | html input[type="button"],
 193 | input[type="reset"],
 194 | input[type="submit"] {
 195 | 	-webkit-appearance: button;
 196 | 	cursor: pointer;
 197 | }
 198 | 
 199 | button[disabled],
 200 | html input[disabled] {
 201 | 	cursor: default;
 202 | }
 203 | 
 204 | button::-moz-focus-inner,
 205 | input::-moz-focus-inner {
 206 | 	border: 0;
 207 | 	padding: 0;
 208 | }
 209 | 
 210 | input {
 211 | 	line-height: normal;
 212 | }
 213 | 
 214 | input[type="checkbox"],
 215 | input[type="radio"] {
 216 | 	box-sizing: border-box;
 217 | 	padding: 0;
 218 | }
 219 | 
 220 | input[type="number"]::-webkit-inner-spin-button,
 221 | input[type="number"]::-webkit-outer-spin-button {
 222 | 	height: auto;
 223 | }
 224 | 
 225 | input[type="search"]::-webkit-search-cancel-button,
 226 | input[type="search"]::-webkit-search-decoration {
 227 | 	-webkit-appearance: none;
 228 | }
 229 | 
 230 | fieldset {
 231 | 	border: 1px solid #c0c0c0;
 232 | 	margin: 0 2px;
 233 | 	padding: 0.35em 0.625em 0.75em;
 234 | }
 235 | 
 236 | legend {
 237 | 	border: 0;
 238 | 	padding: 0;
 239 | }
 240 | 
 241 | textarea {
 242 | 	overflow: auto;
 243 | }
 244 | 
 245 | optgroup {
 246 | 	font-weight: bold;
 247 | }
 248 | 
 249 | table {
 250 | 	border-collapse: collapse;
 251 | 	border-spacing: 0;
 252 | }
 253 | 
 254 | td,
 255 | th {
 256 | 	padding: 0;
 257 | }
 258 | 
 259 | /*--------------------------------------------------------------
 260 | # Typography
 261 | --------------------------------------------------------------*/
 262 | body,
 263 | button,
 264 | input,
 265 | select,
 266 | optgroup,
 267 | textarea {
 268 | 	color: #444444;
 269 | 	font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 270 | 	font-size: 18px;
 271 | 	font-size: 1.125rem;
 272 | 	line-height: 1.5;
 273 | }
 274 | 
 275 | h1, h2, h3, h4, h5, h6 {
 276 | 	clear: both;
 277 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
 278 | }
 279 | 
 280 | h1 {
 281 | 	font-size: 42px;
 282 | 	font-size: 2.625rem;
 283 | }
 284 | 
 285 | h2 {
 286 | 	font-size: 36px;
 287 | 	font-size: 2.25rem;
 288 | }
 289 | 
 290 | h3 {
 291 | 	font-size: 30px;
 292 | 	font-size: 1.875rem;
 293 | }
 294 | 
 295 | h4 {
 296 | 	font-size: 24px;
 297 | 	font-size: 1.5rem;
 298 | }
 299 | 
 300 | h5 {
 301 | 	font-size: 20px;
 302 | 	font-size: 1.25rem;
 303 | }
 304 | 
 305 | h6 {
 306 | 	font-size: 18px;
 307 | 	font-size: 1.125rem;
 308 | }
 309 | 
 310 | p {
 311 | 	margin: 0 0 1.5em;
 312 | }
 313 | 
 314 | dfn, cite, em, i {
 315 | 	font-style: italic;
 316 | }
 317 | 
 318 | blockquote {
 319 | 	margin: 0 1.5em;
 320 | }
 321 | 
 322 | address {
 323 | 	margin: 0 0 1.5em;
 324 | }
 325 | 
 326 | pre {
 327 | 	background: rgba(0,0,0,0.1);
 328 | 	font-family: "Courier 10 Pitch", Courier, monospace;
 329 | 	font-size: 15px;
 330 | 	font-size: 0.9375rem;
 331 | 	line-height: 1.6;
 332 | 	margin-bottom: 1.6em;
 333 | 	max-width: 100%;
 334 | 	overflow: auto;
 335 | 	padding: 1.6em;
 336 | }
 337 | 
 338 | code, kbd, tt, var {
 339 | 	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 340 | 	font-size: 15px;
 341 | 	font-size: 0.9375rem;
 342 | }
 343 | 
 344 | abbr, acronym {
 345 | 	border-bottom: 1px dotted #666;
 346 | 	cursor: help;
 347 | }
 348 | 
 349 | mark, ins {
 350 | 	background: #fff9c0;
 351 | 	text-decoration: none;
 352 | }
 353 | 
 354 | big {
 355 | 	font-size: 125%;
 356 | }
 357 | 
 358 | /*--------------------------------------------------------------
 359 | # Elements
 360 | --------------------------------------------------------------*/
 361 | html {
 362 | 	box-sizing: border-box;
 363 | }
 364 | 
 365 | *,
 366 | *:before,
 367 | *:after {
 368 | 	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 369 | 	box-sizing: inherit;
 370 | }
 371 | 
 372 | body {
 373 | 	background: #fff;
 374 | 	/* Fallback for when there is no custom background color defined. */
 375 | }
 376 | 
 377 | hr {
 378 | 	border: 0;
 379 | 	height: 1px;
 380 | 	margin-bottom: 1.5em;
 381 | }
 382 | 
 383 | ul, ol {
 384 | 	margin: 0 0 1.5em;
 385 | 	padding: 0 0 0 3em;
 386 | }
 387 | 
 388 | ul {
 389 | 	list-style: disc;
 390 | }
 391 | 
 392 | ol {
 393 | 	list-style: decimal;
 394 | }
 395 | 
 396 | li > ul,
 397 | li > ol {
 398 | 	margin: 0;
 399 | 	padding-left: 1.5em;
 400 | }
 401 | 
 402 | dt {
 403 | 	font-weight: bold;
 404 | }
 405 | 
 406 | dd {
 407 | 	margin: 0 1.5em 1.5em;
 408 | }
 409 | 
 410 | img {
 411 | 	height: auto;
 412 | 	/* Make sure images are scaled correctly. */
 413 | 	max-width: 100%;
 414 | 	/* Adhere to container width. */
 415 | }
 416 | 
 417 | figure {
 418 | 	margin: 1em 0;
 419 | 	/* Extra wide images within figure tags don't overflow the content area. */
 420 | }
 421 | 
 422 | blockquote {
 423 | 	border-left: 6px solid rgba(0,0,0,0.2);
 424 | 	font-size: 1.2em;
 425 | 	font-style: italic;
 426 | 	padding-left: 1em;
 427 | }
 428 | 
 429 | table,
 430 | th,
 431 | td {
 432 | 	border: 1px solid rgba(0,0,0,.15);
 433 | }
 434 | 
 435 | table {
 436 | 	border-collapse: separate;
 437 | 	border-spacing: 0;
 438 | 	border-width: 1px 0 0 1px;
 439 | 	margin: 0 0 1.75em;
 440 | 	table-layout: fixed;
 441 | 	/* Prevents HTML tables from becoming too wide */
 442 | 	width: 100%;
 443 | }
 444 | 
 445 | caption,
 446 | th,
 447 | td {
 448 | 	font-weight: normal;
 449 | 	text-align: left;
 450 | }
 451 | 
 452 | th {
 453 | 	border-width: 0 1px 1px 0;
 454 | 	font-weight: 700;
 455 | }
 456 | 
 457 | td {
 458 | 	border-width: 0 1px 1px 0;
 459 | }
 460 | 
 461 | th,
 462 | td {
 463 | 	padding: 0.4375em;
 464 | }
 465 | 
 466 | table tbody > tr:nth-child(odd) > th,
 467 | table tbody > tr:nth-child(odd) > td {
 468 | 	background: rgba(0,0,0,.15);
 469 | }
 470 | 
 471 | /*--------------------------------------------------------------
 472 | # Forms
 473 | --------------------------------------------------------------*/
 474 | button,
 475 | input[type="button"],
 476 | input[type="reset"],
 477 | input[type="submit"] {
 478 | 	border: 0;
 479 | 	border-radius: 3px;
 480 | 	background-color: #FC814A;
 481 | 	color: #fff;
 482 | 	font-weight: bold;
 483 | 	line-height: 1;
 484 | 	padding: .6em 1em;
 485 | }
 486 | 
 487 | button:hover,
 488 | button:focus,
 489 | input[type="button"]:hover,
 490 | input[type="button"]:focus,
 491 | input[type="reset"]:hover,
 492 | input[type="reset"]:focus,
 493 | input[type="submit"]:hover,
 494 | input[type="submit"]:focus {
 495 | 	background-color: #c1582a;
 496 | }
 497 | 
 498 | button:active, button:focus,
 499 | input[type="button"]:active,
 500 | input[type="button"]:focus,
 501 | input[type="reset"]:active,
 502 | input[type="reset"]:focus,
 503 | input[type="submit"]:active,
 504 | input[type="submit"]:focus {
 505 | 	border-color: #aaa #bbb #bbb;
 506 | }
 507 | 
 508 | input[type="text"],
 509 | input[type="email"],
 510 | input[type="url"],
 511 | input[type="password"],
 512 | input[type="search"],
 513 | input[type="number"],
 514 | input[type="tel"],
 515 | input[type="range"],
 516 | input[type="date"],
 517 | input[type="month"],
 518 | input[type="week"],
 519 | input[type="time"],
 520 | input[type="datetime"],
 521 | input[type="datetime-local"],
 522 | input[type="color"],
 523 | textarea {
 524 | 	color: #666;
 525 | 	border: 1px solid #ccc;
 526 | 	border-radius: 3px;
 527 | 	padding: 5px 3px 6px;
 528 | 	-webkit-appearance: none;
 529 | }
 530 | 
 531 | input[type="text"]:focus,
 532 | input[type="email"]:focus,
 533 | input[type="url"]:focus,
 534 | input[type="password"]:focus,
 535 | input[type="search"]:focus,
 536 | input[type="number"]:focus,
 537 | input[type="tel"]:focus,
 538 | input[type="range"]:focus,
 539 | input[type="date"]:focus,
 540 | input[type="month"]:focus,
 541 | input[type="week"]:focus,
 542 | input[type="time"]:focus,
 543 | input[type="datetime"]:focus,
 544 | input[type="datetime-local"]:focus,
 545 | input[type="color"]:focus,
 546 | textarea:focus {
 547 | 	color: #111;
 548 | }
 549 | 
 550 | select {
 551 | 	border: 1px solid #ccc;
 552 | }
 553 | 
 554 | textarea {
 555 | 	width: 100%;
 556 | }
 557 | 
 558 | /*--------------------------------------------------------------
 559 | # Navigation
 560 | --------------------------------------------------------------*/
 561 | /*--------------------------------------------------------------
 562 | ## Links
 563 | --------------------------------------------------------------*/
 564 | a {
 565 | 	border-bottom: 2px dotted transparent;
 566 | 	color: #222222;
 567 | 	text-decoration: none;
 568 | }
 569 | 
 570 | a:hover, a:focus, a:active {
 571 | 	border-bottom-color: currentColor;
 572 | 	color: #5d576b;
 573 | 	opacity: 0.8;
 574 | 	text-decoration: underline;
 575 | }
 576 | 
 577 | a:focus {
 578 | 	outline: thin dotted;
 579 | }
 580 | 
 581 | a:hover, a:active {
 582 | 	outline: 0;
 583 | }
 584 | 
 585 | /*--------------------------------------------------------------
 586 | ## Site Header
 587 | --------------------------------------------------------------*/
 588 | .site-header {
 589 | 	background: #546A76;
 590 | 	background:
 591 | 		radial-gradient(circle farthest-side at 0% 50%,#637782 23.5%,rgba(240,166,17,0) 0)21px 30px,
 592 | 		radial-gradient(circle farthest-side at 0% 50%,#546a76 24%,rgba(240,166,17,0) 0)19px 30px,
 593 | 		linear-gradient(#637782 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#637782 0)0 0,
 594 | 		linear-gradient(150deg,#637782 24%,#546a76 0,#546a76 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#546a76 0,#546a76 76%,#637782 0)0 0,
 595 | 		linear-gradient(30deg,#637782 24%,#546a76 0,#546a76 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#546a76 0,#546a76 76%,#637782 0)0 0,
 596 | 		linear-gradient(90deg,#546a76 2%,#637782 0,#637782 98%,#546a76 0%)0 0 #637782;
 597 | 	background-size:40px 60px;
 598 | 	border-top: 10px solid #546A76;
 599 | }
 600 | 
 601 | .site-header:before {
 602 | 	background-image: repeating-linear-gradient(45deg,
 603 | 		transparent,
 604 | 		transparent 5px,
 605 | 		rgba(255,255,255, 0.2) 5px,
 606 | 		rgba(255,255,255, 0.2) 8px,
 607 | 		transparent 8px,
 608 | 		transparent 10px,
 609 | 		rgba(255,255,255, 0.2) 10px,
 610 | 		rgba(255,255,255, 0.2) 13px,
 611 | 		transparent 13px,
 612 | 		transparent 15px,
 613 | 		rgba(255,255,255, 0.2) 15px,
 614 | 		rgba(255,255,255, 0.2) 18px);
 615 | 	content: '';
 616 | 	display: block;
 617 | 	height: 1px;
 618 | }
 619 | 
 620 | #page:after,
 621 | .site-header:after {
 622 | 	background: repeating-linear-gradient(-45deg, #88AB75, #88AB75 40px, #C7D66D 40px, #C7D66D 80px, #89D2DC 80px, #89D2DC 120px, #FC814A 120px, #FC814A 160px, #2D93AD 160px, #2D93AD 200px);
 623 | 	content: '';
 624 | 	display: block;
 625 | 	height: 10px;
 626 | }
 627 | 
 628 | .site-branding,
 629 | #site-navigation > ul {
 630 | 	margin-left: auto;
 631 | 	margin-right: auto;
 632 | 	max-width: 92%;
 633 | }
 634 | 
 635 | .site-branding {
 636 | 	padding-bottom: 1.5em;
 637 | }
 638 | 
 639 | .site-title {
 640 | 	font-weight: normal;
 641 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
 642 | 	font-weight: 600;
 643 | 	font-size: 36px;
 644 | 	font-size: 2.25rem;
 645 | 	line-height: 1.25;
 646 | 	margin: 0.67em 0 0;
 647 | 	text-align: center;
 648 | 	text-shadow: 0px 3px 1px #54616f;
 649 | 	word-wrap: break-word;
 650 | }
 651 | 
 652 | @media screen and (min-width: 37.5em) {
 653 | 	.site-title {
 654 | 		font-size: 48px;
 655 | 		font-size: 3rem;
 656 | 	}
 657 | }
 658 | 
 659 | .site-title a {
 660 | 	border-bottom: 0;
 661 | 	color: #c7d66d;
 662 | 	text-decoration: none;
 663 | }
 664 | 
 665 | .site-description {
 666 | 	color: #e5f3fb;
 667 | 	font-family: "Lato", Helvetica, sans-serif;
 668 | 	margin-bottom: 0;
 669 | 	margin-top: 0;
 670 | 	text-align: center;
 671 | 	text-shadow: 0px 2px 1px #54616f;
 672 | 	word-wrap: break-word;
 673 | }
 674 | 
 675 | /*--------------------------------------------------------------
 676 | ## Menus
 677 | --------------------------------------------------------------*/
 678 | .main-navigation {
 679 | 	background: rgba(69, 87, 97, .4);
 680 | 	clear: both;
 681 | 	display: block;
 682 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
 683 | 	padding: 0.5em 0;
 684 | }
 685 | 
 686 | .main-navigation ul {
 687 | 	display: none;
 688 | 	list-style: none;
 689 | 	margin: 0;
 690 | 	padding-left: 0;
 691 | }
 692 | 
 693 | .main-navigation ul ul li:after,
 694 | .main-navigation ul li:last-child:after {
 695 | 	display: none;
 696 | }
 697 | 
 698 | .main-navigation ul li {
 699 | 	border-bottom: 1px dashed rgba(255,255,255,0.5);
 700 | }
 701 | 
 702 | .main-navigation ul li:last-child,
 703 | .main-navigation ul ul li {
 704 | 	border-bottom: 0;
 705 | }
 706 | 
 707 | .main-navigation ul a {
 708 | 	border-bottom: 0;
 709 | 	color: #fff;
 710 | 	display: block;
 711 | 	padding: 0.5em 0.75em;
 712 | }
 713 | 
 714 | .main-navigation li a:hover,
 715 | .main-navigation li a:focus,
 716 | .main-navigation li a:active {
 717 | 	color: #FC976A;
 718 | }
 719 | 
 720 | .main-navigation ul a .icon {
 721 | 	display: none;
 722 | }
 723 | 
 724 | .main-navigation ul ul {
 725 | 	padding: 0 0 0.5em 1em;
 726 | 	text-align: left;
 727 | }
 728 | 
 729 | .main-navigation ul ul .menu-item-has-children > a > .icon,
 730 | .main-navigation ul ul .page_item_has_children > a > .icon {
 731 | 	display: none;
 732 | }
 733 | 
 734 | .main-navigation ul ul li:last-child,
 735 | .main-navigation ul ul ul li {
 736 | 	border: none;
 737 | }
 738 | 
 739 | .main-navigation ul ul a {
 740 | 	color: #fff;
 741 | 	display: block;
 742 | 	padding: 0.25em 0.75em;
 743 | }
 744 | 
 745 | .main-navigation ul ul ul {
 746 | 	border: 0;
 747 | 	font-size: 16px;
 748 | 	font-size: 1rem;
 749 | 	padding: 0 0 0 1.5em;
 750 | }
 751 | 
 752 | .main-navigation ul ul ul a {
 753 | 	padding: 0.2em 0.75em;
 754 | }
 755 | 
 756 | .main-navigation ul ul ul a:before {
 757 | 	color: #fff;
 758 | 	content: "\00B7";
 759 | 	margin-right: 0.5em;
 760 | }
 761 | 
 762 | .main-navigation ul li:hover > ul,
 763 | .main-navigation ul li.focus > ul {
 764 | 	left: auto;
 765 | }
 766 | 
 767 | .main-navigation a {
 768 | 	display: block;
 769 | 	text-decoration: none;
 770 | }
 771 | 
 772 | /* Small menu. */
 773 | .menu-toggle,
 774 | .main-navigation.toggled ul {
 775 | 	display: block;
 776 | }
 777 | 
 778 | .menu-toggle {
 779 | 	background-color: #36474f;
 780 | 	margin: 0 auto;
 781 | }
 782 | 
 783 | .menu-toggle:hover {
 784 | 	background-color: rgba(54,71,79,0.5);
 785 | }
 786 | 
 787 | .menu-toggle .icon-close,
 788 | .menu-toggle .icon-menu {
 789 | 	margin-right: 0.25em;
 790 | }
 791 | 
 792 | .menu-toggle .icon-close,
 793 | .toggled .menu-toggle .icon-menu {
 794 | 	display: none;
 795 | }
 796 | 
 797 | .toggled .menu-toggle .icon-close {
 798 | 	display: inline-block;
 799 | }
 800 | 
 801 | @media screen and (min-width: 37.5em) {
 802 | 	.main-navigation {
 803 | 		padding: 0;
 804 | 		text-align: center;
 805 | 	}
 806 | 
 807 | 	.menu-toggle {
 808 | 		display: none;
 809 | 	}
 810 | 
 811 | 	.main-navigation ul {
 812 | 		display: block;
 813 | 	}
 814 | 
 815 | 	.main-navigation ul.nav-menu {
 816 | 		display: -webkit-flex;
 817 | 		display: flex;
 818 | 		-webkit-flex-direction: row;
 819 | 		flex-direction: row;
 820 | 		-webkit-flex-wrap: wrap;
 821 | 		flex-wrap: wrap;
 822 | 		-webkit-justify-content: center;
 823 | 		justify-content: center;
 824 | 	}
 825 | 
 826 | 	.main-navigation li {
 827 | 		position: relative;
 828 | 	}
 829 | 
 830 | 	.main-navigation ul a {
 831 | 		display: inline-block;
 832 | 	}
 833 | 
 834 | 	.main-navigation ul a .icon {
 835 | 		display: inline-block;
 836 | 		margin-left: 6px;
 837 | 	}
 838 | 
 839 | 	.main-navigation ul ul {
 840 | 		background-color: #455761;
 841 | 		border: 2px solid #fff;
 842 | 		padding-left: 0;
 843 | 		position: absolute;
 844 | 		top: 100%;
 845 | 		left: -999em;
 846 | 		width: 220px;
 847 | 		z-index: 99999;
 848 | 	}
 849 | 
 850 | 	.main-navigation ul li {
 851 | 		border-bottom: 0;
 852 | 	}
 853 | 
 854 | 	.main-navigation ul li:after {
 855 | 		content: "\00b7";
 856 | 		color: #fff;
 857 | 		opacity: 0.5;
 858 | 		display: inline-block;
 859 | 	}
 860 | 
 861 | 	.main-navigation ul ul li {
 862 | 		border-bottom: 1px dashed rgba(255,255,255,0.5);
 863 | 		width: 100%;
 864 | 	}
 865 | 
 866 | 	.main-navigation ul ul li:last-child {
 867 | 		border-bottom: 0;
 868 | 		padding-bottom: 0;
 869 | 	}
 870 | 
 871 | 	.main-navigation ul ul a {
 872 | 		display: inline-block;
 873 | 		width: 100%;
 874 | 	}
 875 | 
 876 | 	.main-navigation ul ul ul {
 877 | 		position: static;
 878 | 		width: auto;
 879 | 	}
 880 | }
 881 | 
 882 | .comment-navigation,
 883 | .posts-navigation,
 884 | .post-navigation {
 885 | 	overflow: hidden;
 886 | }
 887 | 
 888 | .comment-navigation .nav-links,
 889 | .posts-navigation .nav-links,
 890 | .post-navigation .nav-links {
 891 | 	max-width: 92%;
 892 | 	margin: auto;
 893 | 	text-align: center;
 894 | }
 895 | 
 896 | .comment-navigation .nav-previous,
 897 | .posts-navigation .nav-previous,
 898 | .post-navigation .nav-previous {
 899 | 	margin-bottom: 1em;
 900 | }
 901 | 
 902 | @media screen and (min-width: 37.5em) {
 903 | 	.comment-navigation .nav-previous,
 904 | 	.posts-navigation .nav-previous,
 905 | 	.post-navigation .nav-previous {
 906 | 		float: left;
 907 | 		margin-bottom: 0;
 908 | 		text-align: left;
 909 | 		width: 50%;
 910 | 	}
 911 | 
 912 | 	.comment-navigation .nav-next,
 913 | 	.posts-navigation .nav-next,
 914 | 	.post-navigation .nav-next {
 915 | 		float: right;
 916 | 		text-align: right;
 917 | 		width: 50%;
 918 | 	}
 919 | }
 920 | 
 921 | /*--------------------------------------------------------------
 922 | # Accessibility
 923 | --------------------------------------------------------------*/
 924 | /* Text meant only for screen readers. */
 925 | .screen-reader-text {
 926 | 	border: 0;
 927 | 	clip: rect(1px, 1px, 1px, 1px);
 928 | 	clip-path: inset(50%);
 929 | 	height: 1px;
 930 | 	margin: -1px;
 931 | 	overflow: hidden;
 932 | 	padding: 0;
 933 | 	position: absolute !important;
 934 | 	width: 1px;
 935 | 	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
 936 | }
 937 | 
 938 | .screen-reader-text:focus {
 939 | 	background-color: #f1f1f1;
 940 | 	border-radius: 3px;
 941 | 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 942 | 	clip: auto !important;
 943 | 	clip-path: none;
 944 | 	color: #21759b;
 945 | 	display: block;
 946 | 	font-size: 14px;
 947 | 	font-size: 0.875rem;
 948 | 	font-weight: bold;
 949 | 	height: auto;
 950 | 	left: 5px;
 951 | 	line-height: normal;
 952 | 	padding: 15px 23px 14px;
 953 | 	text-decoration: none;
 954 | 	top: 5px;
 955 | 	width: auto;
 956 | 	z-index: 100000;
 957 | 	/* Above WP toolbar. */
 958 | }
 959 | 
 960 | /* Do not show the outline on the skip link target. */
 961 | #content[tabindex="-1"]:focus {
 962 | 	outline: 0;
 963 | }
 964 | 
 965 | /*--------------------------------------------------------------
 966 | # Alignments
 967 | --------------------------------------------------------------*/
 968 | .alignleft {
 969 | 	display: inline;
 970 | 	float: left;
 971 | 	margin-right: 1.5em;
 972 | 	margin-bottom: 1.0em;
 973 | }
 974 | 
 975 | .alignright {
 976 | 	display: inline;
 977 | 	float: right;
 978 | 	margin-left: 1.5em;
 979 | 	margin-bottom: 1.0em;
 980 | }
 981 | 
 982 | .aligncenter {
 983 | 	clear: both;
 984 | 	display: block;
 985 | 	margin-left: auto;
 986 | 	margin-right: auto;
 987 | 	margin-bottom: 1.0em;
 988 | }
 989 | 
 990 | /*--------------------------------------------------------------
 991 | # Clearings
 992 | --------------------------------------------------------------*/
 993 | .clear:before,
 994 | .clear:after,
 995 | .entry-content:before,
 996 | .entry-content:after,
 997 | .entry-author:before,
 998 | .entry-author:after,
 999 | .author-bio:before,
1000 | .author-bio:after,
1001 | .page-content:before,
1002 | .page-content:after,
1003 | .comment-content:before,
1004 | .comment-content:after,
1005 | .site-content:before,
1006 | .site-content:after,
1007 | .site-footer:before,
1008 | .site-footer:after {
1009 | 	content: "";
1010 | 	display: table;
1011 | 	table-layout: fixed;
1012 | }
1013 | 
1014 | .clear:after,
1015 | .entry-content:after,
1016 | .entry-author:after,
1017 | .author-bio:after,
1018 | .page-content:after,
1019 | .comment-content:after,
1020 | .site-content:after,
1021 | .site-footer:after {
1022 | 	clear: both;
1023 | }
1024 | 
1025 | /*--------------------------------------------------------------
1026 | # Widgets
1027 | --------------------------------------------------------------*/
1028 | .widget {
1029 | 	margin: 0 0 2em;
1030 | 	word-wrap: break-word;
1031 | }
1032 | 
1033 | /* Make sure select elements fit in widgets. */
1034 | .widget select {
1035 | 	max-width: 100%;
1036 | }
1037 | 
1038 | .widget-area {
1039 | 	background: #546A76;
1040 | 	background: radial-gradient(circle farthest-side at 0% 50%,#637782 23.5%,rgba(240,166,17,0) 0)21px 30px, radial-gradient(circle farthest-side at 0% 50%,#596c77 24%,rgba(240,166,17,0) 0)19px 30px, linear-gradient(#637782 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#637782 0)0 0, linear-gradient(150deg,#637782 24%,#596c77 0,#596c77 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#596c77 0,#596c77 76%,#637782 0)0 0, linear-gradient(30deg,#637782 24%,#596c77 0,#596c77 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#596c77 0,#596c77 76%,#637782 0)0 0, linear-gradient(90deg,#596c77 2%,#637782 0,#637782 98%,#596c77 0%)0 0 #637782;
1041 | 	background-size: auto auto, auto auto, auto auto, auto auto, auto auto, auto auto;
1042 | 	background-size: 40px 60px;
1043 | 	color: #fff;
1044 | 	padding: 2em 4%;
1045 | }
1046 | 
1047 | .widget-area a {
1048 | 	color: #FC976A;
1049 | }
1050 | 
1051 | .widget-area .widget-title {
1052 | 	color: #c7d66d;
1053 | 	font-size: 30px;
1054 | 	font-size: 1.875rem;
1055 | 	margin: 0;
1056 | 	text-shadow: 0px 3px 1px #54616f;
1057 | }
1058 | 
1059 | @media screen and (min-width: 54em) {
1060 | 	.widget-area {
1061 | 		display: flex;
1062 | 		flex-wrap: wrap;
1063 | 		justify-content: center;
1064 | 	}
1065 | 
1066 | 	.widget-area .widget {
1067 | 		padding: 0 1em;
1068 | 		max-width: 400px;
1069 | 		width: 33.3333%;
1070 | 	}
1071 | }
1072 | 
1073 | .widget:not(.widget_text) ul,
1074 | .widget:not(.widget_text) ol {
1075 | 	list-style: none;
1076 | 	padding: 0;
1077 | 	margin: 0;
1078 | }
1079 | 
1080 | .widget:not(.widget_text) li:not(:last-child) {
1081 | 	border-bottom: 1px dashed rgba(255,255,255,0.2);
1082 | 	padding: 0.25em 0;
1083 | }
1084 | 
1085 | .widget ul.children {
1086 | 	padding-left: 2em;
1087 | }
1088 | 
1089 | .widget ul.children li:last-child {
1090 | 	padding: 0.25em 0;
1091 | }
1092 | 
1093 | /* Calendar */
1094 | 
1095 | .widget_calendar caption {
1096 | 	font-size: 0.9em;
1097 | 	letter-spacing: 1px;
1098 | 	padding-bottom: 0.25em;
1099 | 	text-align: center;
1100 | 	text-transform: uppercase;
1101 | }
1102 | 
1103 | .widget_calendar th,
1104 | .widget_calendar td {
1105 | 	text-align: center;
1106 | }
1107 | 
1108 | .widget_calendar td {
1109 | 	word-wrap: normal;
1110 | }
1111 | 
1112 | /* Goodreads */
1113 | 
1114 | .widget_goodreads div[class^="gr_custom_container"] {
1115 | 	background: transparent;
1116 | 	border: 0;
1117 | 	border-radius: 0;
1118 | 	color: inherit;
1119 | }
1120 | 
1121 | .widget_goodreads div[class^="gr_custom_container"] a {
1122 | 	color: inherit;
1123 | }
1124 | 
1125 | .widget_goodreads div[class^="gr_custom_each_container"] {
1126 | 	border-bottom: 1px dashed rgba(255,255,255,0.2);
1127 | }
1128 | 
1129 | /* Jetpack - Recent Posts */
1130 | 
1131 | .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4:not(:first-child) {
1132 | 	border-top: 1px dashed rgba(255,255,255,0.2);
1133 | 	margin-top: 1em;
1134 | 	padding-top: 1em;
1135 | }
1136 | 
1137 | /* Recent Posts */
1138 | 
1139 | .widget_recent_entries .post-date {
1140 | 	display: block;
1141 | 	font-size: 0.9em;
1142 | }
1143 | 
1144 | /* Search */
1145 | 
1146 | .widget_search input[type="search"] {
1147 | 	border: 0;
1148 | 	padding: 6px 3px;
1149 | }
1150 | 
1151 | /* Social */
1152 | 
1153 | .widget.widget_wpcom_social_media_icons_widget ul li:not(:last-child) {
1154 | 	border-bottom: 0;
1155 | }
1156 | 
1157 | .widget_wpcom_social_media_icons_widget a.genericon {
1158 | 	font-size: 20px;
1159 | 	font-size: 1.25rem;
1160 | }
1161 | 
1162 | /* Tag Cloud */
1163 | 
1164 | .widget.widget_tag_cloud ul li:not(:last-child) {
1165 | 	border-bottom: 0;
1166 | }
1167 | 
1168 | .widget_tag_cloud ul {
1169 | 	list-style: none;
1170 | }
1171 | 
1172 | .widget_tag_cloud ul li {
1173 | 	display: inline;
1174 | }
1175 | 
1176 | .widget_tag_cloud ul li a {
1177 | 	background-color: #54656f;
1178 | 	border-bottom: 0;
1179 | 	color: #fff;
1180 | 	display: inline-block;
1181 | 	margin-bottom: 0.2em;
1182 | 	padding: 0.2em 0.5em 0.25em;
1183 | }
1184 | 
1185 | .widget_tag_cloud ul li a:hover {
1186 | 	background-color: transparent;
1187 | 	text-decoration: none;
1188 | }
1189 | 
1190 | /*--------------------------------------------------------------
1191 | # Content
1192 | --------------------------------------------------------------*/
1193 | /*--------------------------------------------------------------
1194 | ## Posts and pages
1195 | --------------------------------------------------------------*/
1196 | .sticky {
1197 | 	display: block;
1198 | }
1199 | 
1200 | .hentry,
1201 | .error404 section.not-found,
1202 | .search-no-results .not-found {
1203 | 	padding-top: 25px;
1204 | }
1205 | 
1206 | .blog article.hentry:nth-of-type(4n+2),
1207 | .archive article.hentry:nth-of-type(4n+2),
1208 | .search article.hentry:nth-of-type(4n+2) {
1209 | 	padding-top: 13px;
1210 | }
1211 | 
1212 | .blog article.hentry:nth-of-type(4n+3),
1213 | .archive article.hentry:nth-of-type(4n+3),
1214 | .search article.hentry:nth-of-type(4n+3),
1215 | .blog article.hentry:nth-of-type(4n+4),
1216 | .archive article.hentry:nth-of-type(4n+4),
1217 | .search article.hentry:nth-of-type(4n+4) {
1218 | 	padding-top: 10px;
1219 | }
1220 | 
1221 | .error404 section.not-found,
1222 | .search-no-results .not-found {
1223 | 	padding-bottom: 0.5em;
1224 | }
1225 | 
1226 | @media screen and (min-width: 37.5em) {
1227 | 	.hentry,
1228 | 	.error404 section.not-found,
1229 | 	.search-no-results .not-found {
1230 | 		padding-top: 45px;
1231 | 	}
1232 | 
1233 | 	.blog article.hentry:nth-of-type(4n+2),
1234 | 	.archive article.hentry:nth-of-type(4n+2),
1235 | 	.search article.hentry:nth-of-type(4n+2) {
1236 | 		padding-top: 33px;
1237 | 	}
1238 | 
1239 | 	.blog article.hentry:nth-of-type(4n+3),
1240 | 	.archive article.hentry:nth-of-type(4n+3),
1241 | 	.search article.hentry:nth-of-type(4n+3) {
1242 | 		padding-top: 25px;
1243 | 	}
1244 | 
1245 | 	.blog article.hentry:nth-of-type(4n+4),
1246 | 	.archive article.hentry:nth-of-type(4n+4),
1247 | 	.search article.hentry:nth-of-type(4n+4) {
1248 | 		padding-top: 30px;
1249 | 	}
1250 | 
1251 | 	.error404 section.not-found,
1252 | 	.search-no-results .not-found {
1253 | 		padding-bottom: 2em;
1254 | 	}
1255 | }
1256 | 
1257 | /*Grey: #546A76*/
1258 | 
1259 | /* Light Green */
1260 | .blog article.hentry:nth-of-type(4n+1),
1261 | .archive article.hentry:nth-of-type(4n+1),
1262 | .search article.hentry:nth-of-type(4n+1) {
1263 | 	background-color: #dceab2;
1264 | }
1265 | 
1266 | .blog article.hentry:nth-of-type(4n+1):after,
1267 | .archive article.hentry:nth-of-type(4n+1):after,
1268 | .search article.hentry:nth-of-type(4n+1):after {
1269 | 	background:
1270 | 		linear-gradient(#dceab2 50%, rgba(255,255,255,0) 0) 0 0,
1271 | 		radial-gradient(circle closest-side, #dceab2 53%, rgba(255,255,255,0) 0) 0 0,
1272 | 		radial-gradient(circle closest-side, #dceab2 50%, rgba(255,255,255,0) 0) 25px 0 #FC814A;
1273 | 	background-size: 50px 50px;
1274 | 	background-repeat: repeat-x;
1275 | 	content: '';
1276 | 	display: block;
1277 | 	height: 50px;
1278 | }
1279 | 
1280 | .hentry:nth-of-type(4n+1) .entry-header,
1281 | .hentry:nth-of-type(4n+1) .entry-header:before,
1282 | .hentry:nth-of-type(4n+1) .entry-header:after,
1283 | .error404 section.not-found .page-header,
1284 | .error404 section.not-found .page-header:before,
1285 | .error404 section.not-found .page-header:after,
1286 | .search-no-results .not-found .page-header,
1287 | .search-no-results .not-found .page-header:before,
1288 | .search-no-results .not-found .page-header:after {
1289 | 	background-color: #cedca5;
1290 | }
1291 | 
1292 | .hentry:nth-of-type(4n+1) .entry-title:before,
1293 | .hentry:nth-of-type(4n+1) .page-title:before,
1294 | .error404 section.not-found .page-title:before,
1295 | .search-no-results .not-found .page-title:before {
1296 | 	background: linear-gradient(to right bottom, #cedca5 50%, transparent 50%);
1297 | 	top: 0;
1298 | }
1299 | 
1300 | .hentry:nth-of-type(4n+1) .entry-title:after,
1301 | .hentry:nth-of-type(4n+1) .page-title:after,
1302 | .error404 section.not-found .page-title:after,
1303 | .search-no-results .not-found .page-title:after {
1304 | 	background: linear-gradient(to right top, #cedca5 50%, transparent 50%);
1305 | 	bottom: 0;
1306 | }
1307 | 
1308 | /* Orange */
1309 | .blog article.hentry:nth-of-type(4n+2),
1310 | .archive article.hentry:nth-of-type(4n+2),
1311 | .search article.hentry:nth-of-type(4n+2) {
1312 | 	background-color: #fc814a;
1313 | 	background-image: radial-gradient( rgba(255,255,255, 0.15) 15%, transparent 16%),
1314 | 	radial-gradient( rgba(255,255,255, 0.15) 15%, transparent 16%);
1315 | 	background-size:20px 20px;
1316 | 	background-position: 0 0, 10px 10px;
1317 | 	/* border-top: 15px solid #fc814a; */
1318 | 	border-bottom: 10px solid #fc814a;
1319 | }
1320 | 
1321 | .hentry:nth-of-type(4n+2) .entry-header,
1322 | .hentry:nth-of-type(4n+2) .entry-header:before,
1323 | .hentry:nth-of-type(4n+2) .entry-header:after {
1324 | 	background-color: #eb7039;
1325 | }
1326 | 
1327 | .hentry:nth-of-type(4n+2) .entry-title:before,
1328 | .hentry:nth-of-type(4n+2) .page-title:before {
1329 | 	background: linear-gradient(to right bottom, #eb7039 50%, transparent 50%);
1330 | 	top: 0;
1331 | }
1332 | 
1333 | .hentry:nth-of-type(4n+2) .entry-title:after,
1334 | .hentry:nth-of-type(4n+2) .page-title:after {
1335 | 	background: linear-gradient(to right top, #eb7039 50%, transparent 50%);
1336 | 	bottom: 0;
1337 | }
1338 | 
1339 | .blog article.hentry:nth-of-type(4n+2) button,
1340 | .blog article.hentry:nth-of-type(4n+2) input[type="button"],
1341 | .blog article.hentry:nth-of-type(4n+2) input[type="reset"],
1342 | .blog article.hentry:nth-of-type(4n+2) input[type="submit"],
1343 | .archive article.hentry:nth-of-type(4n+2) button,
1344 | .archive article.hentry:nth-of-type(4n+2) input[type="button"],
1345 | .archive article.hentry:nth-of-type(4n+2) input[type="reset"],
1346 | .archive article.hentry:nth-of-type(4n+2) input[type="submit"],
1347 | .search article.hentry:nth-of-type(4n+2) button,
1348 | .search article.hentry:nth-of-type(4n+2) input[type="button"],
1349 | .search article.hentry:nth-of-type(4n+2) input[type="reset"],
1350 | .search article.hentry:nth-of-type(4n+2) input[type="submit"] {
1351 | 	background-color: #dceab2;
1352 | 	color: #61844e;
1353 | }
1354 | 
1355 | .blog article.hentry:nth-of-type(4n+2) button:hover,
1356 | .blog article.hentry:nth-of-type(4n+2) button:focus,
1357 | .blog article.hentry:nth-of-type(4n+2) input[type="button"]:hover,
1358 | .blog article.hentry:nth-of-type(4n+2) input[type="button"]:focus,
1359 | .blog article.hentry:nth-of-type(4n+2) input[type="reset"]:hover,
1360 | .blog article.hentry:nth-of-type(4n+2) input[type="reset"]:focus,
1361 | .blog article.hentry:nth-of-type(4n+2) input[type="submit"]:hover,
1362 | .blog article.hentry:nth-of-type(4n+2) input[type="submit"]:focus,
1363 | .archive article.hentry:nth-of-type(4n+2) button:hover,
1364 | .archive article.hentry:nth-of-type(4n+2) button:focus,
1365 | .archive article.hentry:nth-of-type(4n+2) input[type="button"]:hover,
1366 | .archive article.hentry:nth-of-type(4n+2) input[type="button"]:focus,
1367 | .archive article.hentry:nth-of-type(4n+2) input[type="reset"]:hover,
1368 | .archive article.hentry:nth-of-type(4n+2) input[type="reset"]:focus,
1369 | .archive article.hentry:nth-of-type(4n+2) input[type="submit"]:hover,
1370 | .archive article.hentry:nth-of-type(4n+2) input[type="submit"]:focus,
1371 | .search article.hentry:nth-of-type(4n+2) button:hover,
1372 | .search article.hentry:nth-of-type(4n+2) button:focus,
1373 | .search article.hentry:nth-of-type(4n+2) input[type="button"]:hover,
1374 | .search article.hentry:nth-of-type(4n+2) input[type="button"]:focus,
1375 | .search article.hentry:nth-of-type(4n+2) input[type="reset"]:hover,
1376 | .search article.hentry:nth-of-type(4n+2) input[type="reset"]:focus,
1377 | .search article.hentry:nth-of-type(4n+2) input[type="submit"]:hover,
1378 | .search article.hentry:nth-of-type(4n+2) input[type="submit"]:focus {
1379 | 	background-color: #cedca5;
1380 | }
1381 | 
1382 | /* Blue */
1383 | .blog article.hentry:nth-of-type(4n+3),
1384 | .archive article.hentry:nth-of-type(4n+3),
1385 | .search article.hentry:nth-of-type(4n+3) {
1386 | 	background-color: #89D2DC;
1387 | }
1388 | 
1389 | .blog article.hentry:nth-of-type(4n+3):before,
1390 | .archive article.hentry:nth-of-type(4n+3):before,
1391 | .search article.hentry:nth-of-type(4n+3):before,
1392 | .blog article.hentry:nth-of-type(4n+3):after,
1393 | .archive article.hentry:nth-of-type(4n+3):after,
1394 | .search article.hentry:nth-of-type(4n+3):after {
1395 | 	background: repeating-linear-gradient(90deg, transparent, transparent 3px, rgba(0,0,0,0.1) 3px, rgba(0,0,0,0.1) 6px);
1396 | 	content: '';
1397 | 	display: block;
1398 | 	height: 15px;
1399 | 	position: relative;
1400 | }
1401 | 
1402 | .blog article.hentry:nth-of-type(4n+3):before,
1403 | .archive article.hentry:nth-of-type(4n+3):before,
1404 | .search article.hentry:nth-of-type(4n+3):before {
1405 | 	top: -10px;
1406 | }
1407 | 
1408 | @media only screen and (min-width: 37.5em) {
1409 | 	.blog article.hentry:nth-of-type(4n+3):before,
1410 | 	.archive article.hentry:nth-of-type(4n+3):before,
1411 | 	.search article.hentry:nth-of-type(4n+3):before,
1412 | 	.blog article.hentry:nth-of-type(4n+3):after,
1413 | 	.archive article.hentry:nth-of-type(4n+3):after,
1414 | 	.search article.hentry:nth-of-type(4n+3):after {
1415 | 		height: 20px;
1416 | 	}
1417 | 
1418 | 	.blog article.hentry:nth-of-type(4n+3):before,
1419 | 	.archive article.hentry:nth-of-type(4n+3):before,
1420 | 	.search article.hentry:nth-of-type(4n+3):before {
1421 | 		top: -25px;
1422 | 	}
1423 | }
1424 | 
1425 | .hentry:nth-of-type(4n+3) .entry-header,
1426 | .hentry:nth-of-type(4n+3) .entry-header:before,
1427 | .hentry:nth-of-type(4n+3) .entry-header:after {
1428 | 	background-color: #9ee3ec;
1429 | }
1430 | 
1431 | .hentry:nth-of-type(4n+3) .entry-title:before,
1432 | .hentry:nth-of-type(4n+3) .page-title:before {
1433 | 	background: linear-gradient(to right bottom, #9ee3ec 50%, transparent 50%);
1434 | 	top: 0;
1435 | }
1436 | 
1437 | .hentry:nth-of-type(4n+3) .entry-title:after,
1438 | .hentry:nth-of-type(4n+3) .page-title:after {
1439 | 	background: linear-gradient(to right top, #9ee3ec 50%, transparent 50%);
1440 | 	bottom: 0;
1441 | }
1442 | 
1443 | /* Dark Green */
1444 | .blog article.hentry:nth-of-type(4n+4),
1445 | .archive article.hentry:nth-of-type(4n+4),
1446 | .search article.hentry:nth-of-type(4n+4) {
1447 | 	background-color: #88AB75;
1448 | 	background-image: linear-gradient(90deg, rgba(220,234,178,.1) 50%, transparent 50%),
1449 | 	linear-gradient(rgba(220,234,178,.1) 50%, transparent 50%);
1450 | 	background-size:50px 50px;
1451 | 	border-top: 15px solid #88AB75;
1452 | 	border-bottom: 15px solid #88AB75;
1453 | }
1454 | 
1455 | .blog article.hentry:nth-of-type(4n+2),
1456 | .archive article.hentry:nth-of-type(4n+2),
1457 | .search article.hentry:nth-of-type(4n+2),
1458 | .blog article.hentry:nth-of-type(4n+2) .entry-content a,
1459 | .archive article.hentry:nth-of-type(4n+2) .entry-content a,
1460 | .search article.hentry:nth-of-type(4n+2) .entry-content a,
1461 | .blog article.hentry:nth-of-type(4n+4),
1462 | .archive article.hentry:nth-of-type(4n+4),
1463 | .search article.hentry:nth-of-type(4n+4),
1464 | .blog article.hentry:nth-of-type(4n+4) .entry-content a,
1465 | .archive article.hentry:nth-of-type(4n+4) .entry-content a,
1466 | .search article.hentry:nth-of-type(4n+4) .entry-content a {
1467 | 	color: #fff;
1468 | }
1469 | 
1470 | .hentry:nth-of-type(4n+4) .entry-header,
1471 | .hentry:nth-of-type(4n+4) .entry-header:before,
1472 | .hentry:nth-of-type(4n+4) .entry-header:after {
1473 | 	background-color: #6f945b;
1474 | }
1475 | 
1476 | .hentry:nth-of-type(4n+4) .entry-title:before,
1477 | .hentry:nth-of-type(4n+4) .page-title:before {
1478 | 	background: linear-gradient(to right bottom, #6f945b 50%, transparent 50%);
1479 | 	top: 0;
1480 | }
1481 | 
1482 | .hentry:nth-of-type(4n+4) .entry-title:after,
1483 | .hentry:nth-of-type(4n+4) .page-title:after {
1484 | 	background: linear-gradient(to right top, #6f945b 50%, transparent 50%);
1485 | 	bottom: 0;
1486 | }
1487 | 
1488 | .updated:not(.published) {
1489 | 	display: none;
1490 | }
1491 | 
1492 | .entry-content,
1493 | .entry-summary,
1494 | .post-thumbnail,
1495 | .page-content {
1496 | 	display: block;
1497 | 	margin-top: 1.5em;
1498 | }
1499 | 
1500 | .entry-content > h1:first-child,
1501 | .entry-content > h2:first-child,
1502 | .entry-content > h3:first-child,
1503 | .entry-content > h4:first-child,
1504 | .entry-content > h5:first-child,
1505 | .entry-content > h6:first-child {
1506 | 	margin-top: 0;
1507 | }
1508 | 
1509 | .page .entry-content,
1510 | .page-content {
1511 | 	padding-bottom: 2em;
1512 | }
1513 | 
1514 | @media screen and (min-width: 37.5em) {
1515 | 	.page-content,
1516 | 	.entry-content,
1517 | 	.entry-summary,
1518 | 	.post-thumbnail {
1519 | 		margin-top: 1.5em;
1520 | 	}
1521 | }
1522 | 
1523 | /* Entry headers */
1524 | 
1525 | .entry-title,
1526 | .page-title {
1527 | 	font-size: 32px;
1528 | 	font-size: 2rem;
1529 | 	line-height: 1.3;
1530 | 	margin-bottom: 0.25em;
1531 | }
1532 | 
1533 | .date-hidden.author-hidden .entry-title {
1534 | 	margin-bottom: 0;
1535 | }
1536 | 
1537 | .entry-title a,
1538 | .page-title a {
1539 | 	border-bottom-color: transparent;
1540 | 	text-decoration: none;
1541 | }
1542 | 
1543 | .entry-meta {
1544 | 	font-size: 14px;
1545 | 	font-weight: bold;
1546 | 	text-transform: uppercase;
1547 | }
1548 | 
1549 | .entry-meta a {
1550 | 	font-size: 16px;
1551 | 	font-weight: normal;
1552 | 	text-transform: none;
1553 | }
1554 | 
1555 | /* Ribbon behind headers */
1556 | 
1557 | .entry-header,
1558 | .no-results .page-header,
1559 | .not-found .page-header {
1560 | 	background-color: #fff;
1561 | 	padding: 0.75em 0;
1562 | 	position: relative;
1563 | }
1564 | 
1565 | .entry-header .entry-title,
1566 | .no-results .page-header .page-title,
1567 | .not-found .page-header .page-title {
1568 | 	margin-top: 0;
1569 | }
1570 | 
1571 | .page-title,
1572 | .page .entry-title {
1573 | 	margin-bottom: 0;
1574 | }
1575 | 
1576 | .entry-header:before,
1577 | .no-results .page-header:before,
1578 | .not-found .page-header:before,
1579 | .entry-header:after,
1580 | .no-results .page-header:after,
1581 | .not-found .page-header:after {
1582 | 	background-color: #fff;
1583 | 	bottom: 0;
1584 | 	content: "";
1585 | 	position: absolute;
1586 | 	top: 0;
1587 | 	left: -5%;
1588 | 	width: 5%;
1589 | }
1590 | 
1591 | .entry-header:after,
1592 | .no-results .page-header:after,
1593 | .not-found .page-header:after {
1594 | 	left: auto;
1595 | 	right: -5%;
1596 | }
1597 | 
1598 | .entry-title,
1599 | .no-results .page-title,
1600 | .not-found .page-title {
1601 | 	position: static;
1602 | }
1603 | 
1604 | .entry-title:before,
1605 | .no-results .page-title:before,
1606 | .not-found .page-title:before,
1607 | .entry-title:after,
1608 | .no-results .page-title:after,
1609 | .not-found .page-title:after {
1610 | 	content: "";
1611 | 	display: none;
1612 | 	height: 50%;
1613 | 	left: 100%;
1614 | 	position: absolute;
1615 | 	width: 25px;
1616 | }
1617 | 
1618 | .entry-title:before,
1619 | .no-results .page-title:before,
1620 | .not-found .page-title:before {
1621 | 	background: linear-gradient(to right bottom, #fff 50%, transparent 50%);
1622 | 	top: 0;
1623 | }
1624 | 
1625 | .entry-title:after,
1626 | .no-results .page-title:after,
1627 | .not-found .page-title:after {
1628 | 	background: linear-gradient(to right top, #fff 50%, transparent 50%);
1629 | 	bottom: 0;
1630 | }
1631 | 
1632 | @media screen and (min-width: 50em) {
1633 | 	.entry-header,
1634 | 	.no-results .page-header,
1635 | 	.not-found .page-header {
1636 | 		padding-right: 2em;
1637 | 	}
1638 | 
1639 | 	.entry-header:before,
1640 | 	.entry-header:after,
1641 | 	.no-results .page-header:before,
1642 | 	.no-results .page-header:after,
1643 | 	.not-found .page-header:before,
1644 | 	.not-found .page-header:after {
1645 | 		left: -200%;
1646 | 		width: 200%;
1647 | 	}
1648 | 
1649 | 	.entry-header:after,
1650 | 	.no-results .page-header:after,
1651 | 	.not-found .page-header:after {
1652 | 		display: none;
1653 | 	}
1654 | 
1655 | 	.entry-title:before,
1656 | 	.no-results .page-title:before,
1657 | 	.not-found .page-title:before,
1658 | 	.entry-title:after,
1659 | 	.no-results .page-title:after,
1660 | 	.not-found .page-title:after {
1661 | 		display: block;
1662 | 	}
1663 | }
1664 | 
1665 | /* Password Protected form */
1666 | 
1667 | .post-password-form input {
1668 | 	display: block;
1669 | 	margin-bottom: 0.5em;
1670 | 	width: 100%;
1671 | }
1672 | 
1673 | @media screen and (min-width: 30em) {
1674 | 	.post-password-form input {
1675 | 		display: inline-block;
1676 | 		width: auto;
1677 | 	}
1678 | }
1679 | 
1680 | /* Entry footer */
1681 | 
1682 | .page-links {
1683 | 	clear: both;
1684 | 	margin: 0 0 1.5em;
1685 | }
1686 | 
1687 | .page-links span {
1688 | 	background-color: rgba(0,0,0,0.05);
1689 | 	border-radius: 1em;
1690 | 	display: inline-block;
1691 | 	min-width: 2em;
1692 | 	padding: 0.15em 0.3em;
1693 | 	text-align: center;
1694 | }
1695 | 
1696 | .page-links > span {
1697 | 	background-color: rgba(0,0,0,0.15);
1698 | 	font-weight: bold;
1699 | }
1700 | 
1701 | .page-links a {
1702 | 	display: inline-block;
1703 | 	margin-bottom: 0.1em;
1704 | }
1705 | 
1706 | .page-links a:hover,
1707 | .page-links a:focus {
1708 | 	border: 0;
1709 | }
1710 | 
1711 | .page-links a:hover span {
1712 | 	background-color: rgba(0,0,0,0.15);
1713 | }
1714 | 
1715 | .entry-footer {
1716 | 	font-size: 0.9em;
1717 | 	font-family: "Lato", Helvetica, sans-serif;
1718 | 	padding-bottom: 29px;
1719 | }
1720 | 
1721 | .blog article.hentry:nth-of-type(4n+1) .entry-footer,
1722 | .blog article.hentry:nth-of-type(4n+1) .entry-footer,
1723 | .blog article.hentry:nth-of-type(4n+1) .entry-footer {
1724 | 	padding-bottom: 10px;
1725 | }
1726 | 
1727 | .blog article.hentry:nth-of-type(4n+3) .entry-footer,
1728 | .blog article.hentry:nth-of-type(4n+3) .entry-footer,
1729 | .blog article.hentry:nth-of-type(4n+3) .entry-footer,
1730 | .blog article.hentry:nth-of-type(4n+4) .entry-footer,
1731 | .blog article.hentry:nth-of-type(4n+4) .entry-footer,
1732 | .blog article.hentry:nth-of-type(4n+4) .entry-footer {
1733 | 	padding-bottom: 24px;
1734 | }
1735 | 
1736 | @media only screen and (min-width: 37.5em) {
1737 | 	.entry-footer {
1738 | 		padding-bottom: 54px;
1739 | 	}
1740 | 
1741 | 	.blog article.hentry:nth-of-type(4n+1) .entry-footer,
1742 | 	.blog article.hentry:nth-of-type(4n+1) .entry-footer,
1743 | 	.blog article.hentry:nth-of-type(4n+1) .entry-footer {
1744 | 		padding-bottom: 34px;
1745 | 	}
1746 | 
1747 | 	.blog article.hentry:nth-of-type(4n+3) .entry-footer,
1748 | 	.blog article.hentry:nth-of-type(4n+3) .entry-footer,
1749 | 	.blog article.hentry:nth-of-type(4n+3) .entry-footer {
1750 | 		padding-bottom: 43px;
1751 | 	}
1752 | 
1753 | 	.blog article.hentry:nth-of-type(4n+4) .entry-footer,
1754 | 	.blog article.hentry:nth-of-type(4n+4) .entry-footer,
1755 | 	.blog article.hentry:nth-of-type(4n+4) .entry-footer {
1756 | 		padding-bottom: 49px;
1757 | 	}
1758 | }
1759 | 
1760 | .blog article.hentry:nth-of-type(4n+1) a,
1761 | .blog article.hentry:nth-of-type(4n+1) a:visited,
1762 | .blog article.hentry:nth-of-type(4n+1) .entry-footer,
1763 | .blog article.hentry:nth-of-type(4n+1) .entry-meta,
1764 | .archive article.hentry:nth-of-type(4n+1) a,
1765 | .archive article.hentry:nth-of-type(4n+1) a:visited,
1766 | .archive article.hentry:nth-of-type(4n+1) .entry-footer,
1767 | .archive article.hentry:nth-of-type(4n+1) .entry-meta,
1768 | .search article.hentry:nth-of-type(4n+1) a,
1769 | .search article.hentry:nth-of-type(4n+1) a:visited,
1770 | .search article.hentry:nth-of-type(4n+1) .entry-footer,
1771 | .search article.hentry:nth-of-type(4n+1) .entry-meta {
1772 | 	color: #567B42;
1773 | }
1774 | 
1775 | .blog article.hentry:nth-of-type(4n+2) a,
1776 | .blog article.hentry:nth-of-type(4n+2) a:visited,
1777 | .blog article.hentry:nth-of-type(4n+2) .entry-footer,
1778 | .blog article.hentry:nth-of-type(4n+2) .entry-meta,
1779 | .archive article.hentry:nth-of-type(4n+2) a,
1780 | .archive article.hentry:nth-of-type(4n+2) a:visited,
1781 | .archive article.hentry:nth-of-type(4n+2) .entry-footer,
1782 | .archive article.hentry:nth-of-type(4n+2) .entry-meta,
1783 | .search article.hentry:nth-of-type(4n+2) a,
1784 | .search article.hentry:nth-of-type(4n+2) a:visited,
1785 | .search article.hentry:nth-of-type(4n+2) .entry-footer,
1786 | .search article.hentry:nth-of-type(4n+2) .entry-meta,
1787 | .blog article.hentry:nth-of-type(4n+4) a,
1788 | .blog article.hentry:nth-of-type(4n+4) a:visited,
1789 | .blog article.hentry:nth-of-type(4n+4) .entry-footer,
1790 | .blog article.hentry:nth-of-type(4n+4) .entry-meta,
1791 | .archive article.hentry:nth-of-type(4n+4) a,
1792 | .archive article.hentry:nth-of-type(4n+4) a:visited,
1793 | .archive article.hentry:nth-of-type(4n+4) .entry-footer,
1794 | .archive article.hentry:nth-of-type(4n+4) .entry-meta,
1795 | .search article.hentry:nth-of-type(4n+4) a,
1796 | .search article.hentry:nth-of-type(4n+4) a:visited,
1797 | .search article.hentry:nth-of-type(4n+4) .entry-footer,
1798 | .search article.hentry:nth-of-type(4n+4) .entry-meta {
1799 | 	color: #E5ECBC;
1800 | }
1801 | 
1802 | .blog article.hentry:nth-of-type(4n+3) a,
1803 | .blog article.hentry:nth-of-type(4n+3) a:visited,
1804 | .blog article.hentry:nth-of-type(4n+3) .entry-footer,
1805 | .blog article.hentry:nth-of-type(4n+3) .entry-meta,
1806 | .archive article.hentry:nth-of-type(4n+3) a,
1807 | .archive article.hentry:nth-of-type(4n+3) a:visited,
1808 | .archive article.hentry:nth-of-type(4n+3) .entry-footer,
1809 | .archive article.hentry:nth-of-type(4n+3) .entry-meta,
1810 | .search article.hentry:nth-of-type(4n+3) a,
1811 | .search article.hentry:nth-of-type(4n+3) a:visited,
1812 | .search article.hentry:nth-of-type(4n+3) .entry-footer,
1813 | .search article.hentry:nth-of-type(4n+3) .entry-meta {
1814 | 	color: #25798E;
1815 | }
1816 | 
1817 | .entry-footer > span {
1818 | 	margin-right: .5em;
1819 | }
1820 | 
1821 | .entry-footer > span:after {
1822 | 	content: "//";
1823 | 	display: inline-block;
1824 | 	margin-left: .5em;
1825 | 	opacity: 0.5;
1826 | }
1827 | 
1828 | .entry-footer > span:last-child {
1829 | 	margin-right: 0;
1830 | }
1831 | 
1832 | .entry-footer > span:last-child:after {
1833 | 	display: none;
1834 | }
1835 | 
1836 | .posts-navigation {
1837 | 	background: #546A76;
1838 | 	background:
1839 | 		radial-gradient(circle farthest-side at 0% 50%,#637782 23.5%,rgba(240,166,17,0) 0)21px 30px,
1840 | 		radial-gradient(circle farthest-side at 0% 50%,#546a76 24%,rgba(240,166,17,0) 0)19px 30px,
1841 | 		linear-gradient(#637782 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#637782 0)0 0,
1842 | 		linear-gradient(150deg,#637782 24%,#546a76 0,#546a76 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#546a76 0,#546a76 76%,#637782 0)0 0,
1843 | 		linear-gradient(30deg,#637782 24%,#546a76 0,#546a76 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#546a76 0,#546a76 76%,#637782 0)0 0,
1844 | 		linear-gradient(90deg,#546a76 2%,#637782 0,#637782 98%,#546a76 0%)0 0 #637782;
1845 | 	background-size:40px 60px;
1846 | 	border-top: 10px solid #546A76;
1847 | 	border-bottom: 10px solid #546A76;
1848 | 	color: #fff;
1849 | 	padding: 2em 0;
1850 | }
1851 | 
1852 | .posts-navigation a {
1853 | 	color: #fff;
1854 | }
1855 | 
1856 | .posts-navigation a:hover {
1857 | 	text-decoration: underline;
1858 | }
1859 | 
1860 | .entry-footer .cat-links .screen-reader-text,
1861 | .entry-footer .tags-links .screen-reader-text {
1862 | 	clip: auto;
1863 | 	clip-path: none;
1864 | 	height: auto;
1865 | 	position: static !important;
1866 | 	display: inline-block;
1867 | 	overflow: initial;
1868 | 	width: auto;
1869 | 	text-transform: uppercase;
1870 | 	font-weight: bold;
1871 | 	font-size: 14px;
1872 | }
1873 | 
1874 | /*--------------------------------------------------------------
1875 | ## Single Posts
1876 | --------------------------------------------------------------*/
1877 | 
1878 | .single article.hentry,
1879 | .page article.hentry,
1880 | .error404 section.not-found,
1881 | .search-no-results .not-found {
1882 | 	background-color: #eef7d2;
1883 | }
1884 | 
1885 | .post-navigation {
1886 | 	background: #88AB75;
1887 | 	background-image: radial-gradient( rgba(255,255,255, 0.15) 15%, transparent 16%), radial-gradient( rgba(255,255,255, 0.15) 15%, transparent 16%);
1888 | 	background-size: 20px 20px;
1889 | 	background-position: 0 0, 10px 10px;
1890 | 	border-top: 15px solid #88AB75;
1891 | 	border-bottom: 15px solid #88AB75;
1892 | 	color: #fff;
1893 | 	padding: 1em 0;
1894 | }
1895 | 
1896 | @media screen and (min-width: 37.5em) {
1897 | 	.post-navigation {
1898 | 		padding: 2em 0;
1899 | 	}
1900 | }
1901 | 
1902 | .post-navigation a {
1903 | 	color: #fff;
1904 | }
1905 | 
1906 | .post-navigation .nav-subtitle {
1907 | 	color: rgba(255,255,255,0.8);
1908 | 	font-size: 0.8em;
1909 | 	font-weight: bold;
1910 | 	display: block;
1911 | }
1912 | 
1913 | /*--------------------------------------------------------------
1914 | ## Author Bio
1915 | --------------------------------------------------------------*/
1916 | .entry-author {
1917 | 	border-top: 1px dashed rgba(136,171,117, 0.5);
1918 | 	padding: 2em 0;
1919 | }
1920 | 
1921 | .entry-author .author-avatar {
1922 | 	display: none;
1923 | }
1924 | 
1925 | .entry-author .author-avatar img {
1926 | 	border: 1px solid rgba(136,171,117, 0.5);
1927 | 	border-radius: 90px;
1928 | 	display: block;
1929 | 	height: 90px;
1930 | 	overflow: hidden;
1931 | 	padding: 3px;
1932 | 	width: 90px;
1933 | }
1934 | 
1935 | @media screen and (min-width: 37.5em) {
1936 | 	.entry-author .author-avatar {
1937 | 		float: left;
1938 | 		display: block;
1939 | 	}
1940 | 
1941 | 	.author-heading,
1942 | 	.author-bio {
1943 | 		margin-left: 110px;
1944 | 	}
1945 | }
1946 | 
1947 | .author-title {
1948 | 	clear: none;
1949 | 	font-size: 24px;
1950 | 	font-size: 1.5rem;
1951 | 	margin: 0 0 0.25em;
1952 | }
1953 | 
1954 | .author-link {
1955 | 	display: block;
1956 | 	font-size: 0.9em;
1957 | 	float: left;
1958 | 	margin-top: 0.5em;
1959 | }
1960 | 
1961 | /*--------------------------------------------------------------
1962 | ## Comments
1963 | --------------------------------------------------------------*/
1964 | 
1965 | .comments-area {
1966 | 	background-color: #c1e7ec;
1967 | 	padding: 2em 0;
1968 | }
1969 | 
1970 | .comment-list,
1971 | .comments-title {
1972 | 	margin: 0 auto;
1973 | 	padding: 0;
1974 | 	max-width: 92%;
1975 | }
1976 | 
1977 | .comment-list,
1978 | .comment-list .children {
1979 | 	list-style: none;
1980 | }
1981 | 
1982 | .comment-content a {
1983 | 	word-wrap: break-word;
1984 | }
1985 | 
1986 | .comment-list .children {
1987 | 	margin-left: 2.25em;
1988 | }
1989 | 
1990 | .comment-list .children .children {
1991 | 	margin-left: 0;
1992 | }
1993 | 
1994 | @media screen and (min-width: 37.5em) {
1995 | 	.comment-list .children .children {
1996 | 		margin-left: 2.25em;
1997 | 	}
1998 | }
1999 | 
2000 | .comment-list > .comment:first-of-type {
2001 | 	border-top: 0;
2002 | 	padding-top: 0;
2003 | }
2004 | 
2005 | .comment-list:after {
2006 | 	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0,0,0,0.2) 5px, rgba(0,0,0,0.2) 8px, transparent 8px, transparent 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 13px, transparent 13px, transparent 15px, rgba(0,0,0,0.2) 15px, rgba(0,0,0,0.2) 18px);
2007 | 	content: '';
2008 | 	display: block;
2009 | 	height: 1px;
2010 | 	margin: 1.5em 0;
2011 | }
2012 | 
2013 | .comment,
2014 | .trackback,
2015 | .pingback {
2016 | 	margin-top: 1.5em;
2017 | }
2018 | 
2019 | .comment:before,
2020 | .trackback:before,
2021 | .pingback:before {
2022 | 	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0,0,0,0.2) 5px, rgba(0,0,0,0.2) 8px, transparent 8px, transparent 10px, rgba(0,0,0,0.2) 10px, rgba(0,0,0,0.2) 13px, transparent 13px, transparent 15px, rgba(0,0,0,0.2) 15px, rgba(0,0,0,0.2) 18px);
2023 | 	content: '';
2024 | 	display: block;
2025 | 	height: 1px;
2026 | 	margin: 1.5em 0;
2027 | }
2028 | 
2029 | .comment .comment-content {
2030 | 	margin-top: 1.5em;
2031 | }
2032 | 
2033 | .comment-meta {
2034 | 	display: block;
2035 | }
2036 | 
2037 | .comment-meta .comment-metadata {
2038 | 	font-size: 0.85em;
2039 | 	margin-left: 85px;
2040 | }
2041 | 
2042 | .pingback .comment-edit-link,
2043 | .trackback .comment-edit-link {
2044 | 	font-size: 0.85em;
2045 | }
2046 | 
2047 | .comment-meta .comment-author {
2048 | 	font-family: "Alegreya", Georgia, "Times New Roman", serif;
2049 | 	font-size: 20px;
2050 | 	font-size: 1.25rem;
2051 | 	font-weight: normal;
2052 | 	margin-left: 85px;
2053 | }
2054 | 
2055 | .comment-meta .comment-author .avatar {
2056 | 	border: 1px solid rgba(0,0,0,0.2);
2057 | 	padding: 3px;
2058 | 	border-radius: 50%;
2059 | 	display: block;
2060 | 	float: left;
2061 | 	margin-left: -85px;
2062 | 	position: relative;
2063 | 	width: 70px;
2064 | 	height: 70px;
2065 | }
2066 | 
2067 | .bypostauthor > .comment-body:first-of-type .comment-author .avatar {
2068 | 	border-color: #c7d66d;
2069 | }
2070 | 
2071 | .comments-area .edit-link:before {
2072 | 	color: rgba(0,0,0,0.3);
2073 | 	content: "\00B7";
2074 | 	display: inline;
2075 | 	margin: 0 0.5em 0 0.4em;
2076 | }
2077 | 
2078 | .comments-title,
2079 | h3#reply-title {
2080 | 	font-size: 1.563em;
2081 | }
2082 | 
2083 | .reply {
2084 | 	font-size: 0.8em;
2085 | }
2086 | 
2087 | .comment-navigation {
2088 | 	font-weight: bold;
2089 | 	padding: 1em 0;
2090 | }
2091 | 
2092 | /* Respond */
2093 | 
2094 | #respond {
2095 | 	margin: 1.5em 0 0;
2096 | 	padding: 1.5em 0 0;
2097 | }
2098 | 
2099 | #respond:first-child {
2100 | 	padding-top: 0;
2101 | }
2102 | 
2103 | .comment-reply-title,
2104 | .comment-form {
2105 | 	margin-left: auto;
2106 | 	margin-right: auto;
2107 | 	max-width: 92%;
2108 | }
2109 | 
2110 | .comment div#respond {
2111 | 	padding-top: 0;
2112 | }
2113 | 
2114 | .comment-form label {
2115 | 	display: inline-block;
2116 | 	width: 109px;
2117 | }
2118 | 
2119 | .comment-form-author,
2120 | .comment-form-email,
2121 | .comment-form-url,
2122 | .comment-form-comment {
2123 | 	margin: 0 0 1.5em;
2124 | 	position: relative;
2125 | }
2126 | 
2127 | .comment-form-author input,
2128 | .comment-form-email input,
2129 | .comment-form-url input {
2130 | 	width: 100%;
2131 | }
2132 | 
2133 | .comment-respond {
2134 | 	padding-top: 1.5em;
2135 | 	margin-top: 1.5em;
2136 | }
2137 | 
2138 | .comment-reply-link {
2139 | 	transition: 0.3s;
2140 | }
2141 | 
2142 | .form-allowed-tags {
2143 | 	color: #bbbbbb;
2144 | }
2145 | 
2146 | .no-comments {
2147 | 	font-style: italic;
2148 | 	text-align: center;
2149 | }
2150 | 
2151 | .required {
2152 | 	color: #f78769;
2153 | }
2154 | 
2155 | /*--------------------------------------------------------------
2156 | ## Archives & Search Results
2157 | --------------------------------------------------------------*/
2158 | 
2159 | .search-form {
2160 | 
2161 | }
2162 | 
2163 | .search-results .site-main,
2164 | .archive .site-main {
2165 | 	background-color: #576b75;
2166 | }
2167 | 
2168 | .search-results .page-header,
2169 | .archive .page-header {
2170 | 	color: #fff;
2171 | 	padding-top: 1em;
2172 | 	padding-bottom: 1em;
2173 | }
2174 | 
2175 | .search-results .page-title,
2176 | .archive .page-title {
2177 | 	margin-top: 0;
2178 | }
2179 | 
2180 | /*--------------------------------------------------------------
2181 | ## Search - no results
2182 | --------------------------------------------------------------*/
2183 | 
2184 | /*--------------------------------------------------------------
2185 | # Infinite scroll
2186 | --------------------------------------------------------------*/
2187 | /* Globally hidden elements when Infinite Scroll is supported and in use. */
2188 | .infinite-scroll .posts-navigation,
2189 | .infinite-scroll.neverending .site-footer {
2190 | 	/* Theme Footer (when set to scrolling) */
2191 | 	display: none;
2192 | }
2193 | 
2194 | /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
2195 | .infinity-end.neverending .site-footer {
2196 | 	display: block;
2197 | }
2198 | 
2199 | #infinite-handle {
2200 | 	background-color: #546a76;
2201 | 	padding: 1em 0;
2202 | 	text-align: center;
2203 | }
2204 | 
2205 | #infinite-handle span {
2206 | 	border: 0;
2207 | 	border-radius: 3px;
2208 | 	background-color: #3c5766;
2209 | 	color: #fff;
2210 | 	font-size: 18px;
2211 | 	font-size: 1.125rem;
2212 | 	font-weight: bold;
2213 | 	line-height: 1;
2214 | 	padding: .6em 1em;
2215 | }
2216 | 
2217 | #infinite-handle button:hover span,
2218 | #infinite-handle button:focus span,
2219 | #infinite-handle button:active span {
2220 | 	background-color: #334d5b;
2221 | }
2222 | 
2223 | .infinite-loader {
2224 | 	background-color: #546a76;
2225 | 	color: #fff;
2226 | 	padding: 2em 0;
2227 | }
2228 | 
2229 | .infinite-loader .spinner {
2230 | 	margin-left: 50%;
2231 | }
2232 | 
2233 | .infinite-loader .spinner div div {
2234 | 	color: inherit !important;
2235 | }
2236 | 
2237 | .site-footer {
2238 | 	background: #546A76;
2239 | 	color: #fff;
2240 | 	font-size: 0.8em;
2241 | 	padding: 1em 0;
2242 | 	text-align: center;
2243 | }
2244 | 
2245 | .site-footer a {
2246 | 	color: #fff;
2247 | }
2248 | 
2249 | .site-info {
2250 | 	margin: 0 auto;
2251 | 	max-width: 92%;
2252 | }
2253 | 
2254 | .entry-header,
2255 | .entry-content,
2256 | .entry-summary,
2257 | .entry-footer,
2258 | .entry-author,
2259 | .page-header,
2260 | .page-content,
2261 | .post-thumbnail {
2262 | 	max-width: 92%;
2263 | 	margin-left: auto;
2264 | 	margin-right: auto;
2265 | 	word-wrap: break-word;
2266 | }
2267 | 
2268 | @media screen and ( min-width: 770px ) {
2269 | 	.entry-header,
2270 | 	.entry-content,
2271 | 	.entry-summary,
2272 | 	.entry-footer,
2273 | 	.entry-author,
2274 | 	.page-header,
2275 | 	.page-content,
2276 | 	.post-thumbnail,
2277 | 	.comment-navigation .nav-links,
2278 | 	.posts-navigation .nav-links,
2279 | 	.post-navigation .nav-links,
2280 | 	.comment-list,
2281 | 	.comments-title,
2282 | 	.comment-reply-title,
2283 | 	.comment-form {
2284 | 		max-width: 730px;
2285 | 	}
2286 | }
2287 | 
2288 | @media screen and (min-width: 1200px) {
2289 | 	.site-branding,
2290 | 	#site-navigation ul,
2291 | 	.site-info {
2292 | 		margin: 0 auto;
2293 | 		max-width: 1100px;
2294 | 	}
2295 | }
2296 | 
2297 | /*--------------------------------------------------------------
2298 | # Media
2299 | --------------------------------------------------------------*/
2300 | .page-content .wp-smiley,
2301 | .entry-content .wp-smiley,
2302 | .comment-content .wp-smiley {
2303 | 	border: none;
2304 | 	margin-bottom: 0;
2305 | 	margin-top: 0;
2306 | 	padding: 0;
2307 | }
2308 | 
2309 | /* Make sure embeds and iframes fit their containers. */
2310 | embed,
2311 | iframe,
2312 | object {
2313 | 	max-width: 100%;
2314 | }
2315 | 
2316 | /* Make sure logo link wraps around logo image. */
2317 | .custom-logo-link {
2318 | 	display: inline-block;
2319 | }
2320 | 
2321 | /* SVG Icons base styles. */
2322 | .icon {
2323 | 	display: inline-block;
2324 | 	fill: currentColor;
2325 | 	height: 1em;
2326 | 	position: relative;
2327 | 	top: -0.0625em;
2328 | 	vertical-align: middle;
2329 | 	width: 1em;
2330 | }
2331 | 
2332 | /*--------------------------------------------------------------
2333 | ## Captions
2334 | --------------------------------------------------------------*/
2335 | .wp-caption {
2336 | 	margin-bottom: 1.5em;
2337 | 	max-width: 100%;
2338 | }
2339 | 
2340 | .wp-caption img[class*="wp-image-"] {
2341 | 	display: block;
2342 | 	margin-left: auto;
2343 | 	margin-right: auto;
2344 | }
2345 | 
2346 | .wp-caption .wp-caption-text {
2347 | 	margin: 0.8075em 0;
2348 | }
2349 | 
2350 | .wp-caption-text {
2351 | 	font-size: 0.85em;
2352 | 	text-align: center;
2353 | }
2354 | 
2355 | /*--------------------------------------------------------------
2356 | ## Galleries
2357 | --------------------------------------------------------------*/
2358 | .gallery {
2359 | 	margin: 0 -1% 1.5em;
2360 | }
2361 | 
2362 | .gallery-item {
2363 | 	display: inline-block;
2364 | 	padding: 0 1%;
2365 | 	text-align: center;
2366 | 	vertical-align: top;
2367 | 	width: 100%;
2368 | }
2369 | 
2370 | .gallery-columns-2 .gallery-item {
2371 | 	max-width: 50%;
2372 | }
2373 | 
2374 | .gallery-columns-3 .gallery-item {
2375 | 	max-width: 33.33%;
2376 | }
2377 | 
2378 | .gallery-columns-4 .gallery-item {
2379 | 	max-width: 25%;
2380 | }
2381 | 
2382 | .gallery-columns-5 .gallery-item {
2383 | 	max-width: 20%;
2384 | }
2385 | 
2386 | .gallery-columns-6 .gallery-item {
2387 | 	max-width: 16.66%;
2388 | }
2389 | 
2390 | .gallery-columns-7 .gallery-item {
2391 | 	max-width: 14.28%;
2392 | }
2393 | 
2394 | .gallery-columns-8 .gallery-item {
2395 | 	max-width: 12.5%;
2396 | }
2397 | 
2398 | .gallery-columns-9 .gallery-item {
2399 | 	max-width: 11.11%;
2400 | }
2401 | 
2402 | .gallery-caption {
2403 | 	display: block;
2404 | }
2405 | 


--------------------------------------------------------------------------------
/template-parts/content-author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * The template for displaying Author Bio
 4 |  *
 5 |  * @package Ohana
 6 |  */
 7 | if ( ! is_single() ) {
 8 | 	return;
 9 | }
10 | ?>
11 | 
12 | <div class="entry-author">
13 | 	<div class="author-avatar">
14 | 		<?php
15 | 		/**
16 | 		 * Filter the author bio avatar size.
17 | 		 *
18 | 		 * @param int $size The avatar height and width size in pixels.
19 | 		 */
20 | 		$author_bio_avatar_size = apply_filters( 'ohana_author_bio_avatar_size', 60 );
21 | 		echo get_avatar( get_the_author_meta( 'user_email' ), $author_bio_avatar_size );
22 | 		?>
23 | 	</div><!-- .author-avatar -->
24 | 
25 | 	<div class="author-heading">
26 | 		<h2 class="author-title"><?php printf( esc_html__( 'Published by %s', 'ohana' ), '<span class="author-name">' . get_the_author() . '</span>' ); ?></h2>
27 | 	</div><!-- .author-heading -->
28 | 
29 | 	<p class="author-bio">
30 | 		<?php the_author_meta( 'description' ); ?>
31 | 		<a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
32 | 			<?php printf( esc_html__( 'View all posts by %s', 'ohana' ), get_the_author() ); ?>
33 | 		</a>
34 | 	</p><!-- .author-bio -->
35 | </div><!-- .entry-auhtor -->
36 | 


--------------------------------------------------------------------------------
/template-parts/content-none.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying a message that posts cannot be found
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <section class="no-results not-found">
13 | 	<header class="page-header">
14 | 		<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'ohana' ); ?></h1>
15 | 	</header><!-- .page-header -->
16 | 
17 | 	<div class="page-content">
18 | 		<?php
19 | 		if ( is_home() && current_user_can( 'publish_posts' ) ) : ?>
20 | 
21 | 			<p><?php
22 | 				printf(
23 | 					wp_kses(
24 | 						/* translators: 1: link to WP admin new post page. */
25 | 						__( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'ohana' ),
26 | 						array(
27 | 							'a' => array(
28 | 								'href' => array(),
29 | 							),
30 | 						)
31 | 					),
32 | 					esc_url( admin_url( 'post-new.php' ) )
33 | 				);
34 | 			?></p>
35 | 
36 | 		<?php elseif ( is_search() ) : ?>
37 | 
38 | 			<p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'ohana' ); ?></p>
39 | 			<?php
40 | 				get_search_form();
41 | 
42 | 		else : ?>
43 | 
44 | 			<p><?php esc_html_e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'ohana' ); ?></p>
45 | 			<?php
46 | 				get_search_form();
47 | 
48 | 		endif; ?>
49 | 	</div><!-- .page-content -->
50 | </section><!-- .no-results -->
51 | 


--------------------------------------------------------------------------------
/template-parts/content-page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying page content in page.php
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
15 | 	</header><!-- .entry-header -->
16 | 
17 | 	<?php ohana_post_thumbnail(); ?>
18 | 
19 | 	<div class="entry-content">
20 | 		<?php
21 | 			the_content();
22 | 
23 | 			wp_link_pages( array(
24 | 				'before'      => '<div class="page-links">' . esc_html__( 'Pages:', 'ohana' ),
25 | 				'after'       => '</div>',
26 | 				'link_before' => '<span>',
27 | 				'link_after'  => '</span>',
28 | 			) );
29 | 		?>
30 | 	</div><!-- .entry-content -->
31 | 
32 | 	<?php if ( get_edit_post_link() ) : ?>
33 | 		<footer class="entry-footer">
34 | 			<?php
35 | 				edit_post_link(
36 | 					sprintf(
37 | 						wp_kses(
38 | 							/* translators: %s: Name of current post. Only visible to screen readers */
39 | 							__( 'Edit <span class="screen-reader-text">%s</span>', 'ohana' ),
40 | 							array(
41 | 								'span' => array(
42 | 									'class' => array(),
43 | 								),
44 | 							)
45 | 						),
46 | 						get_the_title()
47 | 					),
48 | 					'<span class="edit-link">',
49 | 					'</span>'
50 | 				);
51 | 			?>
52 | 		</footer><!-- .entry-footer -->
53 | 	<?php endif; ?>
54 | </article><!-- #post-<?php the_ID(); ?> -->
55 | 


--------------------------------------------------------------------------------
/template-parts/content-search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying results in search pages
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
15 | 
16 | 		<?php if ( 'post' === get_post_type() ) : ?>
17 | 		<div class="entry-meta">
18 | 			<?php ohana_posted_on(); ?>
19 | 		</div><!-- .entry-meta -->
20 | 		<?php endif; ?>
21 | 	</header><!-- .entry-header -->
22 | 
23 | 	<?php ohana_post_thumbnail(); ?>
24 | 
25 | 	<div class="entry-summary">
26 | 		<?php the_excerpt(); ?>
27 | 	</div><!-- .entry-summary -->
28 | 
29 | 	<footer class="entry-footer">
30 | 		<?php ohana_entry_footer(); ?>
31 | 	</footer><!-- .entry-footer -->
32 | </article><!-- #post-<?php the_ID(); ?> -->
33 | 


--------------------------------------------------------------------------------
/template-parts/content.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Template part for displaying posts
 4 |  *
 5 |  * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 6 |  *
 7 |  * @package Ohana
 8 |  */
 9 | 
10 | ?>
11 | 
12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
13 | 	<header class="entry-header">
14 | 		<?php
15 | 		if ( is_singular() ) :
16 | 			the_title( '<h1 class="entry-title">', '</h1>' );
17 | 		else :
18 | 			the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
19 | 		endif;
20 | 
21 | 		if ( 'post' === get_post_type() ) : ?>
22 | 		<div class="entry-meta">
23 | 			<?php ohana_posted_on(); ?>
24 | 		</div><!-- .entry-meta -->
25 | 		<?php
26 | 		endif; ?>
27 | 		<div class="ribbon-end"></div>
28 | 	</header><!-- .entry-header -->
29 | 
30 | 	<?php ohana_post_thumbnail(); ?>
31 | 
32 | 	<div class="entry-content">
33 | 		<?php
34 | 			the_content( sprintf(
35 | 				wp_kses(
36 | 					/* translators: %s: Name of current post. Only visible to screen readers */
37 | 					__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'ohana' ),
38 | 					array(
39 | 						'span' => array(
40 | 							'class' => array(),
41 | 						),
42 | 					)
43 | 				),
44 | 				get_the_title()
45 | 			) );
46 | 
47 | 			wp_link_pages( array(
48 | 				'before'      => '<div class="page-links">' . esc_html__( 'Pages:', 'ohana' ),
49 | 				'after'       => '</div>',
50 | 				'link_before' => '<span>',
51 | 				'link_after'  => '</span>',
52 | 			) );
53 | 		?>
54 | 	</div><!-- .entry-content -->
55 | 
56 | 	<footer class="entry-footer">
57 | 		<?php ohana_entry_footer(); ?>
58 | 	</footer><!-- .entry-footer -->
59 | 
60 | 	<?php ohana_author_bio(); ?>
61 | 
62 | </article><!-- #post-<?php the_ID(); ?> -->
63 | 


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