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