// Variables // ========= // Colors @colorPrimary: #ecae3d; @colorSecondary: #b2c81e; @colorTertiary: #38cef9; @colorBg: white; @bradius: 5px; // Metrics @boxWidth: 1240px; // Other @layoutType: "wide"; @borderType: "square"; @outerBgType: "color"; @outerBgColor: @colorSecondary; @outerBgImage: ""; @preloader: ""; // Mixins .animation(@animation) { -webkit-animation: @animation; animation: @animation; } .transform(@transform) { -webkit-transform: @transform; -ms-transform: @transform; // IE9 only transform: @transform; } // Styles // ====== // Backgrounds body { background: @colorBg !important; } body when (@layoutType = "boxed") and (@outerBgType = "color") { background: @outerBgColor !important; } body when (@layoutType = "boxed") and (@outerBgType = "pattern") and not (@outerBgImage = "") { background: url(@outerBgImage) @colorBg repeat left top !important; } html when (@layoutType = "boxed") and (@outerBgType = "image") and not (@outerBgImage = "") { height: 100%; background: url(@outerBgImage) @colorBg repeat center top / cover fixed !important; } body when (@layoutType = "boxed") and (@outerBgType = "image") { background: none !important; } // Layout .wrapper-boxed when (@layoutType = "boxed") { max-width: @boxWidth; } // Colors .text-color-primary { color: @colorPrimary !important; } .bg-color-primary { background-color: @colorPrimary; } .bg-color-secondary { background-color: @colorSecondary; } .bg-color-tertiary { background-color: @colorTertiary; } .btn.btn-color-primary { background-color: @colorPrimary; } //theme styles // =========== mega menu ==================== .header-section ul li.active > a { color: @colorPrimary; } .header-section.style4 ul li ul { background: @colorPrimary; } .header-section ul li:hover > a, .header-section ul li.active > a { color: @colorPrimary; } .header-section.style4 ul li.search-parent .search-box { background: @colorPrimary; } .header-section.style4 ul li.search-parent .search-box .form-control { background: @colorPrimary; } @media only screen and (max-width: 1000px) { .header-section.style4 #menu ul { background: @colorPrimary; } } .header-section ul li .number { background: @colorPrimary; } .header-section.style4 ul li.cart-parent .cart-box { background: @colorPrimary; } .header-section ul li.mega-menu > ul > li ul li a:hover { color:@colorPrimary; } .header-section ul li.search-parent a.m-link { color: @colorPrimary; } .header-section ul li.cart-parent a.m-link { color: @colorPrimary; } .header-section.dark-dropdowns.style4 ul li:hover > a, .header-section.dark-dropdowns.style4 ul li.active > a { color: @colorPrimary; } .header-section.dark-dropdowns.style4 ul li.mega-menu > ul > li ul li a:hover { color: @colorPrimary; } .header-section.dark-dropdowns.style4 #menu ul li ul li:hover a span.sub-arrow, header-section.dark-dropdowns.style4 #menu ul li ul li.active a span.sub-arrow { color: @colorPrimary; } .header-section.dark-dropdowns.style2 ul li:hover > a, .header-section.dark-dropdowns.style2 ul li.active > a { color: @colorPrimary; } .header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li.active a { color: @colorPrimary; } .header-section.dark-dropdowns.style2 ul li.mega-menu > ul > li ul li a:hover { color: @colorPrimary; } .btn-top-1 { background-color: @colorPrimary; } .header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a { color: @colorPrimary; } .header-section.dark-dropdowns.style1 ul li.mega-menu > ul > li ul li a:hover { color: @colorPrimary; } .header-section.dark-dropdowns.style1 ul li:hover > a, .header-section.dark-dropdowns.style1 ul li.active > a { color: @colorPrimary; } .header-section.act-style-1 ul li.active > a { background-color: @colorPrimary !important; } .header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a { color: @colorPrimary; } .header-section.style3 #menu ul li.mega-menu li ul li:hover a, .header-section.style3 #menu ul li.mega-menu li ul li.active a { color: @colorPrimary; } .header-section.style3 #menu ul li ul li:hover > a, .header-section.style3 #menu ul li ul li.active > a { color: @colorPrimary; } .header-section.style3 #menu ul li ul li:hover a span.sub-arrow, header-section.style3 #menu ul li ul li.active a span.sub-arrow { color: @colorPrimary; } .header-section.style5.dark #menu ul li ul li:hover > a, .header-section.style5.dark #menu ul li ul li.active > a { color: @colorPrimary; } .header-section ul li.cart-parent .cart-box span { color: @colorPrimary; } .header-section ul li.cart-parent .cart-box span { color: @colorPrimary; } .header-section ul li.cart-parent .cart-box .btn.btn-primary { background: @colorPrimary none repeat scroll 0 0 !important; } // =========== corporate ==================== .tp-caption.sbut1 a { background-color: @colorPrimary; } .ce4-feature-box-3 .inner-box .title-line { background-color: @colorPrimary; } .ce4-big-title span { color: @colorPrimary; } .ce4-readmore-big { border-bottom: 1px solid @colorPrimary; color: @colorPrimary; } .ce4-feature-box-46 .img-box .border-big { border: 24px solid @colorPrimary; } a.read-more { color: @colorPrimary; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { border-color: @colorPrimary; color: @colorPrimary; } .cbp-l-filters-buttonCenter .cbp-filter-counter::after { border-top: 4px solid @colorPrimary; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: @colorPrimary; } .ce4-feature-box-4 .img-box .sc-icons-box { background-color: @colorPrimary; } .text-gyellow { color: @colorPrimary; } .ce4-feature-box-5:hover .circle, .ce4-feature-box-5.active .circle { background-color: @colorPrimary; border: 6px solid @colorPrimary; } .ce4-feature-box-5:hover .title, .ce4-feature-box-5.active .title { color: @colorPrimary; } .slide-controls-2 .owl-theme .owl-controls .owl-page.active span { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .ce4-feature-box-7 .img-box-main .text .blog-post-info span { color: @colorPrimary; } .slide-controls-2 .owl-theme .owl-controls .owl-page span { border: 1px solid @colorPrimary; } .ce4-feature-box-6:hover .circle{ background-color:@colorPrimary; border:6px solid @colorPrimary; } .ce4-feature-box-6:hover .title{ color:@colorPrimary; } .ce4-feature-box-44:hover .inner-box, .ce4-feature-box-44.active .inner-box { background-color: @colorPrimary; } .ce4-feature-box-44:hover, .ce4-feature-box-44.active{ border:1px solid @colorPrimary; } .fo-sec-3 .primary-box { background-color: @colorPrimary; } .footer-title-bottomstrip.gyellow { background-color: @colorPrimary; } .footer-tags li a:hover, .footer-tags li a.active { border: 1px solid @colorPrimary; color: @colorPrimary; } .fo-posts a:hover, .fo-posts a.active { color: @colorPrimary; } a.read-more.gyellow-2 { color: @colorPrimary; } .ce4-feature-box-2:hover .icon-plain-small, .ce4-feature-box-2:hover .title, .ce4-feature-box-2.active .icon-plain-small, .ce4-feature-box-2.active .title { color: @colorPrimary; } .iconlist li i { color: @colorPrimary; } #togglePlay.pause:hover { background: fadeout(@colorPrimary, 6%); } #togglePlay.pause { background: fadeout(@colorPrimary, 2%); } .ce4-feature-box-22 .img-box .text-box .sc-icons-box { background-color: @colorPrimary; } .post-infoicon { background-color: @colorPrimary; } .parallax-overlay.gyellow { background: fadeout(@colorPrimary, 6%); } .ce4-feature-box-16:hover .icon, .ce4-feature-box-16.active .icon { color: @colorPrimary; } .ce4-feature-box-16:hover .title-line, .ce4-feature-box-16.active .title-line { background-color: @colorPrimary; } .btn.appstore.gyellow { background-color: @colorPrimary; } .btn.appstore.white:hover { background-color: @colorPrimary; } .ce4-feature-box-19 .title-line { background-color: @colorPrimary; } .ce4-feature-box-28:hover .inner-box .icon, .ce4-feature-box-28:hover .inner-box .title, .ce4-feature-box-28.active .inner-box .icon, .ce4-feature-box-28.active .inner-box .title { color: @colorPrimary; } .btn.btn-gyellow-2 { background-color: @colorPrimary; } .slide-controls-3 .owl-theme .owl-controls .owl-page.active span { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .ce4-feature-box-31 .img-box .icon-box{ background: fadeout(@colorPrimary, 25%); } .smk_accordion .accordion_in.style4.acc_active > .acc_head { color: @colorPrimary; } .ce4-price-table-2:hover .inner-box, .ce4-price-table-2.active .inner-box { border: 1px solid @colorPrimary; } .ce4-price-table-2:hover .inner-box .price-circle, .ce4-price-table-2.active .inner-box .price-circle { color: @colorPrimary; } .ce4-price-table-2:hover .inner-box .price-circle .price, .ce4-price-table-2.active .inner-box .price-circle .price { color: @colorPrimary; } .ce4-price-table-2:hover .inner-box .price-circle, .ce4-price-table-2.active .inner-box .price-circle { border: 3px solid @colorPrimary; } .ce4-price-table-2:hover .inner-box .btn.btn-dark-3, .ce4-price-table-2.active .inner-box .btn.btn-dark-3 { background-color: @colorPrimary; } .progressbar-style1 .progress-bar { color: @colorPrimary; } .fe-feature-box-33:hover .icon-plain-msmall, .fe-feature-box-33.active .icon-plain-msmall { color: @colorPrimary; } .fe-feature-box-33:hover .title, .fe-feature-box-33.active .title { color: @colorPrimary; } .fe-feature-box-33 .title-line { background-color: @colorPrimary; } .section-gyellow { background-color: @colorPrimary; } .tp-caption.text-gyellow { color: @colorPrimary; } .btn.btn-gyellow { background-color: @colorPrimary; } .ce4-feature-box-34:hover .text-box .icon, .ce4-feature-box-34:hover .text-box .title, .ce4-feature-box-34.active .text-box .icon, .ce4-feature-box-34.active .text-box .title { color: @colorPrimary; } .ce4-feature-box-36:hover .title-line { background-color: @colorPrimary; } .ce4-feature-box-36:hover .icon, .ce4-feature-box-36:hover .title { color: @colorPrimary; } .ce4-feature-box-38:hover .icon, .ce4-feature-box-38.active .icon { border: 1px solid @colorPrimary; color: @colorPrimary; } .ce4-feature-box-38:hover .title, .ce4-feature-box-38.active .title { color: @colorPrimary; } .btn.btn-border.gyellow { border-color: @colorPrimary; color: @colorPrimary; } .btn.btn-border.gyellow:hover { background-color: @colorPrimary; border-color: @colorPrimary; } .tabstyle-8 .responsive-tabs li a:hover, .tabstyle-8 .responsive-tabs li a:hover span, .tabstyle-8 .responsive-tabs li.active, .tabstyle-8 .responsive-tabs li.active a, .tabstyle-8 .responsive-tabs li.active a span { color: @colorPrimary; } .ce4-feature-box-39:hover .img-box .text-box, .ce4-feature-box-39.active .img-box .text-box { background-color: @colorPrimary; } .ce4-feature-box-39:hover, .ce4-feature-box-39.active { border: 1px solid @colorPrimary; } .ce4-post-holder-1 .text-box .blog-post-info span { color: @colorPrimary; } .smk_accordion .accordion_in.style2.acc_active > .acc_head { color: @colorPrimary; } .ce4-feature-box-12:hover .icon, .ce4-feature-box-12:hover .title, .ce4-feature-box-12.active .icon, .ce4-feature-box-12.active .title { color: @colorPrimary; } .ce4-feature-box-12 .title-line { background-color: @colorPrimary; } .tabs-left2-holder .responsive-tabs li a:hover, .tabs-left2-holder .responsive-tabs li.active, .tabs-left2-holder .responsive-tabs li.active a { color: @colorPrimary; } a.read-more.gyellow { color: @colorPrimary; } .ce4-feature-box-13:hover .img-box-main, .ce4-feature-box-13.active .img-box-main { border: 2px solid @colorPrimary; } .ce4-feature-box-13 .img-box-main .img-box .sc-icons-box { background-color: @colorPrimary; } .ce4-price-table-1:hover .inner-box .price-circle .price, .ce4-price-table-1.active .inner-box .price-circle .price { color: @colorPrimary; } .ce4-price-table-1:hover .inner-box .price-circle, .ce4-price-table-1.active .inner-box .price-circle { color: @colorPrimary; } .ce4-price-table-1:hover a.btn.btn-dark-3, .ce4-price-table-1.active a.btn.btn-dark-3 { background-color: @colorPrimary; } .ce4-feature-box-14:hover .inner-box, .ce4-feature-box-14.active .inner-box { border: 1px solid @colorPrimary; } .ce4-feature-box-40:hover, .ce4-feature-box-40.active { border: 1px solid @colorPrimary; } .ce4-feature-box-40:hover .title, .ce4-feature-box-40.active .title { color: @colorPrimary; } .ce4-feature-box-40:hover .inner-box .title-line, .ce4-feature-box-40.active .inner-box .title-line { background-color: @colorPrimary; } .ce4-price-table-3 th .title-header.active { background-color: @colorPrimary; } .ce4-feature-box-45:hover .icon, .ce4-feature-box-45.active .icon { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .fo-newsletter-submit-1.gyellow { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // =========== agro ==================== .tp-caption.sbut4 a:hover { background-color: @colorPrimary; } .ag-feature-box-2:hover .icon-plain-msmall, .ag-feature-box-2.active .icon-plain-msmall { color: @colorPrimary; } .ag-feature-box-2:hover .title, .ag-feature-box-2.active .title { color: @colorPrimary; } .footer-social-icons li a:hover, .footer-social-icons li a.active { background-color: @colorPrimary; } // =========== bakery ==================== .by-feature-box-1 .price { color: @colorPrimary; } .by-feature-box-1:hover h4, .by-feature-box-1.active h4 { color: @colorPrimary; } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background: fadeout(@colorPrimary, 25%); } .slide-controls-primary .owl-theme .owl-controls .owl-page span { background: @colorPrimary none repeat scroll 0 0; } // =========== band ==================== .bd-title-line-1 { border-top: 1px solid @colorPrimary; } .bd-feature-box-2 .img-box .sc-icons-box { background-color: @colorPrimary; } .bd-portfolio-box-1 .item-box .hover-box .inner-box { border: 2px solid @colorPrimary; } .bd-feature-box-4:hover .post-date-box, .bd-feature-box-4.active .post-date-box { background-color: @colorPrimary; } .bd-feature-box-4:hover h4, .bd-feature-box-4.active h4 { color: @colorPrimary; } .tp-caption.bd-text-1 { color: @colorPrimary; } // =========== bar ==================== .br-feature-box-2:hover h3, .br-feature-box-2.active h3 { color: @colorPrimary; } // =========== barber ==================== .tp-caption.bb-text-3 { color: @colorPrimary; } .bb-feature-box-2:hover h5, .bb-feature-box-2.active h5 { color: @colorPrimary; } // =========== beauty ==================== .tp-caption.by2-text-2 { color: @colorPrimary; } .tp-caption.sbut2 a:hover{ background-color:@colorPrimary; } .by2-feature-box-2:hover h4 { color: @colorPrimary; } // =========== blog ==================== .footer-social-icons-2 li a:hover { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .bg2-featurebox-1 .postinfo-box .title a:hover{ color:@colorPrimary; } .bg2-right-col-item-holder .social-links li a:hover { color: @colorPrimary; } .bg2-header-banner-1 .overlay-1 .text-box .blog-post-info span { color: @colorPrimary; } .bg2-header-banner-1 .overlay-1 .text-box .title a:hover { color: @colorPrimary; } .bg2-rightcol-links li a:hover, .bg2-rightcol-links li a.active { color: @colorPrimary; } a:hover.text-hover-gyellow { color: @colorPrimary; } .bg3-header-banner-1 .overlay-1 .text-box .blog-post-info span { color: @colorPrimary; } .bg3-featurebox-1 .postinfo-box .title a:hover{ color:@colorPrimary; } .bg3-right-col-item-holder .social-links li a:hover { color: @colorPrimary; } .bg3-rightcol-links li a:hover, .bg3-rightcol-links li a.active { color: @colorPrimary; } // =========== builder ==================== .br2-feature-box-1:hover h5 { color: @colorPrimary; } .br2-feature-box-1:hover .icon-plain-msmall { color: @colorPrimary; } .br2-feature-box-2 .text-box .sc-icons-box { background-color: @colorPrimary; } .section-overlay.gyellow { background: fadeout(@colorPrimary, 25%); } // =========== cafe ==================== .ce-post-holder .text-box .blog-post-info span { color: @colorPrimary; } .social-icons-2 li a:hover, .social-icons-2 li a.active { color: @colorPrimary; } .fo-sec-1 .newsletter-box { background-color: @colorPrimary; } .ce2-feature-box-1 .title-line { background-color: @colorPrimary; } .opening-hours-list li i { color: @colorPrimary; } .ce2-post-holder .text-box .blog-post-info span { color: @colorPrimary; } // =========== casino ==================== .co-title-line-1 { background-color: @colorPrimary; } .co-title-line-2 { background-color: @colorPrimary; } // =========== charity ==================== .cy-post-holder .cy-post-img .post-date-box { color: @colorPrimary; } .cy-feature-box-5 .img-box .sc-icons-box { background-color: @colorPrimary; } ul.cy-gallery li a .hover-box .inner-box { border: 1px solid @colorPrimary; } // =========== church ==================== .ch-feature-box-1:hover .inner-box h4, .ch-feature-box-1.active .inner-box h4 { color: @colorPrimary; } .ch-feature-box-2:hover .iconbox-small, .ch-feature-box-2.active .iconbox-small { color: @colorPrimary; } .ch-feature-box-2:hover .inner-box, .ch-feature-box-2.active .inner-box { border-left: 1px solid @colorPrimary; } .ch-feature-box-2:hover h5, .ch-feature-box-2.active h5 { color: @colorPrimary; } .ch-feature-box-4:hover h4, .ch-feature-box-4.active h4 { color: @colorPrimary; } .ch-feature-box-4:hover .ch-title-line-2, .ch-feature-box-4.active .ch-title-line-2 { background-color: @colorPrimary; } .post-date-box { background-color: @colorPrimary; } .ch-feature-box-5 .overlay .text-box h4 a:hover{ color:@colorPrimary; } // =========== construction ==================== .cn-title-line-1 { background-color: @colorPrimary; } .cn-feature-box-1:hover .iconbox-small, .cn-feature-box-1.active .iconbox-small { color: @colorPrimary; } .cn-feature-box-1:hover h5, .cn-feature-box-1.active h5 { color: @colorPrimary; } .cn-team-holder .img-box .overlay .sc-icons li a:hover { color: @colorPrimary; } // =========== creative ==================== .tp-caption.sbut2 a:hover { background-color: @colorPrimary; } .ce3-feature-box-1:hover .img-box .text-box .inner-box .icon-plain-msmall, .ce3-feature-box-1.active .img-box .text-box .inner-box .icon-plain-msmall { color: @colorPrimary; } .ce3-feature-box-2:hover .inner-box, .ce3-feature-box-2.active .inner-box { border-left: 1px solid @colorPrimary; } .ce3-feature-box-2:hover .iconbox-small, .ce3-feature-box-2.active .iconbox-small { color: @colorPrimary; } .ce3-feature-box-2:hover h5, .ce3-feature-box-2.active h5 { color: @colorPrimary; } .ce3-feature-box-4:hover h5, .ce3-feature-box-4.active h5 { color: @colorPrimary; } .ce3-feature-box-4:hover .ce3-circle, .ce3-feature-box-4.active .ce3-circle { background-color: @colorPrimary; } .ce3-feature-box-5:hover .text-box .icon-plain-msmall, .ce3-feature-box-5.active .text-box .icon-plain-msmall { color: @colorPrimary; } .ce3-feature-box-5:hover .text-box a, .ce3-feature-box-5.active .text-box a { color: @colorPrimary; } // =========== dental ==================== .dt-feature-box-1:hover, .dt-feature-box-1.active { background-color: @colorPrimary; } .dt-feature-box-5 .img-box .sc-icons-box { background-color: @colorPrimary; } .fo-appointment-form .submit-btn { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // =========== education ==================== .en-feature-box-2 .img-box .price-badge { background-color: @colorPrimary; } .en-feature-box-5 .img-box .post-date-box { color: @colorPrimary; } .en-feature-box-5 .img-box .post-date-box span { color: @colorPrimary; } .en-feature-box-6:hover h5, .en-feature-box-6.active h5 { color: @colorPrimary; } // =========== farmer ==================== .fr-feature-box-5:hover h5, .fr-feature-box-5.active h5 { color: @colorPrimary; } .fr-feature-box-6 .submit-btn { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // =========== fashion ==================== .fn-feature-box-1:hover .title, .fn-feature-box-1.active .title { color: @colorPrimary; } .fn-feature-box-1:hover .iconbox-large, .fn-feature-box-1.active .iconbox-large { color: @colorPrimary; } .fn-feature-box-2:hover .overlay .text-box a, .fn-feature-box-2.active .overlay .text-box a{ color: @colorPrimary; } .fn-feature-box-3:hover .overlay .text-box a, .fn-feature-box-3.active .overlay .text-box a { color: @colorPrimary; } .fn-feature-box-4:hover .icon-plain-medium, .fn-feature-box-4.active .icon-plain-medium { color: @colorPrimary; } .fn-feature-box-4:hover .title, .fn-feature-box-4.active .title { color: @colorPrimary; } .fn-feature-box-7:hover .overlay .text-box .title, .fn-feature-box-7:hover .overlay .text-box .title-2, .fn-feature-box-7.active .overlay .text-box .title, .fn-feature-box-7.active .overlay .text-box .title-2 { color: @colorPrimary; } // =========== finance ==================== ul.fe-graph-info li { color: @colorPrimary; } .fe-feature-box-1:hover .img-box .text-box, .fe-feature-box-1.active .img-box .text-box { background: fadeout(@colorPrimary, 22%); } .fe-feature-box-3:hover .icon-plain-msmall, .fe-feature-box-3.active .icon-plain-msmall { color: @colorPrimary; } .fe-feature-box-3:hover .title, .fe-feature-box-3.active .title { color: @colorPrimary; } .fe-feature-box-3 .title-line { background-color: @colorPrimary; } .fe-feature-box-5 .img-box .sc-icons-box { background-color: @colorPrimary; } .fe-feature-box-6 .blog-post-info span { color: @colorPrimary; } .fe-feature-box-7 .blog-post-info span { color: @colorPrimary; } .fe-feature-box-10:hover h5, .fe-feature-box-10.active h5 { color: @colorPrimary; } .fe-feature-box-11:hover .text-big, .fe-feature-box-11:hover .text-small, .fe-feature-box-11.active .text-big, .fe-feature-box-11.active .text-small { color: @colorPrimary; } // =========== gym ==================== .gm-title-line-1 { background-color: @colorPrimary; } .gm-feature-box-2 .text-box .blog-post-info span { color: @colorPrimary; } .gm-feature-box-3 .text-box .blog-post-info span { color: @colorPrimary; } .gm-price-table:hover .btn.btn-light, .gm-price-table.active .btn.btn-light { background-color: @colorPrimary; } // =========== hair saloon ==================== .hs-feature-box-1:hover .img-box .text-box .title, .hs-feature-box-1.active .img-box .text-box .title { color: @colorPrimary; } .hs-feature-box-1 .img-box .text-box .title-line { background-color: @colorPrimary; } .hs-feature-box-1:hover .img-box .text-box .btn-border.light, .hs-feature-box-1.active .img-box .text-box .btn-border.light { border: 2px solid @colorPrimary; color: @colorPrimary; } .hs-feature-box-2:hover h5, .hs-feature-box-2.active h5 { color: @colorPrimary; } .hs-feature-box-3 .img-box .text-box .sc-icons-box { background: fadeout(@colorPrimary, 25%); } .hs-feature-box-4 .img-box .text-box .post-date-box span { color: @colorPrimary; } .hs-feature-box-4 .img-box .text-box .title-line { background-color: @colorPrimary; } .hs-feature-box-7 .img-box .overlay .sc-icons li a:hover { background-color: @colorPrimary; } .hs-feature-box-9:hover .img-box .text-box .title, .hs-feature-box-9.active .img-box .text-box .title { color: @colorPrimary; } .hs-feature-box-9 .img-box .text-box .title-line { background-color: @colorPrimary; } .hs-feature-box-9:hover .img-box .text-box .btn-border.light, .hs-feature-box-9.active .img-box .text-box .btn-border.light { border: 2px solid @colorPrimary; color: @colorPrimary; } // =========== hosting ==================== .tp-caption.offerbadge.two { background-color: @colorPrimary; } .hg-feature-box-1:hover .inner-box .icon, .hg-feature-box-1:hover .inner-box .title, .hg-feature-box-1.active .inner-box .icon, .hg-feature-box-1.active .inner-box .title { color: @colorPrimary; } .hg-feature-box-1:hover .inner-box .icon, .hg-feature-box-1:hover .inner-box .title, .hg-feature-box-1.active .inner-box .icon, .hg-feature-box-1.active .inner-box .title { color: @colorPrimary; } .hg-feature-box-1 .inner-box .title-line { background-color: @colorPrimary; } .hg-feature-box-2:hover .title, .hg-feature-box-2:hover .icon, .hg-feature-box-2.active .title, .hg-feature-box-2.active .icon { color: @colorPrimary; } .hg-price-table-1:hover .inner-box .price-circle .price, .hg-price-table-1.active .inner-box .price-circle .price { color: @colorPrimary; } .hg-price-table-1:hover .inner-box .price-circle, .hg-price-table-1.active .inner-box .price-circle { color: @colorPrimary; } .hg-price-table-1:hover a.btn.btn-dark-3, .hg-price-table-1.active a.btn.btn-dark-3 { background-color: @colorPrimary; } .hg-sc-icons li a:hover, .hg-sc-icons li a.active { background-color: @colorPrimary; } .hg-newsletter-submit-1:hover { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // =========== hotel ==================== .hl-feature-box-1 .btn-submit { background-color: @colorPrimary; } .hl-feature-box-3:hover .icon, .hl-feature-box-3:hover .title, .hl-feature-box-3.active .icon, .hl-feature-box-3.active .title { color: @colorPrimary; } .hl-feature-box-6:hover .icon, .hl-feature-box-6:hover .title, .hl-feature-box-6.active .icon, .hl-feature-box-6.active .title { color: @colorPrimary; } .hl-feature-box-6:hover .icon, .hl-feature-box-6:hover .title, .hl-feature-box-6.active .icon, .hl-feature-box-6.active .title { color: @colorPrimary; } // =========== icecream ==================== .im-feature-box-1 .price { color: @colorPrimary; } // =========== medical ==================== .ml-feature-box-3:hover .icon, .ml-feature-box-3:hover .title, .ml-feature-box-3.active .icon, .ml-feature-box-3.active .title { color: @colorPrimary; } .ml-feature-box-4 .img-box .sc-icons-box { background-color: @colorPrimary; } // =========== plumber ==================== .pr-feature-box-4 .img-box .date-box { background-color: @colorPrimary; } // =========== pro-landing ==================== .pl-title-line-1 { background-color: @colorPrimary; } .pl-feature-box-2 .item-box:hover .icon, .pl-feature-box-2 .item-box:hover .title, .pl-feature-box-2 .item-box.active .icon, .pl-feature-box-2 .item-box.active .title { color: @colorPrimary; } .smart-forms .btn-primary { background-color: @colorPrimary; } // =========== restaurant ==================== .re-feature-box-1 .img-box .price { color: @colorPrimary; } .re-feature-box-1:hover .img-box .price, .re-feature-box-1.active .img-box .price { color: @colorPrimary; } // =========== school ==================== .sl-feature-box-3:hover .icon, .sl-feature-box-3:hover .title, .sl-feature-box-3.active .icon, .sl-feature-box-3.active .title { color: @colorPrimary; } .sl-feature-box-3:hover .icon, .sl-feature-box-3:hover .title, .sl-feature-box-3.active .icon, .sl-feature-box-3.active .title { color: @colorPrimary; } .sl-feature-box-5:hover .title, .sl-feature-box-5.active .title { color: @colorPrimary; } .sl-feature-box-5 .image-box .date-shape { color: @colorPrimary; } // =========== transport ==================== .tp-caption.gyellow { color: @colorPrimary; } .tp-feature-box-1:hover .text-box .inner-box, .tp-feature-box-1.active .text-box .inner-box { border: 1px solid @colorPrimary; } .tp-feature-box-1:hover .text-box .inner-box .title, .tp-feature-box-1.active .text-box .inner-box .title { color: @colorPrimary; } .tp-feature-box-1 .text-box .inner-box .title-line { background-color: @colorPrimary; } .tp-feature-box-2:hover .icon-plain-msmall, .tp-feature-box-2.active .icon-plain-msmall { color: @colorPrimary; } .tp-feature-box-2:hover .title, .tp-feature-box-2.active .title { color: @colorPrimary; } .tp-feature-box-2 .title-line { background-color: @colorPrimary; } .tp-title-line { background-color: @colorPrimary; } .tp-feature-box-4:hover .text-box .inner-box, .tp-feature-box-4.active .text-box .inner-box { border: 1px solid @colorPrimary; } .tp-feature-box-4:hover .text-box .inner-box .title, .tp-feature-box-4.active .text-box .inner-box .title { color: @colorPrimary; } .tp-feature-box-4 .text-box .inner-box .title-line { background-color: @colorPrimary; } // =========== wedding ==================== .wg-feature-box-4:hover .icon, .wg-feature-box-4.active .icon { border: 3px solid @colorPrimary; color: @colorPrimary; } .wg-feature-box-4:hover .title, .wg-feature-box-4.active .title { color: @colorPrimary; } .wg-feature-box-5 .title-line { background-color: @colorPrimary; } // =========== winery ==================== .wy-feature-box-1:hover .title, .wy-feature-box-1.active .title { color: @colorPrimary; } .wy-feature-box-2 .img-box .badge { background-color: @colorPrimary; } .wy-post-holder .blog-post-info span { color: @colorPrimary; } // =========== yoga ==================== .ya-title-line-1 { background-color: @colorPrimary; } .ya-feature-box-1:hover .title, .ya-feature-box-1.active .title { color: @colorPrimary; } .ya-feature-box-1:hover .img-box .time, .ya-feature-box-1.active .img-box .time { color: @colorPrimary; } .ya-feature-box-1:hover .text-box .title-line, .ya-feature-box-1.active .text-box .title-line { background-color: @colorPrimary; } .ya-feature-box-4 .text-box .inner-box .sc-icons li a:hover, .ya-feature-box-4 .text-box .inner-box .sc-icons li a.active { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .ya-feature-box-5 .text-box .blog-post-info span { color: @colorPrimary; } .ya-feature-box-6 .text-box .blog-post-info span { color: @colorPrimary; } .ya-price-table:hover .btn.btn-light, .ya-price-table.active .btn.btn-light { background-color: @colorPrimary; } // =========== pages ==================== .pagenation-holder .breadcrumb li.current a { color: @colorPrimary; } .personal-info.orange-2 li { color: @colorPrimary; } .iconlist.gyellow li i { color: @colorPrimary; } .pages-sidebar-links li a:hover, .pages-sidebar-links li a.active { color: @colorPrimary; } ul.sitemap li a { color: @colorPrimary; } .error-search-box .input_submit { background-color: @colorPrimary; border: 1px solid @colorPrimary; } .blog-pagenation li a:hover, .blog-pagenation li a.active { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // =========== portfolio ==================== .cbp-l-filters-button .cbp-filter-counter::after { border-top: 4px solid @colorPrimary; } .cbp-l-filters-button .cbp-filter-counter { background-color: @colorPrimary; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: @colorPrimary; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { background-color: @colorPrimary; border-color: @colorPrimary; } .cbp-l-filters-alignRight .cbp-filter-counter::after { border-top: 4px solid @colorPrimary; } .cbp-l-filters-alignRight .cbp-filter-counter { background: @colorPrimary none repeat scroll 0 0; } // =========== shop ==================== .sp-feature-box-3 .img-box .badge { background-color: @colorPrimary; } .sp-feature-box-3 .img-box a.view-btn { background: fadeout(@colorPrimary, 25%); } .sp-sc-icons li a:hover, .sp-sc-icons li a.active { border: 1px solid @colorPrimary; color: @colorPrimary; } .sp-sb-links li a:hover, .sp-sb-links li a.active { color: @colorPrimary; } .gallery .previews a:hover, .gallery .previews a.selected { border: 1px solid @colorPrimary; } .sp-feature-box-4 .submit-btn:hover { background-color: @colorPrimary; border: 1px solid @colorPrimary; } // Border roundness .btn when (@borderType = "rounded") { border-radius: @bradius; }