.wf-active .logo-text, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active .the-subtitle, .main-menu > ul > li {
    font-family: "Opinion Pro Lt", "Segoe", "Segoe UI", sans-serif;
}

:root{				
			--tie-preset-gradient-1: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
			--tie-preset-gradient-2: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
			--tie-preset-gradient-3: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
			--tie-preset-gradient-4: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
			--tie-preset-gradient-5: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
			--tie-preset-gradient-6: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
			--tie-preset-gradient-7: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
			--tie-preset-gradient-8: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
			--tie-preset-gradient-9: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
			--tie-preset-gradient-10: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
			--tie-preset-gradient-11: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
			--tie-preset-gradient-12: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
			--tie-preset-gradient-13: linear-gradient(135deg, #4D34FA, #ad34fa);
			--tie-preset-gradient-14: linear-gradient(135deg, #0057FF, #31B5FF);
			--tie-preset-gradient-15: linear-gradient(135deg, #FF007A, #FF81BD);
			--tie-preset-gradient-16: linear-gradient(135deg, #14111E, #4B4462);
			--tie-preset-gradient-17: linear-gradient(135deg, #F32758, #FFC581);

			
					--main-nav-background: #1f2024;
					--main-nav-secondry-background: rgba(0,0,0,0.2);
					--main-nav-primary-color: #0088ff;
					--main-nav-contrast-primary-color: #FFFFFF;
					--main-nav-text-color: #FFFFFF;
					--main-nav-secondry-text-color: rgba(225,255,255,0.5);
					--main-nav-main-border-color: rgba(255,255,255,0.07);
					--main-nav-secondry-border-color: rgba(255,255,255,0.04);
				--tie-buttons-radius: 8px;
			}


.tie-cat-2,
        .tie-cat-item-2 > span{background-color:#e67e22 !important;color:#FFFFFF !important;}
        .tie-cat-2:after{border-top-color:#e67e22 !important;}
        .tie-cat-2:hover{background-color:#c86004 !important;}
        .tie-cat-2:hover:after{border-top-color:#c86004 !important;}
        .tie-cat-3,
        .tie-cat-item-3 > span{background-color:#2ecc71 !important;color:#FFFFFF !important;}
        .tie-cat-3:after{border-top-color:#2ecc71 !important;}
        .tie-cat-3:hover{background-color:#10ae53 !important;}
        .tie-cat-3:hover:after{border-top-color:#10ae53 !important;}
        .tie-cat-4,
        .tie-cat-item-4 > span{background-color:#9b59b6 !important;color:#FFFFFF !important;}
        .tie-cat-4:after{border-top-color:#9b59b6 !important;}
        .tie-cat-4:hover{background-color:#7d3b98 !important;}
        .tie-cat-4:hover:after{border-top-color:#7d3b98 !important;}
        .tie-cat-6,
        .tie-cat-item-6 > span{background-color:#34495e !important;color:#FFFFFF !important;}
        .tie-cat-6:after{border-top-color:#34495e !important;}
        .tie-cat-6:hover{background-color:#162b40 !important;}
        .tie-cat-6:hover:after{border-top-color:#162b40 !important;}
        .tie-cat-7,
        .tie-cat-item-7 > span{background-color:#795548 !important;color:#FFFFFF !important;}
        .tie-cat-7:after{border-top-color:#795548 !important;}
        .tie-cat-7:hover{background-color:#5b372a !important;}
        .tie-cat-7:hover:after{border-top-color:#5b372a !important;}

        .tie-cat-8,
        .tie-cat-item-8 > span{background-color:#795548 !important;color:#FFFFFF !important;}
        .tie-cat-8:after{border-top-color:#795548 !important;}
        .tie-cat-8:hover{background-color:#5b372a !important;}
        .tie-cat-:hover:after{border-top-color:#5b372a !important;}

        .tie-cat-9,
        .tie-cat-item-9 > span{background-color:#4CAF50 !important;color:#FFFFFF !important;}
        .tie-cat-9:after{border-top-color:#4CAF50 !important;}
        .tie-cat-9:hover{background-color:#2e9132 !important;}
        .tie-cat-9:hover:after{border-top-color:#2e9132 !important;}
            
        .tie-cat-100,
        .tie-cat-item-100 > span{background-color:#ba0000 !important;color:#FFFFFF !important;}
        .tie-cat-100:after{border-top-color:#2c2f34 !important;}
        .tie-cat-100:hover{background-color:#ec2223 !important;}
        .tie-cat-100:hover:after{border-top-color:#2c2f34 !important;}

#tie-body {
background-color: #9b59b6;
background-image: -webkit-linear-gradient(45deg, #9b59b6, #f1c40f);
background-image: linear-gradient(45deg, #9b59b6, #f1c40f);
background-image: url(../images/bg/bg_02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

.background-overlay {
background-attachment: fixed;
background-image: url(../images/bg-dots.png);
background-color: rgba(255, 255, 255, 0.25);
}

:root:root {
--brand-color: #c600c3;
--dark-brand-color: #940091;
--bright-color: #FFFFFF;
--base-color: #2c2f34;
}


#reading-position-indicator {
box-shadow: 0 0 10px rgba(198, 0, 195, 0.7);
}

:root:root {
--brand-color: #c600c3;
--dark-brand-color: #940091;
--bright-color: #FFFFFF;
--base-color: #2c2f34;
}

#footer-widgets-container {
border-top: 8px solid #c600c3;
-webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 -8px 0 rgba(0, 0, 0, 0.07);
}

#reading-position-indicator {
box-shadow: 0 0 10px rgba(198, 0, 195, 0.7);
}

.dark-skin .side-aside img,
.dark-skin .site-footer img,
.dark-skin .sidebar img,
.dark-skin .main-content img {
filter: brightness(.8) contrast(1.2);
}

.tie-weather-widget.widget,
.container-wrapper {
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
}

.dark-skin .tie-weather-widget.widget,
.dark-skin .container-wrapper {
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}

#tie-container a.post-title:hover,
#tie-container .post-title a:hover,
#tie-container .thumb-overlay .thumb-title a:hover {
background-size: 100% 2px;
text-decoration: none !important;
}

a.post-title,
.post-title a {
background-image: linear-gradient(to bottom, #000 0%, #000 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
color: #000;
}

.dark-skin a.post-title,
.dark-skin .post-title a {
color: #fff;
background-image: linear-gradient(to bottom, #fff 0%, #fff 98%);
}

#footer {
                background-image: url(../images/bg/footer-1.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-attachment: fixed;
                background-position: center center;
            }

#site-info {
/*background-color: #ffffff;*/
}

#footer .posts-list-counter .posts-list-items li.widget-post-list:before {
border-color: #444444;
}

#footer .timeline-widget a .date:before {
border-color: rgba(68, 68, 68, 0.8);
}

#footer .footer-boxed-widget-area,
#footer textarea,
#footer input:not([type=submit]),
#footer select,
#footer code,
#footer kbd,
#footer pre,
#footer samp,
#footer .show-more-button,
#footer .slider-links .tie-slider-nav span,
#footer #wp-calendar,
#footer #wp-calendar tbody td,
#footer #wp-calendar thead th,
#footer .widget.buddypress .item-options a {
border-color: rgba(255, 255, 255, 0.1);
}

#footer .social-statistics-widget .white-bg li.social-icons-item a,
#footer .widget_tag_cloud .tagcloud a,
#footer .latest-tweets-widget .slider-links .tie-slider-nav span,
#footer .widget_layered_nav_filters a {
border-color: rgba(255, 255, 255, 0.1);
}

#footer .social-statistics-widget .white-bg li:before {
background: rgba(255, 255, 255, 0.1);
}

.site-footer #wp-calendar tbody td {
background: rgba(255, 255, 255, 0.02);
}

#footer .white-bg .social-icons-item a span.followers span,
#footer .circle-three-cols .social-icons-item a .followers-num,
#footer .circle-three-cols .social-icons-item a .followers-name {
color: rgba(255, 255, 255, 0.8);
}

#footer .timeline-widget ul:before,
#footer .timeline-widget a:not(:hover) .date:before {
background-color: #262626;
}

#footer .widget-title,
#footer .widget-title a:not(:hover) {
color: #dddddd;
}

#footer,
#footer textarea,
#footer input:not([type='submit']),
#footer select,
#footer #wp-calendar tbody,
#footer .tie-slider-nav li span:not(:hover),
#footer .widget_categories li a:before,
#footer .widget_product_categories li a:before,
#footer .widget_layered_nav li a:before,

#footer .widget_archive li a:before,
#footer .widget_nav_menu li a:before,
#footer .widget_meta li a:before,
#footer .widget_pages li a:before,
#footer .widget_recent_entries li a:before,
#footer .widget_display_forums li a:before,
#footer .widget_display_views li a:before,
#footer .widget_rss li a:before,
#footer .widget_display_stats dt:before,
#footer .subscribe-widget-content h3,
#footer .about-author .social-icons a:not(:hover) span {
color: #aaaaaa;
}

#footer post-widget-body .meta-item,
#footer .post-meta,
#footer .stream-title,
#footer.dark-skin .timeline-widget .date,
#footer .wp-caption .wp-caption-text,
#footer .rss-date {
color: rgba(170, 170, 170, 0.7);
}

#footer input::-moz-placeholder {
color: #aaaaaa;
}

#footer input:-moz-placeholder {
color: #aaaaaa;
}

#footer input:-ms-input-placeholder {
color: #aaaaaa;
}

#footer input::-webkit-input-placeholder {
color: #aaaaaa;
}

#site-info,
#site-info ul.social-icons li a:not(:hover) span {
color: #999999;
}

#footer .site-info a:not(:hover) {
color: #666666;
}

.tie-cat-33,
.tie-cat-item-33 > span {
background-color: #e67e22 !important;
color: #FFFFFF !important;
}

.tie-cat-33:after {
border-top-color: #e67e22 !important;
}

.tie-cat-33:hover {
background-color: #c86004 !important;
}

.tie-cat-33:hover:after {
border-top-color: #c86004 !important;
}

/* Repeat for other categories (34-38) following the same structure */

@media (min-width: 1200px) {
.container {
width: auto;
}
}

.boxed-layout #tie-wrapper,
.boxed-layout .fixed-nav {
max-width: 1310px;
}

@media (min-width: 1280px) {
.container,
.wide-next-prev-slider-wrapper .slider-main-container {
max-width: 1280px;
}
}

.tie-insta-header {
margin-bottom: 15px;
}

.tie-insta-avatar a {
width: 70px;
height: 70px;
display: block;
position: relative;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

.tie-insta-avatar a:before {
content: "";
position: absolute;
width: calc(100% + 6px);
height: calc(100% + 6px);
left: -3px;
top: -3px;
border-radius: 50%;
background: #d6249f;
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.tie-insta-avatar a:after {
position: absolute;
content: "";
width: calc(100% + 3px);
height: calc(100% + 3px);
left: -2px;
top: -2px;
border-radius: 50%;
background: #fff;
}

.dark-skin .tie-insta-avatar a:after {
background: #27292d;
}

.tie-insta-avatar img {
border-radius: 50%;
position: relative;
z-index: 2;
transition: all 0.25s;
}

.tie-insta-avatar img:hover {
box-shadow: 0px 0px 15px 0 #6b54c6;
}

.tie-insta-info {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 5px;
}