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