/**
  1. Color
  2. Background-Color
  3. Border-color
**/

/* ===============================================
    Color
------------------------*/
/** 1.Skin-color **/
a:hover,
.steff-textcolor-white a:hover,
.steff-btn-color-skincolor, .steff-btn.steff-btn-color-skincolor,
a.tp-caption.dark-text-button:hover,
.steff-textcolor-white.steff-topbar-wrapper .social-icons li>a:hover,
ul li .icon-box.icon-style-border i,
.steff-header-style-stackcenter .info-widget-content h2,
.featured-imagebox-team .steff-social-links-wrapper ul li a:hover,
#site-header-menu #site-navigation .menu ul.sub-menu > li.active > a,
.steff-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown > li.active > a,
.steff-header-style-overlay #site-header-menu #site-navigation .menu ul.dropdown > li:hover > a,
#site-header-menu #site-navigation .menu ul.sub-menu li > a:hover, 
#site-navigation .menu ul > li:hover > a:before,
.featured-imagebox .steff-box-view-content-inner .featured-content .category,
.featured-imagebox .steff-box-view-content-inner .featured-content .category a,
.featured-imagebox .steff-box-view-content-inner .featured-content h2.featured-title a:hover,
.steff-btn.steff-btn-color-white:hover,
.testimonial-slide .testimonials .testimonial-content label ,
.steff-team-details-list .steff-team-list-title i,
.steff-fid.inside h4,
.steff-bgcolor-darkgrey .steff-fid-view-righticon .steff-fid-icon-wrapper i, 
.steff-fid-view-lefticon .steff-fid-icon-wrapper i,
.steff-bgcolor-darkgrey .steff-fid-view-righticon.inside h4, 
.steff-fid-view-lefticon.inside h4,
.steff-bgcolor-darkgrey .featured-title h6,
.title-box .breadcrumb-wrapper span:last-child,
ul.steff-timelist-block li .service-time strong,
.steff-processbox-wrapper .steff-processbox:hover .featured-title h5,
.steff-pf-detailbox-list .steff-pf-details-date i,
.featured-imagebox-portfolio.steff-box-view-top-image .featured-iconbox.steff-media-link a:hover,
.steff-blog-classic .entry-header .steff-meta-line,
.steff-blog-classic .entry-header .steff-meta-line a,
.steff-blog-classic .steff-blogbox-footer-readmore a,
.steff-box-view-left-image .featured-content .category> a,
.featured-imagebox.steff-box-view-left-image .featured-content .category> a,
.sidebar .widget a:hover, .sidebar ul.contact-widget-wrapper li i,
.products .product .price .product-Price-amount, 
.products .product .star-ratings ,
div.product .summary .price .Price-amount,
div.product .summary .star-rating,
.tp-caption.skin-flatborder-button,
.featured-icon-box.style9 a.steff-btn.steff-btn-color-black:hover,
.steff-btn.btn-inline.steff-btn-color-black:hover,
.featured-imagebox-event .steff-box-meta i{
  color: #dcc51a;
}
#site-header-menu #site-navigation .menu ul > li:hover > a,
#site-header-menu #site-navigation .menu ul.dropdown > li.active > a { text-decoration: underline; color: #dcc51a; }

.steff-btn.steff-btn-color-skincolor-blue,
.steff-textcolor-skincolor,
.steff-pricing-plan .steff-ptablebox-cur-symbol-before,
.steff-icon_element-color-skincolor,
.steff-pricing-plan .steff-ptablebox-price { color: #3aa8a5; }

h1.steff-textcolor-skincolor, h2.steff-textcolor-skincolor, h3.steff-textcolor-skincolor, 
h4.steff-textcolor-skincolor, h5.steff-textcolor-skincolor, h6.steff-textcolor-skincolor {
  color: #dcc51a !important;
}

/** Skin-bg-color **/
.steff-bgcolor-skincolor,
.steff-bgcolor-skincolor > .steff-bg-layer,
.tp-shapewrapper, .steff-bg-highlight-skin,
.tp-caption.skin-flatborder-button:hover,
.top-contact.steff-highlight-left:after,
.top-contact.steff-highlight-right:after,
.steff-header-icons .steff-header-cart-link span.number-cart,
.steff-header-icons .steff-header-search-link a:hover,
#site-navigation .menu ul.dropdown > li > a:before,
#site-header-menu #site-navigation .menu ul li a span,
.steff-header-style-infostack #site-header-menu #site-navigation .menu > ul > li > a:before,
.steff-search-overlay .steff-site-searchform button,
.section-title .title-header:after,
.section-title.title-style-center_text .title-header:after,
.steff-bgcolor-darkgrey .section-title .title-header:after,
.steff-icon_element-background-color-skincolor,
.steff-btn-bgcolor-skincolor,
.steff-tabs ul.tabs li.active a ,
.steff-portfolio-box-view-overlay .featured-content h2.featured-title:after,
.steff-progress-bar .progress .progress-bar.progress-bar-color-bar_skincolor,
.newsletter-form input[type="submit"],
.steff-quote-form input[type="submit"],
.widget .widget-title:after,
.title-box .page-title-heading .title:before,
.social-icons.circle li>a:hover,
.steff-btn-bgcolor-black:hover,
.steff-btn.steff-btn-color-skincolor.steff-btn-style-border:hover,
#totop.top-visible,
.steff-processbox-wrapper .steff-processbox:hover .process-num,
.steff-video-btn .steff-btn-play,
.accordion .toggle.toggle-title.steff-style-classic.active .toggle-title,
.accordion .steff-style-classic.steff-toggle-title-border.active .toggle-title,
.featured-imagebox-portfolio.steff-box-view-top-image:hover .steff-box-bottom-content,
.steff-box-view-left-image .featured-content .category> a:hover,
.featured-imagebox.steff-box-view-left-image .featured-content .category> a:hover,
.steff-nextprev-bottom-nav .nav-next a, .steff-nextprev-bottom-nav .nav-previous a,
.steff-tabs.steff-tab-style-horizontal ul.tabs li.active a,
.steff-tabs.tabs-for-single-products ul.tabs li:hover a,
.steff-box-post-date,
.widget.widget-nav-menu ul li a:after,
.sidebar .widget_product_categories li span, .sidebar .widget-Categories li span,
.steff-pagination .page-numbers.current, .steff-pagination .page-numbers:hover,
.steff-bgcolor-grey .steff-pagination .page-numbers.current,
.steff-bgcolor-grey .steff-pagination .page-numbers:hover,
.mailchimp-inputbox button[type="submit"], 
.sidebar .widget .tagcloud a:hover, .comment-list a.comment-reply-link,
.single .steff-team-member-view-default .steff-social-links-wrapper ul li a:hover,
a.checkout-button:hover, .coupon button:hover, .steff-cart-form button:hover, .place-order button:hover,
.testimonials .testimonial-content blockquote:after,
.steff-btn-play:after, .steff-btn-play:before,
.featured-imagebox-team.style2:hover .steff-team-box-view-overlay,
.tp-caption.skin-flat-button, .skin-flat-button,
.steff-video-play-btn,
.steff-video-btn .steff-video-btn-play,
.steff-video-btn .steff-video-btn-play:before,
.steff-video-btn .steff-video-btn-play:after,
.simple-text-box,
.featured-imagebox-portfolio.steff-box-view-top-image .featured-iconbox.steff-media-link a,
.steff-tabs.steff-tab-style-classic ul.tabs li.active:after,
.tribe-events-back a,
.tribe-events-cal-links a,
.tribe-events-nav-next a,
.color-trigger{
  background-color: #61c8c7;
}

.skin-flat-button:hover{ background-color: rgba(253, 161, 43, 0.88); border-color: rgba(253, 161, 43, 0.88); }
.steff-video-btn:hover .steff-btn-play{ background-color: rgba(253, 161, 43, 0.95);}

/** Skin-border-color **/
.steff-btn.steff-btn-color-skincolor.steff-btn-style-border,
.steff-icon.steff-icon_element-border.steff-icon_element-color-skincolor,
.newsletter-form input[type="email"]:focus , .social-icons.circle li>a:hover,
.accordion .steff-style-classic.steff-toggle-title-border.active .toggle-title,
.steff-pf-single-content-wrapper-innerbox.steff-pf-view-top-image .steff-pf-single-detail-box .steff-pf-detailbox,
.sidebar .widget .tagcloud a:hover,
.tp-caption.skin-flat-button, .skin-flat-button,
.tp-caption.skin-flatborder-button,
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
.featured-icon-box.style7,
.steff-tabs.steff-tab-style-classic ul.tabs li.active a,
.steff-video-btn .steff-btn-play, .steff-btn-play:after, .steff-btn-play:before { 
    border-color: #dcc51a !important;
}
.steff-search-overlay,
#site-header-menu #site-navigation .menu > ul,
#site-header-menu #site-navigation .menu > ul > li > ul,
.steff-rounded-shadow-box, div.product ul.tabs li.active a:before{
    border-top-color: #dcc51a !important; 
}
.featured-imagebox-portfolio.steff-box-view-top-image:hover .steff-box-bottom-content:before{
  border-color: transparent transparent #fda12b transparent;
}
.steff-search-overlay .w-search-form-row:before{ border-bottom-color: #fda12b !important; }