/*!
* Theme v1.0.0
* Copyright 2015-2016 Theemon.com
*/
@skinColor:#50b9ce; //Change here your theme Color
@fontFamily:'karla', sans-serif; //Change here your theme Font family
@headingFont:'Raleway', sans-serif; //Change here your theme Font family
.transition_effect{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.slide-heading, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: @headingFont !important;
}
body {
font-family: @fontFamily;
}
//TEXT COLOR
.quick-list li a:hover, .phone span a:hover, .comments:hover, .doe:hover, .read-more:hover, .footer-nav ul a:hover, .call-us ul li a:hover, .slides-text h4 a:hover, .news h5 a:hover, .more-text a:hover, .categories ul li a:hover, .archive ul li a:hover, .blog-text li i, .reply-btn:hover, .best-seller-items .owl-next::before, .shopping-cart h5, .shipping-heading, .billing-form .sbToggle:before, .country-names li a:hover, .email-us:hover, .user-blog li a:hover, .location-slide-tab span a:hover, .transport-page-settings-two .query .button.contact-us {
color:@skinColor !important; .transition_effect;
}
.archive .custom-pagination li a:hover {
color: #ffffff !important;
}
.news-testimonial .testimonial-inner:before {
color:darken(@skinColor ,40%) !important;
}
//BACKGROUND COLOR
.query, .spanish, .features-text h3::after, .about-us h3::after, .heading h2::after, .services-link, .owl-page.active span, .sign-up button, .nav-icon, .transport-page-settings-two .request, .solution, .about-us-page .heading h3:after, .heading h3::after, .custom-pagination li a.pagination-next, .heading h6::after, .heading h5::after, .comment-submit:hover, .about-transport, .transport-page-settings-two .query, .more-services h6:after, .dot, .video-control, .custom-pagination li a.pagination-next:hover, .comment-drop-box form input.comment-submit:hover
, .transport-page-settings-three .services-link, .transport-page-settings-three .spanish, .transport-page-settings-three .query, .transport-page-settings-three .footer h5::after, .transport-page-settings-three .about-us h3::after, .submit-quote:hover, .footer h5::after, .shipping:hover, .location .owl-page span, .request, .list-pages a:hover, .update-cart, .shopping-cart h5:after, .shipping-heading:after, .continue, .office-search-box input[type="submit"],.news-section .slides-tab:hover .date, .social a:hover, .aside .tag li:hover,.custom-pagination li a:hover,.audioplayer-volume-adjust > div
{
background-color:@skinColor !important; .transition_effect;
}
.about-us .nav-tabs li.active:after,.about-us .attorney-listing h2.at-h2:after,.news-testimonial .date:after, .about-tag:after,.practice-area .h3:after,#footer .practice-footer h3:after,.underline-label:after,.block-divisor > span > span,.tab-widget .nav-tabs li.active a,.tag-widget-list li.active a,.active-pager .right-paging li a,.active-pager .pagination li.active a,.slider-code .left.carousel-control, .slider-code .right.carousel-control , .faq-comment .go-btn,.about-us .nav-tabs lihover:after,.about-us .nav-tabs li:hover:after, .about-us .attorney-listing h2.at-h2:hover:after,.btn.btn-default:hover, .btn.btn-default:focus,.history-content .play-icon:hover ,.transport-page-settings-two .request:hover ,.about-transport:hover, .button-hover:hover, .request:hover, .update-cart:hover, .continue:hover, .services-link:hover, .custom-pagination li a.pagination-next:hover, .check-out:hover {
background:darken(@skinColor ,20%) !important ; .transition_effect;
}
.transport-page-settings-three .navigation, .transport-page-settings-three .navigation::after, .transport-page-settings-three .sub-menu ul,.audioplayer,.audioplayer-playpause:hover, .audioplayer-playpause:focus{
background:@skinColor !important; .transition_effect;
}
.transport-page-settings-three .navigation > li:first-child::before{
border-color: transparent @skinColor @skinColor transparent;
}
.transport-page-settings-three .navigation > li {
border-left-color:darken(@skinColor ,20%);
}
.transport-page-settings-three .navigation > li:hover, .transport-page-settings-three .sub-menu {
background:darken(@skinColor ,20%);
}
.transport-page-settings-three .navigation > li:first-child:hover::before{
border-color: transparent darken(@skinColor ,20%) darken(@skinColor ,20%) transparent;
}
.transport-page-settings-three .sub-menu > li:hover,.audioplayer > div.audioplayer-volume,.audioplayer-volume:hover .audioplayer-volume-adjust,.audioplayer-bar-played:before {
background:darken(@skinColor ,20%);
}
.audioplayer-bar-loaded{
background:lighten(@skinColor ,20%);
}
.audioplayer:not(.audioplayer-mini) .audioplayer-playpause,.audioplayer-time-current{
border-color:lighten(@skinColor ,20%)
}
//BORDER COLOR
.transport-page-settings .arrow-more,.hiring-info .btn-footer,.blog-page .blog-listing .more-btn:hover,.view-btn:hover,.contact-attorney:hover,.active-pager .pagination li.active a,.detail-submit:hover,.tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected,.navbar-nav>li>.dropdown-menu, .owl-page.active span, .submit-quote:hover, .aside ul li:hover
{
border-color:@skinColor !important; .transition_effect;
}
// svg Icon color
.change-fill{
fill:@skinColor; .transition_effect;
}
.stroke-color{
stroke:@skinColor; .transition_effect;
}
.change-fill-bg{
fill:darken(@skinColor ,20%) !important ;
}
.transport-page-layout .banner-slider .btn-effect:hover .change-fill {
fill:darken(@skinColor ,20%) !important ; .transition_effect;
}
.spanish::after
{
border-color:@skinColor rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor !important;
}
.shipping:hover:after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor @skinColor; .transition_effect;
}
.tagcloud a:hover {
background-color: @skinColor;
color: #ffffff;
.transition_effect
}
.aside section.widget li a, .user-blog h5 > a {
.transition_effect
}
.aside section.widget li a:hover, .user-blog h5 > a:hover {
color: @skinColor;
}
.faq .head .question, #theme_panel .theme-setting {
background-color: @skinColor;
}
// svg Icon color
.change-fill{
fill:@skinColor; .transition_effect;
}
.stroke-color{
stroke:@skinColor; .transition_effect;
}
.change-fill-bg{
fill:darken(@skinColor ,20%) !important ;
}
.transport-page-layout .banner-slider .btn-effect:hover .change-fill {
fill:darken(@skinColor ,20%) !important ; .transition_effect;
}
.our-service li:hover .img-cont path, .our-service li:hover .img-cont polyline, .air-fright-cont .img-cont path, .air-fright-cont .img-cont polyline{
stroke:@skinColor;
}
.our-service li:hover a{
color:@skinColor !important;
}
.woocommerce .star-rating span::before, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
color:@skinColor;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #e04622;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: @skinColor;
}
.woocommerce ul.products li.product .price {
color: @skinColor;
}
.woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after {
color: @skinColor;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: @skinColor;
color: #ffffff !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: @skinColor !important;
}
.page-layout-two .page-layout-two-content p a,.page-layout-two-link,.page-layout-two-link a{
color:@skinColor;
}
ul .current-menu-parent > a, ul .current-menu-item > a {
color:@skinColor !important;
}
.tt-suggestion {
.transition_effect
}
.tt-suggestion:hover {
color:@skinColor;
}
/*Home page four style*/
// Homepege 4
.transport-page-settings-four .navigation li a:hover {
color:@skinColor !important; .transition_effect;
}
.transport-page-settings-four .submit-quote, .transport-page-settings-four .newsletter, .transport-page-settings-four .date, .transport-page-settings-four .query a.button.contact-us {
background-color:@skinColor !important; .transition_effect;
}
.transport-page-settings-four .submit-quote:hover {
background-color:darken(@skinColor ,10%) !important;
}
// Homepage 5
.header-style-5 .navigation > li span i:hover, .num:hover {
background-color:darken(@skinColor ,10%) !important;
}
.num, .header-style-5 .navigation > li > a::after, .transport-page-settings-five .sign-up button, .transport-page-settings-five .date, .transport-page-settings-five .query a.button.contact-us {
background-color:@skinColor !important; .transition_effect;
}
.features-tabing .active {
border-top-color:@skinColor !important;
}
// Homepage 6
.header-layout-five .request, .transport-page-settings-six .shipping, .testimonial li.active-tab::after, .wrap-icon, .cargo:hover .date, .shipping-text:hover .date {
background-color:@skinColor !important; .transition_effect;
}
.header-layout-five .request:hover, .transport-page-settings-six .shipping:hover {
background-color:darken(@skinColor ,10%) !important;
}
.transport-page-settings-six .shipping::after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @skinColor @skinColor !important; .transition_effect;
}
.transport-page-settings-six .shipping:hover:after {
border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) darken(@skinColor ,10%) darken(@skinColor ,10%) !important; .transition_effect;
}
// homepage7
.header-layout-six .secondary-header, .homepage7-banner .shipping-type li{
background:@skinColor !important;
}
.header-layout-six .request:before{
border-color:@skinColor transparent transparent @skinColor ;
}
.transport-page-settings-seven .shipping-type li{
background:lighten(@skinColor ,3%);
}
.transport-page-settings-seven .shipping-type li:hover{
background:darken(@skinColor ,10%);
}
.transport-page-settings-seven .services .heading h2::after{
background:@skinColor !important;
}
.transport-page-settings-seven .features .features-text .heading span{
color:@skinColor !important;
}
.transport-page-settings-seven .flex-control-paging li a.flex-active{
background:@skinColor !important;
border-color:@skinColor !important;
}
.transport-page-settings-seven .bx-wrapper .bx-controls-direction a.bx-next:after, .transport-page-settings-seven .bx-wrapper .bx-controls-direction a.bx-prev:after {
color:@skinColor !important;
}
.header-layout-six .sub-menu > li{
border-bottom-color:darken(@skinColor ,30%) !important;
}
.header-layout-six .navigation {
background-color: @skinColor !important;
}
.header-layout-six .navigation > li {
border-left-color:darken(@skinColor ,20%);
}
.header-layout-six .navigation > li:hover, .header-layout-six .sub-menu, .header-layout-six .sub-menu li:hover a {
background:darken(@skinColor ,20%);
}
// homepage8
.header-layout-seven .navigation, .header-layout-seven .navigation:after, .homepage8-wrap .sub-menu ul, .homepage8-wrap .navigation li:hover{
background:#ffffff !important;
}
.header-layout-seven .navigation > li > a:hover,.header-layout-seven .navigation > li .sub-menu li a:hover{
color:@skinColor !important;
}
.transport-page-settings-eight .features-icon li:hover i,.transport-page-settings-eight .features-icon li.active i{
color:@skinColor !important;
}
/*new pages issues fixing */
.header-layout-six ul .current-menu-parent > a, .header-layout-six ul .current-menu-item > a {
color: darken(@skinColor ,30%) !important;
}
.slider-six-btn .shipping{
background:@skinColor;
}
.slider-six-btn .shipping:after{
border-color: transparent transparent @skinColor @skinColor;
}
.header-layout-three .sub-menu li.current-menu-item a {
color: @skinColor !important;
}