/** ALL COLORS FOR THE TEMPLATE - Default color red as the demo #fb6148 change all instances of #fb6148 to the following options, or add your own color scheme! /*headings*/ h1,h2,h4,h5,h6,#wsite-content h2{color:#383838} h3 {color: #28262b} /** body text **/ body,p, div.paragraph{color: #808285} /** Links **/ a{color:#000000} /*CHANGES THE LINK COLOR*/ a:hover{color:#00ad4d} /*CHANGES THE LINK COLOR WHEN HOVERING*/ /*a{color:#fb6148} /*CHANGES THE LINK COLOR*/ /*a:hover{color:#808285} /*CHANGES THE LINK COLOR WHEN HOVERING*/ /*header*/ #page-wrap{background:#fff} /*navigation text color*/ #Header #navigation{background-color:#3f3f3f} #navigation a{color:#fff} #navigation a:hover,#navigation li#active a:hover{color:#fb6148} #navigation li#active.wsite-nav-1::before, #navigation li#active.wsite-nav-2::before, #navigation li#active.wsite-nav-3::before, #navigation li#active.wsite-nav-4::before, #navigation li#active.wsite-nav-5::before, #navigation li#active.wsite-nav-6::before, #navigation li#active.wsite-nav-7::before, #navigation li#active.wsite-nav-8::before, #navigation li#active.wsite-nav-9::before, #navigation li#active.wsite-nav-10::before, #navigation li#active.wsite-nav-11::before {color:#fb6148} #wsite-menus span.wsite-menu-title,#wsite-menus span.wsite-menu-title{color:#f0f0f0} #wsite-menus span.wsite-menu-title:hover,#wsite-menus span.wsite-menu-title:hover{color:#fb6148} /*navigation icon color*/ .wsite-nav-1:before,.wsite-nav-2:before,.wsite-nav-3:before, .wsite-nav-4:before,.wsite-nav-5:before,.wsite-nav-6:before, .wsite-nav-7:before,.wsite-nav-8:before,.wsite-nav-9:before, .wsite-nav-10:before,.wsite-nav-11:before{color:#fff} /*navigation background hover*/ #navigation li#active a{background:rgba(0,0,0,0.1)}/*active background color*/ #navigation a:hover,#navigation li#active a:hover{background:rgba(0,0,0,0.1);text-decoration:none} /*sub menu*/ #wsite-menus .wsite-menu li a:hover{color:#fb6148} #wsite-menus .wsite-menu{border-top:5px solid rgba(39,39,39,1)}/*top border*/ #wsite-menus .wsite-menu li a{background-color:#272727;background:rgba(39,39,39,0.95)}/*background*/ #wsite-menus .wsite-menu li a:hover{background-color:#272727;background:rgba(39,39,39,0.95)}/*background hover and text color*/ /*mobile menu*/ .mobile-nav {background:#3f3f3f} /*desktop cart*/ .wsite-nav-cart a:before,#icontent .cart:before{color:#fb6148} /*mobile cart*/ @media (max-width: 767px) { .wsite-nav-cart a:before { color:#fff } } /*slider*/ .slider-container{background:#fafafa} .flexslider{background:#fff} /*flex slider navigation*/ .flex-control-paging li a{background-color:#ffffff;background:rgba(255,255,255,0.5)} .flex-control-paging li a:hover{background-color:#4a4a4a;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{background:#4a4a4a;background:rgba(0,0,0,0.9)} .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{background-color:#00ad4d} /*.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{background-color:#fb6148}*/ /*slider captions*/ .wslide-caption-text{background-color:#272727;background:rgba(39,39,39,0.75);color:#fff}/*caption text/ /*call bg under slider*/ .call-bg{background:#fafafa} /*Blog*/ .blog-post .blog-date .date-text{background:#454545;color:#eee}/*blog date*/ /*logo background*/ .triangle-topleft {border-top: 140px solid #fff} /*header search*/ .header-details .wsite-form-input, .header-details .wsite-form-input, .header-details .wsite-search-input, .header-details .wsite-editor .wsite-form-input, .header-details .wsite-editor .wsite-form-input, .header-details .wsite-editor .wsite-search-input{background:#3f3f3f!important;color:#808285;box-shadow:none!important;border:none!important} .wsite-search-button{background:#00ad4d !important} .wsite-search-button:hover{background:#595959} .wsite-search-button:after{color:#fff} .search-close{background:#222} .search-close i{color:#fff} /*search page*/ #wsite-search-query { background:#fff; border: 1px solid #eee; } /*header text color phone number and email*/ .inner-container .header-details{color:#808285} .mail i{border-left:1px solid #e3e3e3} .mail i,.phone i{color:#fb6148} /*weebly button hover background*/ .wsite-button:hover,.wsite-editor .wsite-button:hover{background:#595959} .wsite-button-inner{background:none!important;color:#fff}/*button text color*/ /*weebly divider*/ .wsite-theme-dark hr.styled-hr,hr.styled-hr{background-color:#e3e3e3;border:none;box-shadow:none} /*main content white backgrounds for all pages and home page white content sections*/ .main-content{background:#fff} /*home page grey background section*/ .grey-bg{background-color:#fafafa} /*weebly store titles*/ #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title{color:#626262} .wsite-checkout-form__input { border: 1px solid #eee!important;color:#444; } /*testimonial slider*/ .testi-slider.flexslider{background:rgba(255,255,255,0.25)} .testi-slider blockquote{color:#fff!important} .testi-slider .flex-control-paging li a{background-color:#eee;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.4)} .testi-slider .flex-control-paging li a.flex-active{background-color:#fff;background:rgba(255,255,255,0.9)} .testi-slider blockquote{color:#fff} /*parallax opacity cover*/ .parallax-cover{background:rgba(0,0,0,0.4)} /*parallax social icons*/ .parallax-social .wsite-social-instagram:before,.parallax-social .wsite-editor .wsite-social-instagram:before, .parallax-social .wsite-social-dribbble:before,.parallax-social .wsite-editor .wsite-social-dribbble:before, .parallax-social .wsite-social-rss:before,.parallax-social .wsite-editor .wsite-social-rss:before, .parallax-social .wsite-social-pinterest:before,.parallax-social .wsite-editor .wsite-social-pinterest:before, .parallax-social .wsite-social-plus:before,.parallax-social .wsite-editor .wsite-social-plus:before, .parallax-social .wsite-social-yahoo:before,.parallax-social .wsite-editor .wsite-social-yahoo:before, .parallax-social .wsite-social-mail:before,.parallax-social .wsite-editor .wsite-social-mail:before, .parallax-social .wsite-social-facebook:before,.parallax-social .wsite-editor .wsite-social-facebook:before, .parallax-social .wsite-social-twitter:before,.parallax-social .wsite-editor .wsite-social-twitter:before, .parallax-social .wsite-social-linkedin:before,.parallax-social .wsite-editor .wsite-social-linkedin:before, .parallax-social .wsite-social-flickr:before,.parallax-social .wsite-editor .wsite-social-flickr:before, .parallax-social .wsite-social-vimeo:before,.parallax-social .wsite-editor .wsite-social-vimeo:before, .parallax-social .wsite-social-youtube:before,.parallax-social .wsite-editor .wsite-social-youtube:before {background-color:#272727;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.4);color:#fff!important} /** blockquote **/ blockquote,.pullquote-right,.pullquote-left{border-left:3px solid #fb6148} /**social**/ .parallax-social .wsite-social-instagram:hover:before,.parallax-social .wsite-editor .wsite-social-instagram:hover:before, .parallax-social .wsite-social-dribbble:hover:before,.parallax-social .wsite-editor .wsite-social-dribbble:hover:before, .parallax-social .wsite-social-rss:hover:before,.parallax-social .wsite-editor .wsite-social-rss:hover:before, .parallax-social .wsite-social-pinterest:hover:before,.parallax-social .wsite-editor .wsite-social-pinterest:hover:before, .parallax-social .wsite-social-plus:hover:before,.parallax-social .wsite-editor .wsite-social-plus:hover:before, .parallax-social .wsite-social-yahoo:hover:before,.parallax-social .wsite-editor .wsite-social-yahoo:hover:before, .parallax-social .wsite-social-mail:hover:before,.parallax-social .wsite-editor .wsite-social-mail:hover:before, .parallax-social .wsite-social-facebook:hover:before,.parallax-social .wsite-editor .wsite-social-facebook:hover:before, .parallax-social .wsite-social-twitter:hover:before,.parallax-social .wsite-editor .wsite-social-twitter:hover:before, .parallax-social .wsite-social-linkedin:hover:before,.parallax-social .wsite-editor .wsite-social-linkedin:hover:before, .parallax-social .wsite-social-flickr:hover:before,.parallax-social .wsite-editor .wsite-social-flickr:hover:before, .parallax-social .wsite-social-vimeo:hover:before,.parallax-social .wsite-editor .wsite-social-vimeo:hover:before, .parallax-social .wsite-social-youtube:hover:before,.parallax-social .wsite-editor .wsite-social-youtube:hover:before {color:#00ad4d!important} .wsite-social-instagram:before,.wsite-editor .wsite-social-instagram:before, .wsite-social-dribbble:before,.wsite-editor .wsite-social-dribbble:before, .wsite-social-rss:before,.wsite-editor .wsite-social-rss:before, .wsite-social-pinterest:before,.wsite-editor .wsite-social-pinterest:before, .wsite-social-plus:before,.wsite-editor .wsite-social-plus:before, .wsite-social-yahoo:before,.wsite-editor .wsite-social-yahoo:before, .wsite-social-mail:before,.wsite-editor .wsite-social-mail:before, .wsite-social-facebook:before,.wsite-editor .wsite-social-facebook:before, .wsite-social-twitter:before,.wsite-editor .wsite-social-twitter:before, .wsite-social-linkedin:before,.wsite-editor .wsite-social-linkedin:before, .wsite-social-flickr:before,.wsite-editor .wsite-social-flickr:before, .wsite-social-vimeo:before,.wsite-editor .wsite-social-vimeo:before, .wsite-social-youtube:before,.wsite-editor .wsite-social-youtube:before {color:#00ad4d} /** weebly red buttons **/.wsite-button,.wsite-editor .wsite-button,.wsite-button,.wsite-editor .wsite-button{background:#005c9b !important} /** weebly red buttons **/ /*.wsite-button,.wsite-editor .wsite-button,.wsite-button,.wsite-editor .wsite-button{background:#fb6148 !important}*--------------------------------------------------------------------------------/ /** weebly grey button hover color (red hover)**/ .wsite-button:hover,.wsite-editor .wsite-button-highlight:hover,.wsite-button-large.wsite-button-highlight:hover, .wsite-button-small.wsite-button-highlight:hover{background:#fb6148 !important} .wsite-button:hover,.wsite-editor .wsite-button:hover,.call-bg .call-to-action .button:hover{background:#595959 !important} .wsite-button-highlight,.wsite-editor .wsite-button-highlight{background:#595959 !important} /*weebly contact form*/ .weebly-form-label,.wsite-form-label,.weebly-form-sublabel,.wsite-form-sublabel{color:#888;font-size:12px} .form-required{color:#777} .weebly-form-input,.wsite-form-input,.wsite-search-input,.wsite-editor .weebly-form-input,.wsite-editor .wsite-form-input,.wsite-editor .wsite-search-input{background:#fafafa;color:#888;border-color:#E3E3E3} #footer .wsite-search-element-input,.wsite-editor .wsite-search-element-input{background:#313131;border:1px solid #121212;color:#EEE} .required{color:#fb6148} /*footer*/ #footer{background-color:#363636;background:rgba(0,0,0,0.82)}/*background*/ #footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6,#footer #wsite-content h2{color:#fff}/*footer titles*/ #footer div.paragraph,#footer,#footer a,#footer a.goto:hover,#footer .contact-info-widget p,.footer-menu li a{color:#00ad4d}/*links and contact widget*/ /*#footer div.paragraph,#footer,#footer a,#footer a.goto:hover,#footer .contact-info-widget p,.footer-menu li a{color:#9d9fa2}/*links and contact widget*/*/ #footer .icon{color:#fb6148} #footer a,#footer a:hover,#footer-bottom a:hover{color:#fb6148}/*links hover*/ /*footer contact form*/ #footer form{background-color:#272727;background:rgba(0,0,0,0.12)} /*weebly footer divider*/ #footer hr.styled-hr,#footer .wsite-theme-dark hr.styled-hr{background-color:#2d2d2d!important;border-color:#2d2d2d 0 0!important;color:#2d2d2d!important;border-color:#2d2d2d!important}