xref: /template/parabola/css/parabola.css (revision 3a03c4b66b42ebcafa9acf72221b555cd0717f3d)
1/*
2Theme Name: Parabola
3Theme URI: https://www.cryoutcreations.eu/wordpress-themes/parabola
4Description:Welcome to a world of endless possibilities! Parabola awaits you with a huge assortment of theme settings that enable you to take a fully responsive, clean and elegant design to even newer heights. You can edit everything: all text and background colors, font families and sizes, site widths and layouts.  You also have the power to show or hide various elements of the design and choose from over 30 social media icons. Harnessing the power of HTML5 and CSS3 you will enjoy a great design, subtle animations, a great front page fully equipped with a slider, columns, textareas and shortcode support. Among other editable goodies you'll find featured images, post excerpts, post formats, Google fonts, magazine and blog layouts, 8 widget areas, translation support and much more. * THEME DEMO: http://demos.cryoutcreations.eu/wordpress/parabola/ *
5Author: Cryout Creations
6Author URI: https://www.cryoutcreations.eu
7Version: 2.3.2.2
8License: GNU General Public License v3.0
9License URI: http://www.gnu.org/licenses/gpl-3.0.html
10Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, footer-widgets, grid-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, front-page-post-form, full-width-template,  microformats, post-formats, rtl-language-support,  sticky-post, theme-options, threaded-comments, translation-ready, blog, news, portfolio
11Text Domain: parabola
12
13Parabola WordPress Theme
14Copyright 2013-18 Cryout Creations
15https://www.cryoutcreations.eu
16This theme, like WordPress, is licensed under the GPL.
17*/
18
19/*
20IMPORTANT!
21
22Any changes made to this or any other of the theme's files will be lost at the next update.
23
24To safely make customizations to the theme, for CSS-only consider using the theme's dedicated
25"Custom CSS" field found under the Miscellaneous section of the theme settings page;
26for advanced CSS and other customizations, consider using a child theme.
27*/
28
29/* Reset default browser CSS */
30/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
31html, body, div, span, applet, object, iframe,
32h1, h2, h3, h4, h5, h6, p, blockquote, pre,
33a, abbr, acronym, address, big, cite, code,
34del, dfn, em, img, ins, kbd, q, s, samp,
35small, strike, strong, sub, sup, tt, var,
36b, u, i, center,
37dl, dt, dd, ol, ul, li,
38fieldset, form, label, legend,
39table, caption, tbody, tfoot, thead, tr, th, td,
40article, aside, canvas, details, embed,
41figure, figcaption, footer, header, hgroup,
42menu, nav, output, ruby, section, summary,
43time, mark, audio, video {
44	margin: 0;
45	padding: 0;
46	border: 0;
47	font-size: 100%;
48}
49
50*, *:before, *:after {
51	box-sizing: border-box;
52}
53
54/* HTML5 display-role reset for older browsers */
55article, aside, details, figcaption, figure,
56footer, header, hgroup, menu, nav, section {
57	display: block;
58}
59
60ol, ul {
61	list-style: none;
62}
63
64blockquote, q {
65	quotes: none;
66}
67
68blockquote:before,
69blockquote:after,
70q:before,
71q:after {
72	content: '';
73	content: none;
74}
75
76table {
77	border-collapse: collapse;
78	border-spacing: 0;
79}
80
81h1, h2, h3, h4, h5, h6 {
82	clear: both;
83	font-weight: normal;
84}
85
86#content h1,
87#content h2,
88#content h3,
89#content h4,
90#content h5,
91#content h6 {
92	clear: none;
93}
94
95ol, ul {
96	list-style: none;
97}
98
99.entry-content blockquote {
100	padding: 15px;
101	display: block;
102	font-style: italic;
103	margin: 0 auto 1em;
104/* 	clear: both;
105	float: none; */
106	width: 80%;
107}
108
109#content blockquote p {
110	margin-bottom: 0;
111}
112
113del {
114	text-decoration: line-through;
115}
116
117/* tables still need 'cellspacing="0"' in the markup */
118table {
119	border-collapse: collapse;
120	border-spacing: 0;
121}
122
123a img {
124	border: none;
125}
126
127/* = Gutenberg
128-------------------------------------------------------------- */
129
130.entry-content .wp-block-archives,
131.entry-content .wp-block-categories,
132.entry-content .wp-block-latest-posts {
133    padding: 0;
134    list-style: none;
135}
136
137.wp-block-quote.is-large, .wp-block-quote.is-style-large {
138	padding: 2em;
139	font-size: 1.2em;
140	margin-left: auto;
141	margin-right: auto;
142}
143
144.aligncenter[class^='wp-block']:not([class^='wp-block-cover']) {
145	display: table;
146}
147
148.wp-block-separator {
149	max-width: 25%;
150}
151.wp-block-separator.is-style-wide {
152	max-width: 100%;
153}
154.wp-block-separator.is-style-dots::before {
155	color: inherit;
156}
157
158.wp-block-button {
159	transition: .2s opacity;
160}
161
162.wp-block-button:hover {
163	opacity: 0.85;
164}
165
166.wp-block-pullquote {
167	text-align: inherit;
168}
169
170/* =Layout
171-------------------------------------------------------------- */
172
173#container {
174	float: none;
175	margin: 0;
176	width: 100%;
177	margin-top: 20px;
178}
179
180#content {
181	margin-bottom: 0;
182}
183
184.sidey {
185	display: block;
186	float: left;
187}
188
189#footer {
190	clear: both;
191	width: 100%;
192}
193
194/* =Fonts
195-------------------------------------------------------------- */
196pre {
197	font-family: "Courier 10 Pitch", Courier, monospace;
198}
199
200code {
201	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important;
202}
203
204.entry-content pre {
205	border: 5px dashed transparent;
206}
207
208.entry-content code {
209    border: 1px solid transparent;
210	background: url(images/code.png) repeat;
211    clear: both;
212    display: block;
213    float: none;
214    margin: 0 auto;
215    overflow: auto;
216    padding: 10px !important;
217    text-indent: 0;
218    white-space: nowrap;
219}
220
221/* =Structure
222-------------------------------------------------------------- */
223
224/* The main theme structure */
225div.menu,
226#colophon,
227#branding,
228#main,
229#header {
230	margin: 0 auto;
231}
232
233#branding {
234	display: block;
235	float: left;
236	clear: both;
237	height: 75px;
238	padding: 0;
239	position: relative;
240	overflow: hidden;
241	width: 100%;
242}
243
244a#logo {
245	display: inline;
246	height: 100%;
247}
248
249#linky {
250	background-image: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
251	display: block;
252	width: 100%;
253	height: 100%;
254}
255
256#forbottom {
257	min-height: 200px;
258}
259
260/* Structure the footer area */
261#footer-widget-area {
262	overflow: hidden;
263}
264
265.footerfour .widget-area {
266	float: left;
267	margin-right: 2%;
268	width: 23.5%;
269}
270.footerthree .widget-area {
271	float: left;
272	margin-right: 2%;
273	width: 32%;
274}
275
276.footertwo .widget-area {
277	float: left;
278	margin-right: 2%;
279	width: 49%;
280}
281
282.footerone .widget-area {
283	float: left;
284	width: 100%;
285}
286
287.footertwo .widget-area:nth-child(2n),
288.footerthree .widget-area:nth-child(3n),
289.footerfour .widget-area:nth-child(4n) {
290	margin-right: 0;
291}
292
293#footer-widget-area #fourth {
294	margin-right: 0;
295}
296
297#site-generator {
298	float: right;
299	width: 220px;
300}
301
302
303/* =Global Elements
304-------------------------------------------------------------- */
305
306/* Main global 'theme' and typographic styles */
307html {
308	font-size: 16px;
309	line-height: 1.7;
310}
311hr {
312	border: 1px solid transparent;
313	clear: both;
314	height: 1px;
315}
316
317/* Text elements */
318
319.entry-content ul {
320	margin-left: 1.5em;
321	list-style-type: square;
322}
323.entry-content ul[class^='wp-block'],
324.entry-content [class^='wp-block'] ul {
325	margin-left: 0;
326}
327
328.entry-content ul li,
329.entry-content ol li {
330	padding: 2px 0;
331}
332
333.entry-content ol > li {
334	text-indent: 0px;
335}
336
337.entry-content  li li {
338	margin-left: 1em;
339}
340
341ol {
342	list-style-type: decimal;
343	margin-left: 1.5em;
344
345}
346ol ol {
347	list-style-type: upper-alpha;
348}
349ol ol ol {
350	list-style-type: lower-roman;
351}
352ol ol ol ol {
353	list-style-type: lower-alpha;
354}
355ul ul,
356ol ol,
357ul ol,
358ol ul {
359	margin-bottom: 0;
360}
361dl {
362	margin: 0 0 24px 0;
363}
364dt {
365	font-weight: bold;
366}
367
368strong {
369	font-weight: bold;
370}
371cite,
372em,
373i {
374	font-style: italic;
375}
376big {
377	font-size: 131.25%;
378}
379ins {
380	text-decoration: none;
381}
382pre {
383	line-height: 18px;
384	padding: 1.5em;
385	border: 1px dashed transparent;
386}
387abbr,
388acronym {
389	border-bottom: 1px dotted transparent;
390	cursor: help;
391}
392sup,
393sub {
394	height: 0;
395	line-height: 1;
396	position: relative;
397	vertical-align: baseline;
398}
399sup {
400	bottom: 1ex;
401}
402sub {
403	top: .5ex;
404}
405
406input:focus,
407textarea:focus {
408	outline: none;
409}
410
411input[type="text"],
412input[type="password"],
413input[type="email"],
414input[type="color"],
415input[type="date"],
416input[type="datetime"],
417input[type="datetime-local"],
418input[type="month"],
419input[type="number"],
420input[type="range"],
421input[type="search"],
422input[type="tel"],
423input[type="time"],
424input[type="url"],
425input[type="week"],
426textarea,
427select {
428	border: 1px solid transparent;
429	padding: 10px;
430	-webkit-transition: background-color .2s;
431	transition: background-color .2s;
432}
433
434input[type="submit"],
435input[type="reset"] {
436	padding: .5em 1em;
437}
438
439a:link,
440a:visited  {
441    text-decoration:none;
442	-webkit-transition: color .3s ease-in-out;
443	transition: color .3s ease-in-out;
444}
445
446/* Text meant only for screen readers */
447.screen-reader-text {
448	position: absolute;
449	left: -9000px;
450}
451
452
453/* =Header
454-------------------------------------------------------------- */
455
456#header {
457	background: none;
458}
459
460#site-title {
461	float: left;
462	font-size: 32px;
463	line-height: 32px;
464}
465
466#site-title a {
467	font-weight: bold;
468	text-decoration: none;
469	display: block;
470	text-transform: uppercase;
471}
472
473#site-description {
474	display: inline;
475	float: left;
476	margin-top: 5px;
477	clear: both;
478	text-transform: uppercase;
479}
480
481#header-container {
482	display: block;
483	float: none;
484	position: relative;
485	top: 0;
486	width: 100%;
487	height: 100%;
488}
489
490#branding #bg_image + #header-container {
491	position: absolute;
492}
493
494#header-container > div {
495	margin-top: 20px;
496}
497
498/* Header widget area
499-------------------------------------------------------------- */
500
501#header-widget-area {
502    display: block;
503    right: 0;
504	top:5px;
505    height: 100%;
506    overflow: hidden;
507    position: absolute;
508    width: 33%;
509    z-index: 251;
510}
511
512body #header-widget-area ul.yoyo > li {
513	border: none;
514	background: none;
515}
516
517/* =Menu -PRIMARY
518-------------------------------------------------------------- */
519
520#nav-toggle { display: none; }
521
522#access {
523	display: block;
524	float: left;
525	clear: both;
526	width: 100%;
527	margin: 10px auto 0;
528}
529
530#access ul {
531}
532
533#access  ul  li.current_page_item,
534#access ul li.current-menu-item  {
535}
536
537#access a {
538	display: block;
539	text-decoration: none;
540	font-size: 13px;
541	text-transform: uppercase;
542	-webkit-transition: all .3s ease-in-out;
543	transition: all .3s ease-in-out;
544}
545
546#access a > span {
547	display: block;
548	padding: .5em 1em;
549}
550
551#access ul li {
552	position: relative;
553	display: block;
554	float: left;
555	margin-right: 8px;
556	white-space: nowrap;
557	margin-bottom: 10px;
558}
559
560#access > .menu > ul > li a:not(:only-child) > span:after {
561	font-family: "Elusive";
562    content: '\e80a';
563	margin-left: 5px;
564    z-index: 251;
565	position: relative;
566	display: inline-block;
567	line-height: 1;
568	-webkit-transition: all .2s ease-in-out;
569	transition: all .2s ease-in-out;
570}
571
572#access > .menu > ul ul > li a > span {
573    margin-right: 10px;
574}
575
576#access > .menu > ul ul > li a:not(:only-child) > span:after {
577	-webkit-transform: rotate(270deg);
578	-ms-transform: rotate(270deg);
579	transform: rotate(270deg);
580	position: absolute;
581	right: 10px;
582	top: 15px;
583}
584
585#access > .menu > ul > li:hover > a:not(:only-child) > span:after {
586	opacity: 0;
587	filter: alpha(opacity=0);
588}
589
590#access > .menu > ul > li > a:after,
591#access > .menu > ul ul:after {
592	position: absolute;
593	content: "";
594	width: 0;
595	height: 0;
596	right: 0;
597	bottom: 0;
598	border-bottom: 8px solid transparent;
599	border-left: 12px solid transparent;
600	-webkit-transition: border-color .25s linear;
601	transition: border-color .25s linear;
602}
603
604
605#access ul ul {
606	display: none;
607	position: absolute;
608	clear:both;
609	z-index: 250;
610	margin-left: 0;
611}
612
613#access ul ul li { /* level 2 */
614	display: table;
615	position: relative;
616	float: left;
617	clear: both;
618    width: 100%; /* submenu width fix */
619	margin: 0;
620}
621
622#access ul ul ul {
623	position: absolute;
624	left: 100%;
625	top: 0;
626	margin: 0;
627}
628
629#access ul ul ul li { /* level 3 */
630     width: 100%;
631	 display: block;
632     float: none;
633}
634
635#access ul ul a, #access ul ul ul a {
636	display: table;
637	float: none;
638	min-width: 150px;
639	width: 100%;
640}
641
642#access ul ul li:hover,
643#access ul ul ul li:hover {}
644
645#access li:hover > a {}
646
647#access ul ul :hover > a {}
648
649#access ul li:hover > ul {
650	display: block;
651}
652#access ul li.current_page_item > a,
653#access ul li.current-menu-item > a{}
654
655#access ul ul li.current_page_item ,
656#access ul ul li.current-menu-ancestor,
657#access ul ul li.current-menu-item ,
658#access ul ul li.current-menu-parent { }
659
660#access ul li.current_page_item a,
661#access ul li.current-menu-ancestor a,
662#access ul li.current-menu-item a,
663#access ul li.current-menu-parent a,
664#access ul li a:hover { }
665
666.parabola-menu-center #access > .menu { text-align: center; }
667.parabola-menu-center #access > .menu > ul { display: table; margin: 0 auto; }
668.parabola-menu-center #access > .menu > ul > li > a > span { text-align: center; }
669.parabola-menu-center #access > .menu > ul > li { display: inline-block; float: none; vertical-align: middle; }
670.parabola-menu-center #access > .menu > ul > * { text-align: initial; }
671
672.parabola-menu-right #access > .menu { float: right; }
673.parabola-menu-right #nav-toggle { text-align: right; }
674.parabola-menu-right #access > .menu > ul > li > ul.sub-menu { right: 0; }
675
676.parabola-menu-rightmulti #access ul li { float: right; }
677.parabola-menu-rightmulti #nav-toggle { text-align: right; }
678.parabola-menu-rightmulti #access > .menu > ul > li > ul.sub-menu { right: 0; }
679
680.parabola-menu-left #nav-toggle { text-align: left; }
681
682/* =Menu -SECONDARY
683-------------------------------------------------------------- */
684
685.topmenu {
686	overflow: hidden;
687	margin: 0 auto;
688}
689
690.topmenu ul{
691	margin: 0;
692	padding: 0;
693	float: right;
694}
695
696.topmenu ul li{
697	display: block;
698	float: left;
699	margin: 0 3px;
700}
701
702.topmenu ul li a {
703	display: block;
704	text-transform: uppercase;
705	padding: 3px 5px;
706	font-size: .9em;
707	-webkit-transition: all .3s ease-in-out;
708	transition: all .3s ease-in-out;
709}
710
711.topmenu ul li a:hover {
712	text-decoration: underline;
713}
714
715.topmenu ul li a:before {
716	position: relative;
717	top: 6px;
718	left: 100%;
719	content: "";
720	width: 0;
721	height: 0;
722	border-left: 6px solid transparent;
723	border-top: 6px solid transparent;
724	-webkit-transition: all .3s ease-in-out;
725	transition: all .3s ease-in-out;
726}
727
728.footermenu {
729	display: table;
730	float: none;
731	overflow: visible;
732	margin: 1em auto 0;
733	text-align: center;
734}
735
736.footermenu ul li{
737	display: block;
738	float: left;
739	margin: 0 8px;
740	text-align: center;
741	white-space: nowrap;
742}
743
744.footermenu ul li a:after {
745	position: relative;
746	bottom: 6px;
747	right: -1px;
748	content: "";
749	width: 0;
750	height: 0;
751	border-left: 6px solid transparent;
752	border-bottom: 6px solid transparent;
753}
754
755.footermenu a {
756	font-size: .9em;
757	text-transform: uppercase;
758}
759
760
761/* =Content
762-------------------------------------------------------------- */
763
764#main {
765	clear: both;
766	padding: 0;
767}
768
769#content ul ul,
770#content ol ol,
771#content ul ol,
772#content ol ul {
773	margin-bottom: 0;
774}
775
776#content pre,
777#content kbd,
778#content tt,
779#content var {
780	font-size: 15px;
781	line-height: 21px;
782	overflow: auto;
783	font-family: "Courier New",Courier,monospace !important;
784}
785
786#content code {
787	font-size: 13px;
788}
789
790#content dt,
791#content th {
792}
793
794.entry-content h1,
795.entry-content h2,
796.entry-content h3,
797.entry-content h4,
798.entry-content h5,
799.entry-content h6 {
800	line-height: 1.5em;
801	margin: 20px 0 0;
802}
803
804.entry-content h5,
805.entry-content h6 {
806	text-transform: uppercase;
807}
808
809#content table {
810	border: 0;
811	margin: 0 0px 24px 0;
812	text-align: left;
813	width: 100%;
814	vertical-align: top;
815}
816#content tr {
817	vertical-align: top;
818}
819
820#content .alternate {
821}
822
823#content tr th,
824#content thead th {
825	font-size: 14px;
826	padding: 9px 24px;
827}
828#content tr td {
829	border-top: 1px solid transparent;
830	padding: 6px 24px;
831	vertical-align: top;
832}
833#content tr.odd td {
834}
835
836/*input, textarea, #content p, #content ul, #content ol, .widget-area, .widget-area a {
837	font-size: 1em;
838	line-height: inherit;
839}*/
840
841.page-header {
842	display: table;
843	float: none;
844	border-bottom: 2px solid transparent;
845	margin-bottom: 1em;
846	padding: 1.25em 2em;
847}
848
849body.search .page-title {
850	padding: 0.7em 2em 0.5em;
851}
852
853.attachment-page-title.page-title {
854	padding: 1em 2em;
855}
856
857#content .page-title {
858	display: inline-block;
859	font-size: 1em;
860	font-weight: normal;
861	text-transform: uppercase;
862	letter-spacing: 1px;
863}
864
865.page-title span {
866	font-style: italic;
867	font-weight: normal;
868}
869
870.page-title a:link,
871.page-title a:visited {
872	text-decoration: none;
873}
874
875.page-title a:active,
876.page-title a:hover {
877}
878
879:not(#author-description) > .taxonomy-description {
880	margin-top: .5em;
881}
882
883#content .taxonomy-description p:last-child {
884	margin-bottom: 0;
885}
886
887#content .entry-title {
888	font-size: 2em;
889	font-weight: normal;
890	line-height: 1.3em;
891	padding: 0;
892	margin: 0;
893	word-wrap: break-word;
894}
895
896#content.page .entry-title {
897	margin-bottom: .5em;
898}
899
900.entry-title a:link,
901.entry-title a:visited {
902	color: inherit;
903	text-decoration: none;
904}
905.entry-title a:active,
906.entry-title a:hover {
907}
908
909#content > h1.entry-title {
910	margin-bottom: 10px;
911}
912
913.entry-meta {
914    display: block;
915    font-size: 0.85em;
916	clear: both;
917	margin-bottom: 1em;
918}
919
920.entry-meta:hover {
921	opacity: 1;
922	filter: alpha(opacity=100);
923}
924
925.entry-meta span,
926.entry-utility span {
927	display: block;
928	float: left;
929	border: 1px solid transparent;
930	margin-right: -1px;
931	padding: 0 10px;
932	text-transform: uppercase;
933	line-height: 2;
934	letter-spacing: 0.5px;
935	-webkit-transition: background .5s ease-in-out;
936	transition: background .5s ease-in-out;
937}
938
939time.updated {
940	display: none;
941}
942
943.entry-meta span.bl_categ {
944	max-width: 97%;
945}
946
947body.attachment .entry-meta span.bl_categ {
948	display: none;
949}
950
951.entry-utility {
952	clear: both;
953	font-size: 0.85em;
954}
955
956.footer-tags {
957	display: inline;
958	line-height: 2;
959}
960
961.entry-utility span.bl_bookmark {
962	display: inline;
963	float: none;
964	padding: 0;
965}
966
967.comments-link {
968	position: absolute;
969	right: 0;
970	top: 0;
971	height: 30px;
972	line-height: 30px;
973	min-width: 110px;
974	padding: 0 15px 0 5px;
975	text-align: center;
976	-webkit-transition: all 0.3s;
977	transition: all 0.3s;
978}
979
980.comments-link:hover {
981	opacity: 1;
982}
983
984.comments-link * {
985	font-size: 0.7em;
986	text-transform: uppercase;
987	letter-spacing: 1px;
988	vertical-align: top;
989}
990
991.comments-link:before {
992	position: absolute;
993	content: "";
994	width: 0;
995	height:0;
996	left: -30px;
997	top: 0;
998	border-top: 30px solid transparent;
999	border-left: 30px solid transparent;
1000}
1001
1002#content h3.entry-format {
1003	display: inline;
1004	float: left;
1005	text-transform: uppercase;
1006	border: 1px solid transparent;
1007	padding: 0 10px;
1008	font-size: inherit;
1009	line-height: 2;
1010	letter-spacing: 3px;
1011}
1012
1013.entry-meta abbr,
1014.entry-utility abbr {
1015	border: none;
1016}
1017.entry-meta abbr:hover,
1018.entry-utility abbr:hover {
1019	border-bottom: 1px dotted transparent;
1020}
1021.entry-content,
1022.entry-summary {
1023	clear: both;
1024	padding-top: 8px;
1025	word-wrap: break-word;
1026}
1027#content .entry-summary p:last-child {
1028	margin-bottom: 12px;
1029}
1030.entry-content fieldset {
1031	border: 1px solid transparent;
1032	margin: 0 0 24px 0;
1033	padding: 24px;
1034}
1035.entry-content fieldset legend {
1036	font-weight: bold;
1037	padding: 0 24px;
1038}
1039
1040.entry-content sup,
1041.entry-content sub {
1042	font-size: 0.625em;
1043}
1044
1045.entry-content blockquote.left {
1046	float: left;
1047	margin-left: 0;
1048	margin-right: 24px;
1049	text-align: right;
1050	width: 33%;
1051}
1052blockquote:not(.alignright),
1053blockquote.alignleft {
1054	border-left: 5px solid transparent;
1055}
1056
1057.entry-content blockquote.right {
1058	float: right;
1059	margin-left: 24px;
1060	margin-right: 0;
1061	text-align: left;
1062	width: 33%;
1063}
1064blockquote.alignright {
1065	border-right: 5px solid transparent;
1066}
1067
1068.tag-links {
1069	margin-left: 30px;
1070}
1071
1072.page-link {
1073	margin: 20px 0;
1074	clear: both;
1075	text-transform: uppercase;
1076}
1077
1078 .page-link a,
1079 .page-link span,
1080 .page-link em {
1081	 display: inline-block;
1082	font-weight: normal;
1083	text-decoration: none;
1084}
1085
1086.page-link em {
1087	font-style: normal;
1088	padding: 0 1em;
1089}
1090
1091span.edit-link {
1092    border: 1px solid transparent;
1093    text-transform: uppercase;
1094	clear: both;
1095	float: right !important;
1096	display: block;
1097	background: none;
1098	margin: 0;
1099	padding: 0;
1100	font-size: 0.9em;
1101	letter-spacing: 1px;
1102}
1103
1104span.edit-link a {
1105	display: block;
1106	padding: 3px 16px;
1107}
1108
1109#author-info {
1110	border-top: 1px solid transparent;
1111	clear: both;
1112	margin: -1.1em 0 24px 0;
1113	overflow: hidden;
1114	padding: 1.5em;
1115}
1116
1117#author-info #author-avatar {
1118	border: 7px solid transparent;
1119	float: left;
1120	line-height: 0;
1121	margin: 0 -104px 0 0;
1122}
1123
1124#author-info #author-description {
1125	float: left;
1126	margin: 0 0 0 94px;
1127}
1128
1129#entry-author-info {
1130	display: inline-block;
1131	clear: both;
1132	overflow: hidden;
1133	margin: 1.5em 0;
1134	padding: 2em 0;
1135	border-top: 1px solid transparent;
1136}
1137
1138#entry-author-info #author-avatar {
1139	float: left;
1140	margin: 0 -104px 0 0;
1141	border: 7px solid transparent;
1142	line-height: 0;
1143}
1144
1145#entry-author-info #author-description {
1146	float: left;
1147	margin: 0 0 0 94px;
1148}
1149
1150#author-link {
1151	margin-top: 1em;
1152}
1153
1154#content .video-player {
1155	padding: 0;
1156}
1157
1158/* POST FORMATS */
1159
1160/* =Asides
1161-------------------------------------------------------------- */
1162
1163.home #content .format-aside p,
1164.home #content .category-asides p {
1165	line-height: 20px;
1166	margin-bottom: 10px;
1167	margin-top: 0;
1168}
1169
1170.home #content .format-aside .entry-content,
1171.home #content .category-asides .entry-content {
1172	padding-top: 0;
1173}
1174
1175#content .format-aside .entry-title {
1176	display: none;
1177}
1178
1179#content .format-aside .author ,
1180#content .format-aside  .bl_categ,
1181#content .format-aside .bl_sep {
1182	display: none;
1183}
1184
1185
1186/**
1187 * 5.4 Galleries
1188 * ----------------------------------------------------------------------------
1189 */
1190
1191.gallery {
1192	margin-bottom: 20px;
1193	margin-left: -4px;
1194}
1195
1196.gallery-item {
1197	float: left;
1198	margin: 0 4px 4px 0;
1199	overflow: hidden;
1200	position: relative;
1201}
1202
1203.gallery-columns-1.gallery-size-medium,
1204.gallery-columns-1.gallery-size-thumbnail,
1205.gallery-columns-2.gallery-size-thumbnail,
1206.gallery-columns-3.gallery-size-thumbnail {
1207	display: table;
1208	margin: 0 auto 20px;
1209}
1210
1211.gallery-columns-1 .gallery-item,
1212.gallery-columns-2 .gallery-item,
1213.gallery-columns-3 .gallery-item {
1214	text-align: center;
1215}
1216
1217.gallery-columns-4 .gallery-item {
1218	max-width: 23%;
1219	max-width:         ~"calc(25%-4px)";
1220}
1221
1222.gallery-columns-5 .gallery-item {
1223	max-width: 19%;
1224	max-width:         ~"calc(20% - 4px)";
1225}
1226
1227.gallery-columns-6 .gallery-item {
1228	max-width: 15%;
1229	max-width:         ~"calc(16.7% - 4px)";
1230}
1231
1232.gallery-columns-7 .gallery-item {
1233	max-width: 13%;
1234	max-width:         ~"calc(14.28% - 4px)";
1235}
1236
1237.gallery-columns-8 .gallery-item {
1238	max-width: 11%;
1239	max-width:         ~"calc(12.5% - 4px)";
1240}
1241
1242.gallery-columns-9 .gallery-item {
1243	max-width: 9%;
1244	max-width:         ~"calc(11.1% - 4px)";
1245}
1246
1247.gallery-columns-1 .gallery-item:nth-of-type(1n),
1248.gallery-columns-2 .gallery-item:nth-of-type(2n),
1249.gallery-columns-3 .gallery-item:nth-of-type(3n),
1250.gallery-columns-4 .gallery-item:nth-of-type(4n),
1251.gallery-columns-5 .gallery-item:nth-of-type(5n),
1252.gallery-columns-6 .gallery-item:nth-of-type(6n),
1253.gallery-columns-7 .gallery-item:nth-of-type(7n),
1254.gallery-columns-8 .gallery-item:nth-of-type(8n),
1255.gallery-columns-9 .gallery-item:nth-of-type(9n) {
1256	margin-right: 0;
1257}
1258
1259.gallery-caption {
1260	position: absolute;
1261	bottom: 0;
1262	left: 0;
1263	width: 100%;
1264	max-height: 50%;
1265	margin: 0;
1266	padding: 2px 8px;
1267	font-size: 0.9em;
1268	text-align: left;
1269	line-height: 1.3;
1270	opacity: 0;
1271	filter: alpha(opacity=0);
1272	cursor: default;
1273	background-color: rgba(0, 0, 0, 0.7);
1274	color: #fff;
1275	-webkit-transition: opacity 400ms ease;
1276	transition: opacity 400ms ease;
1277}
1278
1279.gallery-item:hover .gallery-caption {
1280	opacity: 1;
1281	filter: alpha(opacity=100);
1282}
1283
1284.gallery-columns-7 .gallery-caption,
1285.gallery-columns-8 .gallery-caption,
1286.gallery-columns-9 .gallery-caption {
1287	display: none;
1288}
1289
1290
1291
1292/* =Chat
1293-------------------------------------------------------------- */
1294.format-chat p {
1295	font-family: Monaco, "Courier New", monospace !important;
1296}
1297
1298/* =Quote
1299-------------------------------------------------------------- */
1300.format-quote blockquote,
1301.format-quote blockquote p{
1302	font-family: Georgia,"Bitstream Charter",serif !important;
1303	font-size: 1.1em !important;
1304}
1305
1306
1307/* =Status
1308-------------------------------------------------------------- */
1309
1310.format-status .entry-title {
1311	display: none;
1312}
1313
1314.status_content {
1315}
1316
1317.format-status .avatar {
1318	display: block;
1319	width: auto;
1320	float: left;
1321	margin: 0 10px 10px 0;
1322}
1323
1324/* =Attachment pages
1325-------------------------------------------------------------- */
1326
1327.attachment .entry-content .entry-caption {
1328	font-size: 140%;
1329	margin-top: 24px;
1330}
1331/*.attachment .entry-content .nav-previous a:before {
1332	content: '\2190\00a0';
1333}
1334.attachment .entry-content .nav-next a:after {
1335	content: '\00a0\2192';
1336}*/
1337
1338
1339/* =Images
1340-------------------------------------------------------------- */
1341
1342.entry-content img,
1343.entry-summary img {
1344	max-width: 100%;
1345	height: auto;
1346}
1347
1348.sidey select {
1349    max-width: 100%;
1350}
1351
1352.sidey img {
1353    max-width: 100%;
1354    height: auto;
1355}
1356
1357.entry-content table img {
1358	max-width: inherit; }
1359
1360.entry-content img:hover { }
1361
1362.alignleft,
1363img.alignleft,
1364.alignleft img {
1365	float: left;
1366	margin-right: 24px;
1367	margin-top: 4px;
1368}
1369
1370.alignright,
1371img.alignright,
1372.alignright img {
1373	float: right;
1374	margin-left: 24px;
1375	margin-top: 4px;
1376}
1377
1378.aligncenter,
1379img.aligncenter,
1380.aligncenter img {
1381	clear: both;
1382	margin-left: auto;
1383	margin-right: auto;
1384}
1385img.aligncenter {
1386	display: block;
1387}
1388
1389img.alignleft,
1390img.alignright,
1391img.aligncenter {
1392	margin-bottom: 12px;
1393}
1394
1395img.alignleft,
1396img.alignright,
1397img.aligncenter,
1398img.alignnone,
1399.wp-caption img {
1400	opacity: 0.99;
1401	filter: alpha(opacity=99);
1402	-webkit-transition: all .3s ease-in-out;
1403	transition: all .3s ease-in-out;
1404}
1405
1406img.alignleft:hover,
1407img.alignright:hover,
1408img.aligncenter:hover,
1409img.alignnone:hover,
1410.wp-caption img:hover {
1411	opacity: 0.8;
1412	filter: alpha(opacity=80);
1413}
1414
1415.wp-caption {
1416	line-height: 18px;
1417	margin-bottom: 20px;
1418	text-align: center;
1419	max-width: 100%;
1420}
1421
1422.wp-caption img {
1423	border: none;
1424	padding: 0px;
1425	width: 100%;
1426	box-shadow: none;
1427}
1428
1429.wp-caption p.wp-caption-text {
1430	margin: 0;
1431	padding: .5em 1em .8em;
1432	text-align: center;
1433	text-indent: 0;
1434	line-height: 1.5;
1435}
1436
1437.wp-smiley {
1438	margin: 0;
1439    border: 0 !important;
1440    background: none !important;
1441    vertical-align: middle;
1442	box-shadow: none !important;
1443}
1444
1445.attachment img { /* single attachment images should be centered */
1446	display: block;
1447	margin: 0 auto;
1448	max-width: 96%;
1449}
1450
1451/* =Navigation
1452-------------------------------------------------------------- */
1453
1454.navigation {
1455	overflow: hidden;
1456}
1457
1458.navigation a:link,
1459.navigation a:visited {
1460	text-decoration: none;
1461}
1462
1463.navigation a {
1464	-webkit-transition: all .5s ease-in-out;
1465	transition: all .5s ease-in-out;
1466}
1467
1468#nav-below .nav-previous a {
1469	float: left;
1470	width: 50%;
1471	padding: 1em 1em 1em 3em;
1472	border-right: 1px solid rgba(0, 0, 0, .08);
1473}
1474
1475#nav-below .nav-next a {
1476	float: right;
1477	text-align: right;
1478	width: 50%;
1479	padding: 1em 3em 1em 1em;
1480}
1481
1482.single #nav-above {
1483	display: block;
1484}
1485
1486#nav-below {
1487	margin-bottom: 6px;
1488	margin-top: 5px;
1489	display: block;
1490	float: none;
1491	clear: both;
1492	border: 1px solid transparent;
1493}
1494
1495/* =Comments
1496-------------------------------------------------------------- */
1497#comments {
1498	border: 1px solid transparent;
1499	margin-top: -1px;
1500	padding: 2em 3em;
1501	clear: both;
1502}
1503
1504#comments .navigation {
1505	padding: 0 0 18px 0;
1506}
1507
1508h3#comments-title,
1509h3#reply-title {
1510	margin-bottom: 0;
1511	font-size: 2.5em;
1512	line-height: 1;
1513}
1514
1515h3#comments-title {
1516	margin-bottom: 1em;
1517}
1518
1519.commentlist {
1520	list-style: none;
1521	margin: 0;
1522}
1523
1524.commentlist li.comment {
1525	margin: 0;
1526	list-style: none;
1527}
1528
1529.commentlist .bypostauthor {
1530}
1531
1532.commentlist li.comment:hover {}
1533
1534.commentlist .comment-body {
1535	position: relative;
1536	overflow: hidden;
1537	clear: both;
1538	margin-bottom: 2em;
1539	padding: 1em;
1540	border: 1px solid transparent;
1541}
1542
1543.commentlist li:last-child {}
1544
1545#comments .comment-body ul,
1546#comments .comment-body ol {
1547}
1548
1549#comments .comment-body p:last-child {
1550	margin-bottom: 6px;
1551}
1552
1553#comments .comment-body blockquote p:last-child {
1554	margin-bottom: 24px;
1555}
1556
1557.commentlist ol {
1558	list-style: decimal;
1559}
1560
1561.commentlist .avatar {
1562	float: left;
1563}
1564
1565.comment-author {
1566	display: table;
1567	line-height: 24px;
1568	-webkit-transition: background-color .5s;
1569	transition: background-color .5s;
1570}
1571
1572.comment-details {
1573	position: relative;
1574	float: left;
1575	padding: 5px 15px;
1576}
1577
1578.comment-details:after {
1579	position: absolute;
1580	top: 0;
1581	right: -20px;
1582	content: "";
1583	width: 0px;
1584	height: 0px;
1585	border-left: 20px solid transparent;
1586	border-top: 60px solid transparent;
1587	-webkit-transition: border-left-color .5s;
1588	transition: border-left-color .5s;
1589}
1590
1591.comment-author cite {
1592	font-style: normal;
1593	font-size: 1em;
1594}
1595
1596.comment-meta.commentmetadata {
1597	font-size: 0.85em;
1598	text-transform: uppercase;
1599	letter-spacing: 1px;
1600}
1601
1602.comment-meta a:link,
1603.comment-meta a:visited {
1604	text-decoration: none;
1605}
1606
1607.commentlist .comment-await {
1608	padding: 5px 0;
1609	display: block;
1610	clear: both;
1611}
1612
1613.comment .reply a {
1614	position: absolute;
1615	right: -1px;
1616	bottom: -1px;
1617	display: block;
1618	padding: .2em 1em;
1619	border: 1px solid transparent;
1620	font-size: 0.8em;
1621	letter-spacing: 1px;
1622	text-transform: uppercase;
1623	-webkit-transition: background .3s ease-in-out;
1624	transition: background .3s ease-in-out;
1625}
1626
1627.commentlist .children {
1628	background-image: none;
1629	list-style: none;
1630	margin: 0;
1631	margin-left: 20px;
1632}
1633
1634.commentlist .children li {
1635	border: none;
1636	background-image: none !important;
1637	margin: 0;
1638	text-indent: 0 !important;
1639}
1640
1641#content .nocomments,
1642#content .nocomments2 {
1643	margin-bottom: 0;
1644}
1645
1646.hideme {
1647	display: none;
1648}
1649
1650#comments .pingback {
1651	border-bottom: 1px solid transparent;
1652	margin-bottom: 18px;
1653	padding-bottom: 18px;
1654}
1655
1656.commentlist li.comment + li.pingback {
1657	margin-top: -6px;
1658}
1659
1660#comments .pingback p {
1661	display: block;
1662	margin: 0;
1663}
1664
1665#comments .pingback .url {
1666	font-style: italic;
1667}
1668
1669/* Comments form */
1670
1671#respond {
1672	margin: 0;
1673	overflow: hidden;
1674	position: relative;
1675}
1676
1677#respond p {
1678	margin: 0;
1679}
1680
1681#respond .comment-notes {
1682	margin-bottom: 1em;
1683	font-size: 0.85em;
1684}
1685
1686.form-allowed-tags {
1687	line-height: 1em;
1688}
1689
1690.children #respond {
1691	margin: 0 48px 0 0;
1692	min-width: 400px;
1693}
1694
1695h3#reply-title {
1696	margin: 0;
1697	padding: 5px 0;
1698}
1699
1700#comments-list #respond {
1701	margin: 0 0 18px 0;
1702}
1703
1704#comments-list ul #respond {
1705	margin: 0;
1706}
1707
1708#cancel-comment-reply-link {
1709	font-size: 0.85em;
1710	font-weight: normal;
1711}
1712
1713#respond .required {}
1714
1715#commentform {
1716	max-width: 550px;
1717	display: block;
1718}
1719
1720#respond label {}
1721
1722#respond input {
1723	margin: 0 0 9px;
1724}
1725#respond input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
1726	width: 100%;
1727}
1728#respond input + label {
1729	margin-left: .5em;
1730	margin-right: .5em;
1731}
1732
1733.comment-form-comment textarea {
1734	display: block;
1735	float: none;
1736	height: 150px;
1737	width: 100%
1738}
1739
1740.comment-form-author label,
1741.comment-form-email label,
1742.comment-form-email label,
1743.comment-form-url label,
1744.comment-form-comment label {
1745	display: block;
1746	float: none;
1747}
1748
1749.comment-form-author input,
1750.comment-form-email input,
1751.comment-form-email input,
1752.comment-form-url input,
1753.comment-form-comment input {
1754	display: block;
1755	float: none;
1756}
1757
1758#respond input:hover,
1759#respond textarea:hover {
1760}
1761
1762#respond .form-allowed-tags {
1763	font-size: 0.9em;
1764	width: 100%;
1765	clear: both;
1766	display: block;
1767	float: none;
1768}
1769
1770#respond .form-allowed-tags code {
1771	font-size: 0.9em;
1772}
1773
1774#respond .form-submit {
1775	margin: 12px 0;
1776	text-align: right;
1777	clear: both;
1778}
1779
1780#respond .form-submit input {
1781	width: auto;
1782	margin-top: 1em;
1783}
1784
1785#respond .form-submit input#submit {
1786	border: 1px solid transparent;
1787	text-transform: uppercase;
1788	letter-spacing: 1px;
1789	-webkit-transition: border-color .2s;
1790	transition: border-color .2s;
1791}
1792
1793#respond .form-submit input#submit:hover {
1794	cursor: pointer;
1795}
1796
1797.button {
1798	border: 1px solid transparent;
1799	padding: 5px 10px;
1800	-webkit-transition: border-color .2s;
1801	transition: border-color .2s;
1802}
1803
1804.button:hover {
1805	cursor: pointer;
1806}
1807
1808/* =Widget Areas
1809-------------------------------------------------------------- */
1810
1811.widget-area ul,
1812.widget-area ul ul {
1813	list-style: none;
1814	list-style-image: none;
1815}
1816
1817.widget-container {
1818	padding: 1.3em;
1819	margin: 0 0 1.2em 0;
1820	border: 1px solid transparent;
1821}
1822
1823.widget-container > * {
1824	max-width: 100%;
1825}
1826
1827.widget-container ul li {
1828	display: block;
1829	float: none;
1830	margin-bottom: 5px;
1831}
1832
1833.widget-title {
1834	position: relative;
1835	margin-bottom: 1em;
1836	padding: .6em;
1837	font-size: 1em;
1838	text-align: left;
1839	letter-spacing: 1px;
1840	text-transform: uppercase;
1841}
1842
1843.widget-title:after {
1844	position: absolute;
1845	right: 0;
1846	bottom: 0;
1847	content: "";
1848	width: 0;
1849	height: 0;
1850	border-bottom: 8px solid transparent;
1851	border-left: 12px solid transparent;
1852}
1853
1854#footer-widget-area a:hover {
1855	text-decoration: underline;
1856}
1857
1858.widget-area a:link,
1859.widget-area a:visited {
1860	text-decoration: none;
1861	word-wrap: break-word;
1862}
1863.widget-area a:active,
1864.widget-area a:hover {
1865}
1866
1867.widget-area .entry-meta {
1868	font-size: 0.9em;
1869}
1870
1871/* Search buttons */
1872.searchform {
1873	display: block;
1874	height: auto;
1875	overflow: hidden;
1876}
1877
1878.contentsearch {
1879	display: block;
1880	float: none;
1881	overflow: hidden;
1882	margin-bottom: 20px;
1883	padding: 2em;
1884}
1885
1886.error404 .contentsearch,
1887.no-results .contentsearch {
1888	padding: 0;
1889}
1890
1891.searchform input[type="search"]  {/* This keeps the search inputs in line This is the Sidebar Search*/
1892	display: block;
1893	float: left;
1894	width: 100%;
1895	padding: 0 50px 0 10px;
1896	height: 3em;
1897	font-size: 0.9em;
1898	letter-spacing: 1px;
1899	line-height: 1;
1900	vertical-align: middle;
1901}
1902
1903input[type="search"] {
1904    -webkit-appearance: textfield;
1905}
1906
1907input[type="search"]::-webkit-search-decoration {
1908    -webkit-appearance: none;
1909}
1910
1911.contentsearch .searchform input[type="search"] {
1912	width: 100%;
1913	margin-left: 0;
1914}
1915
1916.searchsubmit {
1917	display: block;
1918	float: left;
1919	width: 20px;
1920	height: 20px;
1921	margin-top: 14px;
1922	margin-left: -35px;
1923	padding: 0;
1924	border: none;
1925	cursor: pointer;
1926	text-indent: -9999px;
1927	box-shadow: none;
1928	background: url(images/search.png) no-repeat transparent;
1929	-webkit-transition: all .5s ease-in-out;
1930	transition: all .5s ease-in-out;
1931}
1932
1933.searchform:hover .searchsubmit {
1934	-webkit-transform: rotate(719deg);
1935	transform: rotate(719deg);
1936}
1937
1938/* Callendar */
1939#wp-calendar {
1940	width: 100%;
1941}
1942
1943#wp-calendar caption {
1944	font-size: 0.9em;
1945	font-weight: bold;
1946	padding-bottom: 4px;
1947	margin-left: 10px;
1948}
1949
1950#wp-calendar thead {
1951	font-size: 0.9em;
1952}
1953
1954#wp-calendar tbody td {
1955	padding: 3px 0 2px;
1956	text-align: center;
1957	border: 1px solid transparent;
1958}
1959
1960#wp-calendar tbody td:hover {
1961	opacity:0.8;
1962	filter: alpha(opacity=80);
1963}
1964
1965#wp-calendar tbody td a{
1966	border:none;
1967	background:none;
1968	padding:0;
1969	margin:0;
1970}
1971
1972#wp-calendar tbody .pad {
1973	background: none;
1974}
1975
1976#wp-calendar tfoot #next {
1977	text-align: right;
1978}
1979
1980.widget_rss a.rsswidget {}
1981.widget_rss a.rsswidget:hover {}
1982
1983.widget_rss .widget-title img {
1984	width: 11px;
1985	height: 11px;
1986}
1987
1988/* Main sidebars */
1989#main .widget-area ul {
1990	margin-left: 0;
1991	padding: 0;
1992}
1993#main .widget-area ul ul {
1994	border: none;
1995	margin-left: 3px;
1996	padding: 0;
1997}
1998/* Before and after content widgets */
1999
2000.yoyo .widget-title {
2001	background: none;
2002	padding: 0;
2003	margin: 0;
2004}
2005
2006/* Footer widget areas */
2007#footer-widget-area {
2008	margin: 20px 0 10px 0;
2009}
2010
2011#footer-widget-area a{}
2012
2013
2014/* =Footer
2015-------------------------------------------------------------- */
2016
2017#footer {
2018	margin-top: 20px;
2019	margin-bottom: 0;
2020	border-top: 1px solid transparent;
2021}
2022
2023#footer a{
2024	-webkit-transition: color .2s;
2025	transition: color .2s;
2026}
2027
2028#footer2 {
2029	display: block;
2030	border-top: 1px solid transparent;
2031	padding: 10px;
2032	overflow: visible;
2033}
2034
2035#footer2-inner {
2036	margin: 0 auto;
2037}
2038
2039#colophon {
2040	margin-top: 0;
2041	overflow: hidden;
2042}
2043
2044#site-copyright {
2045	display: block;
2046	float: none;
2047	padding-top: 5px;
2048	font-style: italic;
2049	clear: both;
2050	margin: 1em auto 0;
2051	text-align: center;
2052}
2053
2054#footer2 a{
2055	text-decoration: none;
2056}
2057
2058#footer2 a:hover{
2059	text-decoration: underline;
2060}
2061
2062img#wpstats {
2063	display: block;
2064	margin: 0 auto 10px;
2065}
2066
2067/*  Extras   */
2068
2069#forbottom {
2070	clear: both;
2071	width: 100%;
2072}
2073
2074/* SOCIALS */
2075
2076.socials {
2077	float: right;
2078	position: relative;
2079	margin-right: 10px;
2080	overflow: hidden;
2081}
2082
2083.socials a {
2084	position: relative;
2085	display: block;
2086	float: left;
2087	padding: 4px;
2088	overflow: hidden;
2089	line-height: 0;
2090}
2091
2092.socials img {
2093	position: relative;
2094	width: 26px;
2095	height: 26px;
2096	z-index: 99;
2097}
2098
2099/* The animated square */
2100.socials  .socials-hover {
2101	position: absolute;
2102	left: 0;
2103	display: block;
2104	width: 100%;
2105	height: 100%;
2106	bottom: -100%;
2107}
2108
2109#header-container > div#sheader {
2110	position: absolute;
2111	margin: 0;
2112	top: 0;
2113	right: 5px;
2114	z-index: 270;
2115}
2116
2117#smenul,
2118#smenur {
2119	float: none;
2120	margin: 0 auto;
2121	position: inherit;
2122	display: table;
2123}
2124
2125#smenul a,
2126#smenur a {
2127	margin: 3px;
2128}
2129
2130#sfooter {
2131	display: table;
2132	float: none;
2133	clear: both;
2134	margin: 1em auto 0;
2135	text-align: center;
2136}
2137
2138#sheader a + a,
2139#sfooter a + a {
2140	margin-left: 5px;
2141}
2142
2143#srights,
2144#slefts {
2145	position: fixed;
2146	top: 40%;
2147	right: 0;
2148	z-index: 99;
2149	display:block;
2150	height: auto;
2151	margin: 0;
2152	padding: 5px;
2153	border: 1px solid transparent;
2154	opacity: 0.5;
2155	filter: alpha(opacity=50);
2156	-webkit-transition: opacity .5s ease-in-out;
2157	transition: opacity .5s ease-in-out;
2158}
2159
2160#srights:hover,
2161#slefts:hover {
2162	opacity: 1;
2163	filter: alpha(opacity=100);
2164}
2165
2166#srights a,
2167#slefts a {
2168	display: block;
2169	float: none;
2170	clear: both;
2171}
2172
2173#srights a + a,
2174#slefts a + a {
2175	margin-top: 5px;
2176}
2177
2178#srights {
2179	border-right: 0;
2180}
2181
2182#slefts {
2183	border-left: 0;
2184	right: auto;
2185	left: 0;
2186}
2187
2188.socials a:last-child {
2189	margin-bottom: 0;
2190}
2191
2192/* ARTICLES */
2193
2194article.post,
2195article.page,
2196article.hentry {
2197	position: relative;
2198	display: block;
2199	overflow: hidden;
2200	margin: 0 0 1.5em 0;
2201	border: 1px solid transparent;
2202	padding: 2em;
2203}
2204
2205/*div.hentry,*/
2206div.post,
2207div.page,
2208.yoyo > li {
2209	display: block;
2210	overflow: hidden;
2211	padding: 3em;
2212	border: 1px solid transparent;
2213}
2214
2215article.sticky {
2216	border: 5px solid rgba(0, 0, 0, .07);
2217	-webkit-transition: .5s border ease-in-out;
2218	transition: .5s border ease-in-out;
2219}
2220
2221#toTop {
2222	width: 22px;
2223	height: 14px;
2224	bottom: 20px;
2225	right: 20px;
2226	position: fixed;
2227	cursor: pointer;
2228	display: none;
2229	z-index: 999;
2230	background: url(images/back.png);
2231	-webkit-transition: all .3s ease-in-out;
2232	transition: all .3s ease-in-out;
2233}
2234
2235#toTop:hover {
2236	background-position: 0px -15px;
2237}
2238
2239/* CUSTOM IMAGE BORDER */
2240
2241.parabola-image-none .entry-content img[class*='align'],
2242.parabola-image-none .entry-content [class*='wp-block'][class*='align'] img,
2243.parabola-image-none .entry-summary img[class*='align'],
2244.parabola-image-none .entry-summary [class*='wp-block'][class*='align'] img {}
2245
2246.parabola-image-one .entry-content img[class*='align'],
2247.parabola-image-one .entry-content [class*='wp-block'][class*='align'] img,
2248.parabola-image-one .entry-summary img[class*='align'],
2249.parabola-image-one .entry-summary [class*='wp-block'][class*='align'] img {
2250	border: 1px solid #CCC;
2251	padding: 10px;
2252}
2253
2254.parabola-image-two .entry-content img[class*='align'],
2255.parabola-image-two .entry-content [class*='wp-block'][class*='align'] img,
2256.parabola-image-two .entry-summary img[class*='align'],
2257.parabola-image-two .entry-summary [class*='wp-block'][class*='align'] img {
2258	border: 10px solid #333;
2259	box-shadow: 0 0 3px #111;
2260}
2261
2262.parabola-image-three .entry-content img[class*='align'],
2263.parabola-image-three .entry-content [class*='wp-block'][class*='align'] img,
2264.parabola-image-three .entry-summary img[class*='align'],
2265.parabola-image-three .entry-summary [class*='wp-block'][class*='align'] img {
2266	border: 1px solid #eee;
2267	padding: 15px;
2268	box-shadow: 0 0 5px #e7e7e7;
2269}
2270
2271.parabola-image-four .entry-content img[class*='align'],
2272.parabola-image-four .entry-content [class*='wp-block'][class*='align'] img,
2273.parabola-image-four .entry-summary img[class*='align'],
2274.parabola-image-four .entry-summary [class*='wp-block'][class*='align'] img {
2275	border: 15px solid #f2f2f2;
2276	box-shadow: 0 0 1px #CCC;
2277}
2278
2279.parabola-image-five .entry-content img[class*='align'],
2280.parabola-image-five .entry-content [class*='wp-block'][class*='align'] img,
2281.parabola-image-five .entry-summary img[class*='align'],
2282.parabola-image-five .entry-summary [class*='wp-block'][class*='align'] img {
2283	padding: 15px;
2284	background: url(images/border.png) repeat;
2285}
2286
2287.parabola-image-one .entry-content img[class*='align']:hover,
2288.parabola-image-one .entry-content [class*='wp-block'][class*='align'] img:hover,
2289.parabola-image-one .entry-summary img[class*='align']:hover,
2290.parabola-image-one .entry-summary [class*='wp-block'][class*='align'] img:hover {
2291	background-color :#eee;
2292}
2293.parabola-image-two .entry-content img[class*='align']:hover,
2294.parabola-image-two .entry-content [class*='wp-block'][class*='align'] img:hover,
2295.parabola-image-two .entry-summary img[class*='align']:hover,
2296.parabola-image-two .entry-summary [class*='wp-block'][class*='align'] img:hover {
2297	box-shadow: none;
2298}
2299
2300.parabola-image-three .entry-content img[class*='align']:hover,
2301.parabola-image-three .entry-content [class*='wp-block'][class*='align'] img:hover,
2302.parabola-image-three .entry-summary img[class*='align']:hover,
2303.parabola-image-three .entry-summary [class*='wp-block'][class*='align'] img:hover {
2304	box-shadow: none;
2305}
2306
2307/* CUSTOM CAPTION LOOK */
2308
2309.caption-clear .wp-caption {}
2310
2311.caption-light .wp-caption {
2312	background: #eee;
2313	color: #333;
2314}
2315
2316.caption-accented .wp-caption {}
2317
2318.caption-dark .wp-caption {
2319	background: #4a4a4a;
2320	color: #EEE;
2321}
2322
2323/* CUSTOM META AREA LOOK */
2324
2325.meta-clear .entry-meta span:first-child {
2326	padding-left: 0;
2327}
2328
2329.meta-border .entry-meta span,
2330.meta-border .entry-utility span.bl_posted {
2331     border: 1px solid transparent;
2332}
2333
2334.meta-accented .entry-meta span,
2335.meta-accented .entry-utility span.bl_posted {
2336	border: 1px solid transparent;
2337}
2338
2339.meta-light .entry-meta span,
2340.meta-light .entry-utility span.bl_posted {
2341	border: 1px solid #eee;
2342	background: #fafaf7;
2343}
2344
2345.meta-dark .entry-meta span,
2346.meta-dark .entry-utility span.bl_posted  {
2347	border: 1px solid #444;
2348	background: #333;
2349	color: #999;
2350}
2351
2352/* BREADCRUMBS */
2353
2354.breadcrumbs {
2355	display: inline-block;
2356	position: relative;
2357	/*top: 10px;*/
2358	/* desbest edit */
2359	height: 30px;
2360	padding-left: 20px;
2361	font-size: .9em;
2362	line-height: 29px;
2363}
2364
2365.breadcrumbs:before {
2366	position: absolute;
2367	top: 10px;
2368	left: 10px;
2369	content: "";
2370	height: 0;
2371	width: 0;
2372	border-bottom: 5px solid transparent;
2373	border-left: 5px solid transparent;
2374	border-top: 5px solid transparent;
2375}
2376
2377.breadcrumbs a {
2378	margin: 0 .5em;
2379}
2380
2381
2382
2383/* PAGINATION */
2384
2385.pagination {
2386	display: table;
2387	float: none;
2388	margin: 20px auto;
2389	text-align: center;
2390	clear: both;
2391}
2392
2393.pagination span,
2394.pagination a {
2395	position: relative;
2396	display: block;
2397	float: left;
2398	margin-right: 1px;
2399	padding: .5em 2em;
2400	text-align: center;
2401	text-decoration: none;
2402	-webkit-transition: background .3s ease-in-out;
2403	transition: background .3s ease-in-out;
2404}
2405
2406.pagination a:hover{}
2407
2408.pagination .current{}
2409
2410/* CUSTOM FRONT PAGE */
2411
2412/* The Nivo Slider styles */
2413.nivoSlider {
2414	position: relative;
2415	width: 100%;
2416	height: auto;
2417	overflow: hidden;
2418}
2419
2420.nivoSlider img {
2421	position: absolute;
2422	top: 0;
2423	left: 0;
2424}
2425
2426.nivo-main-image {
2427	display: block !important;
2428	position: relative !important;
2429	width: 100% !important;
2430}
2431
2432/* If an image is wrapped in a link */
2433.nivoSlider a.nivo-imageLink {
2434	position:absolute;
2435	z-index: 6;
2436	top: 0;
2437	left: 0;
2438	width: 100%;
2439	height: 100%;
2440	margin: 0;
2441	padding :0;
2442	border: 0;
2443	display: none;
2444}
2445/* The slices and boxes in the Slider */
2446.nivo-slice {
2447	display: block;
2448	position: absolute;
2449	z-index: 5;
2450	height: 100%;
2451	top: 0;
2452}
2453
2454.nivo-box {
2455	display: block;
2456	position: absolute;
2457	z-index: 5;
2458	overflow: hidden;
2459}
2460
2461.nivo-box img {
2462	display: block;
2463}
2464
2465/* Caption styles */
2466.nivo-caption {
2467	display: none;
2468	overflow: hidden;
2469	position: absolute;
2470	left: 0;
2471	bottom: 0;
2472	width: 100%;
2473	padding: 2em 3em;
2474	z-index: 8;
2475	pointer-events: none;
2476}
2477
2478.nivo-caption h3 {
2479	position: relative;
2480	margin-bottom: .5em;
2481	-webkit-animation: myfirst .75s ease-out forwards;
2482	animation: myfirst .75s ease-out forwards;
2483}
2484
2485@-webkit-keyframes myfirst {
2486	0% {
2487		bottom: -100px;
2488		opacity: 0;
2489		display: none;
2490	}
2491	75% {
2492		bottom: 10px;
2493		opacity: .75;
2494		display: block;
2495	}
2496	100% {
2497		bottom: 0;
2498		opacity: 1;
2499		display: block;
2500	}
2501}
2502
2503@keyframes myfirst {
2504	0% {
2505		bottom: -100px;
2506		opacity: 0;
2507		display: none;
2508	}
2509	75% {
2510		bottom: 10px;
2511		opacity: .75;
2512		display: block;
2513	}
2514	100% {
2515		bottom: 0;
2516		opacity: 1;
2517		display: block;
2518	}
2519}
2520
2521.slide-text {
2522	position: relative;
2523	opacity: 0;
2524	bottom: -100px;
2525	-webkit-animation: mysecond .75s .25s ease-in forwards;
2526	animation: mysecond .75s .25s ease-in forwards;
2527}
2528
2529@-webkit-keyframes mysecond {
2530	0% {
2531		bottom: -100px;
2532		opacity: 0;
2533		display: none;
2534	}
2535	75% {
2536		bottom: 10px;
2537		opacity: .75;
2538		display: block;
2539	}
2540	100% {
2541		bottom: 0;
2542		opacity: 1;
2543		display: block;
2544	}
2545}
2546
2547@keyframes mysecond {
2548	0% {
2549		bottom: -100px;
2550		opacity: 0;
2551		display: none;
2552	}
2553	75% {
2554		bottom: 10px;
2555		opacity: .75;
2556		display: block;
2557	}
2558	100% {
2559		bottom: 0;
2560		opacity: 1;
2561		display: block;
2562	}
2563}
2564
2565.nivo-caption a {
2566	display: inline !important;
2567}
2568
2569.nivo-html-caption {
2570    display: none;
2571}
2572
2573/* Direction nav styles (e.g. Next & Prev) */
2574.nivo-directionNav a {
2575	position: absolute;
2576	top: 45%;
2577	z-index: 9;
2578	cursor: pointer;
2579}
2580
2581.nivo-prevNav {
2582	left: 0;
2583}
2584
2585.nivo-nextNav {
2586	right: 0;
2587}
2588
2589/* Control nav styles (e.g. 1,2,3...) */
2590.nivo-controlNav a {
2591	cursor:pointer;
2592}
2593
2594.nivo-controlNav a.active {
2595	font-weight:bold;
2596}
2597
2598/*
2599Skin Name: Nivo Slider Default Theme
2600*/
2601.theme-default .nivoSlider {
2602	position: relative;
2603	margin-bottom: 50px;
2604	background: url(images/nivoslider/loading.gif) no-repeat 50% 50%;
2605}
2606
2607.theme-default .nivoSlider img {
2608	display: none;
2609	position: absolute;
2610	top: 0;
2611	left: 0;
2612}
2613
2614.theme-default .nivoSlider a {
2615	display: block;
2616	border: 0;
2617}
2618
2619.theme-default .nivo-controlNav:before {
2620	position: absolute;
2621	content: "";
2622	top: 0;
2623	left: -46px;
2624	width: 0;
2625	height: 0;
2626	border-top: 38px solid transparent;
2627	border-left: 46px solid transparent;
2628}
2629
2630.theme-default .nivo-controlNav:after {
2631	position: absolute;
2632	content: "";
2633	top: 0;
2634	right: -46px;
2635	width: 0;
2636	height: 0;
2637	border-top: 38px solid transparent;
2638	border-right: 46px solid transparent;
2639}
2640
2641.theme-default .nivo-controlNav {
2642	display: table;
2643	width: auto;
2644	margin:0 auto;
2645	padding: 0 10px 0;
2646	text-align: center;
2647	min-width: 150px;
2648	position: relative;
2649	height: 38px;
2650}
2651
2652.theme-default .nivo-controlNav a {}
2653
2654.slider-bullets .nivo-controlNav a {
2655	display: inline-block;
2656	width: 12px;
2657	height: 12px;
2658	margin-right: 10px;
2659	text-indent: -9999px;
2660	line-height: 0;
2661	-webkit-transition: background-color .3s;
2662	transition: background-color .3s;
2663}
2664
2665.slider-bullets .nivo-controlNav a:hover {}
2666.slider-bullets .nivo-controlNav a.active {}
2667
2668.slider-numbers .nivo-controlNav a {
2669	display: inline-block;
2670	padding: 1px 6px;
2671	margin: 4px 5px 0;
2672	font-size: 12px;
2673	font-family: "Open Sans";
2674	box-shadow: 0 0 2px #DDD inset;
2675	-webkit-transition: all .3s;
2676	transition: all .3s;
2677}
2678
2679.slider-none .nivo-controlNav {
2680	display: none;
2681}
2682
2683.theme-default .nivo-directionNav a {
2684	display :block;
2685	width: 30px;
2686	height: 30px;
2687	background: url(images/nivoslider/arrows.png) no-repeat;
2688	text-indent: -9999px;
2689	border: 0;
2690}
2691
2692.theme-default a.nivo-nextNav {
2693	background-position: -30px 0;
2694	right: 5em;
2695}
2696
2697.theme-default a.nivo-prevNav {
2698	left: 5em;
2699}
2700
2701.slider-navhover .nivo-directionNav a {
2702	display: block;
2703	opacity: 0;
2704	-webkit-transition: .5s all ease-in-out;
2705	transition: .5s all ease-in-out;
2706}
2707.slider-navhover:hover .nivo-directionNav a {
2708	opacity: 1;
2709	right: 3em;
2710}
2711
2712.slider-navhover:hover .nivo-directionNav a.nivo-prevNav {
2713	left: 3em;
2714}
2715
2716.theme-default .nivo-caption a {
2717    border-bottom: 1px dotted transparent;
2718}
2719
2720.theme-default .nivo-controlNav.nivo-thumbs-enabled {
2721	width: 100%;
2722}
2723.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
2724	width: auto;
2725	height: auto;
2726	background: none;
2727	margin-bottom: 5px;
2728}
2729.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
2730	display: block;
2731	width: 120px;
2732	height: auto;
2733}
2734
2735/* IE link fix */
2736a.nivo-imageLink  {
2737	background-color: #fff;
2738	opacity: 0;
2739	filter: alpha(opacity=0);
2740}
2741
2742/* PRESENTATION PAGE CSS */
2743.slider-wrapper {
2744	display: block;
2745	float: none;
2746	margin: 30px auto;
2747}
2748
2749#slider {
2750	display: block;
2751	float: none;
2752	margin: 0 auto;
2753}
2754
2755#front-text1,
2756#front-text2 {
2757	display: block;
2758	float: none;
2759	margin: 35px auto;
2760	clear: both;
2761	text-align: center;
2762	font-weight: bold;
2763}
2764
2765#front-text1 {
2766	margin-bottom: 0;
2767}
2768
2769#front-text2 {
2770	margin-top: 0px;
2771	margin-bottom: 25px;
2772}
2773
2774#front-text3,
2775#front-text4 {
2776	width: 100%;
2777	margin-bottom: 2em;
2778	padding: 2em;
2779	border : 1px solid transparent;
2780}
2781
2782#front-columns > div {
2783	display: block;
2784	float: left;
2785	height: auto;
2786	margin-right: 2%;
2787	margin-bottom: 2%;
2788}
2789
2790.nivo-caption a {
2791	text-decoration: underline;
2792}
2793
2794/* fix interference from slider plugins */
2795#frontpage #slider a#slider-stopper {
2796    display: none;
2797}
2798
2799/* Continue Reading Links */
2800
2801a.continue-reading-link {
2802	display: table;
2803	width: auto;
2804	float: none;
2805	padding: .75em 1.5em;
2806	border: 1px solid transparent;
2807	margin-top: 1em;
2808	font-size: .8em;
2809	text-transform: uppercase;
2810	font-style: normal;
2811	letter-spacing: 1px;
2812	-webkit-transition: background .3s;
2813	transition: background .3s;
2814}
2815
2816/* Front page columns */
2817#front-columns {
2818	display: block;
2819	width: auto;
2820	float: none;
2821	overflow: hidden;
2822	margin-bottom: 30px;
2823}
2824
2825.ppcolumn > a .column-image img {
2826	-webkit-transition: .3s opacity ease-in-out;
2827	transition: .3s opacity ease-in-out;
2828}
2829
2830.ppcolumn > a .column-image h3 {
2831	-webkit-transition: .3s .3s all ease-in-out;
2832	transition: .3s .3s all ease-in-out;
2833}
2834
2835.ppcolumn > a:hover .column-image img {
2836	opacity: .7;
2837}
2838
2839.ppcolumn > a:hover .column-image h3 {
2840	left: 0;
2841}
2842
2843.column-image {
2844	position: relative;
2845	display: block;
2846	overflow: hidden;
2847	width: 100%;
2848	line-height: 0;
2849}
2850
2851.column-text {
2852	position: relative;
2853	overflow: hidden;
2854	width: 100%;
2855	min-height: 20px;
2856	padding: 1em 1.5em 2.5em;
2857	text-align: justify;
2858}
2859
2860.column-image img {
2861	width: 100%;
2862}
2863
2864.column-image h3,
2865#front-columns h3.column-header-noimage {
2866	position: absolute;
2867	bottom: 0;
2868	left: -100%;
2869	display: block;
2870	width: 100%;
2871	margin: 0;
2872	padding: .5em .5em .5em 1em;
2873	line-height: 1.3;
2874	border-bottom: 1px solid rgba(0, 0, 0, .1);
2875}
2876
2877#front-columns h3.column-header-noimage {
2878	position: relative;
2879	left: 0;
2880}
2881
2882.columnmore  {
2883	position: absolute;
2884	right: 0;
2885	bottom: 0;
2886	display: block;
2887	width: auto;
2888	line-height: 30px;
2889	text-align: right;
2890	padding-right: 10px;
2891	padding-left: 5px;
2892	letter-spacing: .5px;
2893}
2894
2895.columnmore a {
2896	-webkit-transition: color .3s ease-in-out;
2897	transition: color .3s ease-in-out;
2898}
2899
2900.columnmore:before {
2901    position: absolute;
2902    left: -30px;
2903    top: 0;
2904    width: 0;
2905    height: 0;
2906    content: "";
2907	border-left: 30px solid transparent;
2908    border-bottom: 30px solid transparent;
2909}
2910
2911/* Style HTML5 tags for IE8 and lower */
2912header,
2913nav,
2914section,
2915article,
2916aside,
2917footer,
2918hgroup {
2919	display: block;
2920}
2921
2922.tinynav {
2923	display: block;
2924	float: none;
2925	margin: 0 auto;
2926	display: none;
2927	min-width: 200px;
2928	width: 100%;
2929	padding: 10px;
2930	margin-bottom: 8px;
2931	text-transform: uppercase;
2932}
2933
2934.tinynav  option {}
2935
2936/* Magazine layout */
2937.magazine-layout #content article.post,
2938.magazine-layout.search #content article {
2939	float: left;
2940	width: 48%;
2941	/*padding: 1.5em;*/
2942}
2943
2944.magazine-layout #content article:nth-of-type(2n+1) {
2945	clear: both;
2946	margin-right: 2%;
2947}
2948
2949.magazine-layout span.edit-link {
2950	clear: none;
2951}
2952
2953.magazine-layout .entry-header {
2954	clear: both;
2955}
2956
2957.magazine-layout .content-masonry {
2958	margin-right: -2%;
2959}
2960
2961/* shareaddy compat */
2962.sharedaddy ul > li {
2963	background: none !important;
2964	text-indent: 0 !important;
2965}
2966
2967/* video fix */
2968#content embed,
2969#content iframe {
2970	max-width: 100%;
2971}
2972
2973/*woocommerce compat */
2974.woocommerce .quantity .qty { padding: 6px 3px; }
2975.woocommerce #mainwoo { padding: 10px; }
2976.woocommerce .product .entry-summary {clear:none;}
2977.woocommerce #forbottom { padding-top: 20px; }
2978.woocommerce .page-title {  }
2979.woocommerce-page .entry-content .checkout ul > li { list-style: none outside none; }
2980.woocommerce div.product { padding: 10px; }
2981.woocommerce #content tr th,
2982body.woocommerce #content thead th {
2983	font-size: 0.875em;
2984	padding: 3px 5px;
2985	vertical-align: middle;
2986}
2987.woocommerce #content .page-title {
2988	font-size: 2em;
2989	font-weight: normal;
2990	line-height: 1.3em;
2991	word-wrap: break-word;
2992	display: inherit;
2993	margin-bottom: 20px;
2994	padding: 10px 10px 10px 0;
2995}
2996.woocommerce .cart-collaterals .cart_totals { width: 100% }
2997
2998/* FIN! */
2999