@skinColor: #7fccdf; @bodyfonts: 'Lato', sans-serif; @headingfonts: 'Playfair Display', serif; .twitter-body a { color: @skinColor; } #theme_panel a { color: #ffffff;&:hover, &:focus{ color: @skinColor; } } /* Style for Switcher */ div.style-switcher {h4{ background: @skinColor; a{ background: @skinColor; } } } .tp-caption {.anim-icon{ &:hover, &:focus{ color: @skinColor; } } } .anim-icon.fill, .jump, .pagination-wrap [class^="page-"], .accordion-sec .panel-title > a, .panel-list .list-group-item > a {&:hover, &:focus{ color: @skinColor; } } .theme-setting { background: @skinColor; } #theme_panel .yellow-brder { border-bottom: 3px solid @skinColor; } .circle-progress:before, .blog .thumbnail:hover .rect-icon-box.bg-grey, #theme_panel .theme-setting, #theme_panel .note, #theme_panel .layout-column.radio-active .column-text:before, #theme_panel .select-box, #theme_panel .theme-pager li.current a, #theme_panel .theme-pager li:hover a { background: @skinColor; } #theme_panel .page-group .active-page, #theme_panel .page-group a:hover { color: @skinColor; } .header-navigation .header-nav > li:hover > a, .header-navigation .header-nav > li.current-menu-item > a { border-top: 3px solid @skinColor; color: @skinColor; } li.current-menu-item > a { color: @skinColor !important; } .header-navigation .sub-menu, .flex-direction-nav li a, .flex-direction-nav li a:hover, .post-share-social-media li a:hover, .newsletter-form input[type="submit"], .footer-desc:after, div.style-switcher h4 a, .mc4wp-form button, .mc4wp-form input[type="submit"], .mc4wp-form button, .mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus, .mc4wp-form input[type="submit"]:active { background: @skinColor !important; } .header-navigation .sub-menu li:before, .header-navigation li.mega-menu > .sub-menu > li:after, .header-navigation .sub-menu .sub-menu:before { background: darken(@skinColor, -6.91%); } .flex-control-nav.flex-control-paging li a.flex-active, .flex-control-nav.flex-control-paging li a:hover { background: @skinColor; color: @skinColor; } .post-nav .pre-nav a:hover, .post-nav .next-nav a:hover, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active, .textwidget img:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: @skinColor; } .post-nav ul li a:hover, .post-nav ul li span.current, .page-template-template-home-full-width-php .format-link.post-bg { background-color: @skinColor; } .search-submit-icon:hover, .nav-icon:hover, .nav-icon:active, .post-details li .post-tag-name:hover, .post-details li:hover i, .post-details li a:hover, .full-width-navigation li a:hover, .post-details li:hover i, .post-details li:hover a, .post-details li a:hover, .post-details li a:hover i, .full-width-navigation li a:hover, .full-width-navigation li:hover > a { color: @skinColor; } .social-media li a:hover, .our-team span, .connect-media a i:hover { color: @skinColor; } .social-media li span:after { border-top-color: @skinColor; } .social-media li span { background: @skinColor; } .page-title, .post-nav .pre-nav a:after, .post-nav .next-nav a:after, .wp-pagenavi a:hover, .wp-pagenavi span.current { background-color: @skinColor; } body, input, button, select, textarea, code, kbd, pre, samp { font-family: @bodyfonts; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: @headingfonts; } .search-form input[type="search"], .header-navigation .header-nav li, .footer-copy-right span, .introduction-body p, .post-nav .pre-nav, .post-nav .next-nav, .full-width-navigation li, .quote-post-body blockquote, .quote-post-body blockquote p { font-family: @headingfonts; } .about-us-intro h6, .nb-prepost span, .nb-nextpost span, .contact-info h6 { font-family: @bodyfonts; } .our-team span, .tab-nav li a, .nb-prepost a, .nb-nextpost a { font-family: @headingfonts; } .nb-prepost a:hover, .nb-nextpost a:hover, .nb-prepost a:hover span, .nb-nextpost a:hover span { color: @skinColor; } .heading-typography h1, .heading-typography h2, .heading-typography h3, .heading-typography h4, .heading-typography h5, .heading-typography h6 { color: @skinColor; } .fa-icon-effect-1 .fa-icon:after, .fa-icon-effect-2 .fa-icon, .fa-icon-effect-3 .fa-icon, .fa-icon-effect-4 .fa-icon, .fa-icon-effect-4 .fa-icon:hover, .fa-icon-effect-5 .fa-icon, .fa-icon-effect-6 .fa-icon, .fa-icon-effect-7 .fa-icon, .fa-icon-effect-7a .fa-icon:after, .fa-icon-effect-7a .fa-icon:hover:after, .fa-icon-effect-7b .fa-icon:after, .fa-icon-effect-8 .fa-icon:after, .fa-icon-effect-9 .fa-icon:after, .fa-icon-effect-9a .fa-icon:hover, .fa-icon-effect-9b .fa-icon:hover { box-shadow: 0 0 2px 2px @skinColor; box-shadow: 0 0 0px 3px @skinColor; } .fa-icon-effect-1a .fa-icon:hover, .fa-icon-effect-1b .fa-icon:hover, .fa-icon-effect-5 .fa-icon:hover, .fa-icon-effect-6 .fa-icon:hover, .fa-icon-effect-8 .fa-icon:hover { background: @skinColor; } .post-container h2 a:hover, .popular-post-body h4 a:hover { color: @skinColor; } .twitter-profile-pic i:hover { color: @skinColor; } .twitts-content, .post-content-body h2 { font-family: @headingfonts; } .sun-tweet-time, .post-content-body p, input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea { font-family: @bodyfonts; } figure.effect-img-hover { background: @skinColor; } .cl-effect-1 .header-nav > li > a:hover::before, .cl-effect-1 .header-nav > li > a:focus::before { color: @skinColor; text-shadow: 10px 0 @skinColor, -10px 0 @skinColor; } .cl-effect-4 .header-nav > li > a::after, .cl-effect-3 .header-nav > li > a::after { background: @skinColor; } .cl-effect-5 .header-nav > li > a::before, .cl-effect-5 .header-nav > li > a::after, .main-menu-full > li > a:after { border-color: @skinColor; } .nb-video-btn:hover { background: @skinColor; } #nb-infinitescroll-button a:hover { border: 1px solid @skinColor; color: @skinColor; } .page-template-template-home-full-width-php .format-link .post-content-body:before { color: @skinColor - #101617; } .popular-post-content.sticky { box-shadow: none; } .squire .list-group-item:before, .check-mark .list-group-item:before { color: @skinColor; } .squire .list-group-item:before { background: @skinColor; } .form-submit input, input.wpcf7-submit[type="submit"] { background: @skinColor; } .post-comment-form a { color: @skinColor; } .header-search .search-form.notvalid .form-control, .search-page404 .search-form.notvalid .form-control { border-color: @skinColor; } .widget-archive li a:hover, .side-widget li a:hover { color: @skinColor; } .page-template-template-under_construction-php .heading-newsletter h1, #countdown .countdown-row .countdown-section .countdown-amount { font-family: @headingfonts; } .header404page h1, .header404page span, #countdown .countdown-row .countdown-section .countdown-period { font-family: @bodyfonts; } .header404page h1 { color: @skinColor; } .search404form .search-submit-icon { background: @skinColor; } .gform_wrapper .button.gform_button, #bbpress-forums #bbp-search-form #bbp_search_submit,.bbp-submit-wrapper #bbp_reply_submit { background: @skinColor; } #bbpress-forums a { color: @skinColor; } .category-widget-section #searchform #searchsubmit{ background: @skinColor; } /*CSS Editing*/ .woocommerce a.button,.woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce #respond input#submit.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background:@skinColor; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.woocommerce a.button:hover,.woocommerce #respond input#submit:hover,.woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{ background:@skinColor; } #buddypress div.item-list-tabs ul li a span,#buddypress div.item-list-tabs ul li a:hover span,#buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span{ background-color: @skinColor; } .post-content-body a,#dbem-bookings-table a{ color: @skinColor; } #buddypress .page-numbers{ border: 1px solid @skinColor; } #buddypress .pagination a.page-numbers:hover{ background:@skinColor; } .page-template-template-home-full-width-one-php .current-menu-ancestor a{ color:@skinColor; }