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