@color:#d8a74b; @colorSub:#FEE3C1; @colorLight:#EDEDED; @white:#FFFFFF; @silver:#F2F2F2; @grey:#AEAEAE; @dark:#000000; @darkGrey:#5C5C5C; @transDark:rgba(0,0,0,0.4); @transWhite:rgba(255,255,255,0.6); .white{ color:@white; } .silver{ color:@silver; } .dark{ color:@dark; } .grey{ color:@grey ; } .darkGrey{ color:@darkGrey } .color{ color:@color; } .colorLight{ color:@colorLight; } .color-sub{ color:@colorSub; } .white-bg{ background-color:@white; } .silver-bg{ background-color:@silver; } .dark-bg{ background-color:@dark; } .grey-bg{ background-color:@grey; } .darkGrey-bg{ background-color:@darkGrey; } .color-bg{ background-color:@color; } colorLight-bg{ background-color:@colorLight; } .color-sub-bg{ background-color:@colorSub; } .trans-dark{ background-color:@transDark; } .trans-white{ background-color:@transWhite; } .button{ border-color:@dark; } .button a{ color:@dark; } .section-heading.white:after{ background-color: @white; } .section-heading.white:before{ background-color: @white; } .section-heading.dark:after{ background-color: @dark; } .section-heading.dark:before{ background-color: @dark; } .main-menu-item i{ color: @white; } .main-menu-item a{ color:@white; } .main-menu-item a:hover{ color: @color; } .main-menu-item a:hover i{ color: @color; } .main-menu-item a.active-nav{ color:@color; } .mobile-menu-item a.active-nav{ color:@color; } .sub-menu{ background-color: @darkGrey; } .sub-menu .has-sub-menu a{ color: @white; background-color: @dark; } .sub-menu .has-sub-menu a:hover{ color: @dark; background-color: @white; } .sub-menu .has-sub-menu a:hover i{ color: @dark; } .sub-menu-item{ background-color: @dark; } .sub-menu-item a:hover { color: @dark; background-color: @white; } .solid-bg{ background-color: @dark; } .solid-bg .main-menu-item i{ color: @white; } .menu a{ color:@white; } .menu a:hover{ color:@color; background-color:@dark; } .sm-wrap{ background-color:@white; } #sm-trigger{ background-color:@darkGrey; } #sm-trigger.active{ background-color:@darkGrey; } .home01{ background-color: fade(@dark, 90%); } .home01-slider-item01{ color:@white; } .home01-slider-item02{ color:@white; } .home01-slider-item03{ color:@white; } .home01-slider.owl-theme .owl-controls .owl-page span{ background-color:@white; } .home01-slider.owl-theme .owl-controls .owl-page.active span{ background-color:@color; } .home01-slider.owl-theme .owl-controls .owl-page span:hover{ background-color:@color; } #owlStatus{ color:@white; } .currentItem{ color:@color; } .home02 h1{ color: @color; } .home03-item h1{ color: @color; } .home04-content h1{ color: @dark; border-color: @dark; } .home04-content p{ color: @dark; } .home04-content .button a:hover{ background-color:@dark; color: @color; } .home05 h1{ color: @color; } .home06 span{ color: @white; } .about-item h1.section-heading.dark { color:@dark; } .about-item h1{ color:@grey; } .about-item h1:after{ background-color:@grey; } .about-item p{ color:@dark; } .about-slider.owl-theme .owl-controls .owl-page span{ background-color:@white; border-color: @grey; } .about-slider.owl-theme .owl-controls .owl-page span p{ color:@grey; } .about-slider.owl-theme .owl-controls .owl-page span:hover{ background-color:@dark; border-color: @dark; } .about-slider.owl-theme .owl-controls .owl-page.active span{ background-color:@dark; border-color: @dark; } .about-slider.owl-theme .owl-controls .owl-page span:hover p{ color: @white; } .about-slider.owl-theme .owl-controls .owl-page.active span p{ color: @white; } .mini-portfolio-item-mask{ background-color: fade(@color, 0%); } .mini-portfolio-item:hover > .mini-portfolio-item-mask{ background-color: fade(@color, 70%); } .mask-content{ color:@dark; } .mask-content:hover{ color: @white; } .services{ background-color:@colorLight; } .services-caption h1:after{ background-color:@grey } .services-item-text h3{ color:@darkGrey; } .services-item .button:hover { background: @color; border-color: @color; } .services-read-more a{ color:@darkGrey; } .services-read-more-icon{ color:@dark; } .services-read-more a:hover > .services-read-more-icon { color:@darkGrey; } .services-read-more a:hover{ color:@dark; } .services-slider.owl-theme .owl-controls .owl-page span{ background:@grey; } .services-slider.owl-theme .owl-controls .owl-page span:hover{ background:@color; } .services-slider.owl-theme .owl-controls .owl-page.active span{ background-color:@color; border-color:@dark; } .services-slider.owl-theme .owl-controls .owl-page span i{ color:@white; } .services-slider.owl-theme .owl-controls .owl-page span:hover i{ color:@dark; } .services-slider.owl-theme .owl-controls .owl-page.active span i{ color:@dark; } .news-content{ color:@white; } .news-item h1{ color:@white; } .news-item h3{ color:@white; } .news-item h3:after{ background-color:@color; } .news-item p{ color:@white; } .news-item:hover{ background-color:@darkGrey; border-color:@color; } .team{ background-color:@white; color:@dark; } .team-slider.owl-theme .owl-controls .owl-page span{ background-color:@dark; } .team-slider.owl-theme .owl-controls .owl-page span:hover{ background-color:@color; } .team-slider.owl-theme .owl-controls .owl-page.active span{ background-color:@color; } .team-member-details h4{ border-color:@grey; } .team-social-links a{ color:@white; background-color: @dark; } .team-social-links a:hover{ color:@color; } .joinus-banner{ background-color:@color; } .joinus-banner h3{ color:@dark; } .joinus-banner .button:hover{ border-color:@dark; } .joinus-banner .button a:hover{ background-color:@dark; color:@color; } .testimonial h3{ color:@white; } .testimonial h4{ color:@color; } .testimonial-slider.owl-theme .owl-controls .owl-page.active span{ background-color: @color; } .testimonial-slider.owl-theme .owl-controls.clickable .owl-page:hover span{ background-color: @color; } .main-text h2{ color: @color; } .sub-text h5{ color: @white; } .video-bg .inner-section{ background-color: fade(@dark, 40%); } .video-bg .button a{ background-color: @dark; color: @white; } .video-bg .button:hover { border-color: @color !important; } .video-bg .button a:hover{ background-color: @color; color: @dark; } .portfolio{ background-color:@dark; } .portfolio-filter-nav{ background-color:@darkGrey; } .portfolio-filter-nav ul li a{ color:@dark } .portfolio-filter-nav ul li a:hover{ color:@color; } .portfolio-filter-nav .active{ color:@color; } .portfolio-item-mask{ background-color:@color; } .portfolio-item:hover > .portfolio-item-mask{ background-color: fade(@color, 70%); } .item-slider .flex-direction-nav li a{ color: @white; } #project-item{ background-color: @white; } .ajax-btn.button a:hover{ background-color: @dark; border-color: @dark; color: @color; } .promo-mask{ background-color:fade(@color, 0%); } .promo-mask a span{ color:@dark } .promo-portfolio:hover > .promo-mask{ background-color:fade(@white, 80%); } .counter-icon{ color: @dark; } .animated-num{ color: @dark; } .contact-caption h1{ color:@grey; } .contact-form input{ border-color:@color; color:@color; } .contact-form textarea{ border-color:@color; color:@color; } .contact-form button{ background-color:@color; color:@dark; } .contact-address{ color:@white; border-color:@white; } .contact-social-links a{ color:@white; } .contact-slider.owl-theme .owl-controls .owl-page span { color:@colorLight; background-color:@grey; } .contact-slider.owl-theme .owl-controls .owl-page span:hover { color:@dark; background-color:@color; } .contact-slider.owl-theme .owl-controls .owl-page.active span { color:@dark; background-color:@color; } ::-webkit-input-placeholder{ color: @color; } :-moz-placeholder{ color: @color; } ::-moz-placeholder{ color: @color; } :-ms-input-placeholder{ color: @color; } .contact-address h1{ color: @color; } .contact-address h3{ color: @white; } .contact-address h4{ color: @white; } .contact-address h2{ background-color:@darkGrey; color: @white; } .footer-social-links a{ background-color:@white; } .error-home h1, .error-home p{ color: @color; } .single-project-content { background: @colorLight; } .single-project-head .banner-head h2, .single-project-head .banner-head p { color: @white; } .single-project-content .caption-para p { color: @darkGrey; } .single-project-content-wrap .button:hover { border-color:@color; background:@color; } .project-tag-section a { border-color: @dark; color: @dark; } .project-tag-section a:hover { border-color: @color; background: @color; } .news-page-content { background: @colorLight; } .news-page-head .banner-head h2, .news-page-head .banner-head p { color: @white; } .news-page-content .caption-para p { color: @darkGrey; } .news-content-wrap .button:hover { border-color:@color; background:@color; } .news-tag-section a { border-color: @dark; color: @dark; } .news-tag-section a:hover { border-color: @color; background: @color; } .blog-page-list h4, .recent-posts h4 { color: @dark; border-bottom-color: @dark !important; } .blog-page-list ul li, .blog-page-list ul li a { color: @dark; } .blog-item-text h5 { color: @darkGrey; } .blog-item-text h6, .blog-item-text p { color: @dark; } .blog-item-text a { color: @darkGrey; } .blog-item-text a:hover { color: @dark; }