1/*.entry { margin-top: 1.85em; }*/
2.page li { display: block; }
3button, input, select, #qsearch__in::placeholder { color: #666666; }
4#writtensidebar { line-height: 1em; }
5.dokuwikierrorsandnotices { margin: 1em 0px; }
6.searchcontainer { clear: both; margin: 1em 0px; }
7#qsearch__in { width: 56%; }
8#mediamanager__page .file { width: 70%; clear: both; }
9.excerpt-meta { right: 82% !important; }
10.entry { padding-top: 64px !important; }
11.excerpt-meta { top: 100px !important; }
12.newmetamenu li { display: block; margin-bottom: 0.35em;}
13.page li, .page dd { display: block; margin: 0.35em 0px; }
14.site-info { margin-bottom: 1.35em; }
15
16#config__manager fieldset { clear: both; }
17#config__manager table { border-collapse: revert; border-spacing: 0px 1.85em; }
18#config__manager tr { padding: 1em 0px; }
19#config__manager td.label span.outkey { font-size: 1.15em !important; }
20
21/* defined in /lib/plugin/config.style.css */
22#config__manager td input.edit {
23    width: 20em;
24}
25#config__manager td .input {
26    width: 20.8em;
27}
28#config__manager td select.edit { }
29#config__manager td textarea.edit {
30    width: 17.5em;
31    height: 4em;
32}
33
34
35/*
36Theme Name: Drop
37Theme URI: https://www.competethemes.com/drop/
38Author: Compete Themes
39Author URI: https://www.competethemes.com/
40Description: A Bold, Responsive Blog Theme
41Tags: gray, green, tan, white, light, white, one-column, responsive-layout, accessibility-ready, custom-menu, featured-images, microformats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
42Version: 1.21
43License: GNU General Public License v2 or later
44License URI: http://www.gnu.org/licenses/gpl-2.0.html
45Text Domain: drop
46
47Drop WordPress Theme, Copyright 2015 Compete Themes
48Drop is distributed under the terms of the GNU GPL
49*/
50/*===== Variables =====*/
51/* Theme Colors */
52/* Typography Variables */
53/* Used in compass */
54/* Social Media Brand Colors */
55/*===== Mixins =====*/
56/*===== Basic Styles =====*/
57/* apply a natural box layout model to all elements */
58*, *:before, *:after {
59  -moz-box-sizing: border-box;
60  -webkit-box-sizing: border-box;
61  box-sizing: border-box;
62}
63
64body {
65  font-size: 16px;
66  line-height: 24px;
67  font-family: "montserrat", "open sans", "sans-serif";
68  font-weight: 400;
69  color: #666666;
70  background: #333333;
71  margin: 0;
72  padding: 0;
73  word-wrap: break-word;
74  -ms-word-wrap: break-word;
75  text-align: left;
76  direction: ltr;
77  unicode-bidi: embed;
78}
79
80.overflow-container {
81  overflow: hidden;
82}
83
84.main {
85  margin: 0 auto;
86  background: white;
87  position: relative;
88  left: 0;
89  overflow: hidden;
90  z-index: 0;
91  -webkit-transition: all 0.3s ease-in-out;
92  transition: all 0.3s ease-in-out;
93  -webkit-transform: translateZ(0);
94  transform: translateZ(0);
95}
96
97h1, h2, h3, h4, h5, h6 {
98  margin: 0;
99  padding: 0;
100  font-weight: 700;
101}
102
103h1 {
104  font-size: 2.625em;
105  /* 42px */
106  line-height: 1.143;
107}
108
109h2 {
110  font-size: 2.25em;
111  /* 36px */
112  line-height: 1.33;
113}
114
115h3 {
116  font-size: 1.625em;
117  /* 26px */
118  line-height: 1.08;
119}
120
121h4 {
122  font-size: 1.3125em;
123  /* 21px */
124  line-height: 1.14;
125}
126
127h5 {
128  font-size: 1.3125em;
129  /* 21px */
130  line-height: 1.14;
131}
132
133h6 {
134  font-size: 1em;
135  line-height: 1.5;
136}
137
138/* Markup styles */
139p {
140  font-family: "open sans", "sans-serif";
141  margin: 24px 0;
142  -webkit-hyphens: auto;
143  -moz-hyphens: auto;
144  -ms-hyphens: auto;
145  hyphens: auto;
146}
147
148a,
149a:link {
150  color: #28805d;
151  text-decoration: none;
152  -webkit-transition: all 0.15s ease;
153  transition: all 0.15s ease;
154}
155
156a:visited {
157  color: #20664a;
158}
159
160a:hover,
161a:active,
162a:focus {
163  color: #2f996f;
164}
165
166article a {
167  text-decoration: underline;
168}
169
170ul,
171ol {
172  font-size: 1em;
173  padding: 0;
174  margin: 24px 5.55%;
175}
176ul ul,
177ul ol,
178ol ul,
179ol ol {
180  margin: 0 5.55%;
181}
182
183ul ul,
184ol ol,
185ul ol,
186ol ul,
187li li {
188  font-size: 1em;
189}
190
191article {
192  font-family: "open sans", "sans-serif";
193}
194
195article hr {
196  border: none;
197  text-align: center;
198  font-size: 3em;
199  line-height: 0;
200  margin-bottom: 1em;
201  color: #cccccc;
202}
203
204article hr:after {
205  content: ". . .";
206}
207
208pre {
209  background: whitesmoke;
210  padding: 0.75em;
211  border-top: solid 0.063em #e6e6e6;
212  border-left: solid 0.063em #e6e6e6;
213  word-wrap: break-word;
214  -ms-word-wrap: break-word;
215}
216
217code {
218  background: whitesmoke;
219}
220
221blockquote {
222  margin: 0 12.499%;
223  quotes: "\201C" "\201D";
224  position: relative;
225}
226blockquote cite {
227  display: block;
228  margin-top: 24px;
229  font-style: italic;
230  text-align: right;
231}
232
233blockquote:before {
234  content: open-quote;
235  top: 0.083em;
236  left: -0.5em;
237  color: #e6e6e6;
238  position: absolute;
239  font-size: 6em;
240  z-index: 0;
241  /* make sure doesn't go behind a background */
242}
243
244/* Table styles */
245table {
246  border-spacing: 0;
247  border-collapse: collapse;
248  margin: 24px 0;
249}
250
251td {
252  padding: 0.25em 0.5em;
253  /* 8px / 16px */
254  border: solid 0.063em #666666;
255}
256
257th {
258  padding: 0.25em 0.5em;
259  /* 8px / 16px */
260  border: solid 0.063em #666666;
261}
262
263/* Image styles*/
264.alignleft {
265  float: left;
266  margin: 0 1em 24px 0;
267}
268
269.alignright {
270  float: right;
271  margin: 0 0 24px 1em;
272}
273
274.aligncenter {
275  text-align: center;
276  margin: 24px auto;
277  display: block;
278}
279
280.alignnone {
281  margin: 24px;
282}
283
284img,
285.alignright,
286.alignleft,
287.aligncenter,
288.alignnone,
289.size-auto,
290.size-full,
291.size-large,
292.size-medium,
293.size-thumbnail {
294  max-width: 100%;
295  height: auto;
296}
297
298.wp-caption {
299  line-height: 0;
300}
301
302.wp-caption-text {
303  margin: 0;
304  display: inline-block;
305  border-bottom: solid 0.077em #e6e6e6;
306  font-size: 0.813em;
307  line-height: 1.85;
308}
309
310/* Form styles */
311input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]):not([type="image"]):not([type="search"]),
312textarea {
313  color: #666666;
314  background: whitesmoke;
315  font-family: "montserrat", "open sans", "sans-serif";
316  padding: 1.6em;
317  width: 100%;
318  border: none;
319  margin: 0;
320  -webkit-appearance: none;
321  border-radius: 0;
322}
323
324input {
325  max-width: 30em;
326}
327
328textarea {
329  max-width: 40em;
330}
331
332input[type="submit"] {
333  padding: 1.6em;
334  border: none;
335  margin: 0;
336  width: 100%;
337  max-width: 20em;
338  -webkit-appearance: none;
339  border-radius: 0;
340  background: #28805d;
341  font-family: "montserrat", "open sans", "sans-serif";
342  color: white;
343  text-transform: uppercase;
344  -webkit-transition: all 0.25s ease;
345  transition: all 0.25s ease;
346}
347
348input[type="submit"]:hover,
349input[type="submit"]:focus {
350  cursor: pointer;
351  background: #2f996f;
352}
353
354.post-password-form input[type="password"] {
355  display: block;
356  margin: 12px 0 !important;
357}
358
359/* placeholders */
360::-webkit-input-placeholder {
361  color: #cccccc;
362  font-family: "montserrat", "open sans", "sans-serif";
363}
364
365:-moz-placeholder {
366  color: #cccccc;
367  font-family: "montserrat", "open sans", "sans-serif";
368}
369
370::-moz-placeholder {
371  color: #cccccc;
372  font-family: "montserrat", "open sans", "sans-serif";
373}
374
375:-ms-input-placeholder {
376  color: #cccccc;
377  font-family: "montserrat", "open sans", "sans-serif";
378}
379
380/* screen reader styling */
381.screen-reader-text {
382  position: absolute;
383  clip: rect(1px 1px 1px 1px);
384  /* IE6, IE7 */
385  clip: rect(1px, 1px, 1px, 1px);
386  overflow: hidden;
387  height: 1px;
388  width: 1px;
389}
390
391/* skip content link */
392.skip-content {
393  position: absolute;
394  top: -9em;
395  width: 100%;
396  left: 0;
397  display: block;
398  text-align: center;
399  color: white !important;
400  z-index: 99;
401  padding: 0.75em;
402  background: #333333;
403}
404.skip-content:focus {
405  top: 3em;
406}
407
408/*----- Menu Styles -----*/
409button.toggle-button {
410  color: #e6e6e6;
411  text-shadow: -0.077em 0.077em #242424;
412  font-size: 1.625em;
413  line-height: 1.5;
414  background: none;
415  position: relative;
416  border: none;
417  font-size: 1.625em;
418  /* 26px */
419  line-height: 1.08;
420  -webkit-transition: all 0.15s ease-in-out;
421  transition: all 0.15s ease-in-out;
422}
423button.toggle-button:hover, button.toggle-button:active {
424  cursor: pointer;
425  outline: none;
426}
427button.toggle-button:focus {
428  background: #242424;
429}
430
431.site-header {
432  line-height: 0;
433  position: relative;
434  z-index: 0;
435  background: #333333;
436  padding: 0 5.55%;
437  height: 3em;
438}
439
440.title-info {
441  position: absolute;
442  top: 0;
443  right: 5.55%;
444}
445.title-info:after {
446  content: ".";
447  display: block;
448  clear: both;
449  visibility: hidden;
450  line-height: 0;
451  height: 0;
452}
453
454.site-title {
455  font-size: 1.625em;
456  /* 26px */
457  line-height: 48px;
458  text-transform: uppercase;
459  text-shadow: -0.077em 0.077em #242424;
460}
461.site-title a,
462.site-title a:link,
463.site-title a:visited {
464  color: #e6e6e6;
465}
466.site-title a:hover,
467.site-title a:active,
468.site-title a:focus {
469  color: #37b382;
470}
471.site-title a:focus {
472  background: whitesmoke;
473}
474.site-title img {
475  max-width: 6em;
476  max-height: 1.25em;
477  display: inline-block;
478  vertical-align: middle;
479}
480
481.menu-slider {
482  position: absolute;
483  left: 0;
484  top: 3em;
485  z-index: -1;
486  width: 88.89%;
487  height: 75em;
488  padding: 1.5em 11.11%;
489  background: #333333;
490  color: #e6e6e6;
491  text-align: center;
492  -webkit-transition: all 0.25s ease-in-out;
493  transition: all 0.25s ease-in-out;
494}
495
496.site-info img {
497  border-radius: 50%;
498  width: 4.5em;
499  height: auto;
500  margin: 0 auto;
501  border-left: solid 0.125em #242424;
502  border-bottom: solid 0.125em #242424;
503}
504.site-info p {
505  line-height: 24px;
506  font-family: "montserrat", "open sans", "sans-serif";
507}
508.site-info hr {
509  margin: 0 auto 24px;
510  width: 42.85%;
511}
512
513.menu-primary-items,
514.menu-unset > ul {
515  text-transform: uppercase;
516  list-style: none;
517}
518.menu-primary-items ul,
519.menu-unset > ul ul {
520  list-style: none;
521  position: relative;
522  top: 100%;
523  width: 100%;
524  margin: 0 auto;
525  background: rgba(36, 36, 36, 0.4);
526  overflow: hidden;
527}
528.menu-primary-items ul a,
529.menu-unset > ul ul a {
530  padding: 12px;
531  margin: 0;
532}
533.menu-primary-items ul li,
534.menu-unset > ul ul li {
535  padding: 0;
536}
537.menu-primary-items li,
538.menu-unset > ul li {
539  position: relative;
540  overflow: hidden;
541  -webkit-transition: all 0.3s ease-in-out;
542  transition: all 0.3s ease-in-out;
543}
544.menu-primary-items li a,
545.menu-unset > ul li a {
546  display: block;
547  line-height: 24px;
548  color: #e6e6e6;
549  padding: 12px 0;
550}
551.menu-primary-items li a:link, .menu-primary-items li a:visited,
552.menu-unset > ul li a:link,
553.menu-unset > ul li a:visited {
554  color: #e6e6e6;
555}
556.menu-primary-items li a:hover, .menu-primary-items li a:active, .menu-primary-items li a:focus,
557.menu-unset > ul li a:hover,
558.menu-unset > ul li a:active,
559.menu-unset > ul li a:focus {
560  color: #37b382;
561  cursor: pointer;
562  /* for unlinked parents */
563}
564.menu-primary-items .current-menu-item > a:after,
565.menu-primary-items .current-menu-parent > a:after,
566.menu-primary-items .current-menu-ancestor > a:after,
567.menu-primary-items .current_page_item > a:after,
568.menu-primary-items .current_page_parent > a:after,
569.menu-primary-items .current_page_ancestor > a:after,
570.menu-unset > ul .current-menu-item > a:after,
571.menu-unset > ul .current-menu-parent > a:after,
572.menu-unset > ul .current-menu-ancestor > a:after,
573.menu-unset > ul .current_page_item > a:after,
574.menu-unset > ul .current_page_parent > a:after,
575.menu-unset > ul .current_page_ancestor > a:after {
576  content: '';
577  position: absolute;
578  bottom: 0.5em;
579  width: 25%;
580  left: 37.5%;
581  background: #28805d;
582  height: 0.125em;
583  z-index: 1;
584}
585.menu-primary-items .menu-item-has-children,
586.menu-primary-items .page_item_has_children,
587.menu-unset > ul .menu-item-has-children,
588.menu-unset > ul .page_item_has_children {
589  position: relative;
590}
591.menu-primary-items .menu-item-has-children > a,
592.menu-primary-items .page_item_has_children > a,
593.menu-unset > ul .menu-item-has-children > a,
594.menu-unset > ul .page_item_has_children > a {
595  margin-left: -21px;
596}
597.menu-primary-items .menu-item-has-children > a:before,
598.menu-primary-items .page_item_has_children > a:before,
599.menu-unset > ul .menu-item-has-children > a:before,
600.menu-unset > ul .page_item_has_children > a:before {
601  content: '+ ';
602  font-size: 24px;
603  line-height: 0;
604  color: #28805d;
605}
606
607.social-media-icons {
608  list-style: none;
609}
610.social-media-icons li {
611  display: inline-block;
612  margin: 0 0.125em;
613  font-size: 1.625em;
614  /* 26px */
615  line-height: 1.08;
616}
617.social-media-icons li a,
618.social-media-icons li a:link,
619.social-media-icons li a:visited {
620  color: #e6e6e6;
621}
622.social-media-icons li a:hover,
623.social-media-icons li a:active,
624.social-media-icons li a:focus {
625  color: #37b382;
626}
627
628/* Blog */
629.page-header {
630  position: relative;
631  background: #28805d;
632  padding: 1.5em 5.55%;
633  text-transform: uppercase;
634  color: #333333;
635  -webkit-transition: margin 0.3s ease-in-out;
636  transition: margin 0.3s ease-in-out;
637  -webkit-backface-visibility: hidden;
638  backface-visibility: hidden;
639}
640.page-header h1,
641.page-header h2 {
642  text-shadow: -0.063em 0.063em #20664a;
643  color: #242424;
644}
645.page-header p {
646  margin: 0;
647}
648.page-header > div {
649  display: none;
650}
651
652.excerpts-container {
653  position: relative;
654  z-index: 10;
655  /* so page header doesn't cover sticky outline */
656  -webkit-backface-visibility: hidden;
657  backface-visibility: hidden;
658}
659
660.excerpt {
661  margin: 1.5em 5.55% 4.5em;
662  border-bottom: solid 1px #e6e6e6;
663}
664
665.sticky {
666  margin: 0;
667  padding: 1.5em 5.55% 4.5em;
668  outline: solid 0.25em #666666;
669  background: #b0e1ce;
670}
671.sticky .excerpt-meta,
672.sticky .excerpt-content {
673  color: #333333;
674}
675.sticky .excerpt-title a {
676  color: #333333;
677}
678.sticky .excerpt-title a:link, .sticky .excerpt-title a:visited, .sticky .excerpt-title a:hover, .sticky .excerpt-title a:active, .sticky .excerpt-title a:focus {
679  color: #333333;
680}
681.sticky a {
682  color: #20664a;
683}
684.sticky a:link, .sticky a:visited {
685  color: #20664a;
686}
687.sticky a:hover, .sticky a:active {
688  color: #333333;
689}
690
691.featured-image {
692  position: relative;
693  height: 216px;
694  -webkit-background-size: cover;
695  background-size: cover;
696  background-position: 50%;
697  margin-bottom: 24px;
698}
699.featured-image a {
700  position: absolute;
701  top: 0;
702  right: 0;
703  bottom: 0;
704  left: 0;
705  opacity: 0;
706}
707.featured-image:after {
708  content: '';
709  position: absolute;
710  top: 0.25em;
711  width: 100%;
712  left: -0.25em;
713  bottom: -0.25em;
714  background: #b3b3b3;
715  z-index: -1;
716}
717
718.excerpt-date,
719.excerpt-author,
720.excerpt-category {
721  display: inline-block;
722}
723
724.excerpt-date:after,
725.excerpt-author:after {
726  content: ' / ';
727}
728
729.excerpt-author span,
730.excerpt-category span {
731  display: none;
732  /* also affects archive */
733}
734.excerpt-author a,
735.excerpt-author a:link,
736.excerpt-category a,
737.excerpt-category a:link {
738  text-decoration: underline;
739  /* why is this being printed twice? */
740}
741
742.excerpt-title {
743  text-transform: uppercase;
744}
745.excerpt-title a {
746  color: #666666;
747}
748.excerpt-title a:hover,
749.excerpt-title a:active,
750.excerpt-title a:focus {
751  text-decoration: underline;
752}
753
754.more-link {
755  text-decoration: underline;
756  clear: both;
757}
758.more-link:link {
759  text-decoration: underline;
760}
761
762.loop-pagination {
763  margin: 1.5em 5.55%;
764  text-align: center;
765  position: relative;
766}
767.loop-pagination a,
768.loop-pagination span {
769  margin: 0 0.25em;
770}
771.loop-pagination a:link,
772.loop-pagination a:visited {
773  color: #28805d;
774}
775.loop-pagination a:hover,
776.loop-pagination a:active,
777.loop-pagination a:focus {
778  color: #2f996f;
779}
780.loop-pagination .prev,
781.loop-pagination .next {
782  position: absolute;
783  text-transform: uppercase;
784  text-decoration: underline;
785}
786.loop-pagination .prev:link,
787.loop-pagination .next:link {
788  text-decoration: underline;
789}
790.loop-pagination .prev {
791  left: 0;
792}
793.loop-pagination .next {
794  right: 0;
795}
796
797/* Post */
798.entry-meta-top,
799.entry-header,
800.entry-meta-bottom {
801  margin: 0 5.55%;
802}
803
804.entry {
805  padding-top: 24px;
806  padding-bottom: 48px;
807}
808.entry .featured-image:after {
809  left: 0;
810}
811
812.entry.has-post-thumbnail {
813  padding-top: 0;
814}
815
816.entry-meta-top p {
817  font-family: "montserrat", "open sans", "sans-serif";
818  margin-bottom: 0;
819}
820.entry-meta-top a,
821.entry-meta-top a:link {
822  text-decoration: underline;
823}
824
825.entry-title {
826  text-transform: uppercase;
827}
828
829.entry-content {
830  margin: 1.5em 5.55%;
831}
832.entry-content iframe {
833  -webkit-transform: translateZ(0);
834  transform: translateZ(0);
835}
836
837.entry-meta-bottom {
838  margin-top: 48px;
839}
840
841.further-reading {
842  clear: both;
843  margin-top: 48px;
844  margin-bottom: 24px;
845}
846.further-reading p {
847  font-family: "montserrat", "open sans", "sans-serif";
848}
849.further-reading span {
850  text-transform: uppercase;
851  display: block;
852}
853.further-reading a,
854.further-reading a:link {
855  text-decoration: underline;
856  font-size: 0.813em;
857  line-height: 1.85;
858}
859
860.entry-categories p,
861.entry-tags p {
862  font-family: "montserrat", "open sans", "sans-serif";
863}
864.entry-categories span,
865.entry-tags span {
866  text-transform: uppercase;
867  display: block;
868}
869.entry-categories a,
870.entry-tags a {
871  margin: 0 1em 0 0;
872  text-transform: uppercase;
873  font-size: 0.813em;
874  line-height: 1.85;
875}
876
877.singular-pagination {
878  font-family: "montserrat", "open sans", "sans-serif";
879  text-transform: uppercase;
880}
881.singular-pagination a {
882  margin: 0 0.5em;
883}
884
885/* Comments */
886.comments {
887  margin: 0 5.55%;
888  padding: 48px 0 24px;
889  border-top: solid 0.125em #cccccc;
890}
891.comments ul,
892.comments ol {
893  list-style: none;
894}
895
896.comments-number {
897  text-transform: uppercase;
898}
899.comments-number h3 {
900  font-size: 2.25em;
901  /* 36px */
902  line-height: 1.33;
903  font-weight: 400;
904}
905
906.comment-list {
907  padding: 0;
908  margin: 48px 0;
909}
910.comment-list ul {
911  margin: 24px 0 24px 24px;
912}
913.comment-list ul li:first-child:before {
914  content: "\2192";
915  position: absolute;
916  top: 0.75em;
917  left: -1.6em;
918}
919
920li.comment,
921li.pingback {
922  margin-bottom: 48px;
923  position: relative;
924}
925li.comment .avatar,
926li.comment .author-profile-avatar,
927li.pingback .avatar,
928li.pingback .author-profile-avatar {
929  width: 48px;
930  height: auto;
931  border-radius: 50%;
932  float: left;
933  margin-right: 1em;
934  margin-bottom: 12px;
935}
936li.comment .avatar img,
937li.comment .author-profile-avatar img,
938li.pingback .avatar img,
939li.pingback .author-profile-avatar img {
940  border-radius: 50%;
941}
942li.comment .author-name a,
943li.comment .author-name a:link,
944li.pingback .author-name a,
945li.pingback .author-name a:link {
946  text-decoration: underline;
947  text-transform: uppercase;
948}
949li.comment .comment-content,
950li.pingback .comment-content {
951  clear: both;
952  margin: -12px 0;
953}
954li.comment .comment-footer,
955li.pingback .comment-footer {
956  font-size: 0.813em;
957  line-height: 1.85;
958}
959li.comment .comment-footer div,
960li.pingback .comment-footer div {
961  display: inline-block;
962}
963li.comment .comment-reply-link,
964li.pingback .comment-reply-link {
965  text-transform: uppercase;
966}
967li.comment .comment-reply-link:after,
968li.pingback .comment-reply-link:after {
969  content: ' | ';
970  text-decoration: none;
971  color: #666666;
972}
973li.comment .comment-edit-link:before,
974li.pingback .comment-edit-link:before {
975  content: ' | ';
976  color: #666666;
977}
978
979.bypostauthor img {
980  border: solid 0.125em #28805d;
981}
982
983.comment-pagination p {
984  font-family: "montserrat", "open sans", "sans-serif";
985  text-transform: uppercase;
986  text-align: center;
987}
988
989.comments-closed {
990  font-family: "montserrat", "open sans", "sans-serif";
991  text-transform: uppercase;
992}
993
994/* Comment form */
995.comment-reply-title {
996  text-transform: uppercase;
997  font-weight: 400;
998}
999
1000.comment-respond {
1001  margin-bottom: 48px;
1002}
1003
1004/* Footer */
1005.site-footer {
1006  background: #333333;
1007  padding: 1.5em 5.55% 0;
1008  position: relative;
1009  color: #b3b3b3;
1010  -webkit-transition: all 0.3s ease-in-out;
1011  transition: all 0.3s ease-in-out;
1012  -webkit-transform: translateZ(0);
1013  transform: translateZ(0);
1014}
1015.site-footer a {
1016  color: white;
1017}
1018.site-footer a:link, .site-footer a:visited {
1019  color: white;
1020}
1021.site-footer a:hover, .site-footer a:active, .site-footer a:focus {
1022  color: #2f996f;
1023}
1024.site-footer .widget-title {
1025  text-transform: uppercase;
1026  font-weight: 400;
1027}
1028.site-footer .widget ul,
1029.site-footer .widget ol {
1030  list-style: none;
1031  margin-right: 0;
1032}
1033.site-footer .copyright {
1034  background: #242424;
1035}
1036
1037.sidebar-subsidiary {
1038  padding-bottom: 24px;
1039}
1040
1041.copyright {
1042  position: relative;
1043  background: #333333;
1044  color: #b3b3b3;
1045  text-transform: uppercase;
1046  width: 113%;
1047  left: -6.5%;
1048  padding: 24px 5.55%;
1049  text-align: center;
1050}
1051.copyright p {
1052  font-family: "montserrat", "open sans", "sans-serif";
1053  font-size: 0.813em;
1054  line-height: 1.85;
1055  margin: 0;
1056}
1057.copyright a,
1058.copyright a:link,
1059.copyright a:visited {
1060  color: #b3b3b3;
1061  text-decoration: underline;
1062}
1063.copyright a:hover,
1064.copyright a:active,
1065.copyright a:focus {
1066  color: #28805d;
1067}
1068
1069/* Attachment styles */
1070.singular-attachment .further-reading a {
1071  font-size: 1em;
1072  line-height: 1.5;
1073  color: #666666;
1074}
1075.singular-attachment .further-reading a:link, .singular-attachment .further-reading a:visited {
1076  color: #666666;
1077}
1078.singular-attachment .further-reading a:hover, .singular-attachment .further-reading a:active, .singular-attachment .further-reading a:focus {
1079  color: #28805d;
1080}
1081.singular-attachment .further-reading p {
1082  width: 49.5%;
1083}
1084
1085/* Search Form */
1086.search-form-container {
1087  position: absolute;
1088  width: 100%;
1089  height: 100%;
1090  top: 0;
1091  right: 0;
1092}
1093.search-form-container input {
1094  border: none;
1095}
1096.search-form-container form {
1097  position: absolute;
1098  height: 100%;
1099  width: 100%;
1100}
1101.search-form-container .search-field {
1102  position: absolute;
1103  top: 0;
1104  right: 0;
1105  width: 100%;
1106  max-width: none;
1107  height: 72px;
1108  z-index: -1;
1109  padding: 0.75em 11.11%;
1110  font-family: "montserrat", "open sans", "sans-serif";
1111  font-size: 1em;
1112  line-height: 1.5;
1113  color: #666666;
1114  background: #e6e6e6;
1115  -webkit-transition: top 0.3s ease-in-out;
1116  transition: top 0.3s ease-in-out;
1117  -webkit-backface-visibility: hidden;
1118  backface-visibility: hidden;
1119}
1120.search-form-container .search-field::-webkit-input-placeholder {
1121  color: #666666;
1122}
1123.search-form-container .search-field:-moz-placeholder {
1124  color: #666666;
1125}
1126.search-form-container .search-field::-moz-placeholder {
1127  color: #666666;
1128}
1129.search-form-container .search-field:-ms-input-placeholder {
1130  color: #666666;
1131}
1132.search-form-container input[type="search"].search-field {
1133  -webkit-appearance: none;
1134  -webkit-border-radius: 0px;
1135}
1136.search-form-container .search-submit {
1137  background: none;
1138  font-size: 16px;
1139  z-index: 0;
1140  /* so 'sticky' post outline doesn't get cut off */
1141  -webkit-transition: all 0.3s ease-in-out;
1142  transition: all 0.3s ease-in-out;
1143}
1144.search-form-container span {
1145  color: white;
1146  background: #28805d;
1147  z-index: 5;
1148  -webkit-backface-visibility: hidden;
1149  backface-visibility: hidden;
1150}
1151.search-form-container span i {
1152  font-size: 1.625em;
1153  /* 26px */
1154  line-height: 1.08;
1155  position: absolute;
1156  top: 28%;
1157  left: 35%;
1158  left: calc(50% - 12px);
1159}
1160.search-form-container .search-submit,
1161.search-form-container span {
1162  position: absolute;
1163  right: 0;
1164  top: 0;
1165  width: 22.22%;
1166  height: 100%;
1167  display: block;
1168  padding: 0;
1169  margin: 0;
1170  cursor: pointer;
1171}
1172
1173input[type="search"]::-webkit-search-decoration,
1174input[type="search"]::-webkit-search-cancel-span,
1175input[type="search"]::-webkit-search-results-span,
1176input[type="search"]::-webkit-search-results-decoration {
1177  display: none;
1178}
1179
1180.search-form-container.open .search-field {
1181  top: 100%;
1182}
1183.search-form-container.open .search-submit {
1184  top: 100%;
1185  height: 4.5em;
1186  color: #666666;
1187}
1188.search-form-container.open .search-submit:hover, .search-form-container.open .search-submit:focus {
1189  background-color: #b3b3b3;
1190}
1191.search-form-container.open span {
1192  background: #20664a;
1193}
1194
1195/* content attachment */
1196.attachment .entry {
1197  margin-top: 48px;
1198}
1199
1200.singular-page .entry {
1201  padding-top: 0;
1202}
1203
1204/* 404 */
1205.error-404 .entry,
1206.search .entry {
1207  padding-top: 0;
1208}
1209.error-404 .search-form-container,
1210.search .search-form-container {
1211  position: relative;
1212  height: 4.5em;
1213  margin-bottom: 48px;
1214}
1215.error-404 .search-form-container form,
1216.search .search-form-container form {
1217  top: -100%;
1218}
1219.error-404 .search-form-container .search-field,
1220.error-404 .search-form-container .search-submit,
1221.search .search-form-container .search-field,
1222.search .search-form-container .search-submit {
1223  top: 100%;
1224  z-index: 2;
1225}
1226.error-404 .search-form-container .search-submit,
1227.search .search-form-container .search-submit {
1228  background: #20664a;
1229}
1230.error-404 .search-form-container .search-submit:hover, .error-404 .search-form-container .search-submit:active, .error-404 .search-form-container .search-submit:focus,
1231.search .search-form-container .search-submit:hover,
1232.search .search-form-container .search-submit:active,
1233.search .search-form-container .search-submit:focus {
1234  background: #2f996f;
1235}
1236.error-404 .search-form-container span,
1237.search .search-form-container span {
1238  top: 100%;
1239  z-index: 1;
1240}
1241.error-404 .search-form-container span i,
1242.search .search-form-container span i {
1243  top: 15%;
1244}
1245
1246.search .search-bottom {
1247  margin: 1.5em 5.55%;
1248  border-top: solid 0.125em #cccccc;
1249}
1250