/* ---------------------------------------------------------------- Colors Replace the HEX Code with your Desired Color HEX -----------------------------------------------------------------*/ ::selection { background: #1ABC9C; } ::-moz-selection { background: #1ABC9C; } ::-webkit-selection { background: #1ABC9C; } a, h1 > span:not(.nocolor), h2 > span:not(.nocolor), h3 > span:not(.nocolor), h4 > span:not(.nocolor), h5 > span:not(.nocolor), h6 > span:not(.nocolor), .header-extras li .he-text span, #primary-menu ul li:hover > a, #primary-menu ul li.current > a, #primary-menu div ul li:hover > a, #primary-menu div ul li.current > a, #primary-menu ul ul li:hover > a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover, #top-cart > a:hover, .top-cart-action span.top-checkout-price, .breadcrumb a:hover, .portfolio-filter li a:hover, .portfolio-desc h3 a:hover, .portfolio-overlay a:hover, #portfolio-navigation a:hover, .entry-title h2 a:hover, .entry-meta li a:hover, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .ipost .entry-title h3 a:hover, .ipost .entry-title h4 a:hover, .spost .entry-title h4 a:hover, .mpost .entry-title h4 a:hover, .comment-content .comment-author a:hover, .product-title h3 a:hover, .single-product .product-title h2 a:hover, .product-price ins, .single-product .product-price, .feature-box.fbox-border .fbox-icon i, .feature-box.fbox-border .fbox-icon img, .feature-box.fbox-plain .fbox-icon i, .feature-box.fbox-plain .fbox-icon img, .process-steps li.active h5, .process-steps li.ui-tabs-active h5, .team-title span, .pricing-box.best-price .pricing-price, .btn-link, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .clear-rating-active:hover { color: #1ABC9C; } .color, .top-cart-item-desc a:hover, .portfolio-filter.style-3 li.activeFilter a, .faqlist li a:hover, .tagcloud a:hover, .dark .top-cart-item-desc a:hover, .iconlist-color li i, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a, .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a, .overlay-menu #primary-menu.dark > ul > li:hover > a, .overlay-menu #primary-menu.dark > ul > li.current > a, .nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a { color: #1ABC9C !important; } #primary-menu.style-3 > ul > li.current > a, #primary-menu.sub-title > ul > li:hover > a, #primary-menu.sub-title > ul > li.current > a, #primary-menu.sub-title > div > ul > li:hover > a, #primary-menu.sub-title > div > ul > li.current > a, #top-cart > a > span, #page-menu-wrap, #page-menu ul ul, #page-menu.dots-menu nav li.current a, #page-menu.dots-menu nav li div, .portfolio-filter li.activeFilter a, .portfolio-filter.style-4 li.activeFilter a:after, .portfolio-shuffle:hover, .entry-link:hover, .sale-flash, .button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime), .button.button-dark:hover, .promo.promo-flat, .feature-box .fbox-icon i, .feature-box .fbox-icon img, .fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-effect.fbox-dark:hover .fbox-icon i, .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .i-rounded:hover, .i-circled:hover, ul.tab-nav.tab-nav2 li.ui-state-active a, .testimonial .flex-control-nav li a, .skills li .progress, .owl-carousel .owl-dots .owl-dot span, #gotoTop:hover, .dark .button-dark:hover, .dark .fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after, .dark .i-rounded:hover, .dark .i-circled:hover, .dark ul.tab-nav.tab-nav2 li.ui-state-active a, .dark .tagcloud a:hover, .ei-slider-thumbs li.ei-slider-element, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .checkbox-style:checked + .checkbox-style-1-label:before, .checkbox-style:checked + .checkbox-style-2-label:before, .checkbox-style:checked + .checkbox-style-3-label:before, .radio-style:checked + .radio-style-3-label:before, .irs-bar, .irs-from, .irs-to, .irs-single, input.switch-toggle-flat:checked + label, input.switch-toggle-flat:checked + label:after, input.switch-toggle-round:checked + label:before, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor { background-color: #1ABC9C; } .bgcolor, .button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover, .process-steps li.active a, .process-steps li.ui-tabs-active a, .sidenav > .ui-tabs-active > a, .sidenav > .ui-tabs-active > a:hover, .owl-carousel .owl-nav [class*=owl-]:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #1ABC9C !important; } #primary-menu.style-4 > ul > li:hover > a, #primary-menu.style-4 > ul > li.current > a, .top-cart-item-image:hover, .portfolio-filter.style-3 li.activeFilter a, .post-timeline .entry:hover .entry-timeline, .post-timeline .entry:hover .timeline-divider, .cart-product-thumbnail img:hover, .feature-box.fbox-outline .fbox-icon, .feature-box.fbox-border .fbox-icon, .dark .top-cart-item-image:hover, .dark .post-timeline .entry:hover .entry-timeline, .dark .post-timeline .entry:hover .timeline-divider, .dark .cart-product-thumbnail img:hover, .heading-block.border-color:after { border-color: #1ABC9C; } .top-links ul ul, .top-links ul div.top-link-section, #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content, #primary-menu.style-6 > ul > li > a:after, #primary-menu.style-6 > ul > li.current > a:after, #top-cart .top-cart-content, .fancy-title.title-border-color:before, .dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2, #primary-menu.dark ul li .mega-menu-content.style-2, .dark #top-cart .top-cart-content, .tabs.tabs-tb ul.tab-nav li.ui-tabs-active a, .irs-from:after, .irs-single:after, .irs-to:after { border-top-color: #1ABC9C; } #page-menu.dots-menu nav li div:after, .title-block { border-left-color: #1ABC9C; } .title-block-right { border-right-color: #1ABC9C; } .fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6, .more-link, .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a { border-bottom-color: #1ABC9C; } .border-color, .process-steps li.active a, .process-steps li.ui-tabs-active a, .tagcloud a:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #1ABC9C !important; } .fbox-effect.fbox-dark .fbox-icon i:after, .dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; } .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i, .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover, .dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; } @media only screen and (max-width: 991px) { body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a, #primary-menu ul ul li:hover > a, #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title:hover > a, #primary-menu ul li .mega-menu-content.style-2 > ul > li.mega-menu-title > a:hover { color: #1ABC9C !important; } #page-menu nav { background-color: #1ABC9C; } } @media only screen and (max-width: 767px) { .portfolio-filter li a:hover { color: #1ABC9C; } .}