diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..2c22dd9 --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,16805 @@ +/* + Name: Digipro - Digital Products Marketplace + Author: AazzTech + Version: 2.1.0 + Website: https://www.aazztech.com +*/ +/** ** +** TABLE OF CONTENTS ** +** ** +-----------------------------------*/ +/* + 01.COMMON + -- General + -- Helper + -- Mixins + -- Reset + + 02.COMPONENTS + -- Accordion + -- Alerts + -- Breadcrumbs + -- BTNs + -- Cards + -- Content Block + -- Datepicker + -- Dropdown + -- Features + -- Forms + -- Menu + -- Modal + -- Pagination + -- Pricing + -- Product + -- Progressbar + -- Sidebar + -- Social + -- Tabs + -- Tables + -- Team + -- Timeline + + 03. MENU AREA + 04. HERO AREA + 05. PRODUCT SORTING + 06. FEATURED AREA + 07. LATEST PRODUCT + 08. SERVICES + 09. COUNTER UP + 10. HOW IT WORKS + 11. TESTIMONIAL + 12. CALL TO ACTION + 13. CLIENTS LOGO + 14. SUBSCRIBE + 15. FOOTER AREA + 16. FILTER AREA + 17. SINGLE PRODUCT DESC AREA + 18. AUTHOR AREA + 19. DASHBOARD + 20. DASHBOARD ADD CREDIT + 21. DASHBOARD STATEMENT + 22. DASHBOARD INVOICE + 23. DASHBOARD UPLOAD + 24. DASHBOARD EDIT PAGE + 25. DASHBOARD WITHDRAW + 26. NOTIFICATION + 27. MESSAGE AREA + 28. SHOPPING CART + 29. CHECKOUT + 30. HOW IT WORKS + 31. ABOUT US + 32. PARTNERS AREA + 33. TESTIMONIAL + 34. FAQ AREA + 35. AFFILIATE PAGE + 36. TERMS & CONDITION + 37. CONTACT AREA + 38. ORDER CONFIRMATION + 39. LOGIN + 40. SIGNUP + 41. SUPPORT + 42. SUPPORT DETAILS + 43. 404 + 44. CAREER + 45. CAREER DETAILS + 46. APPLY FORM + 47. EVENT AREA + 48. EVENT DETAILS + 49. MAP + 50. BLOG + 51. BADGES + 52. RESPONSIVE CSS +***************************/ +.m-top-0 { + margin-top: 0px; +} + +.m-top-5 { + margin-top: 5px; +} + +.m-top-10 { + margin-top: 10px; +} + +.m-top-15 { + margin-top: 15px; +} + +.m-top-20 { + margin-top: 20px; +} + +.m-top-25 { + margin-top: 25px; +} + +.m-top-30 { + margin-top: 30px; +} + +.m-top-35 { + margin-top: 35px; +} + +.m-top-40 { + margin-top: 40px; +} + +.m-top-45 { + margin-top: 45px; +} + +.m-top-50 { + margin-top: 50px; +} + +.m-top-55 { + margin-top: 55px; +} + +.m-top-60 { + margin-top: 60px; +} + +.m-top-65 { + margin-top: 65px; +} + +.m-top-70 { + margin-top: 70px; +} + +.m-top-75 { + margin-top: 75px; +} + +.m-top-80 { + margin-top: 80px; +} + +.m-top-85 { + margin-top: 85px; +} + +.m-top-90 { + margin-top: 90px; +} + +.m-top-95 { + margin-top: 95px; +} + +.m-top-100 { + margin-top: 100px; +} + +.m-top-105 { + margin-top: 105px; +} + +.m-top-110 { + margin-top: 110px; +} + +.m-top-115 { + margin-top: 115px; +} + +.m-top-120 { + margin-top: 120px; +} + +.m-top-125 { + margin-top: 125px; +} + +.m-top-130 { + margin-top: 130px; +} + +.m-top-135 { + margin-top: 135px; +} + +.m-top-140 { + margin-top: 140px; +} + +.m-top-145 { + margin-top: 145px; +} + +.m-top-150 { + margin-top: 150px; +} + +.m-right-0 { + margin-right: 0px; +} + +.m-right-5 { + margin-right: 5px; +} + +.m-right-10 { + margin-right: 10px; +} + +.m-right-15 { + margin-right: 15px; +} + +.m-right-20 { + margin-right: 20px; +} + +.m-right-25 { + margin-right: 25px; +} + +.m-right-30 { + margin-right: 30px; +} + +.m-right-35 { + margin-right: 35px; +} + +.m-right-40 { + margin-right: 40px; +} + +.m-right-45 { + margin-right: 45px; +} + +.m-right-50 { + margin-right: 50px; +} + +.m-right-55 { + margin-right: 55px; +} + +.m-right-60 { + margin-right: 60px; +} + +.m-right-65 { + margin-right: 65px; +} + +.m-right-70 { + margin-right: 70px; +} + +.m-right-75 { + margin-right: 75px; +} + +.m-right-80 { + margin-right: 80px; +} + +.m-right-85 { + margin-right: 85px; +} + +.m-right-90 { + margin-right: 90px; +} + +.m-right-95 { + margin-right: 95px; +} + +.m-right-100 { + margin-right: 100px; +} + +.m-right-105 { + margin-right: 105px; +} + +.m-right-110 { + margin-right: 110px; +} + +.m-right-115 { + margin-right: 115px; +} + +.m-right-120 { + margin-right: 120px; +} + +.m-right-125 { + margin-right: 125px; +} + +.m-right-130 { + margin-right: 130px; +} + +.m-right-135 { + margin-right: 135px; +} + +.m-right-140 { + margin-right: 140px; +} + +.m-right-145 { + margin-right: 145px; +} + +.m-right-150 { + margin-right: 150px; +} + +.m-bottom-0 { + margin-bottom: 0px; +} + +.m-bottom-5 { + margin-bottom: 5px; +} + +.m-bottom-10 { + margin-bottom: 10px; +} + +.m-bottom-15 { + margin-bottom: 15px; +} + +.m-bottom-20 { + margin-bottom: 20px; +} + +.m-bottom-25 { + margin-bottom: 25px; +} + +.m-bottom-30 { + margin-bottom: 30px; +} + +.m-bottom-35 { + margin-bottom: 35px; +} + +.m-bottom-40 { + margin-bottom: 40px; +} + +.m-bottom-45 { + margin-bottom: 45px; +} + +.m-bottom-50 { + margin-bottom: 50px; +} + +.m-bottom-55 { + margin-bottom: 55px; +} + +.m-bottom-60 { + margin-bottom: 60px; +} + +.m-bottom-65 { + margin-bottom: 65px; +} + +.m-bottom-70 { + margin-bottom: 70px; +} + +.m-bottom-75 { + margin-bottom: 75px; +} + +.m-bottom-80 { + margin-bottom: 80px; +} + +.m-bottom-85 { + margin-bottom: 85px; +} + +.m-bottom-90 { + margin-bottom: 90px; +} + +.m-bottom-95 { + margin-bottom: 95px; +} + +.m-bottom-100 { + margin-bottom: 100px; +} + +.m-bottom-105 { + margin-bottom: 105px; +} + +.m-bottom-110 { + margin-bottom: 110px; +} + +.m-bottom-115 { + margin-bottom: 115px; +} + +.m-bottom-120 { + margin-bottom: 120px; +} + +.m-bottom-125 { + margin-bottom: 125px; +} + +.m-bottom-130 { + margin-bottom: 130px; +} + +.m-bottom-135 { + margin-bottom: 135px; +} + +.m-bottom-140 { + margin-bottom: 140px; +} + +.m-bottom-145 { + margin-bottom: 145px; +} + +.m-bottom-150 { + margin-bottom: 150px; +} + +.m-left-0 { + margin-left: 0px; +} + +.m-left-5 { + margin-left: 5px; +} + +.m-left-10 { + margin-left: 10px; +} + +.m-left-15 { + margin-left: 15px; +} + +.m-left-20 { + margin-left: 20px; +} + +.m-left-25 { + margin-left: 25px; +} + +.m-left-30 { + margin-left: 30px; +} + +.m-left-35 { + margin-left: 35px; +} + +.m-left-40 { + margin-left: 40px; +} + +.m-left-45 { + margin-left: 45px; +} + +.m-left-50 { + margin-left: 50px; +} + +.m-left-55 { + margin-left: 55px; +} + +.m-left-60 { + margin-left: 60px; +} + +.m-left-65 { + margin-left: 65px; +} + +.m-left-70 { + margin-left: 70px; +} + +.m-left-75 { + margin-left: 75px; +} + +.m-left-80 { + margin-left: 80px; +} + +.m-left-85 { + margin-left: 85px; +} + +.m-left-90 { + margin-left: 90px; +} + +.m-left-95 { + margin-left: 95px; +} + +.m-left-100 { + margin-left: 100px; +} + +.m-left-105 { + margin-left: 105px; +} + +.m-left-110 { + margin-left: 110px; +} + +.m-left-115 { + margin-left: 115px; +} + +.m-left-120 { + margin-left: 120px; +} + +.m-left-125 { + margin-left: 125px; +} + +.m-left-130 { + margin-left: 130px; +} + +.m-left-135 { + margin-left: 135px; +} + +.m-left-140 { + margin-left: 140px; +} + +.m-left-145 { + margin-left: 145px; +} + +.m-left-150 { + margin-left: 150px; +} + +.p-left-0 { + padding-left: 0px; +} + +.p-left-5 { + padding-left: 5px; +} + +.p-left-10 { + padding-left: 10px; +} + +.p-left-15 { + padding-left: 15px; +} + +.p-left-20 { + padding-left: 20px; +} + +.p-left-25 { + padding-left: 25px; +} + +.p-left-30 { + padding-left: 30px; +} + +.p-left-35 { + padding-left: 35px; +} + +.p-left-40 { + padding-left: 40px; +} + +.p-left-45 { + padding-left: 45px; +} + +.p-left-50 { + padding-left: 50px; +} + +.p-left-55 { + padding-left: 55px; +} + +.p-left-60 { + padding-left: 60px; +} + +.p-left-65 { + padding-left: 65px; +} + +.p-left-70 { + padding-left: 70px; +} + +.p-left-75 { + padding-left: 75px; +} + +.p-left-80 { + padding-left: 80px; +} + +.p-left-85 { + padding-left: 85px; +} + +.p-left-90 { + padding-left: 90px; +} + +.p-left-95 { + padding-left: 95px; +} + +.p-left-100 { + padding-left: 100px; +} + +.p-left-105 { + padding-left: 105px; +} + +.p-left-110 { + padding-left: 110px; +} + +.p-left-115 { + padding-left: 115px; +} + +.p-left-120 { + padding-left: 120px; +} + +.p-left-125 { + padding-left: 125px; +} + +.p-left-130 { + padding-left: 130px; +} + +.p-left-135 { + padding-left: 135px; +} + +.p-left-140 { + padding-left: 140px; +} + +.p-left-145 { + padding-left: 145px; +} + +.p-left-150 { + padding-left: 150px; +} + +.p-right-0 { + padding-right: 0px; +} + +.p-right-5 { + padding-right: 5px; +} + +.p-right-10 { + padding-right: 10px; +} + +.p-right-15 { + padding-right: 15px; +} + +.p-right-20 { + padding-right: 20px; +} + +.p-right-25 { + padding-right: 25px; +} + +.p-right-30 { + padding-right: 30px; +} + +.p-right-35 { + padding-right: 35px; +} + +.p-right-40 { + padding-right: 40px; +} + +.p-right-45 { + padding-right: 45px; +} + +.p-right-50 { + padding-right: 50px; +} + +.p-right-55 { + padding-right: 55px; +} + +.p-right-60 { + padding-right: 60px; +} + +.p-right-65 { + padding-right: 65px; +} + +.p-right-70 { + padding-right: 70px; +} + +.p-right-75 { + padding-right: 75px; +} + +.p-right-80 { + padding-right: 80px; +} + +.p-right-85 { + padding-right: 85px; +} + +.p-right-90 { + padding-right: 90px; +} + +.p-right-95 { + padding-right: 95px; +} + +.p-right-100 { + padding-right: 100px; +} + +.p-right-105 { + padding-right: 105px; +} + +.p-right-110 { + padding-right: 110px; +} + +.p-right-115 { + padding-right: 115px; +} + +.p-right-120 { + padding-right: 120px; +} + +.p-right-125 { + padding-right: 125px; +} + +.p-right-130 { + padding-right: 130px; +} + +.p-right-135 { + padding-right: 135px; +} + +.p-right-140 { + padding-right: 140px; +} + +.p-right-145 { + padding-right: 145px; +} + +.p-right-150 { + padding-right: 150px; +} + +.p-top-0 { + padding-top: 0px; +} + +.p-top-5 { + padding-top: 5px; +} + +.p-top-10 { + padding-top: 10px; +} + +.p-top-15 { + padding-top: 15px; +} + +.p-top-20 { + padding-top: 20px; +} + +.p-top-25 { + padding-top: 25px; +} + +.p-top-30 { + padding-top: 30px; +} + +.p-top-35 { + padding-top: 35px; +} + +.p-top-40 { + padding-top: 40px; +} + +.p-top-45 { + padding-top: 45px; +} + +.p-top-50 { + padding-top: 50px; +} + +.p-top-55 { + padding-top: 55px; +} + +.p-top-60 { + padding-top: 60px; +} + +.p-top-65 { + padding-top: 65px; +} + +.p-top-70 { + padding-top: 70px; +} + +.p-top-75 { + padding-top: 75px; +} + +.p-top-80 { + padding-top: 80px; +} + +.p-top-85 { + padding-top: 85px; +} + +.p-top-90 { + padding-top: 90px; +} + +.p-top-95 { + padding-top: 95px; +} + +.p-top-100 { + padding-top: 100px; +} + +.p-top-105 { + padding-top: 105px; +} + +.p-top-110 { + padding-top: 110px; +} + +.p-top-115 { + padding-top: 115px; +} + +.p-top-120 { + padding-top: 120px; +} + +.p-top-125 { + padding-top: 125px; +} + +.p-top-130 { + padding-top: 130px; +} + +.p-top-135 { + padding-top: 135px; +} + +.p-top-140 { + padding-top: 140px; +} + +.p-top-145 { + padding-top: 145px; +} + +.p-top-150 { + padding-top: 150px; +} + +.p-bottom-0 { + padding-bottom: 0px; +} + +.p-bottom-5 { + padding-bottom: 5px; +} + +.p-bottom-10 { + padding-bottom: 10px; +} + +.p-bottom-15 { + padding-bottom: 15px; +} + +.p-bottom-20 { + padding-bottom: 20px; +} + +.p-bottom-25 { + padding-bottom: 25px; +} + +.p-bottom-30 { + padding-bottom: 30px; +} + +.p-bottom-35 { + padding-bottom: 35px; +} + +.p-bottom-40 { + padding-bottom: 40px; +} + +.p-bottom-45 { + padding-bottom: 45px; +} + +.p-bottom-50 { + padding-bottom: 50px; +} + +.p-bottom-55 { + padding-bottom: 55px; +} + +.p-bottom-60 { + padding-bottom: 60px; +} + +.p-bottom-65 { + padding-bottom: 65px; +} + +.p-bottom-70 { + padding-bottom: 70px; +} + +.p-bottom-75 { + padding-bottom: 75px; +} + +.p-bottom-80 { + padding-bottom: 80px; +} + +.p-bottom-85 { + padding-bottom: 85px; +} + +.p-bottom-90 { + padding-bottom: 90px; +} + +.p-bottom-95 { + padding-bottom: 95px; +} + +.p-bottom-100 { + padding-bottom: 100px; +} + +.p-bottom-105 { + padding-bottom: 105px; +} + +.p-bottom-110 { + padding-bottom: 110px; +} + +.p-bottom-115 { + padding-bottom: 115px; +} + +.p-bottom-120 { + padding-bottom: 120px; +} + +.p-bottom-125 { + padding-bottom: 125px; +} + +.p-bottom-130 { + padding-bottom: 130px; +} + +.p-bottom-135 { + padding-bottom: 135px; +} + +.p-bottom-140 { + padding-bottom: 140px; +} + +.p-bottom-145 { + padding-bottom: 145px; +} + +.p-bottom-150 { + padding-bottom: 150px; +} + +.h-5 { + height: 5px; +} + +.h-10 { + height: 10px; +} + +.h-15 { + height: 15px; +} + +.h-20 { + height: 20px; +} + +.h-25 { + height: 25px; +} + +.h-30 { + height: 30px; +} + +.h-35 { + height: 35px; +} + +.h-40 { + height: 40px; +} + +.h-45 { + height: 45px; +} + +.h-50 { + height: 50px; +} + +.h-55 { + height: 55px; +} + +.h-60 { + height: 60px; +} + +.h-65 { + height: 65px; +} + +.h-70 { + height: 70px; +} + +.h-75 { + height: 75px; +} + +.h-80 { + height: 80px; +} + +.h-85 { + height: 85px; +} + +.h-90 { + height: 90px; +} + +.h-95 { + height: 95px; +} + +.h-100 { + height: 100px; +} + +.h-105 { + height: 105px; +} + +.h-110 { + height: 110px; +} + +.h-115 { + height: 115px; +} + +.h-120 { + height: 120px; +} + +.h-125 { + height: 125px; +} + +.h-130 { + height: 130px; +} + +.h-135 { + height: 135px; +} + +.h-140 { + height: 140px; +} + +.h-145 { + height: 145px; +} + +.h-150 { + height: 150px; +} + +.icon-10x10 { + width: 10px; + height: 10px; +} + +.icon-20x20 { + width: 20px; + height: 20px; +} + +.icon-30x30 { + width: 30px; + height: 30px; +} + +.icon-40x40 { + width: 40px; + height: 40px; +} + +.icon-50x50 { + width: 50px; + height: 50px; +} + +.icon-60x60 { + width: 60px; + height: 60px; +} + +.icon-70x70 { + width: 70px; + height: 70px; +} + +.icon-80x80 { + width: 80px; + height: 80px; +} + +.icon-90x90 { + width: 90px; + height: 90px; +} + +.icon-100x100 { + width: 100px; + height: 100px; +} + +.color-primary, .primary, .section-title h1 span, .filter__menu .filter__menu_icon .filter_dropdown li a:hover, .dwqa-container .dwqa-questions-archive .dwqa-question-filter a.active, .dwqa-container .dwqa-questions-archive .dwqa-question-filter a:hover, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-title a:hover, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-answered:before, .footer-big .footer-menu ul li a:hover, .footer-menu ul li a:hover, .mini-footer p a, .widget-about .contact-details li a, .content_block1 .content_area .content_area--title .highlight, .content_block2 .content_area .content_area--title .highlight, .content_block2 .content_area2 .content_area--title .highlight, .content_block2 .content_area2 .content_area2--title .highlight, .menu--style1 .searc-wrap .search-wrap__btn, .author__access_area ul li a:hover, .mainmenu__menu .navbar-nav > li:hover > a, .searc-wrap .search-wrap__btn:hover, .product .prod_btn a:hover, .product-desc ul.titlebtm > li a:hover, .product-desc .product_title:hover h4, .product-purchase .price_love > span, .product-purchase .sell p span, .product--sidebar .card--category ul li a:hover, .support--sidebar .card--category ul li a:hover, .faq--sidebar .card--category ul li a:hover, .affliate_rule_module .card--category ul li a:hover, .support--sidebar .card--forum_categories ul li a:hover, .faq--sidebar .card--forum_categories ul li a:hover, .affliate_rule_module .card--forum_categories ul li a:hover, .sidebar--blog .card--forum_categories ul li a:hover, .sidebar--blog .card--category ul li a:hover, .sidebar-card.card-pricing .price h1, .card-pricing.item-preview .price h1, .social-share-card ul li a:hover, .support--sidebar .card--top_discussion .card-content li a, .faq--sidebar .card--top_discussion .card-content li a, .affliate_rule_module .card--top_discussion .card-content li a, .sidebar--blog .card--top_discussion .card-content li a, .faq--sidebar .faq--card .card-content li a, .sidebar--blog .faq--sidebar .faq--card .card-content li a, .faq--sidebar .sidebar--blog .faq--card .card-content li a, .support--sidebar .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .support--sidebar .faq--card .card-content li a, .faq--sidebar .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .faq--sidebar .faq--card .card-content li a, .affliate_rule_module .faq--card .card-content li a, .sidebar--blog .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .sidebar--blog .faq--card .card-content li a, .support--sidebar .card--top_discussion .card-content li a:hover, .faq--sidebar .card--top_discussion .card-content li a:hover, .affliate_rule_module .card--top_discussion .card-content li a:hover, .sidebar--blog .card--top_discussion .card-content li a:hover, .faq--sidebar .faq--card .card-content li a:hover, .affliate_rule_module .faq--card .card-content li a:hover, .sidebar--blog .sidebar--post .card-title ul li a.active, .sidebar--blog .card--tags .tags li a:hover, ul.nav-tabs li a.active, ul.nav-tabs li a a, +ul.nav-tabs li a a:focus, +ul.nav-tabs li a a:active, +ul.nav-tabs li a a:hover, .team-single figure figcaption ul.team-social li a:hover, .timeline .happening:hover .happening--period p, .alert.alert-default, .alert.alert-default .close, .btn.btn--white, .btn-light, .btn--light, +.btn.btn--white:hover, .btn-light:hover, .btn--light:hover, .card_style1 .card_style1__info .date_place li span, .card_style1 .card_style1__info figcaption a:hover h3, .card_style1 .card_style1__info figcaption a:hover h4, .card_style2 .card_style2__location_type p span, .card_style2 a, .card_style2 .save_job span, div#ui-datepicker-div tbody tr td a:hover, .dropdown li a:hover, .dropdown.messaging_dropdown li a:hover, .dropdown.messaging--dropdown .message .message_data .name_time .name span, .dropdown.messaging--dropdown .message.recent .time, .dropdown.dropdown--cart .cart_area .cart_product .product__action span, .dropdown.dropdown--cart .cart_area .cart_product .product__action p, .dropdown.dropdown--menu ul li a:hover, .megamnu_module .menu_items .menu_column li a:hover, .custom_dropdown li a:hover, .single_feature .feature__icon span, .table tbody > tr > td.detail a, .table tbody > tr > td.earning, .price-ranges span, .dashboard_module .loading a:hover, .country_statistics table tbody tr td:last-child, .recent_sells .single_sell .ammount p:last-child, .popular_sells .single_sell .ammount p:last-child, .recent_buyers .single_buyer .price, .product_archive.added_to__cart .short_desc a:hover h4, .single_product .product__description .short_desc h5 a:hover, .single_product .license p, .single_product .product__price_download .item_action .remove_from_cart span, .rating_modal .modal-header P a, .dashboard-edit .product .prod_option .options ul li a:hover, .withdraw_module .modules__content .subtitle a, .withdraw_module .option-single .op_action .ac_btn .dropdown-menu .dropdown-item:hover, .product-single .product-thumb figure .prod_option .options ul li a:hover, .product-single .product-thumb figure figcaption ul li a, .product-excerpt h3 a:hover, .product-excerpt ul.titlebtm li a:hover, .product-excerpt .product-facts li.price, .item-preview--activity .activity-single p span, .thread .thread-list .single-thread .media-body a.reply-link, .support .support__form .usr-msg p a, .more_product_area .section-title h2 span, .hero-area4 .hero-content .hero__content__title h1 span, .gradient_overlay .hero__content__title h1 span, .product-sorting ul li span, .product-sorting ul li a:hover, .product-sorting ul li.active a, .latest-single .product-excerpt h5 a:hover, .service-single span, .step-single .step-count span:first-child, .filter-bar .filter--text a:hover, .author-profile .author-stats ul .t_items span, .tab-pane h3 span, .tab-pane .author_featured_items h2 span, .user-single .card-footer .stats p span, .notifications_module .notification .notification__info .info p a, .notifications_module .notification .notification__icons .noti_icon.loved, .messaging_sidebar .messaging__header .messaging_menu .dropdown a:hover, .messaging_sidebar .messaging__header .messaging_action a, .messaging_sidebar .messaging__contents .messages .message_data .name span, .messaging_sidebar .messaging__contents .messages .message_data .time, .chat_area .chat_area--title h3 span, .chat_area .chat_area--title .message_toolbar a:hover span, .chat_area .chat_area--conversation .body .attachments .attachment_head a, .chat_area .message_composer .attached p, .chat_area .message_composer .attached-files li a, .chat_area .message_composer .btns label, .chat_area .message_composer .btns .form-group p.label, .form-group .chat_area .message_composer .btns p.label, .chat_area .message_composer .btns label span, .chat_area .message_composer .btns .form-group p.label span, .form-group .chat_area .message_composer .btns p.label span, .cart_area tbody .item_action .remove_from_cart span, .order_summary ul li.item a, .about_mission .content_area h1 span, .about_mission .content_block2 .content_area2 h1 span, .content_block2 .about_mission .content_area2 h1 span, .faq-area .faq-box .faq-head h4, .faq-area .faq-box .faq-content ul li a:hover, .affliate_rule_module .affiliate_title span.lnr-checkmark-circle, .affliate_rule_module .collapsible-content ul li a:hover, .contact_tile .tiles__icon, .job_hero_area h1 .highlight, .event_details_intro h1 .highlight, .content_block5 .content_block5_content h1 span, .job_detail_module .job__content .social-share ul li a:hover, .job_detail_module.information .job__title, .cv_upload .up_icon, .event_details_intro .social-share ul li a:hover, .event_module .list_item li:before, .google_map .location_address .addres_module p span, .single_blog .blog__title:hover h3, .blog--card .blog__title h4:hover, .blog--card .blog__meta .date_time span, .single_blog_content .share_tags .share .social_share ul li a:hover, .single_blog_content .share_tags .tags ul li a, .author_info .author__info ul a:hover { + color: #6E4FF6; +} + +.bg-primary, .primarybg, .product-title-area .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover, .go_top, .testimonial-area .owl-controls .owl-prev:hover, +.testimonial-area .owl-controls .owl-next:hover, .breadcrumb-area, .menu--style1 .mainmenu, .menu--style1 .mainmenu__menu, .author-area__seller-btn, .author__notification_area ul li .notification_count.purch, .sidebar-card.card--pricing2 .price, .card--pricing2.item-preview .price, .support--sidebar .login_promot, .faq--sidebar .login_promot, .affliate_rule_module .login_promot, .sidebar--blog .login_promot, ul.nav-tabs li a:before, .team-single figure:hover figcaption span.member-title, .timeline:after, .timeline .happening:hover .happening--period:before, .accordion .card .single_acco_title a.active, +.accordion .accordion__single .single_acco_title a.active, div#ui-datepicker-div .ui-datepicker-header, .dropdown.dropdown--author ul li a:hover, .has_dropdown .btn:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice, .custom-checkbox2 label span.square:before, .custom-radio label span.square:before, .custom-checkbox2 .form-group p.label span.square:before, .form-group .custom-checkbox2 p.label span.square:before, .custom-radio .form-group p.label span.square:before, .form-group .custom-radio p.label span.square:before, .custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before, .custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before, .package-single.featured-plan .featured-badge, .table tbody > tr > td.action a:hover, .table.withdraw__table .pending > span, .range-slider.ui-slider .ui-slider-range, .credit_modules .modules__content .amounts ul li p.selected, .shortcode_modules .modules__content .amounts ul li p.selected, .upload_modules .modules__content .amounts ul li p.selected, .withdraw_module .modules__content .amounts ul li p.selected, .dashboard-edit .product .prod_option .setting-icon, .withdraw_module .option-single .op_action .ac_btn .dropdown-toggle:hover, .withdraw_module .option-single .op_action .ac_btn .dropdown-toggle:focus, .product-single .product-thumb figure .prod_option .setting-icon, .item-preview .prev-nav span:hover, .thread .thread-list .single-thread .media-body .comment-tag.author, .intro-area, .product-slide-area .owl-nav .owl-prev:hover, +.product-slide-area .owl-nav .owl-next:hover, .nav__product-list li a:hover, .nav__product-list li a.active, .notifications_module .notification .line, .notifications_module .notification .line:before, .notifications_module .notification .line:after, .messaging_sidebar .messaging__header, .messaging_sidebar .messaging__contents .messages .message.active:before, .content_block3 .area_content a:hover, .content_block4 .area_content a:hover, .single_speaker .speaker_social ul li a:hover span { + background: #6E4FF6; +} + +.iborder-primary { + color: #6E4FF6; +} + +.outline-primary { + border: 1px solid #6E4FF6; + color: #6E4FF6; +} + +.active-color-primary label input:checked + span, .active-color-primary .form-group p.label input:checked + span, .form-group .active-color-primary p.label input:checked + span { + background: #6E4FF6; + border-color: #6E4FF6; +} + +.circle-primary { + color: #6E4FF6; + background: rgba(110, 79, 246, 0.1); +} + +.border-primary { + border: 1px solid #6E4FF6; +} + +.b-primary, select:focus { + border-color: #6E4FF6 !important; +} + +.b-bottom-10-primary { + border-bottom: 10px solid #6E4FF6; +} + +.color-secondary, .secondary, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-resolved:before, .mini-footer p a:hover, .widget-about .contact-details li a:hover, .breadcrumb ul li a:hover, .breadcrumb ul li.active a:hover, .menu--light .mainmenu__menu .navbar-nav > li:hover > a, .product-desc ul li.product_cat a, .product-purchase .price_love p span, .product-meta .love-comments p span.lnr, .card_style2 .save_job:hover span, .dropdown.dropdown--author .author-credits .autor__info .amount, .dropdown.dropdown--cart .cart_area .cart_product .product__info .info .title:hover, .dropdown.dropdown--cart .cart_area .cart_product .product__info .info .cat a, .package-single .package-header .amount span, .package-single .package-body ul li.yes:before, .table tbody > tr > td.earning.subtract, .dashboard_module .loading a, .country_statistics table tbody tr td:nth-child(2), .single_item_visitor .dashboard__content .item_info .info h2, .single_product .product__additional_info ul li a:hover, .single_product .product__price_download .item_action .not--rated:hover .rate_it, .credit_modules .modules__content .amounts .or, .shortcode_modules .modules__content .amounts .or, .upload_modules .modules__content .amounts .or, .withdraw_module .modules__content .amounts .or, .invoice .invoice__meta .date_info p.status, .thread .thread-list .single-thread .media-body a.reply-link:hover, .thread.thread_review .thread-list .single-thread .media-body .media-heading .rev_item, .step-single .step-last span:last-child, .author-profile .author-stats ul .t_sells span, .user-single .card-footer .stats p:last-child span, .notifications_module .notification__unread .info p.time, .notifications_module .notification .notification__icons .noti_icon.commented, .notifications_module .notification .notification__icons .noti_icon.reviewed, .notifications_module .notification .notification__icons span.icon-close:hover, .about_hero .about_hero_contents h1 span, .affiliate_area .generated .link, .login .login_assist p a, .signup_form .login_assist p a, .recover_pass .login_assist p a, .job_detail_module .job__content .informations li .info_title span, .event_area .date_place span, .featured_event h2 a:hover, .featured_event .date_place li span, .featured_event .countdown li { + color: #1DC9B7; +} + +.bg-secondary, .secondarybg, .mcolorbg1, .tooltip .tooltip-inner, .product-title-area .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav, .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination a.dwqa-current, .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination span.dwqa-current, .support_details_area .dwqa-container .dwqa-question-item .dwqa-question-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-meta span span.dwqa-label, .search--doc .form-group button, .menu--light .author__notification_area ul li .notification_count.purch, .author-area__seller-btn:hover, .author__avatar.online:before, .mobile_content .menu_icon, .team-single figure figcaption span.member-title, .timeline:before, .timeline:after, .pricing-options2 .custom-radio span.circle:before, .modal .modal_close, .pagination li.active a, .table tbody > tr > td.type span.sale, .table.withdraw__table .paid > span, .range-slider.ui-slider .ui-slider-handle, .payment_module .payment_tabs ul.nav-tabs li a.active, .upload_modules .modules__content .checkbox-outline .toggle-switch input:checked + .slider, .withdraw_module .modules__content .checkbox-outline .toggle-switch input:checked + .slider, .product-single .product-thumb figure ul li a:hover, .thread .thread-list .single-thread .media-body .comment-tag.buyer, .cta2, .chat_area .message_composer.composing .cancel_btn { + background: #1DC9B7; +} + +.iborder-secondary { + color: #1DC9B7; +} + +.outline-secondary { + border: 1px solid #1DC9B7; + color: #1DC9B7; +} + +.active-color-secondary label input:checked + span, .active-color-secondary .form-group p.label input:checked + span, .form-group .active-color-secondary p.label input:checked + span { + background: #1DC9B7; + border-color: #1DC9B7; +} + +.circle-secondary { + color: #1DC9B7; + background: rgba(29, 201, 183, 0.1); +} + +.border-secondary { + border: 1px solid #1DC9B7; +} + +.b-secondary, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-resolved { + border-color: #1DC9B7 !important; +} + +.b-bottom-10-secondary { + border-bottom: 10px solid #1DC9B7; +} + +.color-success { + color: #4caf50; +} + +.bg-success { + background: #4caf50; +} + +.iborder-success { + color: #4caf50; +} + +.outline-success { + border: 1px solid #4caf50; + color: #4caf50; +} + +.active-color-success label input:checked + span, .active-color-success .form-group p.label input:checked + span, .form-group .active-color-success p.label input:checked + span { + background: #4caf50; + border-color: #4caf50; +} + +.circle-success { + color: #4caf50; + background: rgba(76, 175, 80, 0.1); +} + +.border-success { + border: 1px solid #4caf50; +} + +.b-success { + border-color: #4caf50 !important; +} + +.b-bottom-10-success { + border-bottom: 10px solid #4caf50; +} + +.color-info, .info, .step-single .step-count2 span:first-child { + color: #36A3F7; +} + +.bg-info, .mcolorbg3, .author__notification_area ul li .notification_status.noti, .author__notification_area ul li .notification_count.noti, .table tbody > tr > td.type span.credited { + background: #36A3F7; +} + +.iborder-info { + color: #36A3F7; +} + +.outline-info { + border: 1px solid #36A3F7; + color: #36A3F7; +} + +.active-color-info label input:checked + span, .active-color-info .form-group p.label input:checked + span, .form-group .active-color-info p.label input:checked + span { + background: #36A3F7; + border-color: #36A3F7; +} + +.circle-info { + color: #36A3F7; + background: rgba(54, 163, 247, 0.1); +} + +.border-info { + border: 1px solid #36A3F7; +} + +.b-info { + border-color: #36A3F7 !important; +} + +.b-bottom-10-info { + border-bottom: 10px solid #36A3F7; +} + +.color-warning, .warning, .slider-for .tsingle h3, .product-single .product-thumb .product-rating2 ul li, .product-excerpt .product-facts li.product-rating ul li span, .item-preview--activity .activity-single ul li:first-child { + color: #FFB822; +} + +.bg-warning, .mcolorbg2, .table tbody > tr > td.type span.purchase, .product-single .featured-badge { + background: #FFB822; +} + +.iborder-warning { + color: #FFB822; +} + +.outline-warning { + border: 1px solid #FFB822; + color: #FFB822; +} + +.active-color-warning label input:checked + span, .active-color-warning .form-group p.label input:checked + span, .form-group .active-color-warning p.label input:checked + span { + background: #FFB822; + border-color: #FFB822; +} + +.circle-warning { + color: #FFB822; + background: rgba(255, 184, 34, 0.1); +} + +.border-warning { + border: 1px solid #FFB822; +} + +.b-warning { + border-color: #FFB822 !important; +} + +.b-bottom-10-warning { + border-bottom: 10px solid #FFB822; +} + +.color-danger, .danger, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-open:before, label sup, .form-group p.label sup, .package-single .package-body ul li.no:before, .product_que .cross, .dashboard-edit .product .prod_option .options ul li a.delete:hover, .product-single .product-thumb figure .prod_option .options ul li a.delete:hover, .step-single .step-count2 span:last-child, .step-single .step-last span:first-child, .cta-divider span, .notifications_module .notification .notification__icons .noti_icon.purchased, .affliate_rule_module .affiliate_title span.lnr-cross-circle { + color: #F4516C; +} + +.bg-danger, .mcolorbg4, .author__avatar.away:before, .author__notification_area ul li .notification_status.msg, .author__notification_area ul li .notification_count.msg, .dropdown.dropdown--cart .cart_area .cart_product .product__action a:hover span, .progress-single .upload_cross:hover, .table tbody > tr > td.type span.withdrawal, .product_que .cross:hover span, .single_product .product__price_download .item_action .remove_from_cart:hover span, .product-single .product-thumb .s-promotion, .user-single .card-footer .user--following .btn:hover, .notifications_module .notification__unread .info_avatar:before, .messaging_sidebar .messaging__header .messaging_menu .msg, .cart_area tbody .item_action .remove_from_cart span:hover { + background: #F4516C; +} + +.iborder-danger { + color: #F4516C; +} + +.outline-danger { + border: 1px solid #F4516C; + color: #F4516C; +} + +.active-color-danger label input:checked + span, .active-color-danger .form-group p.label input:checked + span, .form-group .active-color-danger p.label input:checked + span { + background: #F4516C; + border-color: #F4516C; +} + +.circle-danger { + color: #F4516C; + background: rgba(244, 81, 108, 0.1); +} + +.border-danger { + border: 1px solid #F4516C; +} + +.b-danger, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-open { + border-color: #F4516C !important; +} + +.b-bottom-10-danger { + border-bottom: 10px solid #F4516C; +} + +.color-light { + color: #ffffff; +} + +.bg-light, .bg-white { + background: #ffffff; +} + +.iborder-light { + color: #ffffff; +} + +.outline-light { + border: 1px solid #ffffff; + color: #ffffff; +} + +.active-color-light label input:checked + span, .active-color-light .form-group p.label input:checked + span, .form-group .active-color-light p.label input:checked + span { + background: #ffffff; + border-color: #ffffff; +} + +.circle-light { + color: #ffffff; + background: rgba(255, 255, 255, 0.1); +} + +.border-light { + border: 1px solid #ffffff; +} + +.b-light { + border-color: #ffffff !important; +} + +.b-bottom-10-light { + border-bottom: 10px solid #ffffff; +} + +.color-dark { + color: #202428; +} + +.bg-dark { + background: #202428; +} + +.iborder-dark { + color: #202428; +} + +.outline-dark { + border: 1px solid #202428; + color: #202428; +} + +.active-color-dark label input:checked + span, .active-color-dark .form-group p.label input:checked + span, .form-group .active-color-dark p.label input:checked + span { + background: #202428; + border-color: #202428; +} + +.circle-dark { + color: #202428; + background: rgba(32, 36, 40, 0.1); +} + +.border-dark { + border: 1px solid #202428; +} + +.b-dark { + border-color: #202428 !important; +} + +.b-bottom-10-dark { + border-bottom: 10px solid #202428; +} + +.color-footer-dark { + color: #353b58; +} + +.bg-footer-dark { + background: #353b58; +} + +.color-facebook { + color: #3b5998; +} + +.color-twitter { + color: #55acee; +} + +.color-pinterest { + color: #bd081c; +} + +.color-gplus { + color: #dc4e41; +} + +.color-linkedin { + color: #0077b5; +} + +.color-tumblr { + color: #35465c; +} + +.color-vk { + color: #4A76A8; +} + +.b-top-0-primary { + border-top: 0px solid #6E4FF6; +} + +.b-top-0-secondary { + border-top: 0px solid #1DC9B7; +} + +.b-top-0-success { + border-top: 0px solid #4caf50; +} + +.b-top-0-info { + border-top: 0px solid #36A3F7; +} + +.b-top-0-warning { + border-top: 0px solid #FFB822; +} + +.b-top-0-danger { + border-top: 0px solid #F4516C; +} + +.b-top-0-light { + border-top: 0px solid #ffffff; +} + +.b-top-0-dark { + border-top: 0px solid #202428; +} + +.b-top-1-primary, .custom_dropdown { + border-top: 1px solid #6E4FF6; +} + +.b-top-1-secondary { + border-top: 1px solid #1DC9B7; +} + +.b-top-1-success { + border-top: 1px solid #4caf50; +} + +.b-top-1-info { + border-top: 1px solid #36A3F7; +} + +.b-top-1-warning { + border-top: 1px solid #FFB822; +} + +.b-top-1-danger { + border-top: 1px solid #F4516C; +} + +.b-top-1-light { + border-top: 1px solid #ffffff; +} + +.b-top-1-dark { + border-top: 1px solid #202428; +} + +.b-top-2-primary { + border-top: 2px solid #6E4FF6; +} + +.b-top-2-secondary { + border-top: 2px solid #1DC9B7; +} + +.b-top-2-success { + border-top: 2px solid #4caf50; +} + +.b-top-2-info { + border-top: 2px solid #36A3F7; +} + +.b-top-2-warning { + border-top: 2px solid #FFB822; +} + +.b-top-2-danger { + border-top: 2px solid #F4516C; +} + +.b-top-2-light { + border-top: 2px solid #ffffff; +} + +.b-top-2-dark { + border-top: 2px solid #202428; +} + +.b-top-3-primary { + border-top: 3px solid #6E4FF6; +} + +.b-top-3-secondary { + border-top: 3px solid #1DC9B7; +} + +.b-top-3-success { + border-top: 3px solid #4caf50; +} + +.b-top-3-info { + border-top: 3px solid #36A3F7; +} + +.b-top-3-warning { + border-top: 3px solid #FFB822; +} + +.b-top-3-danger { + border-top: 3px solid #F4516C; +} + +.b-top-3-light { + border-top: 3px solid #ffffff; +} + +.b-top-3-dark { + border-top: 3px solid #202428; +} + +.b-top-4-primary { + border-top: 4px solid #6E4FF6; +} + +.b-top-4-secondary { + border-top: 4px solid #1DC9B7; +} + +.b-top-4-success { + border-top: 4px solid #4caf50; +} + +.b-top-4-info { + border-top: 4px solid #36A3F7; +} + +.b-top-4-warning { + border-top: 4px solid #FFB822; +} + +.b-top-4-danger { + border-top: 4px solid #F4516C; +} + +.b-top-4-light { + border-top: 4px solid #ffffff; +} + +.b-top-4-dark { + border-top: 4px solid #202428; +} + +.b-top-5-primary { + border-top: 5px solid #6E4FF6; +} + +.b-top-5-secondary { + border-top: 5px solid #1DC9B7; +} + +.b-top-5-success { + border-top: 5px solid #4caf50; +} + +.b-top-5-info { + border-top: 5px solid #36A3F7; +} + +.b-top-5-warning { + border-top: 5px solid #FFB822; +} + +.b-top-5-danger { + border-top: 5px solid #F4516C; +} + +.b-top-5-light { + border-top: 5px solid #ffffff; +} + +.b-top-5-dark { + border-top: 5px solid #202428; +} + +.b-right-0-primary { + border-right: 0px solid #6E4FF6; +} + +.b-right-0-secondary { + border-right: 0px solid #1DC9B7; +} + +.b-right-0-success { + border-right: 0px solid #4caf50; +} + +.b-right-0-info { + border-right: 0px solid #36A3F7; +} + +.b-right-0-warning { + border-right: 0px solid #FFB822; +} + +.b-right-0-danger { + border-right: 0px solid #F4516C; +} + +.b-right-0-light { + border-right: 0px solid #ffffff; +} + +.b-right-0-dark { + border-right: 0px solid #202428; +} + +.b-right-1-primary { + border-right: 1px solid #6E4FF6; +} + +.b-right-1-secondary { + border-right: 1px solid #1DC9B7; +} + +.b-right-1-success { + border-right: 1px solid #4caf50; +} + +.b-right-1-info { + border-right: 1px solid #36A3F7; +} + +.b-right-1-warning { + border-right: 1px solid #FFB822; +} + +.b-right-1-danger { + border-right: 1px solid #F4516C; +} + +.b-right-1-light { + border-right: 1px solid #ffffff; +} + +.b-right-1-dark { + border-right: 1px solid #202428; +} + +.b-right-2-primary { + border-right: 2px solid #6E4FF6; +} + +.b-right-2-secondary { + border-right: 2px solid #1DC9B7; +} + +.b-right-2-success { + border-right: 2px solid #4caf50; +} + +.b-right-2-info { + border-right: 2px solid #36A3F7; +} + +.b-right-2-warning { + border-right: 2px solid #FFB822; +} + +.b-right-2-danger { + border-right: 2px solid #F4516C; +} + +.b-right-2-light { + border-right: 2px solid #ffffff; +} + +.b-right-2-dark { + border-right: 2px solid #202428; +} + +.b-right-3-primary { + border-right: 3px solid #6E4FF6; +} + +.b-right-3-secondary { + border-right: 3px solid #1DC9B7; +} + +.b-right-3-success { + border-right: 3px solid #4caf50; +} + +.b-right-3-info { + border-right: 3px solid #36A3F7; +} + +.b-right-3-warning { + border-right: 3px solid #FFB822; +} + +.b-right-3-danger { + border-right: 3px solid #F4516C; +} + +.b-right-3-light { + border-right: 3px solid #ffffff; +} + +.b-right-3-dark { + border-right: 3px solid #202428; +} + +.b-right-4-primary { + border-right: 4px solid #6E4FF6; +} + +.b-right-4-secondary { + border-right: 4px solid #1DC9B7; +} + +.b-right-4-success { + border-right: 4px solid #4caf50; +} + +.b-right-4-info { + border-right: 4px solid #36A3F7; +} + +.b-right-4-warning { + border-right: 4px solid #FFB822; +} + +.b-right-4-danger { + border-right: 4px solid #F4516C; +} + +.b-right-4-light { + border-right: 4px solid #ffffff; +} + +.b-right-4-dark { + border-right: 4px solid #202428; +} + +.b-right-5-primary { + border-right: 5px solid #6E4FF6; +} + +.b-right-5-secondary { + border-right: 5px solid #1DC9B7; +} + +.b-right-5-success { + border-right: 5px solid #4caf50; +} + +.b-right-5-info { + border-right: 5px solid #36A3F7; +} + +.b-right-5-warning { + border-right: 5px solid #FFB822; +} + +.b-right-5-danger { + border-right: 5px solid #F4516C; +} + +.b-right-5-light { + border-right: 5px solid #ffffff; +} + +.b-right-5-dark { + border-right: 5px solid #202428; +} + +.b-bottom-0-primary { + border-bottom: 0px solid #6E4FF6; +} + +.b-bottom-0-secondary { + border-bottom: 0px solid #1DC9B7; +} + +.b-bottom-0-success { + border-bottom: 0px solid #4caf50; +} + +.b-bottom-0-info { + border-bottom: 0px solid #36A3F7; +} + +.b-bottom-0-warning { + border-bottom: 0px solid #FFB822; +} + +.b-bottom-0-danger { + border-bottom: 0px solid #F4516C; +} + +.b-bottom-0-light { + border-bottom: 0px solid #ffffff; +} + +.b-bottom-0-dark { + border-bottom: 0px solid #202428; +} + +.b-bottom-1-primary { + border-bottom: 1px solid #6E4FF6; +} + +.b-bottom-1-secondary { + border-bottom: 1px solid #1DC9B7; +} + +.b-bottom-1-success { + border-bottom: 1px solid #4caf50; +} + +.b-bottom-1-info { + border-bottom: 1px solid #36A3F7; +} + +.b-bottom-1-warning { + border-bottom: 1px solid #FFB822; +} + +.b-bottom-1-danger { + border-bottom: 1px solid #F4516C; +} + +.b-bottom-1-light { + border-bottom: 1px solid #ffffff; +} + +.b-bottom-1-dark { + border-bottom: 1px solid #202428; +} + +.b-bottom-2-primary, .dashboard_purchase .dashboard_menu li.active a { + border-bottom: 2px solid #6E4FF6; +} + +.b-bottom-2-secondary { + border-bottom: 2px solid #1DC9B7; +} + +.b-bottom-2-success { + border-bottom: 2px solid #4caf50; +} + +.b-bottom-2-info { + border-bottom: 2px solid #36A3F7; +} + +.b-bottom-2-warning { + border-bottom: 2px solid #FFB822; +} + +.b-bottom-2-danger { + border-bottom: 2px solid #F4516C; +} + +.b-bottom-2-light { + border-bottom: 2px solid #ffffff; +} + +.b-bottom-2-dark { + border-bottom: 2px solid #202428; +} + +.b-bottom-3-primary { + border-bottom: 3px solid #6E4FF6; +} + +.b-bottom-3-secondary { + border-bottom: 3px solid #1DC9B7; +} + +.b-bottom-3-success { + border-bottom: 3px solid #4caf50; +} + +.b-bottom-3-info { + border-bottom: 3px solid #36A3F7; +} + +.b-bottom-3-warning { + border-bottom: 3px solid #FFB822; +} + +.b-bottom-3-danger { + border-bottom: 3px solid #F4516C; +} + +.b-bottom-3-light { + border-bottom: 3px solid #ffffff; +} + +.b-bottom-3-dark { + border-bottom: 3px solid #202428; +} + +.b-bottom-4-primary { + border-bottom: 4px solid #6E4FF6; +} + +.b-bottom-4-secondary { + border-bottom: 4px solid #1DC9B7; +} + +.b-bottom-4-success { + border-bottom: 4px solid #4caf50; +} + +.b-bottom-4-info { + border-bottom: 4px solid #36A3F7; +} + +.b-bottom-4-warning { + border-bottom: 4px solid #FFB822; +} + +.b-bottom-4-danger { + border-bottom: 4px solid #F4516C; +} + +.b-bottom-4-light { + border-bottom: 4px solid #ffffff; +} + +.b-bottom-4-dark { + border-bottom: 4px solid #202428; +} + +.b-bottom-5-primary { + border-bottom: 5px solid #6E4FF6; +} + +.b-bottom-5-secondary { + border-bottom: 5px solid #1DC9B7; +} + +.b-bottom-5-success { + border-bottom: 5px solid #4caf50; +} + +.b-bottom-5-info { + border-bottom: 5px solid #36A3F7; +} + +.b-bottom-5-warning { + border-bottom: 5px solid #FFB822; +} + +.b-bottom-5-danger { + border-bottom: 5px solid #F4516C; +} + +.b-bottom-5-light { + border-bottom: 5px solid #ffffff; +} + +.b-bottom-5-dark { + border-bottom: 5px solid #202428; +} + +.b-left-0-primary { + border-left: 0px solid #6E4FF6; +} + +.b-left-0-secondary { + border-left: 0px solid #1DC9B7; +} + +.b-left-0-success { + border-left: 0px solid #4caf50; +} + +.b-left-0-info { + border-left: 0px solid #36A3F7; +} + +.b-left-0-warning { + border-left: 0px solid #FFB822; +} + +.b-left-0-danger { + border-left: 0px solid #F4516C; +} + +.b-left-0-light { + border-left: 0px solid #ffffff; +} + +.b-left-0-dark { + border-left: 0px solid #202428; +} + +.b-left-1-primary { + border-left: 1px solid #6E4FF6; +} + +.b-left-1-secondary { + border-left: 1px solid #1DC9B7; +} + +.b-left-1-success { + border-left: 1px solid #4caf50; +} + +.b-left-1-info { + border-left: 1px solid #36A3F7; +} + +.b-left-1-warning { + border-left: 1px solid #FFB822; +} + +.b-left-1-danger { + border-left: 1px solid #F4516C; +} + +.b-left-1-light { + border-left: 1px solid #ffffff; +} + +.b-left-1-dark { + border-left: 1px solid #202428; +} + +.b-left-2-primary { + border-left: 2px solid #6E4FF6; +} + +.b-left-2-secondary { + border-left: 2px solid #1DC9B7; +} + +.b-left-2-success { + border-left: 2px solid #4caf50; +} + +.b-left-2-info { + border-left: 2px solid #36A3F7; +} + +.b-left-2-warning { + border-left: 2px solid #FFB822; +} + +.b-left-2-danger { + border-left: 2px solid #F4516C; +} + +.b-left-2-light { + border-left: 2px solid #ffffff; +} + +.b-left-2-dark { + border-left: 2px solid #202428; +} + +.b-left-3-primary, blockquote, +.blockquote { + border-left: 3px solid #6E4FF6; +} + +.b-left-3-secondary { + border-left: 3px solid #1DC9B7; +} + +.b-left-3-success { + border-left: 3px solid #4caf50; +} + +.b-left-3-info { + border-left: 3px solid #36A3F7; +} + +.b-left-3-warning { + border-left: 3px solid #FFB822; +} + +.b-left-3-danger { + border-left: 3px solid #F4516C; +} + +.b-left-3-light { + border-left: 3px solid #ffffff; +} + +.b-left-3-dark { + border-left: 3px solid #202428; +} + +.b-left-4-primary { + border-left: 4px solid #6E4FF6; +} + +.b-left-4-secondary { + border-left: 4px solid #1DC9B7; +} + +.b-left-4-success { + border-left: 4px solid #4caf50; +} + +.b-left-4-info { + border-left: 4px solid #36A3F7; +} + +.b-left-4-warning { + border-left: 4px solid #FFB822; +} + +.b-left-4-danger { + border-left: 4px solid #F4516C; +} + +.b-left-4-light { + border-left: 4px solid #ffffff; +} + +.b-left-4-dark { + border-left: 4px solid #202428; +} + +.b-left-5-primary { + border-left: 5px solid #6E4FF6; +} + +.b-left-5-secondary { + border-left: 5px solid #1DC9B7; +} + +.b-left-5-success { + border-left: 5px solid #4caf50; +} + +.b-left-5-info { + border-left: 5px solid #36A3F7; +} + +.b-left-5-warning { + border-left: 5px solid #FFB822; +} + +.b-left-5-danger { + border-left: 5px solid #F4516C; +} + +.b-left-5-light { + border-left: 5px solid #ffffff; +} + +.b-left-5-dark { + border-left: 5px solid #202428; +} + +.b-0-primary { + border: 0px solid #6E4FF6 !important; +} + +.b-0-secondary { + border: 0px solid #1DC9B7 !important; +} + +.b-0-success { + border: 0px solid #4caf50 !important; +} + +.b-0-info { + border: 0px solid #36A3F7 !important; +} + +.b-0-warning { + border: 0px solid #FFB822 !important; +} + +.b-0-danger { + border: 0px solid #F4516C !important; +} + +.b-0-light { + border: 0px solid #ffffff !important; +} + +.b-0-dark { + border: 0px solid #202428 !important; +} + +.b-1-primary, input:focus, input:active, input.form-control:focus, input.form-control:active, select:focus, +select:active, select.form-control:focus, select.form-control:active, .form-control:focus, .form-control:active, textarea:focus, textarea:active, .table tbody > tr > td.action a { + border: 1px solid #6E4FF6 !important; +} + +.b-1-secondary, .single_product .product__price_download .item_action .rating--btn { + border: 1px solid #1DC9B7 !important; +} + +.b-1-success { + border: 1px solid #4caf50 !important; +} + +.b-1-info { + border: 1px solid #36A3F7 !important; +} + +.b-1-warning { + border: 1px solid #FFB822 !important; +} + +.b-1-danger { + border: 1px solid #F4516C !important; +} + +.b-1-light { + border: 1px solid #ffffff !important; +} + +.b-1-dark { + border: 1px solid #202428 !important; +} + +.b-2-primary { + border: 2px solid #6E4FF6 !important; +} + +.b-2-secondary { + border: 2px solid #1DC9B7 !important; +} + +.b-2-success { + border: 2px solid #4caf50 !important; +} + +.b-2-info { + border: 2px solid #36A3F7 !important; +} + +.b-2-warning { + border: 2px solid #FFB822 !important; +} + +.b-2-danger { + border: 2px solid #F4516C !important; +} + +.b-2-light { + border: 2px solid #ffffff !important; +} + +.b-2-dark { + border: 2px solid #202428 !important; +} + +.b-3-primary { + border: 3px solid #6E4FF6 !important; +} + +.b-3-secondary { + border: 3px solid #1DC9B7 !important; +} + +.b-3-success { + border: 3px solid #4caf50 !important; +} + +.b-3-info { + border: 3px solid #36A3F7 !important; +} + +.b-3-warning { + border: 3px solid #FFB822 !important; +} + +.b-3-danger { + border: 3px solid #F4516C !important; +} + +.b-3-light { + border: 3px solid #ffffff !important; +} + +.b-3-dark { + border: 3px solid #202428 !important; +} + +.b-4-primary { + border: 4px solid #6E4FF6 !important; +} + +.b-4-secondary { + border: 4px solid #1DC9B7 !important; +} + +.b-4-success { + border: 4px solid #4caf50 !important; +} + +.b-4-info { + border: 4px solid #36A3F7 !important; +} + +.b-4-warning { + border: 4px solid #FFB822 !important; +} + +.b-4-danger { + border: 4px solid #F4516C !important; +} + +.b-4-light { + border: 4px solid #ffffff !important; +} + +.b-4-dark { + border: 4px solid #202428 !important; +} + +.b-5-primary { + border: 5px solid #6E4FF6 !important; +} + +.b-5-secondary { + border: 5px solid #1DC9B7 !important; +} + +.b-5-success { + border: 5px solid #4caf50 !important; +} + +.b-5-info { + border: 5px solid #36A3F7 !important; +} + +.b-5-warning { + border: 5px solid #FFB822 !important; +} + +.b-5-danger { + border: 5px solid #F4516C !important; +} + +.b-5-light { + border: 5px solid #ffffff !important; +} + +.b-5-dark { + border: 5px solid #202428 !important; +} + +.btn-shadow-primary { + -webkit-box-shadow: 0 10px 20px rgba(110, 79, 246, 0.2); + -moz-box-shadow: 0 10px 20px rgba(110, 79, 246, 0.2); + box-shadow: 0 10px 20px rgba(110, 79, 246, 0.2); +} + +.btn-shadow-secondary { + -webkit-box-shadow: 0 10px 20px rgba(29, 201, 183, 0.2); + -moz-box-shadow: 0 10px 20px rgba(29, 201, 183, 0.2); + box-shadow: 0 10px 20px rgba(29, 201, 183, 0.2); +} + +.btn-shadow-success { + -webkit-box-shadow: 0 10px 20px rgba(76, 175, 80, 0.2); + -moz-box-shadow: 0 10px 20px rgba(76, 175, 80, 0.2); + box-shadow: 0 10px 20px rgba(76, 175, 80, 0.2); +} + +.btn-shadow-info { + -webkit-box-shadow: 0 10px 20px rgba(54, 163, 247, 0.2); + -moz-box-shadow: 0 10px 20px rgba(54, 163, 247, 0.2); + box-shadow: 0 10px 20px rgba(54, 163, 247, 0.2); +} + +.btn-shadow-warning { + -webkit-box-shadow: 0 10px 20px rgba(255, 184, 34, 0.2); + -moz-box-shadow: 0 10px 20px rgba(255, 184, 34, 0.2); + box-shadow: 0 10px 20px rgba(255, 184, 34, 0.2); +} + +.btn-shadow-danger { + -webkit-box-shadow: 0 10px 20px rgba(244, 81, 108, 0.2); + -moz-box-shadow: 0 10px 20px rgba(244, 81, 108, 0.2); + box-shadow: 0 10px 20px rgba(244, 81, 108, 0.2); +} + +.btn-shadow-light { + -webkit-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); + -moz-box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); + box-shadow: 0 10px 20px rgba(255, 255, 255, 0.2); +} + +.btn-shadow-dark { + -webkit-box-shadow: 0 10px 20px rgba(32, 36, 40, 0.2); + -moz-box-shadow: 0 10px 20px rgba(32, 36, 40, 0.2); + box-shadow: 0 10px 20px rgba(32, 36, 40, 0.2); +} + +.outline-lg-primary { + border: 2px solid #6E4FF6; + background: none; + color: #6E4FF6; +} + +.outline-lg-secondary { + border: 2px solid #1DC9B7; + background: none; + color: #1DC9B7; +} + +.outline-lg-success { + border: 2px solid #4caf50; + background: none; + color: #4caf50; +} + +.outline-lg-info { + border: 2px solid #36A3F7; + background: none; + color: #36A3F7; +} + +.outline-lg-warning { + border: 2px solid #FFB822; + background: none; + color: #FFB822; +} + +.outline-lg-danger { + border: 2px solid #F4516C; + background: none; + color: #F4516C; +} + +.outline-lg-light { + border: 2px solid #ffffff; + background: none; + color: #ffffff; +} + +.outline-lg-dark { + border: 2px solid #202428; + background: none; + color: #202428; +} + +.checkbox-primary .custom-control-label::before { + background: #6E4FF6; +} + +.checkbox-primary .custom-control-input:checked ~ .custom-control-label::before { + background: #6E4FF6; + border: 1px solid #6E4FF6; +} + +.checkbox-primary .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-secondary .custom-control-label::before { + background: #1DC9B7; +} + +.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { + background: #1DC9B7; + border: 1px solid #1DC9B7; +} + +.checkbox-secondary .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-success .custom-control-label::before { + background: #4caf50; +} + +.checkbox-success .custom-control-input:checked ~ .custom-control-label::before { + background: #4caf50; + border: 1px solid #4caf50; +} + +.checkbox-success .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-info .custom-control-label::before { + background: #36A3F7; +} + +.checkbox-info .custom-control-input:checked ~ .custom-control-label::before { + background: #36A3F7; + border: 1px solid #36A3F7; +} + +.checkbox-info .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-warning .custom-control-label::before { + background: #FFB822; +} + +.checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { + background: #FFB822; + border: 1px solid #FFB822; +} + +.checkbox-warning .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-danger .custom-control-label::before { + background: #F4516C; +} + +.checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { + background: #F4516C; + border: 1px solid #F4516C; +} + +.checkbox-danger .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-light .custom-control-label::before { + background: #ffffff; +} + +.checkbox-light .custom-control-input:checked ~ .custom-control-label::before { + background: #ffffff; + border: 1px solid #ffffff; +} + +.checkbox-light .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-dark .custom-control-label::before { + background: #202428; +} + +.checkbox-dark .custom-control-input:checked ~ .custom-control-label::before { + background: #202428; + border: 1px solid #202428; +} + +.checkbox-dark .custom-control-input:checked ~ .custom-control-label::after { + color: #ffffff; +} + +.checkbox-outline-primary .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-primary .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #6E4FF6; + background: #6E4FF6; +} + +.checkbox-outline-primary .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-secondary .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-secondary .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #1DC9B7; + background: #1DC9B7; +} + +.checkbox-outline-secondary .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-success .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-success .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #4caf50; + background: #4caf50; +} + +.checkbox-outline-success .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-info .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-info .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #36A3F7; + background: #36A3F7; +} + +.checkbox-outline-info .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-warning .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-warning .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #FFB822; + background: #FFB822; +} + +.checkbox-outline-warning .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-danger .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-danger .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #F4516C; + background: #F4516C; +} + +.checkbox-outline-danger .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-light .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-light .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #ffffff; + background: #ffffff; +} + +.checkbox-outline-light .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.checkbox-outline-dark .custom-control-label:before { + border: 1px solid #ebedf2; +} + +.checkbox-outline-dark .custom-control-input:checked ~ .custom-control-label::before { + border: 1px solid #202428; + background: #202428; +} + +.checkbox-outline-dark .custom-control-input:checked ~ .custom-control-label::after { + color: #fff; +} + +.content-center { + display: flex; + align-items: center; + justify-content: center; +} + +/* HELPER CLASSES: this file contains classes for quick uses */ +/***************************** + -- HELPER +*****************************/ +.no-padding { + padding: 0 !important; +} + +.no-margin { + margin: 0; +} + +.padding-left0 { + padding-left: 0; +} + +.r-padding { + padding-right: 100px; +} + +.l-padding { + padding-left: 100px; +} + +.ltr { + text-align: right; +} + +.rtl { + text-align: left; +} + +.br_0 { + border-right: none !important; +} + +.bt1 { + border-top: 1px solid #e4e4e4; +} + +.btop { + border-top: 1px solid #ebedf2 !important; + border-right: 0 !important; + border-bottom: 0 !important; + border-left: 0 !important; +} + +.bbottom { + border-top: 0 !important; + border-right: 0 !important; + border-bottom: 1px solid #ebedf2 !important; + border-left: 0 !important; +} + +.v_middle, .statement_info_card .info { + display: inline-block; + vertical-align: middle; + margin-right: -3px; + float: none; +} + +.inline { + display: inline-block; +} + +.text--white { + color: #fff; +} + +.rounded { + border-radius: 200px; +} + +.border-right1 { + border-right: 1px solid #ebedf2; +} + +.border-default { + border: 1px solid #ebedf2; +} + +.border-none { + border: 0 none !important; +} + +.big-border { + border: 3px solid #ebedf2; +} + +.bold { + font-weight: 500; +} + +/* vertically middle */ +.ver_mid { + display: table-cell; + vertical-align: middle; +} + +/* container sizes for various devices */ +/* Custom scrollbar */ +html { + font-size: 15px; +} + +p { + line-height: 1.73333rem; +} + +a { + transition: 0.3s ease; +} + +.preload * { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} + +svg text { + font-family: "Work Sans", sans-serif !important; +} + +ul { + margin: 0; + padding: 0; +} + +ul li { + list-style-type: none; +} + +/* Background Image */ +.bgimage { + position: relative; +} + +.bgimage:before { + z-index: 1; +} + +.content_above { + position: relative; + z-index: 2; +} + +/* Background image holder */ +.bg_image_holder { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + background-size: cover !important; + background-position: center !important; + background-repeat: no-repeat; + z-index: 0; + transition: opacity .3s linear; + -webkit-transition: opacity .3s linear; + opacity: 0; +} + +.bg_image_holder img { + display: none; +} + +.dark-bg { + background: #2c333e; +} + +.primarybg.transparent-bg { + background: rgba(110, 79, 246, 0.05); +} + +.secondarybg.transparent-bg { + background: rgba(29, 201, 183, 0.05); +} + +.mcolorbg1.transparent-bg { + background: rgba(29, 201, 183, 0.05); +} + +.mcolorbg2.transparent-bg { + background: rgba(255, 184, 34, 0.05); +} + +.mcolorbg3.transparent-bg { + background: rgba(54, 163, 247, 0.05); +} + +.mcolorbg4.transparent-bg { + background: rgba(244, 81, 108, 0.05); +} + +/* tooltip */ +.tooltip { + display: block; +} + +.tooltip .tooltip-inner { + font-size: 13px; + text-align: left; + display: block; + border-radius: 2px; +} + +.tooltip .arrow:before { + border-top-color: #1DC9B7; +} + +/* section padding */ +.section--padding { + padding-top: 100px; + padding-bottom: 100px; +} + +.section--padding2 { + padding: 105px 0 75px; +} + +.section--padding3 { + padding-top: 30px; + padding-bottom: 105px; +} + +/* section title */ +.section-title { + text-align: center; + padding-bottom: 45px; +} + +.section-title h1 { + margin-bottom: 24px; +} + +.section-title p { + padding: 0 200px; + line-height: 32px; + margin-bottom: 0; + color: #6F7495; + font-size: 18px; +} + +.section-title2 { + margin-bottom: 50px; +} + +.section-title2 ul { + display: flex; + justify-content: space-between; + margin: 0; + flex-wrap: wrap; +} + +@media only screen and (max-width: 479px) { + .section-title2 ul { + margin: -10px 0; + } +} + +.section-title2 ul li { + display: flex; + align-items: center; +} + +@media only screen and (max-width: 479px) { + .section-title2 ul li { + margin: 10px 0; + } +} + +.section-title-light h1 { + color: #fff; +} + +/* Blockquote */ +blockquote, +.blockquote { + background: #f2f8fe; + line-height: 38px; + color: #6F7495; + font-style: normal; + padding: 45px 25px 45px 40px; + margin-bottom: 20px; +} + +/* section product title area */ +.product-title-area, .dashboard_contents .dashboard_title_area { + background: #fff; + padding: 32px 30px 32px; + margin-bottom: 30px; + border-radius: 4px; +} + +.product-title-area:before, .dashboard_contents .dashboard_title_area:before, .product-title-area:after, .dashboard_contents .dashboard_title_area:after { + display: table; + content: ""; + clear: both; +} + +.product-title-area .product__slider-nav, .dashboard_contents .dashboard_title_area .product__slider-nav { + float: right; +} + +.product-title-area .product__slider-nav span, .dashboard_contents .dashboard_title_area .product__slider-nav span { + line-height: 45px; + color: #fff; + cursor: pointer; + width: 52px; + display: inline-block; + text-align: center; +} + +.product-title-area .date_area form, .dashboard_contents .dashboard_title_area .date_area form { + display: flex; + flex-wrap: wrap; +} + +.product-title-area .date_area p, .dashboard_contents .dashboard_title_area .date_area p { + float: left; +} + +.product-title-area .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, +.product-title-area .date_area .select-wrap, +.dashboard_contents .dashboard_title_area .date_area .select-wrap { + margin-right: 10px; +} + +.product-title-area .date_area .select-wrap select, .dashboard_contents .dashboard_title_area .date_area .select-wrap select { + height: 50px; +} + +.product-title-area .date_area .btn, .dashboard_contents .dashboard_title_area .date_area .btn { + height: 48px; +} + +.product-title-area .date_area .btn:hover, .dashboard_contents .dashboard_title_area .date_area .btn:hover { + color: #fff; +} + +.product-title-area.product-title-area2, .dashboard_contents .product-title-area2.dashboard_title_area { + padding: 0 30px; + margin-bottom: 0; +} + +.product__title { + float: left; +} + +.product__title h2 { + line-height: 45px; +} + +.filter__menu { + float: right; + position: relative; + margin-top: 10px; +} + +.filter__menu p { + margin-bottom: 0; + display: inline-block; + vertical-align: middle; + color: #747b86; + margin-right: 15px; +} + +.filter__menu .filter__menu_icon { + display: inline-block; + vertical-align: middle; + margin-top: 6px; + width: 17px; +} + +.filter__menu .filter__menu_icon svg { + height: 16px; + cursor: pointer; +} + +.filter__menu .filter__menu_icon svg:hover circle { + fill: #0673ec; +} + +.filter__menu .filter__menu_icon svg circle { + fill: #a3b1c4; +} + +.filter__menu .filter__menu_icon .filter_dropdown { + position: absolute; + min-width: 183px; + padding: 20px 27px; + top: 45px; + z-index: 3; + background: #fff; + right: -15px; + box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); + display: none; +} + +.filter__menu .filter__menu_icon .filter_dropdown.active { + display: block; +} + +.filter__menu .filter__menu_icon .filter_dropdown:before { + position: absolute; + content: ""; + border-bottom: 10px solid #fff; + border-left: 10px solid transparent; + right: 15px; + bottom: 100%; + border-right: 10px solid transparent; +} + +.filter__menu .filter__menu_icon .filter_dropdown li a { + color: #747b86; + display: block; + transition: 0.3s ease; + line-height: 28px; +} + +.transparent { + background: transparent; +} + +.rounded { + border-radius: 200px; +} + +.bgcolor { + background: #f1f2f7; +} + +.bgcolor2 { + background: #f6f7fb; +} + +.rating { + display: inline-block; + vertical-align: middle; +} + +.rating ul { + float: left; +} + +.rating ul li { + float: left; + margin-right: 3px; +} + +.rating ul li span.fa-star, +.rating ul li span.fa-star-half-o { + color: #ffc000; +} + +.rating ul li span.fa-star-o { + color: #7e7e7e; +} + +.rating .rating__count { + display: inline-block; + color: #6f7d8d; + vertical-align: middle; + margin-left: 5px; +} + +/* cardify any area */ +.cardify, .content_title, .thread_sort_area, .card_style1, .card_style2, .credit_modules, .shortcode_modules, .upload_modules, .withdraw_module, .payment_module, .statement_info_card, .statement_table, .contact_tile, .featured_event, .google_map .location_address .addres_module, .author_info, .comment_area { + background: #fff; + border-radius: 4px; +} + +/* common toggle module css */ +.toggle_title { + display: block; + padding: 30px 30px 25px; +} + +.toggle_title span.lnr { + float: right; + line-height: 20px; + font-size: 14px; +} + +/* content area title */ +.content_title { + padding: 30px; + border-radius: 4px; + margin-bottom: 30px; +} + +.shortcode_module_title { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 30px; + background: #fff; + margin-bottom: 30px; + border-radius: 3px; +} + +.go_top { + line-height: 40px; + cursor: pointer; + width: 40px; + color: #fff; + position: fixed; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); + border-radius: 50%; + right: calc((100% - 1110px) / 2); + z-index: 111; + bottom: 72px; + font-size: 13px; +} + +.go_top span { + display: inline-block; +} + +messages::-webkit-scrollbar-track { + background-color: transparent; +} + +messages::-webkit-scrollbar { + width: 6px; + background-color: transparent; +} + +messages::-webkit-scrollbar-thumb { + background-color: #e9eef2; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +offcanvas-menu::-webkit-scrollbar-track { + background-color: transparent; +} + +offcanvas-menu::-webkit-scrollbar { + width: 6px; + background-color: transparent; +} + +offcanvas-menu::-webkit-scrollbar-thumb { + background-color: #e9eef2; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +/*************************************** + Start Testimonial +*****************************************/ +.testimonial2 { + padding: 110px 0 130px 0; + position: relative; +} + +.testimonial2:before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + background: rgba(18, 21, 25, 0.7); + left: 0; + top: 0; +} + +.slider-for { + position: relative; +} + +.slider-for .tsingle { + text-align: center; + outline: 0; +} + +.slider-for .tsingle span.quotei { + font-size: 30px; + color: #fff; +} + +.slider-for .tsingle p { + margin: 50px 0 40px 0; + color: #fff; + font-size: 22px; + line-height: 40px; +} + +.slider-for .tsingle h3 { + margin: 0 0 10px 0; +} + +.slider-for .tsingle span.auth-title { + color: #fff; +} + +.slider-nav .slick-slide { + outline: 0; + cursor: pointer; + text-align: center; +} + +.slider-nav .slick-slide span { + display: inline-block; + border-radius: 50%; + position: relative; +} + +.slider-nav .slick-slide.slick-current span:before { + position: absolute; + content: ""; + background: rgba(110, 79, 246, 0.5); + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 50%; + transition: 0.3s ease; +} + +.slider-bottom-nav { + position: absolute; + width: 100%; + left: 0; + bottom: 0; + transform: translateY(50%); +} + +.slick-arrow { + color: #fff; + font-size: 20px; +} + +span.slick-prev, +span.slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + padding: 20px; + cursor: pointer; + font-size: 13px; +} + +span.slick-prev { + left: -100px; +} + +span.slick-next { + right: -100px; +} + +/*************************************** + Testimonial Slider Area +****************************************/ +.testimonial-area .testimonials { + margin-bottom: 65px; +} + +.testimonial-area .testimonials .testimonials--author { + text-align: center; +} + +.testimonial-area .testimonials .testimonials--author img { + width: auto; + display: inline-block; +} + +.testimonial-area .testimonials .testimonials--author h4 { + margin: 25px 0 10px 0; +} + +.testimonial-area .testimonials .testimonials--author span { + font-size: 15px; + font-weight: 300; +} + +.testimonial-area .testimonials .testimonials--text { + margin-top: 40px; + text-align: center; +} + +.testimonial-area .testimonials .testimonials--text p { + font-size: 22px; + font-weight: 300; + line-height: 38px; + margin: 0; +} + +.testimonial-area .owl-controls { + position: absolute; + width: 100%; + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.testimonial-area .owl-controls .owl-nav { + display: flex; + justify-content: space-between; +} + +.testimonial-area .owl-controls .owl-prev, +.testimonial-area .owl-controls .owl-next { + font-size: 13px; + width: 45px; + height: 45px; + border-radius: 50%; + border: 1px solid #ebedf2; + text-align: center; + line-height: 44px; + transition: 0.3s ease; +} + +.testimonial-area .owl-controls .owl-prev:hover, +.testimonial-area .owl-controls .owl-next:hover { + border-color: #6E4FF6; + color: #fff; +} + +.testimonial-area .owl-controls .owl-prev { + margin-left: -60px; +} + +.testimonial-area .owl-controls .owl-next { + margin-right: -60px; +} + +/*************************************** + START TESTIMONIAL VIDEO +****************************************/ +.tesimonial-page-area { + background: #f1f2f7; +} + +.tesimonial-page-area .testimonial { + margin: 0 0 30px 0; +} + +.testimonial_video { + margin-bottom: 30px; + position: relative; +} + +.testimonial_video:before { + content: ""; + position: absolute; + height: 100%; + width: 100%; + background: rgba(0, 0, 0, 0.4); +} + +.testimonial_video .video_play { + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + left: 50%; + width: 10%; +} + +.testimonial_video .video_play a svg { + fill: #fff; + transition: all 0.3s ease; +} + +.testimonial_video .video_play a svg:hover { + fill: #1DC9B7; +} + +.testimonial_video .video_play button { + background: transparent; + border: none; + cursor: pointer; +} + +.testimonial_vid .modal-content { + height: 600px; +} + +.testimonial_vid .modal-content iframe { + width: 100%; + height: 100%; +} + +.testimonial { + border: 1px solid #ebedf2; + background: #fff; + margin: 30px 0; +} + +.testimonial:focus { + outline: 0; +} + +.testimonial .testimonial__text { + padding: 30px 40px 25px; +} + +@media only screen and (max-width: 375px) { + .testimonial .testimonial__text { + text-align: center; + } +} + +.testimonial .testimonial__text p { + margin: 0; +} + +.testimonial .testimonial__about { + border-top: 1px solid #ebedf2; + padding: 25px 40px 30px; + position: relative; + z-index: 2; +} + +@media only screen and (max-width: 375px) { + .testimonial .testimonial__about { + flex-flow: column; + display: flex; + justify-content: center; + align-items: center; + } + .testimonial .testimonial__about .name-designation { + padding-right: 0; + padding-top: 10px; + } +} + +.testimonial .testimonial__about .avatar img { + border-radius: 50%; + max-width: 100%; +} + +.testimonial .testimonial__about .quote-icon { + position: absolute; + width: 60px; + right: 40px; + z-index: -1; +} + +.testimonial .testimonial__about .quote-icon .svg { + fill: #eef0fc; +} + +.testimonial .testimonial__about .name-designation { + padding-left: 20px; + display: inline-block; +} + +.testimonial .testimonial__about .name-designation .name { + margin-bottom: 4px; +} + +.testimonial .testimonial__about .name-designation .desig { + color: #555; + font-size: 16px; +} + +/*************************************** + START SUPPORT AREA CSS +****************************************/ +.thread_sort_area { + margin-bottom: 30px; +} + +.dwqa-container .dwqa-questions-archive form.dwqa-search { + position: relative; + margin-bottom: 30px; +} + +.dwqa-container .dwqa-questions-archive form.dwqa-search:before { + position: absolute; + content: "\f002"; + right: 17px; + top: 14px; + font-family: "FontAwesome"; +} + +.dwqa-container .dwqa-questions-archive form.dwqa-search input { + border-radius: 3px; + padding-right: 40px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-question-filter { + display: flex; + align-items: center; + border: 1px solid #ebedf2; + padding: 25px; + width: 100%; + border-radius: 3px 3px 0 0; +} + +.dwqa-container .dwqa-questions-archive .dwqa-question-filter > span { + padding-right: 15px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-question-filter a { + padding: 0 15px 0 0; + color: #6F7495; + font-weight: 500; +} + +.dwqa-container .dwqa-questions-archive .dwqa-question-filter select#dwqa-sort-by { + width: auto; + height: 45px; + border: 1px solid #ebedf2; + border-radius: 3px; + color: #6F7495; + margin-left: auto; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list { + border-right: 1px solid #ebedf2; + border-bottom: 1px solid #ebedf2; + border-left: 1px solid #ebedf2; + border-radius: 0 0 3px 3px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-item { + padding: 30px 30px 30px 90px; + border-bottom: 1px solid #ebedf2; + position: relative; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-item:last-child { + border-bottom: 0; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-title { + margin-bottom: 15px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-title a { + font-size: 16px; + color: #313342; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status { + position: absolute; + left: 26px; + top: 50px; + text-indent: -9999px; + border: 1px solid #ebedf2; + width: 40px; + height: 40px; + border-radius: 50%; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status:before { + position: absolute; + left: 50%; + top: 50%; + font-family: "FontAwesome"; + font-size: 16px; + text-indent: initial; + transform: translate(-50%, -50%); +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-open:before { + content: "\f128"; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-closed { + border-color: #6F7495; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-closed:before { + content: "\f023"; + color: #6F7495; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-answered { + border-color: #6E4FF6; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-answered:before { + content: "\f112"; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span.dwqa-status.dwqa-status-resolved:before { + content: "\f00c"; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span { + color: #6F7495; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-meta span img { + display: inline-block; + padding-right: 10px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats { + position: absolute; + right: 25px; + top: 50%; + transform: translateY(-50%); +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-views-count, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-answers-count, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-votes-count { + display: inline-block; + padding: 10px; + border: 1px solid #ebedf2; + text-align: center; + color: #6F7495; + margin-right: 10px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-views-count strong, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-answers-count strong, .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-votes-count strong { + display: block; + font-size: 16px; + font-weight: 400; + color: #313342; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span.dwqa-votes-count { + margin-right: 0; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-footer { + padding: 30px; + border-right: 1px solid #ebedf2; + border-bottom: 1px solid #ebedf2; + border-left: 1px solid #ebedf2; + border-radius: 0 0 3px 3px; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination { + border: 1px solid #ebedf2; + border-radius: 3px; + display: inline-block; +} + +@media only screen and (max-width: 479px) { + .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination { + border: none; + margin: -2.50px; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination .dwqa-page-numbers { + margin: 2.50px; + border: 1px solid #ebedf2; + border-right: 1px solid #ebedf2 !important; + } +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination a, .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination span { + display: inline-block; + padding: 10px 15px; + border-right: 1px solid #ebedf2; + color: #6F7495; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination a:last-child, .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination span:last-child { + border-right: 0; +} + +.dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination a.dwqa-current, .dwqa-container .dwqa-questions-archive .dwqa-questions-footer .dwqa-pagination span.dwqa-current { + color: #fff; +} + +.question-form { + padding: 30px; + border: 1px solid #ebedf2; + border-radius: 3px; +} + +.question-form .form-group { + margin-bottom: 25px; +} + +.question-form .form-group:last-child { + margin-bottom: 0; +} + +.question-form .form-group .trumbowyg-box { + margin-top: 0; +} + +.question-form .form-group .attachments label, .question-form .form-group .attachments p.label { + display: block; +} + +.question-form .form-group .attachments label:last-child, .question-form .form-group .attachments p.label:last-child { + border: 1px solid #ebedf2; + line-height: 55px; + padding: 0 20px; + text-align: center; + cursor: pointer; +} + +.question-form .form-group .attachments label:last-child span, .question-form .form-group .attachments p.label:last-child span { + color: #6F7495; +} + +/*************************************** + START SUPPORT DETAILS AREA CSS +****************************************/ +.support_details_area { + padding: 100px 0; +} + +.support_details_area .dwqa-container { + border-radius: 3px; +} + +.support_details_area .dwqa-container .dwqa-single-question .dwqa-breadcrumbs { + padding: 30px; + border: 1px solid #ebedf2; +} + +.support_details_area .dwqa-container .dwqa-single-question .dwqa-breadcrumbs span.dwqa-sep { + display: inline-block; + padding: 0 5px; +} + +.support_details_area .dwqa-container .dwqa-question-item, .support_details_area .dwqa-container .dwqa-answer-item { + padding: 30px 30px 30px 90px; + position: relative; + border: 1px solid #ebedf2; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-content p, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-content p { + margin-bottom: 0; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-vote, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-vote, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-vote, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-vote { + position: absolute; + left: 25px; + top: 90px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-vote .dwqa-vote-count, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-vote .dwqa-vote-count, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-vote .dwqa-vote-count, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-vote .dwqa-vote-count { + width: 32px; + text-align: center; + top: 14px; + position: absolute; + display: block; + height: 32px; + line-height: 32px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-vote .dwqa-vote, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-vote .dwqa-vote, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-vote .dwqa-vote, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-vote .dwqa-vote { + display: block; + width: 0; + height: 0; + border: 13px solid transparent !important; + border-bottom-color: #ddd !important; + text-indent: -9999px; + top: -10px; + position: absolute; + text-decoration: none !important; + box-shadow: none !important; + left: 3px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-vote .dwqa-vote-down, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-vote .dwqa-vote-down, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-vote .dwqa-vote-down, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-vote .dwqa-vote-down { + border: 13px solid transparent !important; + border-bottom-color: transparent !important; + border-top-color: #ddd !important; + top: auto; + bottom: -70px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-meta a img, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-meta a img, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-meta a img, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-meta a img { + border-radius: 50%; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-meta .avatar, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-meta .avatar, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-meta .avatar, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-meta .avatar { + position: absolute; + left: 17px; + top: 30px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-meta span, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-meta span, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-meta span, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-meta span { + display: block; + margin-bottom: 20px; + color: #6F7495; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-question-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-question-meta span span.dwqa-label, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-meta span span.dwqa-label { + display: inline-block; + margin: 0 10px; + color: #fff; + padding: 0 5px; + border-radius: 3px; +} + +.support_details_area .dwqa-container .dwqa-question-item .dwqa-answer-content p, .support_details_area .dwqa-container .dwqa-answer-item .dwqa-answer-content p { + margin-bottom: 0; +} + +.support_details_area .dwqa-container .dwqa-question-item { + border-top: 0; +} + +.support_details_area .dwqa-container .dwqa-answer-item { + border-top: 0; +} + +.support_details_area .dwqa-container .dwqa-answer-item:last-child { + border-bottom: 1px solid #ebedf2; +} + +.support_details_area .dwqa-container .dwqa-answers { + margin-top: 50px; +} + +.support_details_area .dwqa-container .dwqa-answers .dwqa-answers-title, .support_details_area .dwqa-container .dwqa-answer-content .dwqa-answers-title { + padding: 20px 30px; + border: 1px solid #ebedf2; +} + +/*************************************** + Start Footer Area +*****************************************/ +.footer-big { + padding: 100px 0 60px 0; +} + +.footer-big .footer-widget { + margin-bottom: 40px; +} + +.footer--light { + background: #e7e8ed; +} + +.footer-big p, .footer-big ul li, .footer-big .footer-menu ul li a { + color: #6F7495; +} + +.info-contact { + margin-top: 21px; +} + +.info-contact li { + font-size: 16px; + margin-bottom: 12px; +} + +.info-contact li .info-icon, .info-contact li .info { + display: inline-block; + vertical-align: middle; +} + +.info-contact li .info-icon { + color: #fff; +} + +.info-contact li .info { + width: calc(100% - 30px); + padding-left: 8px; +} + +.info__logo { + margin-bottom: 25px; +} + +.footer-menu { + padding-left: 48px; +} + +.footer-menu ul li a { + font-size: 15px; + line-height: 32px; + transition: 0.3s ease; +} + +.footer-menu--1 { + width: 100%; +} + +.footer-widget-title { + line-height: 42px; + margin-bottom: 10px; +} + +.field-wrapper { + position: relative; + margin-top: 32px; + margin-bottom: 48px; +} + +.field-wrapper .relative-field { + line-height: 50px; + height: 50px; +} + +.field-wrapper .btn { + position: absolute; + right: 0; + height: 100%; + padding: 0 30px; + top: 0; +} + +.mini-footer { + background: #192027; + text-align: center; + padding: 32px 0; +} + +.mini-footer p { + margin: 0; + line-height: 26px; + font-size: 15px; + color: #999; +} + +.mini-footer2 { + text-align: left; +} + +.mini-footer2 .copyright-text { + padding-top: 8px; +} + +.mini-footer2 .social { + text-align: right; + width: 100%; +} + +.widget-about img { + display: block; + margin-bottom: 30px; + width: auto; +} + +.widget-about p { + font-weight: 400; +} + +.widget-about .contact-details { + margin: 30px 0 0 0; +} + +.widget-about .contact-details li { + margin-bottom: 10px; +} + +.widget-about .contact-details li:last-child { + margin-bottom: 0; +} + +.widget-about .contact-details li span { + padding-right: 12px; +} + +/***************************** + --- BREADCRUMB +*****************************/ +.breadcrumb-area { + padding-top: 57px !important; + padding-bottom: 57px; +} + +.breadcrumb-area .breadcrumb-contents { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} + +.breadcrumb-area .breadcrumb ul { + display: block; + width: 100%; +} + +.breadcrumb-area .breadcrumb ul li a { + line-height: initial; +} + +.breadcrumb-area .page-title { + color: #fff; + font-weight: 500; + margin: 4px 0; +} + +.breadcrumb-area.breadcrumb--center { + text-align: center; + padding-top: 60px; + padding-bottom: 27px; +} + +.breadcrumb-area.breadcrumb--center .page_title { + padding-top: 30px; + padding-bottom: 47px; +} + +.breadcrumb-area.breadcrumb--center .page_title h1 { + color: #fff; + line-height: 52px; +} + +.breadcrumb-area.breadcrumb--center .page_title p { + color: #f3f3f8; + font-size: 36px; + line-height: 52px; + font-weight: 500; +} + +.breadcrumb-area.breadcrumb--center .page_title p.subtitle { + font-size: 20px; +} + +.breadcrumb-area.breadcrumb--center .breadcrumb { + padding-bottom: 0; +} + +.breadcrumb { + padding: 0; + background: none; + margin: 14px 0; +} + +.breadcrumb ul li { + display: inline-block; +} + +.breadcrumb ul li:after { + content: '/'; + color: #fff; + padding: 0 7px; +} + +.breadcrumb ul li a { + font-size: 15px; + line-height: 70px; + color: #fff; +} + +.breadcrumb ul li:last-child:after { + display: none; +} + +.breadcrumb ul li.active a { + color: #bfcad7; +} + +.search--doc { + margin-bottom: 30px; +} + +.search--doc .form-group { + margin: 0; + position: relative; +} + +.search--doc .form-group input { + border-radius: 3px; +} + +.search--doc .form-group button { + position: absolute; + right: 0; + top: 0; + border-radius: 0 3px 3px 0; + height: 100%; + padding: 0 25px; + color: #fff; + border: 0 none; + cursor: pointer; +} + +/* +content blocks scss +*/ +.content-block-page [class^="content_block"] { + margin-bottom: 50px !important; +} + +/*************************************** + START ABOUT AND MISSION AREA +****************************************/ +.content_block1, .content_block2 { + position: relative; + width: 100%; + padding: 100px 0; +} + +.content_block1 .content_area .content_area--title, .content_block2 .content_area .content_area--title, .content_block1 .content_block2 .content_area2 .content_area--title, .content_block2 .content_block1 .content_area2 .content_area--title, .content_block2 .content_area2 .content_area--title, .content_block2 .content_area .content_area2 .content_area2--title, .content_block2 .content_area2 .content_area .content_area2--title, .content_block1 .content_block2 .content_area2 .content_area2--title, .content_block2 .content_block1 .content_area2 .content_area2--title, .content_block2 .content_area2 .content_area2--title { + line-height: 46px; + margin-bottom: 30px; + color: #000; +} + +.content_block1 .content_image, .content_block2 .content_image, .content_block2 .content_image2 { + position: absolute; + right: 0; + height: 100%; + width: 50%; + top: 0; +} + +.content_block2 { + background: #f6f7fb; + padding: 100px 0; +} + +.content_block2 .content_image2 { + left: 0; +} + +.content_block3, .content_block4, .content_block6 { + padding: 100px 0; +} + +.content_block3 h2, .content_block4 h2, .content_block6 h2 { + line-height: 46px; + color: #000000; + padding-bottom: 30px; +} + +.content_block3 p, .content_block4 p, .content_block6 p { + margin-bottom: 0; +} + +.content_block3 .btn, .content_block4 .btn, .content_block6 .btn { + margin-top: 45px; +} + +.content_block1 img, .content_block2 img, .content_block2 img, .content_block3 img, .content_block4 img, .content_block5 img { + width: 100%; +} + +.content_block1 p, .content_block2 p, .content_block2 p, .content_block3 p, .content_block4 p, .content_block5 p { + margin-bottom: 0; +} + +/* +This scss file contains the necessary style for menu style 1, +changing this file will result on change of menu containing modifier class .menu--stye1 +*/ +/***************************** + --- MENU +*****************************/ +.menu--style1 .top-menu-area { + background: #fff; +} + +.menu--style1 .mainmenu__menu ul li:hover a { + color: #333; +} + +.menu--style1 .mainmenu__menu ul li a { + color: #fff; +} + +.menu--style1 .searc-wrap input { + background: rgba(255, 255, 255, 0.2); + border: 0; + color: #ffffff; + font-weight: 400; +} + +.menu--style1 .searc-wrap input::-webkit-input-placeholder { + color: #fff; +} + +.menu--style1 .searc-wrap input::-moz-placeholder { + color: #fff; +} + +.menu--style1 .searc-wrap input:-ms-input-placeholder { + color: #fff; +} + +.menu--style1 .searc-wrap .search-wrap__btn { + background: #fff; +} + +.shortcode_wrapper + .shortcode_wrapper { + margin-top: 50px; +} + +.menu--light .top-menu-area { + background: transparent; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.menu--light .top-menu-area .logo-top { + padding: 19px 35px 19px 20px; + border-color: rgba(255, 255, 255, 0.1); +} + +.menu--light .mainmenu__menu .navbar-nav > li > a { + color: #fff; +} + +.menu--light .search-form button, +.menu--light .author__notification_area ul li span:first-child { + color: rgba(255, 255, 255, 0.8); +} + +.menu--light .author__notification_area { + border-color: rgba(255, 255, 255, 0.1); +} + +.menu--light .author__notification_area ul li { + padding: 30px 0; +} + +.menu--light .search-wrapper .search_module .search_trigger { + color: rgba(255, 255, 255, 0.8); +} + +.search-wrapper { + position: relative; + padding-right: 30px; +} + +.search-wrapper .search_module .search_trigger { + cursor: pointer; +} + +.search-wrapper .search_module .search_area { + position: absolute; + right: 60px; + opacity: 0; + visibility: hidden; + padding: 0 20px; + top: calc(100% - 37px); + background: #ffffff; + border: 1px solid #ebedf2; + z-index: 2; + transition: .3s ease; + border-radius: 3px; + width: 0; +} + +.search-wrapper .search_module .search_area form .input-group { + display: flex; + align-items: center; +} + +.search-wrapper .search_module .search_area form .input-group .icon-left { + padding-top: 7px; + display: none; +} + +.search-wrapper .search_module .search_area form .input-group input { + border: 0 none; + padding: 0 0 0 10px; +} + +.search-wrapper .search_module .search_area form .input-group input:focus { + border: 0 none !important; +} + +.search-wrapper .search_module .search_area.active { + opacity: 1; + visibility: visible; + width: 300px; +} + +.search-wrapper .search_module .search_area.active form .input-group .icon-left { + display: block; +} + +/***************************** + START MENU AREA +*****************************/ +.top-menu-area { + background: #fff; + border-bottom: 1px solid #ebedf2; +} + +.top-menu-area .menu-fullwidth { + display: flex; + flex-wrap: wrap; + align-items: center; +} + +.top-menu-area .menu-fullwidth .menu-container { + flex: 3; +} + +.top-menu-area .menu-fullwidth .author-menu { + flex: 2; +} + +.top-menu-area .logo-top { + padding: 22px 35px 22px 20px; + border-right: 1px solid #ebedf2; +} + +.top-menu-area .d_menu { + padding-left: 35px; +} + +.top-menu-area .top__menu ul li { + display: inline-block; +} + +.top-menu-area .top__menu ul li a { + color: #555; +} + +.author-area { + display: flex; + justify-content: flex-end; + align-items: center; + position: relative; +} + +.author-area__seller-btn { + color: #fff; + padding: 0 17px; + display: inline-block; + line-height: 39px; + border-radius: 3px; + font-weight: 400; + margin-right: 0; + transition: 0.3s ease; +} + +.author-area__seller-btn:hover { + color: #fff; +} + +.author__avatar { + position: relative; +} + +.author__avatar:before { + position: absolute; + content: ""; + width: 15px; + height: 15px; + border-radius: 50%; + right: 0; + bottom: 0; +} + +.author__avatar span { + font-size: 14px; + position: absolute; + font-weight: 400; + line-height: 22px; + width: 22px; + text-align: center; + background: #ff0000; + color: #fff; + right: -6px; + top: -7px; + border-radius: 50%; +} + +.author__avatar img { + max-width: none; +} + +.author__avatar.online:before { + border: 3px solid #fff; +} + +.author__avatar.away:before { + border: 3px solid #fff; +} + +.author__notification_area { + padding: 0 45px 0 35px; + border-right: 1px solid #ebedf2; + border-left: 1px solid #ebedf2; +} + +.author__notification_area ul { + display: flex; + justify-content: flex-end; +} + +.author__notification_area ul li { + margin-right: 35px; + padding: 34px 0; + position: relative; +} + +.author__notification_area ul li:last-child { + margin-right: 0; +} + +.author__notification_area ul li span:first-child { + font-size: 16px; + color: #7e8fa1; + vertical-align: middle; +} + +.author__notification_area ul li .icon_wrap { + position: relative; +} + +.author__notification_area ul li .notification_status { + position: absolute; + width: 6px; + height: 6px; + border-radius: 50%; + left: 50%; + top: -5px; + transform: translateX(-50%); +} + +.author__notification_area ul li .notification_count { + height: 20px; + border-radius: 50%; + color: #fff; + font-weight: 400; + top: 0; + font-size: 12px; + position: absolute; + padding: 1px 4px; + vertical-align: middle; + right: -6px; + min-width: 20px; + text-align: center; + transform: translate(50%, -50%); +} + +.author-author__info { + padding: 20px 20px 20px 35px; +} + +.author__access_area { + padding: 29px 20px 29px 35px; + border-left: 1px solid #ebedf2; +} + +.author__access_area ul li { + margin-right: 15px; +} + +.author__access_area ul li:last-child { + margin-right: 0; +} + +.author__access_area ul li a { + color: #6F7495; +} + +/* start notification dropdown area */ +.has_dropdown.has_megamenu { + position: initial; +} + +.has_dropdown .icon_wrap { + cursor: pointer; +} + +.has_dropdown .dropdown { + top: calc(100% + 20px); +} + +@media only screen and (max-width: 375px) { + .has_dropdown .dropdown { + min-width: 100%; + } +} + +.has_dropdown:hover .dropdown { + visibility: visible; + opacity: 1; + top: 100%; +} + +.has_dropdown > a, .has_megamenu > a { + position: relative; +} + +.has_dropdown > a:before, .has_megamenu > a:before { + position: absolute; + content: "\f107"; + font-family: "FontAwesome"; + font-size: 13px; + right: -13px; + top: 50%; + transform: translateY(-50%); +} + +/* start mainenu area css */ +.mainmenu { + background: #f1f2f7; +} + +.mainmenu__menu { + border: none; + margin: 0; + padding: 0; +} + +.mainmenu__menu .navbar-collapse { + padding: 0; + float: left; +} + +.mainmenu__menu .navbar-nav > li { + display: inline-block; + padding: 17px 0; + margin-right: 40px; +} + +.mainmenu__menu .navbar-nav > li > a { + font-weight: 500; + padding: 0; + font-size: 16px; + line-height: 42px; + transition: 0.3s ease; + color: #6b6e8a; + text-transform: capitalize; + white-space: nowrap; +} + +.mainmenu__search { + float: right; + padding: 28px 0; +} + +.searc-wrap { + position: relative; +} + +.searc-wrap input { + line-height: 45px; + height: 45px; + border: 1px solid transparent; + width: 360px; + border-radius: 3px; + padding: 0 25px; + background: #f1f2f7; +} + +.searc-wrap input::placeholder { + color: #b8bece; +} + +.searc-wrap .search-wrap__btn { + position: absolute; + right: 0; + top: 0; + border: 0; + width: 45px; + height: 100%; + text-align: center; + background: none; + color: #b8bece; + border-radius: 50%; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: 0.3s ease; +} + +.mainmenu__help { + padding: 40px 0; + text-align: center; +} + +.mainmenu__help a { + color: #8991a5; + display: flex; +} + +.mainmenu__help a span { + font-size: 20px; + padding-right: 5px; +} + +/* mobile menu offcanvas */ +.mobile_content { + position: relative; +} + +.mobile_content .menu_icon { + padding: 0 20px; + line-height: 60px; + color: white; + display: none; + font-size: 16px; + cursor: pointer; +} + +.mobile_content span.icon-close { + float: none; + position: absolute; + left: 15px; + top: 15px; + z-index: 1; + cursor: pointer; +} + +.mobile_content .author-author__info { + justify-content: center; +} + +.mobile_content .author-author__info .author__avatar { + margin-right: 10px; +} + +.mobile_content .author-author__info .author__avatar img { + border-radius: 50%; +} + +.mobile_content .author__notification_area ul { + justify-content: center; +} + +.mobile_content .offcanvas-menu { + position: fixed; + height: 100%; + width: 220px; + top: 0; + right: -10px; + background: #fff; + z-index: 989999; + overflow-y: scroll; + transition: 0.3s ease; + box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3); + padding-bottom: 25px; +} + +.mobile_content .offcanvas-menu .mobile_content .offcanvas-menu::-webkit-scrollbar-track { + background-color: transparent; +} + +.mobile_content .offcanvas-menu .mobile_content .offcanvas-menu::-webkit-scrollbar { + width: 6px; + background-color: transparent; +} + +.mobile_content .offcanvas-menu .mobile_content .offcanvas-menu::-webkit-scrollbar-thumb { + background-color: #e9eef2; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.mobile_content .offcanvas-menu.closed { + transform: translateX(100%); +} + +.mobile_content .offcanvas-menu span.lnr-cross { + float: left; + top: 10px; + position: absolute; + left: 13px; +} + +.mobile_content .author-author__info { + background-color: #f1f2f7; + text-align: center; + border-bottom: 1px solid #ebedf2; + padding: 20px 0; +} + +.mobile_content .author__notification_area { + margin: 0; + text-align: center; + display: block; +} + +.mobile_content .author__notification_area ul li { + padding: 27px 12px 14px; + margin: 0 3px; +} + +.mobile_content .dropdown--author { + visibility: visible; + position: relative; + opacity: 1; + min-width: auto; + box-shadow: 0 0 0; +} + +.mobile_content .dropdown--author:before { + display: none; +} + +.mobile_content .dropdown--author ul li a { + line-height: 35px; +} + +.mobile_content .author-area__seller-btn { + margin-right: 0; +} + +/**/ +/***************************** + --- PRODUCTS +*****************************/ +/* GENERAL PRODUCT STYLE */ +.products { + padding: 80px 0; +} + +.product { + background: #fff; + border-radius: 4px; + box-shadow: 0 2px 4px rgba(108, 111, 115, 0.1); + margin-bottom: 30px; +} + +.product .product__thumbnail { + position: relative; +} + +.product .product__thumbnail img { + border-radius: 4px 4px 0 0; + width: 100%; +} + +.product .product__thumbnail:before { + position: absolute; + content: ""; + transition: 0.3s ease; + height: 100%; + opacity: 0; + z-index: 2; + border-radius: 4px 4px 0 0; + width: 100%; + top: 0; + background: linear-gradient(to left, #1DC9B7, #6E4FF6); + left: 0; +} + +.product .prod_btn { + position: absolute; + top: calc(50% + 40px); + opacity: 0; + transform: translateY(-50%); + z-index: 99; + width: 100%; + text-align: center; + transition: 0.3s ease; +} + +.product .prod_btn a { + display: inline-block; + color: #fff; + border: 1px solid #fff; + font-weight: 500; + padding: 0 30px; +} + +.product .prod_btn a:hover { + transition: 0.3s ease; + background: #fff; +} + +.product .prod_btn a + a { + margin-left: 6px; +} + +.product:hover .prod_btn { + opacity: 1; + top: 50%; +} + +.product:hover .product__thumbnail:before { + opacity: 0.9; +} + +.product-desc { + padding: 30px; +} + +.product-desc p { + margin: 0; +} + +.product-desc ul.titlebtm { + padding-bottom: 23px; +} + +.product-desc ul.titlebtm > li { + display: inline-block; + margin-right: 16px; +} + +.product-desc ul.titlebtm > li .by { + margin-right: 6px; +} + +.product-desc ul.titlebtm > li img, .product-desc ul.titlebtm > li p { + display: inline-block; + margin: 0; +} + +.product-desc ul.titlebtm > li a { + color: #000000; + font-size: 15px; +} + +.product-desc ul.titlebtm > li a, .product-desc ul.titlebtm > li p { + font-size: 15px; +} + +.product-desc ul.titlebtm > li.product_cat { + margin-right: 0; +} + +.product-desc ul.titlebtm .rating { + float: right; + margin-right: 0; +} + +.product-desc ul.titlebtm .auth-img { + margin-right: 6px; + height: 30px; + width: 30px; + border-radius: 50%; +} + +.product-desc .product_title { + margin-bottom: 15px; + display: inline-block; +} + +.product-desc .product_title h4 { + text-transform: capitalize; + font-weight: 500; + transition: 0.3s ease; +} + +.product-desc ul li.product_cat a img { + margin-right: 4px; + width: 15px; + vertical-align: middle; + height: auto; +} + +.product-desc ul li.product_cat a span { + margin-right: 5px; +} + +.product-purchase { + border-top: 1px solid #ebedf2; + padding: 15px 30px; + overflow: hidden; +} + +.product-purchase .rating { + margin-left: 6px; +} + +.product-purchase p { + margin: 0; + font-size: 15px; + display: inline; + color: #555; +} + +.product-purchase .price_love { + display: inline-block; + vertical-align: middle; +} + +.product-purchase .price_love > span { + background: rgba(110, 79, 246, 0.1); + line-height: 32px; + display: inline-block; + padding: 0 15px; + margin-right: 10px; + font-size: 15px; + font-weight: 500; + border-radius: 100px; +} + +.product-purchase .price_love p span { + font-size: 15px; +} + +.product-purchase .sell { + float: right; + display: inline-block; +} + +.product-purchase .sell p span { + font-size: 15px; + margin-right: 4px; +} + +.product-purchase .sell p span.lnr { + margin-right: 7px; +} + +/*-------- PRODUCT MODIFIERS --------------*/ +.product--card .product-desc { + height: 222px; + overflow: hidden; + padding-bottom: 0; +} + +.product--card .product-purchase { + margin-top: 10px; +} + +.product--card2 .product__thumbnail img { + border-radius: 4px 4px 0 0; +} + +.product--card2 .product-desc { + padding-bottom: 15px; + height: 176px; +} + +.product--card2 ul.titlebtm { + overflow: hidden; + padding: 0px 30px 10px; +} + +.product--card2 ul.titlebtm .product_cat { + float: left; +} + +.product--card2 ul.titlebtm .rating { + float: right; +} + +.product--card3 .product-desc ul.titlebtm { + padding-bottom: 0; +} + +.product--card3 .product-desc { + height: 130px; + padding: 30px 30px 20px; +} + +.product--list { + overflow: hidden; + height: 210px; +} + +.product--list .product__thumbnail, .product--list .product-desc, .product--list .product-meta, .product--list .product-purchase { + display: inline-block; + vertical-align: middle; + margin-right: -3px; + border-right: 1px solid #ebedf2; +} + +.product--list .product__thumbnail { + width: 293px; + float: left; +} + +.product--list .product__thumbnail img { + width: 100%; + border-radius: 4px 0 0 4px; +} + +.product--list .product__details { + overflow: hidden; + padding: 25px 0; +} + +.product--list .product__details .product-desc, .product--list .product__details .product-meta { + padding: 0 30px; +} + +.product--list .product-desc { + width: 353px; +} + +.product--list .product-desc .titlebtm { + padding-bottom: 0; + padding-top: 24px; +} + +.product--list .product-purchase { + border: 0; + width: 159px; + text-align: center; +} + +.product--list .product-purchase .price_love { + float: none; + margin-right: 0; + padding-bottom: 25px; +} + +.product--list .product-purchase .price_love span { + margin: 0; +} + +.product--list .product-purchase .sell { + float: none; + display: block; +} + +.product--list-small .product__thumbnail { + width: 230px; +} + +.product--list-small .prod_btn a { + line-height: 35px; + margin-left: 0; +} + +.product--list-small .prod_btn a + a { + margin-top: 15px; +} + +.product--list-small .product__details .product-desc, +.product--list-small .product__details .product-meta { + padding: 0 20px; +} + +.product--list-small .product__details .product-desc { + width: 258px; +} + +.product--list-small .product__details .product-desc .titlebtm { + padding-top: 18px; +} + +.product--list-small .product__details .product-meta { + width: 206px; +} + +.product--list-small .product__details .product-meta .love-comments p + p { + margin-left: 0; +} + +.product--list-small .product__details .product-purchase { + width: 150px; + padding: 0; +} + +.product-meta { + width: 335px; +} + +.product-meta .author { + margin-bottom: 25px; +} + +.product-meta .author .auth-img { + display: inline-block; + border-radius: 50%; + height: 28px; + width: 28px; +} + +.product-meta .author p { + display: inline-block; + margin: 0; +} + +.product-meta .author p .by { + margin-right: 6px; +} + +.product-meta .author p a { + color: #000; +} + +.product-meta .love-comments p { + display: inline-block; +} + +.product-meta .love-comments p + p { + margin-left: 20px; +} + +.product-meta .product-tags { + margin-bottom: 14px; +} + +.product-meta .product-tags span { + display: inline-block; + color: #000; + vertical-align: middle; + font-size: 15px; +} + +.product-meta .product-tags ul { + display: inline-block; + width: calc(100% - 45px); + vertical-align: middle; +} + +.product-meta .product-tags ul li { + display: inline-block; +} + +.product-meta .product-tags ul li:after { + content: ','; +} + +.product-meta .product-tags ul li:last-child:after { + display: none; +} + +/***************************** + -- PRODUCT SIDEBAR +*****************************/ +.sidebar-card, .item-preview { + background: #fff; + border-radius: 4px; + border: 1px solid #ebedf2; + margin-bottom: 30px; +} + +.sidebar-card:last-child, .item-preview:last-child { + margin-bottom: 0; +} + +.sidebar-card .card-title, .item-preview .card-title { + padding: 30px; + border-bottom: 1px solid #ebedf2; +} + +.product--sidebar .sidebar-card, .support--sidebar .sidebar-card, .faq--sidebar .sidebar-card, .affliate_rule_module .sidebar-card, .sidebar--blog .sidebar-card, .product--sidebar .item-preview, .support--sidebar .item-preview, .faq--sidebar .item-preview, .affliate_rule_module .item-preview, .sidebar--blog .item-preview { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; +} + +.product--sidebar .sidebar-card:last-child, .support--sidebar .sidebar-card:last-child, .faq--sidebar .sidebar-card:last-child, .affliate_rule_module .sidebar-card:last-child, .sidebar--blog .sidebar-card:last-child, .product--sidebar .item-preview:last-child, .support--sidebar .item-preview:last-child, .faq--sidebar .item-preview:last-child, .affliate_rule_module .item-preview:last-child, .sidebar--blog .item-preview:last-child { + margin-bottom: 0; +} + +.product--sidebar .sidebar-card .card-title, .support--sidebar .sidebar-card .card-title, .faq--sidebar .sidebar-card .card-title, .affliate_rule_module .sidebar-card .card-title, .sidebar--blog .sidebar-card .card-title, .product--sidebar .item-preview .card-title, .support--sidebar .item-preview .card-title, .faq--sidebar .item-preview .card-title, .affliate_rule_module .item-preview .card-title, .sidebar--blog .item-preview .card-title { + padding: 20px 25px; + display: block; + margin-bottom: 0; +} + +.product--sidebar .sidebar-card .card-title.collapsed, .support--sidebar .sidebar-card .card-title.collapsed, .faq--sidebar .sidebar-card .card-title.collapsed, .affliate_rule_module .sidebar-card .card-title.collapsed, .sidebar--blog .sidebar-card .card-title.collapsed, .product--sidebar .item-preview .card-title.collapsed, .support--sidebar .item-preview .card-title.collapsed, .faq--sidebar .item-preview .card-title.collapsed, .affliate_rule_module .item-preview .card-title.collapsed, .sidebar--blog .item-preview .card-title.collapsed { + margin-bottom: 0; +} + +.product--sidebar .sidebar-card .card-title span, .support--sidebar .sidebar-card .card-title span, .faq--sidebar .sidebar-card .card-title span, .affliate_rule_module .sidebar-card .card-title span, .sidebar--blog .sidebar-card .card-title span, .product--sidebar .item-preview .card-title span, .support--sidebar .item-preview .card-title span, .faq--sidebar .item-preview .card-title span, .affliate_rule_module .item-preview .card-title span, .sidebar--blog .item-preview .card-title span { + float: right; + font-size: 12px; + line-height: 20px; + color: #555; +} + +.product--sidebar .sidebar-card .card-title h5, .support--sidebar .sidebar-card .card-title h5, .faq--sidebar .sidebar-card .card-title h5, .affliate_rule_module .sidebar-card .card-title h5, .sidebar--blog .sidebar-card .card-title h5, .product--sidebar .item-preview .card-title h5, .support--sidebar .item-preview .card-title h5, .faq--sidebar .item-preview .card-title h5, .affliate_rule_module .item-preview .card-title h5, .sidebar--blog .item-preview .card-title h5 { + display: flex; + justify-content: space-between; + align-items: center; +} + +.product--sidebar .sidebar-card .collapsible-content, .support--sidebar .sidebar-card .collapsible-content, .faq--sidebar .sidebar-card .collapsible-content, .affliate_rule_module .sidebar-card .collapsible-content, .sidebar--blog .sidebar-card .collapsible-content, .product--sidebar .item-preview .collapsible-content, .support--sidebar .item-preview .collapsible-content, .faq--sidebar .item-preview .collapsible-content, .affliate_rule_module .item-preview .collapsible-content, .sidebar--blog .item-preview .collapsible-content { + padding: 0 25px; +} + +.product--sidebar .sidebar-card .card-content, .support--sidebar .sidebar-card .card-content, .faq--sidebar .sidebar-card .card-content, .affliate_rule_module .sidebar-card .card-content, .sidebar--blog .sidebar-card .card-content, .product--sidebar .item-preview .card-content, .support--sidebar .item-preview .card-content, .faq--sidebar .item-preview .card-content, .affliate_rule_module .item-preview .card-content, .sidebar--blog .item-preview .card-content { + padding: 15px 0; +} + +.product--sidebar .card--category a, .support--sidebar .card--category a, .faq--sidebar .card--category a, .affliate_rule_module .card--category a, .sidebar--blog .card--category a, .product--sidebar .support--sidebar .card--forum_categories a, .support--sidebar .product--sidebar .card--forum_categories a, .support--sidebar .card--forum_categories a, .faq--sidebar .support--sidebar .card--forum_categories a, .support--sidebar .faq--sidebar .card--forum_categories a, .affliate_rule_module .support--sidebar .card--forum_categories a, .support--sidebar .affliate_rule_module .card--forum_categories a, .sidebar--blog .support--sidebar .card--forum_categories a, .support--sidebar .sidebar--blog .card--forum_categories a, .product--sidebar .faq--sidebar .card--forum_categories a, .faq--sidebar .product--sidebar .card--forum_categories a, .support--sidebar .faq--sidebar .card--forum_categories a, .faq--sidebar .support--sidebar .card--forum_categories a, .faq--sidebar .card--forum_categories a, .affliate_rule_module .faq--sidebar .card--forum_categories a, .faq--sidebar .affliate_rule_module .card--forum_categories a, .sidebar--blog .faq--sidebar .card--forum_categories a, .faq--sidebar .sidebar--blog .card--forum_categories a, .product--sidebar .affliate_rule_module .card--forum_categories a, .affliate_rule_module .product--sidebar .card--forum_categories a, .support--sidebar .affliate_rule_module .card--forum_categories a, .affliate_rule_module .support--sidebar .card--forum_categories a, .faq--sidebar .affliate_rule_module .card--forum_categories a, .affliate_rule_module .faq--sidebar .card--forum_categories a, .affliate_rule_module .card--forum_categories a, .sidebar--blog .affliate_rule_module .card--forum_categories a, .affliate_rule_module .sidebar--blog .card--forum_categories a, .product--sidebar .sidebar--blog .card--forum_categories a, .sidebar--blog .product--sidebar .card--forum_categories a, .support--sidebar .sidebar--blog .card--forum_categories a, .sidebar--blog .support--sidebar .card--forum_categories a, .faq--sidebar .sidebar--blog .card--forum_categories a, .sidebar--blog .faq--sidebar .card--forum_categories a, .affliate_rule_module .sidebar--blog .card--forum_categories a, .sidebar--blog .affliate_rule_module .card--forum_categories a, .sidebar--blog .card--forum_categories a, .product--sidebar .support--sidebar .sidebar--blog .card--category a, .support--sidebar .sidebar--blog .product--sidebar .card--category a, .support--sidebar .sidebar--blog .card--category a, .faq--sidebar .support--sidebar .sidebar--blog .card--category a, .affliate_rule_module .support--sidebar .sidebar--blog .card--category a, .support--sidebar .sidebar--blog .card--category a, .product--sidebar .sidebar--blog .support--sidebar .card--category a, .sidebar--blog .support--sidebar .product--sidebar .card--category a, .sidebar--blog .support--sidebar .card--category a, .sidebar--blog .support--sidebar .faq--sidebar .card--category a, .sidebar--blog .support--sidebar .affliate_rule_module .card--category a, .sidebar--blog .support--sidebar .card--category a, .product--sidebar .faq--sidebar .sidebar--blog .card--category a, .faq--sidebar .sidebar--blog .product--sidebar .card--category a, .support--sidebar .faq--sidebar .sidebar--blog .card--category a, .faq--sidebar .sidebar--blog .support--sidebar .card--category a, .faq--sidebar .sidebar--blog .card--category a, .affliate_rule_module .faq--sidebar .sidebar--blog .card--category a, .faq--sidebar .sidebar--blog .card--category a, .product--sidebar .sidebar--blog .faq--sidebar .card--category a, .sidebar--blog .faq--sidebar .product--sidebar .card--category a, .support--sidebar .sidebar--blog .faq--sidebar .card--category a, .sidebar--blog .faq--sidebar .support--sidebar .card--category a, .sidebar--blog .faq--sidebar .card--category a, .sidebar--blog .faq--sidebar .affliate_rule_module .card--category a, .sidebar--blog .faq--sidebar .card--category a, .product--sidebar .affliate_rule_module .sidebar--blog .card--category a, .affliate_rule_module .sidebar--blog .product--sidebar .card--category a, .support--sidebar .affliate_rule_module .sidebar--blog .card--category a, .affliate_rule_module .sidebar--blog .support--sidebar .card--category a, .faq--sidebar .affliate_rule_module .sidebar--blog .card--category a, .affliate_rule_module .sidebar--blog .faq--sidebar .card--category a, .affliate_rule_module .sidebar--blog .card--category a, .affliate_rule_module .sidebar--blog .card--category a, .product--sidebar .sidebar--blog .affliate_rule_module .card--category a, .sidebar--blog .affliate_rule_module .product--sidebar .card--category a, .support--sidebar .sidebar--blog .affliate_rule_module .card--category a, .sidebar--blog .affliate_rule_module .support--sidebar .card--category a, .faq--sidebar .sidebar--blog .affliate_rule_module .card--category a, .sidebar--blog .affliate_rule_module .faq--sidebar .card--category a, .sidebar--blog .affliate_rule_module .card--category a, .sidebar--blog .affliate_rule_module .card--category a, .product--sidebar .sidebar--blog .card--category a, .sidebar--blog .product--sidebar .card--category a, .support--sidebar .sidebar--blog .card--category a, .sidebar--blog .support--sidebar .card--category a, .faq--sidebar .sidebar--blog .card--category a, .sidebar--blog .faq--sidebar .card--category a, .affliate_rule_module .sidebar--blog .card--category a, .sidebar--blog .affliate_rule_module .card--category a, .sidebar--blog .card--category a { + display: block; +} + +.product--sidebar .card--category ul li, .support--sidebar .card--category ul li, .faq--sidebar .card--category ul li, .affliate_rule_module .card--category ul li, .sidebar--blog .card--category ul li, .product--sidebar .support--sidebar .card--forum_categories ul li, .support--sidebar .product--sidebar .card--forum_categories ul li, .support--sidebar .card--forum_categories ul li, .faq--sidebar .support--sidebar .card--forum_categories ul li, .support--sidebar .faq--sidebar .card--forum_categories ul li, .affliate_rule_module .support--sidebar .card--forum_categories ul li, .support--sidebar .affliate_rule_module .card--forum_categories ul li, .sidebar--blog .support--sidebar .card--forum_categories ul li, .support--sidebar .sidebar--blog .card--forum_categories ul li, .product--sidebar .faq--sidebar .card--forum_categories ul li, .faq--sidebar .product--sidebar .card--forum_categories ul li, .support--sidebar .faq--sidebar .card--forum_categories ul li, .faq--sidebar .support--sidebar .card--forum_categories ul li, .faq--sidebar .card--forum_categories ul li, .affliate_rule_module .faq--sidebar .card--forum_categories ul li, .faq--sidebar .affliate_rule_module .card--forum_categories ul li, .sidebar--blog .faq--sidebar .card--forum_categories ul li, .faq--sidebar .sidebar--blog .card--forum_categories ul li, .product--sidebar .affliate_rule_module .card--forum_categories ul li, .affliate_rule_module .product--sidebar .card--forum_categories ul li, .support--sidebar .affliate_rule_module .card--forum_categories ul li, .affliate_rule_module .support--sidebar .card--forum_categories ul li, .faq--sidebar .affliate_rule_module .card--forum_categories ul li, .affliate_rule_module .faq--sidebar .card--forum_categories ul li, .affliate_rule_module .card--forum_categories ul li, .sidebar--blog .affliate_rule_module .card--forum_categories ul li, .affliate_rule_module .sidebar--blog .card--forum_categories ul li, .product--sidebar .sidebar--blog .card--forum_categories ul li, .sidebar--blog .product--sidebar .card--forum_categories ul li, .support--sidebar .sidebar--blog .card--forum_categories ul li, .sidebar--blog .support--sidebar .card--forum_categories ul li, .faq--sidebar .sidebar--blog .card--forum_categories ul li, .sidebar--blog .faq--sidebar .card--forum_categories ul li, .affliate_rule_module .sidebar--blog .card--forum_categories ul li, .sidebar--blog .affliate_rule_module .card--forum_categories ul li, .sidebar--blog .card--forum_categories ul li, .product--sidebar .support--sidebar .sidebar--blog .card--category ul li, .support--sidebar .sidebar--blog .product--sidebar .card--category ul li, .support--sidebar .sidebar--blog .card--category ul li, .faq--sidebar .support--sidebar .sidebar--blog .card--category ul li, .affliate_rule_module .support--sidebar .sidebar--blog .card--category ul li, .support--sidebar .sidebar--blog .card--category ul li, .product--sidebar .sidebar--blog .support--sidebar .card--category ul li, .sidebar--blog .support--sidebar .product--sidebar .card--category ul li, .sidebar--blog .support--sidebar .card--category ul li, .sidebar--blog .support--sidebar .faq--sidebar .card--category ul li, .sidebar--blog .support--sidebar .affliate_rule_module .card--category ul li, .sidebar--blog .support--sidebar .card--category ul li, .product--sidebar .faq--sidebar .sidebar--blog .card--category ul li, .faq--sidebar .sidebar--blog .product--sidebar .card--category ul li, .support--sidebar .faq--sidebar .sidebar--blog .card--category ul li, .faq--sidebar .sidebar--blog .support--sidebar .card--category ul li, .faq--sidebar .sidebar--blog .card--category ul li, .affliate_rule_module .faq--sidebar .sidebar--blog .card--category ul li, .faq--sidebar .sidebar--blog .card--category ul li, .product--sidebar .sidebar--blog .faq--sidebar .card--category ul li, .sidebar--blog .faq--sidebar .product--sidebar .card--category ul li, .support--sidebar .sidebar--blog .faq--sidebar .card--category ul li, .sidebar--blog .faq--sidebar .support--sidebar .card--category ul li, .sidebar--blog .faq--sidebar .card--category ul li, .sidebar--blog .faq--sidebar .affliate_rule_module .card--category ul li, .sidebar--blog .faq--sidebar .card--category ul li, .product--sidebar .affliate_rule_module .sidebar--blog .card--category ul li, .affliate_rule_module .sidebar--blog .product--sidebar .card--category ul li, .support--sidebar .affliate_rule_module .sidebar--blog .card--category ul li, .affliate_rule_module .sidebar--blog .support--sidebar .card--category ul li, .faq--sidebar .affliate_rule_module .sidebar--blog .card--category ul li, .affliate_rule_module .sidebar--blog .faq--sidebar .card--category ul li, .affliate_rule_module .sidebar--blog .card--category ul li, .affliate_rule_module .sidebar--blog .card--category ul li, .product--sidebar .sidebar--blog .affliate_rule_module .card--category ul li, .sidebar--blog .affliate_rule_module .product--sidebar .card--category ul li, .support--sidebar .sidebar--blog .affliate_rule_module .card--category ul li, .sidebar--blog .affliate_rule_module .support--sidebar .card--category ul li, .faq--sidebar .sidebar--blog .affliate_rule_module .card--category ul li, .sidebar--blog .affliate_rule_module .faq--sidebar .card--category ul li, .sidebar--blog .affliate_rule_module .card--category ul li, .sidebar--blog .affliate_rule_module .card--category ul li, .product--sidebar .sidebar--blog .card--category ul li, .sidebar--blog .product--sidebar .card--category ul li, .support--sidebar .sidebar--blog .card--category ul li, .sidebar--blog .support--sidebar .card--category ul li, .faq--sidebar .sidebar--blog .card--category ul li, .sidebar--blog .faq--sidebar .card--category ul li, .affliate_rule_module .sidebar--blog .card--category ul li, .sidebar--blog .affliate_rule_module .card--category ul li, .sidebar--blog .card--category ul li { + position: relative; + padding-left: 15px; +} + +.product--sidebar .card--category ul li:before, .support--sidebar .card--category ul li:before, .faq--sidebar .card--category ul li:before, .affliate_rule_module .card--category ul li:before, .sidebar--blog .card--category ul li:before, .product--sidebar .support--sidebar .card--forum_categories ul li:before, .support--sidebar .product--sidebar .card--forum_categories ul li:before, .support--sidebar .card--forum_categories ul li:before, .product--sidebar .faq--sidebar .card--forum_categories ul li:before, .faq--sidebar .product--sidebar .card--forum_categories ul li:before, .support--sidebar .faq--sidebar .card--forum_categories ul li:before, .faq--sidebar .support--sidebar .card--forum_categories ul li:before, .faq--sidebar .card--forum_categories ul li:before, .product--sidebar .affliate_rule_module .card--forum_categories ul li:before, .affliate_rule_module .product--sidebar .card--forum_categories ul li:before, .support--sidebar .affliate_rule_module .card--forum_categories ul li:before, .affliate_rule_module .support--sidebar .card--forum_categories ul li:before, .faq--sidebar .affliate_rule_module .card--forum_categories ul li:before, .affliate_rule_module .faq--sidebar .card--forum_categories ul li:before, .affliate_rule_module .card--forum_categories ul li:before, .product--sidebar .sidebar--blog .card--forum_categories ul li:before, .sidebar--blog .product--sidebar .card--forum_categories ul li:before, .support--sidebar .sidebar--blog .card--forum_categories ul li:before, .sidebar--blog .support--sidebar .card--forum_categories ul li:before, .faq--sidebar .sidebar--blog .card--forum_categories ul li:before, .sidebar--blog .faq--sidebar .card--forum_categories ul li:before, .affliate_rule_module .sidebar--blog .card--forum_categories ul li:before, .sidebar--blog .affliate_rule_module .card--forum_categories ul li:before, .sidebar--blog .card--forum_categories ul li:before, .product--sidebar .sidebar--blog .card--category ul li:before, .sidebar--blog .product--sidebar .card--category ul li:before, .support--sidebar .sidebar--blog .card--category ul li:before, .sidebar--blog .support--sidebar .card--category ul li:before, .faq--sidebar .sidebar--blog .card--category ul li:before, .sidebar--blog .faq--sidebar .card--category ul li:before, .affliate_rule_module .sidebar--blog .card--category ul li:before, .sidebar--blog .affliate_rule_module .card--category ul li:before, .sidebar--blog .card--category ul li:before { + position: absolute; + content: ""; + width: 5px; + height: 5px; + border-radius: 50%; + background: #6F7495; + left: 0; + top: 15px; +} + +.product--sidebar .card--category ul li a, .support--sidebar .card--category ul li a, .faq--sidebar .card--category ul li a, .affliate_rule_module .card--category ul li a, .sidebar--blog .card--category ul li a, .product--sidebar .support--sidebar .card--forum_categories ul li a, .support--sidebar .product--sidebar .card--forum_categories ul li a, .support--sidebar .card--forum_categories ul li a, .product--sidebar .faq--sidebar .card--forum_categories ul li a, .faq--sidebar .product--sidebar .card--forum_categories ul li a, .support--sidebar .faq--sidebar .card--forum_categories ul li a, .faq--sidebar .support--sidebar .card--forum_categories ul li a, .faq--sidebar .card--forum_categories ul li a, .product--sidebar .affliate_rule_module .card--forum_categories ul li a, .affliate_rule_module .product--sidebar .card--forum_categories ul li a, .support--sidebar .affliate_rule_module .card--forum_categories ul li a, .affliate_rule_module .support--sidebar .card--forum_categories ul li a, .faq--sidebar .affliate_rule_module .card--forum_categories ul li a, .affliate_rule_module .faq--sidebar .card--forum_categories ul li a, .affliate_rule_module .card--forum_categories ul li a, .product--sidebar .sidebar--blog .card--forum_categories ul li a, .sidebar--blog .product--sidebar .card--forum_categories ul li a, .support--sidebar .sidebar--blog .card--forum_categories ul li a, .sidebar--blog .support--sidebar .card--forum_categories ul li a, .faq--sidebar .sidebar--blog .card--forum_categories ul li a, .sidebar--blog .faq--sidebar .card--forum_categories ul li a, .affliate_rule_module .sidebar--blog .card--forum_categories ul li a, .sidebar--blog .affliate_rule_module .card--forum_categories ul li a, .sidebar--blog .card--forum_categories ul li a, .product--sidebar .sidebar--blog .card--category ul li a, .sidebar--blog .product--sidebar .card--category ul li a, .support--sidebar .sidebar--blog .card--category ul li a, .sidebar--blog .support--sidebar .card--category ul li a, .faq--sidebar .sidebar--blog .card--category ul li a, .sidebar--blog .faq--sidebar .card--category ul li a, .affliate_rule_module .sidebar--blog .card--category ul li a, .sidebar--blog .affliate_rule_module .card--category ul li a, .sidebar--blog .card--category ul li a { + display: block; + line-height: 36px; + transition: 0.3s ease; + color: #6F7495; +} + +.product--sidebar .card--category ul li a span.fa, .support--sidebar .card--category ul li a span.fa, .faq--sidebar .card--category ul li a span.fa, .affliate_rule_module .card--category ul li a span.fa, .support--sidebar .card--forum_categories ul li a span.fa, .faq--sidebar .card--forum_categories ul li a span.fa, .affliate_rule_module .card--forum_categories ul li a span.fa, .sidebar--blog .card--forum_categories ul li a span.fa, .sidebar--blog .card--category ul li a span.fa { + font-size: 6px; + margin-right: 10px; + position: relative; + top: -3px; +} + +.product--sidebar .card--category ul li a .item-count, .support--sidebar .card--category ul li a .item-count, .faq--sidebar .card--category ul li a .item-count, .affliate_rule_module .card--category ul li a .item-count, .support--sidebar .card--forum_categories ul li a .item-count, .faq--sidebar .card--forum_categories ul li a .item-count, .affliate_rule_module .card--forum_categories ul li a .item-count, .sidebar--blog .card--forum_categories ul li a .item-count, .sidebar--blog .card--category ul li a .item-count { + float: right; +} + +.product--sidebar .card--slider .card-content, .support--sidebar .card--slider .card-content, .faq--sidebar .card--slider .card-content, .affliate_rule_module .card--slider .card-content, .sidebar--blog .card--slider .card-content { + padding: 30px 0; +} + +.product--sidebar .card--slider .card-content .price-ranges, .support--sidebar .card--slider .card-content .price-ranges, .faq--sidebar .card--slider .card-content .price-ranges, .affliate_rule_module .card--slider .card-content .price-ranges, .sidebar--blog .card--slider .card-content .price-ranges { + padding-top: 25px; +} + +.product--sidebar .card--slider .card-content .price-ranges .from, .support--sidebar .card--slider .card-content .price-ranges .from, .faq--sidebar .card--slider .card-content .price-ranges .from, .affliate_rule_module .card--slider .card-content .price-ranges .from, .sidebar--blog .card--slider .card-content .price-ranges .from { + margin-right: 10px; +} + +/* SINGLE PRODUCT SIDEBAR */ +.sidebar-card.card-pricing, .card-pricing.item-preview { + padding: 30px; +} + +.sidebar-card.card-pricing .price, .card-pricing.item-preview .price { + padding: 30px 0; + text-align: center; + margin-bottom: 20px; + border: 3px solid #ebedf2; + border-radius: 3px; +} + +.sidebar-card.card-pricing .price h1, .card-pricing.item-preview .price h1 { + line-height: 30px; + font-weight: 600; +} + +.sidebar-card.card-pricing .price h1 sup, .card-pricing.item-preview .price h1 sup { + font-size: 18px; +} + +.sidebar-card.card-pricing .pricing-options, .card-pricing.item-preview .pricing-options { + margin-bottom: 25px; +} + +.sidebar-card.card-pricing .pricing-options li, .card-pricing.item-preview .pricing-options li { + padding: 10px 0; +} + +.sidebar-card.card-pricing .pricing-options li + li, .card-pricing.item-preview .pricing-options li + li { + border-top: 1px solid #ebedf2; +} + +.sidebar-card.card-pricing .pricing-options .custom-radio label, .card-pricing.item-preview .pricing-options .custom-radio label, .sidebar-card.card-pricing .pricing-options .custom-radio .form-group p.label, .form-group .sidebar-card.card-pricing .pricing-options .custom-radio p.label, .card-pricing.item-preview .pricing-options .custom-radio .form-group p.label, .form-group .card-pricing.item-preview .pricing-options .custom-radio p.label { + font-size: 16px; +} + +.sidebar-card.card-pricing .pricing-options .custom-radio label .pricing__opt, .card-pricing.item-preview .pricing-options .custom-radio label .pricing__opt, .sidebar-card.card-pricing .pricing-options .custom-radio .form-group p.label .pricing__opt, .form-group .sidebar-card.card-pricing .pricing-options .custom-radio p.label .pricing__opt, .card-pricing.item-preview .pricing-options .custom-radio .form-group p.label .pricing__opt, .form-group .card-pricing.item-preview .pricing-options .custom-radio p.label .pricing__opt { + color: #333333; + font-weight: 400; +} + +.sidebar-card.card-pricing .purchase-button .btn, .card-pricing.item-preview .purchase-button .btn { + width: 100%; + font-weight: 400; +} + +.sidebar-card.card-pricing .purchase-button .btn + .btn, .card-pricing.item-preview .purchase-button .btn + .btn { + margin-top: 30px; +} + +.sidebar-card.card--pricing2, .card--pricing2.item-preview { + padding: 0; +} + +.sidebar-card.card--pricing2 .price, .card--pricing2.item-preview .price { + border-radius: 4px 4px 0 0; +} + +.sidebar-card.card--pricing2 .price h1, .card--pricing2.item-preview .price h1 { + color: #fff !important; +} + +.sidebar-card.card--pricing2 .pricing-options, .card--pricing2.item-preview .pricing-options { + padding: 0 30px; +} + +.sidebar-card.card--pricing2 .pricing-options li p, .card--pricing2.item-preview .pricing-options li p { + padding-top: 18px; + padding-left: 35px; +} + +.sidebar-card.card--pricing2 .purchase-button, .card--pricing2.item-preview .purchase-button { + padding: 0 30px 30px; +} + +.card-title { + padding: 30px; + border-bottom: 1px solid #ebedf2; + margin-bottom: 0; +} + +.card--metadata ul.data > li { + padding: 22px 0 22px; + border-bottom: 1px solid #ebedf2; + overflow: hidden; + line-height: 30px; +} + +.card--metadata ul.data > li:last-child { + border-bottom: 0; + padding-bottom: 0; +} + +.card--metadata ul.data > li p { + float: left; + font-size: 16px; + line-height: inherit; + margin-bottom: 0; +} + +.card--metadata ul.data > li p span { + margin-right: 8px; +} + +.card--metadata ul.data > li > span { + float: right; + font-weight: 400; + font-size: 18px; + color: #333; +} + +.card--metadata .rating { + text-align: center; + padding-top: 28px; +} + +.card--product-infos { + padding: 0; +} + +.card--product-infos ul.infos { + padding: 19px 30px; +} + +.card--product-infos ul.infos li { + overflow: hidden; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.card--product-infos ul.infos li p { + margin: 0; + font-size: 15px; + vertical-align: top; + line-height: 36px; +} + +.card--product-infos ul.infos li p.data-label { + width: 40%; + font-weight: 400; + color: #333333; +} + +.card--product-infos ul.infos li p.data-label:after { + content: ':'; + margin-left: 2px; +} + +.card--product-infos ul.infos li p.info { + width: 58%; + color: #555555; +} + +/* Social Share Card */ +.social-share-card { + display: flex; + align-items: center; + padding: 30px; +} + +.social-share-card p { + margin: 0 15px 0 0; +} + +.social-share-card ul li { + display: inline-block; + margin-right: 15px; +} + +.social-share-card ul li:last-child { + margin-right: 0; +} + +.social-share-card ul li a { + color: #cfd4e2; +} + +/* SUPPORT PAGE SIDEBAR */ +.support--sidebar .login_promot, .faq--sidebar .login_promot, .affliate_rule_module .login_promot, .sidebar--blog .login_promot { + color: #fff; + margin-bottom: 30px; + font-weight: 400; + font-size: 18px; + border-radius: 4px; + padding: 20px 0; + display: block; + text-align: center; +} + +.support--sidebar .login_promot span, .faq--sidebar .login_promot span, .affliate_rule_module .login_promot span, .sidebar--blog .login_promot span { + margin-right: 10px; +} + +.support--sidebar .card--top_discussion .card-content li, .faq--sidebar .card--top_discussion .card-content li, .affliate_rule_module .card--top_discussion .card-content li, .sidebar--blog .card--top_discussion .card-content li, .support--sidebar .faq--sidebar .faq--card .card-content li, .faq--sidebar .support--sidebar .faq--card .card-content li, .faq--sidebar .faq--card .card-content li, .sidebar--blog .faq--sidebar .faq--card .card-content li, .faq--sidebar .sidebar--blog .faq--card .card-content li, .support--sidebar .affliate_rule_module .faq--card .card-content li, .affliate_rule_module .support--sidebar .faq--card .card-content li, .faq--sidebar .affliate_rule_module .faq--card .card-content li, .affliate_rule_module .faq--sidebar .faq--card .card-content li, .affliate_rule_module .faq--card .card-content li, .sidebar--blog .affliate_rule_module .faq--card .card-content li, .affliate_rule_module .sidebar--blog .faq--card .card-content li { + position: relative; + padding-left: 23px; + margin-bottom: 10px; +} + +.support--sidebar .card--top_discussion .card-content li:before, .faq--sidebar .card--top_discussion .card-content li:before, .affliate_rule_module .card--top_discussion .card-content li:before, .sidebar--blog .card--top_discussion .card-content li:before, .faq--sidebar .faq--card .card-content li:before, .sidebar--blog .faq--sidebar .faq--card .card-content li:before, .faq--sidebar .sidebar--blog .faq--card .card-content li:before, .support--sidebar .affliate_rule_module .faq--card .card-content li:before, .affliate_rule_module .support--sidebar .faq--card .card-content li:before, .faq--sidebar .affliate_rule_module .faq--card .card-content li:before, .affliate_rule_module .faq--sidebar .faq--card .card-content li:before, .affliate_rule_module .faq--card .card-content li:before, .sidebar--blog .affliate_rule_module .faq--card .card-content li:before, .affliate_rule_module .sidebar--blog .faq--card .card-content li:before { + position: absolute; + content: ''; + height: 7px; + width: 7px; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + background: #c5cad4; + vertical-align: middle; + left: 0; + top: 9px; +} + +.support--sidebar .card--top_discussion .card-content li a, .faq--sidebar .card--top_discussion .card-content li a, .affliate_rule_module .card--top_discussion .card-content li a, .sidebar--blog .card--top_discussion .card-content li a, .faq--sidebar .faq--card .card-content li a, .sidebar--blog .faq--sidebar .faq--card .card-content li a, .faq--sidebar .sidebar--blog .faq--card .card-content li a, .support--sidebar .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .support--sidebar .faq--card .card-content li a, .faq--sidebar .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .faq--sidebar .faq--card .card-content li a, .affliate_rule_module .faq--card .card-content li a, .sidebar--blog .affliate_rule_module .faq--card .card-content li a, .affliate_rule_module .sidebar--blog .faq--card .card-content li a { + line-height: 26px; +} + +.support--sidebar .card--top_discussion .card-content li a span, .faq--sidebar .card--top_discussion .card-content li a span, .affliate_rule_module .card--top_discussion .card-content li a span, .sidebar--blog .card--top_discussion .card-content li a span, .faq--sidebar .faq--card .card-content li a span, .affliate_rule_module .faq--card .card-content li a span { + display: block; + color: #6F7495; +} + +/* FAQ SIDEBAR */ +.faq--sidebar .faq--card, .affliate_rule_module .faq--card { + border: 0 none; +} + +.faq--sidebar .faq--card .card-content li:before, .affliate_rule_module .faq--card .card-content li:before { + transform: translateY(0); + top: 13px; +} + +.faq--sidebar .faq--card .card-content a, .affliate_rule_module .faq--card .card-content a { + font-size: 16px; +} + +.faq--sidebar .faq--card .btn--faq, .affliate_rule_module .faq--card .btn--faq { + text-align: center; + margin-bottom: 38px; +} + +.author-card .card-title { + padding: 30px; +} + +.author-card.sidebar-card, .author-card.item-preview { + padding: 0; +} + +.author-card .author-infos { + padding: 30px; +} + +.author-card .author-infos .author-top { + display: flex; + align-items: center; +} + +.author-card .author-infos .author_avatar { + width: 100px; + height: 100px; + display: inline-block; + border-radius: 4px; + overflow: hidden; + margin-right: 20px; +} + +.author-card .author-infos .author h5 { + line-height: 30px; + color: #313342; +} + +.author-card .author-infos .author p { + line-height: 30px; + padding-top: 6px; + margin: 0; + font-size: 15px; + font-weight: 300; +} + +.author-card .author-infos .social { + margin-top: 25px; + margin-bottom: 30px; +} + +.author-card .author-infos .author-btn { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.author-card .author-infos .author-btn .btn:last-child { + margin-right: 0; +} + +.author-card.author-card2 { + text-align: center; +} + +.author-card.author-card2 .author-infos { + padding: 50px 0 5px 0; +} + +.author-card.author-card2 .author-infos .author_avatar { + margin-right: 0; + border-radius: 50%; + margin-bottom: 15px; +} + +.author-card.author-card2 .author-infos .author p { + line-height: 25px; +} + +.author-card.author-card2 .author-infos .social { + display: block; + border-top: 1px solid #ebedf2; + margin: 35px 0; + padding: 35px 30px 0 30px; + text-align: left; +} + +.author-card.author-card2 .author-infos .author-btn { + display: inline-block; + margin-top: 20px; +} + +/* upload page sidebar */ +.upload_sidebar .card_content { + padding: 10px 30px 26px; +} + +.upload_sidebar .card_content p { + line-height: 30px; + margin-bottom: 0; +} + +.upload_sidebar .card_content ul { + padding-left: 19px; + padding-top: 20px; +} + +.upload_sidebar .card_content ul li { + list-style-type: disc; + line-height: 30px; + font-size: 16px; + color: #6F7495; +} + +.upload_sidebar .card_content ul li + li { + margin-top: 13px; +} + +.upload_sidebar .card_info h4 { + color: #313342; + font-weight: 400; + padding-bottom: 20px; +} + +.upload_sidebar .card_info + .card_info { + margin-top: 30px; +} + +/* CARD BLOG SIDEBAR */ +.sidebar--blog .card--blog_sidebar ul.post-tab { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.sidebar--blog .card--blog_sidebar .card_content { + padding: 0 25px; +} + +.sidebar--blog .card--search .searc-wrap input { + width: 100%; +} + +.sidebar--blog .card--search .card_content { + padding: 25px; +} + +.sidebar--blog .sidebar--post .tab-pane { + padding-bottom: 25px; +} + +.sidebar--blog .sidebar--post .card-title ul { + overflow: hidden; +} + +.sidebar--blog .sidebar--post .card-title ul li a { + font-size: 18px; + color: #313342; +} + +.sidebar--blog .sidebar--post .post-list li { + padding: 25px 0; + display: flex; +} + +.sidebar--blog .sidebar--post .post-list li + li { + border-top: 1px solid #ebedf2; +} + +.sidebar--blog .sidebar--post .post-list li:last-child { + padding-bottom: 0; +} + +.sidebar--blog .sidebar--post .post-list .thumbnail_img img { + width: 100%; +} + +.sidebar--blog .sidebar--post .post-list .title_area { + padding-left: 15px; + flex: 2; +} + +.sidebar--blog .sidebar--post .post-list .title_area a { + display: inline-block; + font-weight: 400; + margin-bottom: 6px; +} + +.sidebar--blog .sidebar--post .post-list .title_area a h6 { + line-height: 24px; + color: #333; + font-weight: 400; +} + +.sidebar--blog .sidebar--post .post-list .title_area .date_time span { + display: inline-block; +} + +.sidebar--blog .sidebar--post .post-list .title_area .date_time p { + margin: 0; + display: inline-block; + color: #898f96; + font-size: 15px; +} + +.sidebar--blog .card--tags .tags { + padding: 25px 20px 11px; +} + +.sidebar--blog .card--tags .tags li { + display: inline-block; + margin: 0 5px 14px; +} + +.sidebar--blog .card--tags .tags li a { + color: #6F7495; + background: rgba(110, 79, 246, 0.07); + line-height: 30px; + display: inline-block; + padding: 0 15px; + border-radius: 3px; +} + +.banner { + position: relative; +} + +.banner img { + border-radius: 4px; + width: 100%; +} + +.banner:before { + content: ''; + background: linear-gradient(to left, #1DC9B7, #6E4FF6); + position: absolute; + height: 100%; + width: 100%; + border-radius: 4px; + opacity: 0.8; +} + +.banner .banner_content { + position: absolute; + width: 100%; + top: 50%; + left: 50%; + text-align: center; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 1; +} + +.banner .banner_content h1 { + color: #f9f9f9; +} + +.banner .banner_content p { + margin: 0; + color: #f9f9f9; +} + +.card--filter .card-content li { + margin-bottom: 10px; +} + +.card--filter .card-content li:last-child { + margin-bottom: 0; +} + +ul.nav-tabs { + border: 0; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +ul.nav-tabs li { + flex: auto; + position: relative; + border-bottom: 1px solid #ebedf2; +} + +ul.nav-tabs li a { + color: #6F7495; + font-size: 16px; + text-transform: capitalize; + display: block; + margin-right: 0; + line-height: 70px; + border: none; + transition: 0.3s; + position: relative; + text-align: center; + font-weight: 300; +} + +ul.nav-tabs li a:before { + content: ""; + position: absolute; + height: 3px; + width: 90%; + opacity: 0; + left: 5%; + transition: 0.3s ease; + visibility: hidden; + bottom: 0; +} + +ul.nav-tabs li a.active { + border-bottom: 0; +} + +ul.nav-tabs li a.active:before { + opacity: 1; + visibility: visible; +} + +ul.nav-tabs li a a, +ul.nav-tabs li a a:focus, +ul.nav-tabs li a a:active, +ul.nav-tabs li a a:hover { + border: 0; + background: none; +} + +ul.nav-tabs li a span.icon { + display: inline-block; + padding-right: 5px; +} + +ul.nav-tabs.nav--tabs2 { + display: flex; + justify-content: center; + margin-bottom: -4px; +} + +ul.nav-tabs.nav--tabs2 li { + flex: none; + border: none; +} + +ul.nav-tabs.nav--tabs2 li::before { + bottom: 0; +} + +ul.nav-tabs.nav--tabs2 li a { + padding: 0 30px; + font-weight: 400; +} + +ul.nav-tabs.nav--tabs2 li a:before { + width: 100%; + left: 0; + bottom: 3px; +} + +.tab .tab-content { + margin-top: 30px; +} + +.tab2, .tab3 { + padding: 0 30px; +} + +.tab2 .item-navigation, .tab3 .item-navigation { + text-align: center; + border-bottom: 1px solid #ebedf2; +} + +.tab3 .item-navigation { + text-align: left; +} + +.tab3 ul.nav-tabs li a { + padding: 0 50px; +} + +.tab3 ul.nav-tabs li a span { + padding-right: 7px; +} + +.tab4 { + padding: 30px; + overflow: hidden; +} + +.tab4 .item-navigation { + float: left; + width: 20%; + border-bottom: 0; +} + +.tab4 .tab-content { + width: 80%; + float: left; + margin-top: 0; +} + +.tab4 .tab-content .tab-pane { + padding-bottom: 0; +} + +.tab4 ul.nav-tabs { + justify-content: flex-start; +} + +.tab4 ul.nav-tabs li { + width: 100%; +} + +.tab4 ul.nav-tabs li a { + line-height: 50px; + text-align: left; + margin-right: 30px; + padding-left: 0; +} + +.tab4 ul.nav-tabs li a:before { + width: 3px; + right: 0; + left: auto; + height: calc(100% - 10px); +} + +.tab4 ul.nav-tabs li a span { + padding-right: 7px; +} + +.items-tab { + padding: 0 30px; +} + +.tab-content { + margin-bottom: 0; +} + +.tab-content .tab-pane { + padding: 0 0 30px 0; +} + +.tab-content .tab-pane .about_author.border-none { + padding: 0 30px; + margin-bottom: 0; +} + +.tab-content .tab-pane p { + margin-bottom: 0; +} + +/***************************** + -- TEAM +*****************************/ +/**/ +.team_area { + background: #f6f7fb; + padding: 100px 0 70px 0; +} + +.team-single { + background: #fff; + margin-bottom: 30px; + border-radius: 3px; +} + +.team-single figure { + text-align: center; + padding: 30px 30px 25px; + margin: 0; + transition: all 0.3s ease; +} + +.team-single figure:hover { + box-shadow: 0 8px 10px rgba(110, 79, 246, 0.08); +} + +.team-single figure img { + width: auto; +} + +.team-single figure figcaption { + margin-top: 25px; +} + +.team-single figure figcaption h5 { + margin: 0 0 15px 0; +} + +.team-single figure figcaption span.member-title { + display: inline-block; + font-size: 14px; + font-weight: 300; + color: #fff; + padding: 5px 15px; + border-radius: 3px; + line-height: initial; + transition: 0.3s ease; +} + +.team-single figure figcaption ul.team-social { + margin-top: 25px; +} + +.team-single figure figcaption ul.team-social li { + display: inline-block; + margin-right: 20px; +} + +.team-single figure figcaption ul.team-social li:last-child { + margin-right: 0; +} + +.team-single figure figcaption ul.team-social li a { + color: #6F7495; +} + +.team-single figure figcaption ul.team-social li a:hover { + stroke: #6E4FF6; +} + +/* +this file contains the style for the timline component +*/ +/***************************** + -- TIMELINE +*****************************/ +.timeline:before { + top: 0; +} + +.timeline:before, .timeline:after { + position: absolute; + content: ''; + height: 18px; + width: 18px; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + border-radius: 50%; + -o-transform: translateX(-50%); + transform: translateX(-50%); + border: 4px solid #fff; +} + +.timeline:after { + bottom: 0; +} + +.timeline .happening:before, .timeline .happening:after { + content: ''; + display: table; + transition: 0.3s ease; + clear: both; +} + +.timeline .happening .happening--period { + width: 50%; + padding: 60px 54px 0 0; + float: left; + vertical-align: top; + text-align: right; + position: relative; +} + +.timeline .happening .happening--period p { + color: #898f96; + font-size: 18px; + font-weight: 500; + transition: 0.3s ease; + margin-bottom: 0; +} + +.timeline .happening .happening--period:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + background: #fff; + border-radius: 50%; + border: 3px solid #c4cdd8; + right: 0; + transition: 0.3s ease; + transform: translateX(50%); +} + +.timeline .happening .happening--detail { + width: 50%; + float: right; + padding: 60px 0 0 50px; + position: relative; +} + +.timeline .happening .happening--detail h3 { + margin-bottom: 20px; +} + +.timeline .happening .happening--detail p { + font-size: 16px; + line-height: 30px; +} + +.timeline .happening .happening--detail:before { + position: absolute; + content: ''; + left: 0; + top: 0; + width: 4px; + height: 100%; + background: #ebecf1; + z-index: -1; + transform: translateX(-50%); +} + +.timeline .happening:nth-child(2n+2) .happening--period { + float: right; + text-align: left; + padding-right: 0; + padding-left: 54px; +} + +.timeline .happening:nth-child(2n+2) .happening--period:before { + left: 0; + transform: translateX(-50%); +} + +.timeline .happening:nth-child(2n+2) .happening--detail { + text-align: right; + padding: 40px 50px 0 0; +} + +.timeline .happening:nth-child(2n+2) .happening--detail:before { + left: 100%; +} + +.timeline .happening:hover .happening--period:before { + border-color: #fff; +} + +/***************************** + Accordion Styles +*****************************/ +.accordion .card { + margin-bottom: 20px; +} + +.accordion .card:last-child { + margin-bottom: 0; +} + +.accordion .card-body { + border-bottom: 1px solid #ebedf2; +} + +.accordion .accordion__single { + margin-bottom: 20px; +} + +.accordion .card, +.accordion .accordion__single { + border: 1px solid #ebedf2; + border-radius: 0; +} + +.accordion .card .card-header, +.accordion .accordion__single .card-header { + background: #fff; + padding: 0; +} + +.accordion .card h4 a, +.accordion .card h4 button, +.accordion .card h5 a, +.accordion .card h5 button, +.accordion .accordion__single h4 a, +.accordion .accordion__single h4 button, +.accordion .accordion__single h5 a, +.accordion .accordion__single h5 button { + line-height: 26px; + display: block; + color: #333; + font-weight: 300; + font-size: 18px; + padding: 15px 27px 15px 80px; + position: relative; +} + +.accordion .card h4 a i.lnr, +.accordion .card h4 button i.lnr, +.accordion .card h5 a i.lnr, +.accordion .card h5 button i.lnr, +.accordion .accordion__single h4 a i.lnr, +.accordion .accordion__single h4 button i.lnr, +.accordion .accordion__single h5 a i.lnr, +.accordion .accordion__single h5 button i.lnr { + position: absolute; + left: 0; + top: 0; + width: 60px; + height: 100%; + border-right: 1px solid #ebedf2; + padding-top: 18px; + text-align: center; + transition: 0.3s ease; +} + +.accordion .card h4 a i.lnr:before, +.accordion .card h4 button i.lnr:before, +.accordion .card h5 a i.lnr:before, +.accordion .card h5 button i.lnr:before, +.accordion .accordion__single h4 a i.lnr:before, +.accordion .accordion__single h4 button i.lnr:before, +.accordion .accordion__single h5 a i.lnr:before, +.accordion .accordion__single h5 button i.lnr:before { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; +} + +.accordion .card h4 a.active i.lnr, +.accordion .card h4 button.active i.lnr, +.accordion .card h5 a.active i.lnr, +.accordion .card h5 button.active i.lnr, +.accordion .accordion__single h4 a.active i.lnr, +.accordion .accordion__single h4 button.active i.lnr, +.accordion .accordion__single h5 a.active i.lnr, +.accordion .accordion__single h5 button.active i.lnr { + border-color: #8a95e7; +} + +.accordion .card h4 button, +.accordion .card h5 button, +.accordion .accordion__single h4 button, +.accordion .accordion__single h5 button { + padding: 15px 27px 15px 27px; + width: 100%; + text-align: left; + text-decoration: none; +} + +.accordion .card h4 button:hover:before, +.accordion .card h5 button:hover:before, +.accordion .accordion__single h4 button:hover:before, +.accordion .accordion__single h5 button:hover:before { + content: none; +} + +.accordion .card .single_acco_title a, +.accordion .accordion__single .single_acco_title a { + transition: 0.3s ease; +} + +.accordion .card .single_acco_title a.active, +.accordion .accordion__single .single_acco_title a.active { + color: #fff; +} + +.accordion .card .panel-body p, +.accordion .accordion__single .panel-body p { + margin: 25px 30px; +} + +.accordion .single_accordion_body { + padding: 27px 30px; +} + +.accordion .single_accordion_body p { + margin: 0; +} + +/* Alert Styles */ +.alert { + padding: 18px 55px 18px 60px; + border-radius: 3px; + font-size: 16px; + margin-bottom: 30px; + position: relative; +} + +.alert:before { + position: absolute; + font-family: "Simple-Line-Icons"; + left: 30px; + top: 18px; +} + +.alert strong { + font-weight: 500; +} + +.alert .alert_icon { + margin-right: 15px; + font-size: 16px; +} + +.alert.alert-default { + background: rgba(110, 79, 246, 0.1); +} + +.alert.alert-primary:before { + content: '\e027'; +} + +.alert.alert-secondary:before { + content: '\e031'; +} + +.alert.alert-success { + background: rgba(29, 201, 183, 0.1); + border-color: rgba(29, 201, 183, 0.1); +} + +.alert.alert-success:before { + content: '\e080'; +} + +.alert.alert-info { + background: rgba(54, 163, 247, 0.1); + border-color: rgba(54, 163, 247, 0.1); +} + +.alert.alert-info:before { + content: '\e055'; +} + +.alert.alert-warning { + background: rgba(255, 184, 34, 0.1); + border-color: rgba(255, 184, 34, 0.1); +} + +.alert.alert-warning:before { + content: '\e617'; +} + +.alert.alert-danger { + background: rgba(244, 81, 108, 0.1); + border-color: rgba(244, 81, 108, 0.1); +} + +.alert.alert-danger:before { + content: '\e01a'; +} + +.alert .close { + font-size: 16px; + opacity: .3; + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + padding: 0; +} + +.alert .close:hover { + opacity: .5; +} + +/* +This _btn.scss file contains all the different btn style used all across the site. +Any specific btn can be modified very easily from this file without +interfering any other css +*/ +/***************************** + ---BUTTON +*****************************/ +.btn--round { + border-radius: 100px; +} + +.btn { + margin: 0; + text-transform: capitalize; + font-size: 15px; + font-weight: 400; + display: inline-block; + transition: 0.3s ease; + position: relative; + line-height: 45px; + padding: 0 30px; +} + +.btn:focus, .btn:active { + color: #fff; + outline: 0; +} + +.btn:hover { + color: #fff; +} + +.btn:hover:before { + opacity: 0.07; + visibility: visible; +} + +.btn.btn--round:hover:before { + border-radius: 200px; +} + +.btn.btn--white, .btn-light, .btn--light, +.btn.btn--white:hover, .btn-light:hover, .btn--light:hover { + background: #f9f9f9; +} + +.btn--default { + line-height: 50px; +} + +.btn-default { + line-height: 50px; +} + +.btn--lg, .btn-lg { + line-height: 50px; + font-size: 16px; + padding: 0 40px; +} + +.btn--md, .btn-md { + line-height: 45px; + padding: 0 30px; +} + +.btn--xs { + line-height: 36px; + font-size: 14px; + padding: 0 12px; +} + +.btn--fullwidth { + width: 100%; +} + +.btn--sm, .btn-sm { + line-height: 40px; + padding: 0 20px; +} + +.btn--icon span { + margin-right: 5px; + line-height: inherit; + display: inline-block; +} + +.btn--faq { + min-width: 140px; +} + +.search-btn { + min-width: 223px; + border: 0; + border-radius: 4px; + transition: all 0.3s ease; +} + +/*************************************** + START CARD AREA +****************************************/ +/* card style1 */ +.card_style1 { + margin-bottom: 30px; +} + +.card_style1 .card_style1__info img { + width: 100%; + border-radius: 6px 6px 0 0; +} + +.card_style1 .card_style1__info .date_place li { + margin-bottom: 10px; +} + +.card_style1 .card_style1__info .date_place li:last-child { + margin-bottom: 0; +} + +.card_style1 .card_style1__info .date_place li span { + display: inline-block; + font-size: 20px; +} + +.card_style1 .card_style1__info .date_place li span, .card_style1 .card_style1__info .date_place li p { + display: inline-block; + vertical-align: middle; + margin-right: -3px; +} + +.card_style1 .card_style1__info .date_place li p { + display: inline-block; + font-weight: 400; + font-size: 16px; + margin-left: 13px; + margin-bottom: 0; +} + +.card_style1 .card_style1__info figcaption { + border-radius: 0 0 6px 6px; + padding: 22px 30px 28px; +} + +.card_style1 .card_style1__info figcaption h4 { + transition: 0.3s; + line-height: 30px; + margin-bottom: 17px; +} + +/* card style 2 */ +.card_style2 { + padding: 40px 50px 40px 40px; + margin-bottom: 30px; + position: relative; +} + +.card_style2 .card_style2__title { + color: #000; + margin-bottom: 25px; + line-height: 30px; +} + +.card_style2 .card_style2__location_type { + margin-bottom: 20px; +} + +.card_style2 .card_style2__location_type p, .card_style2 .card_style2__location_type .type { + display: inline-block; + margin-bottom: 0; +} + +.card_style2 .card_style2__location_type p { + color: #5a6671; + font-size: 16px; + line-height: 30px; + margin-right: 17px; +} + +.card_style2 .card_style2__location_type p span { + font-size: 20px; + margin-right: 8px; + vertical-align: -3px; +} + +.card_style2 .card_style2__location_type .type { + color: #fff; + line-height: 28px; + font-weight: 400; + border-radius: 3px; + padding: 0 15px; + font-size: 12px; +} + +.card_style2 a { + font-size: 16px; + line-height: 30px; + font-weight: 400; + display: flex; + align-items: center; +} + +.card_style2 a span { + padding-left: 7px; +} + +.card_style2 .save_job { + position: absolute; + right: 40px; + top: 46px; + width: 32px; + height: 32px; + border-radius: 50%; + background: rgba(110, 79, 246, 0.1); + text-align: center; + padding-top: 6px; + transition: 0.3s ease; +} + +.card_style2 .save_job span { + cursor: pointer; + font-size: 14px; + transition: 0.3s ease; +} + +.card_style2 .save_job:hover { + background: rgba(29, 201, 183, 0.1); +} + +/* +this file contains the style for datepicker component +*/ +/***************************** + --- DATE PICKER +*****************************/ +div#ui-datepicker-div { + background: #fff; + box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); +} + +div#ui-datepicker-div .ui-datepicker-title { + font-size: 18px; + color: #fff; + font-weight: 500; +} + +div#ui-datepicker-div .ui-datepicker-header { + color: #fff; + padding: 6px 0; +} + +div#ui-datepicker-div .ui-datepicker-prev { + left: 10px; +} + +div#ui-datepicker-div .ui-datepicker-prev:before { + content: '\e875'; +} + +div#ui-datepicker-div .ui-datepicker-next { + text-align: right; + right: 10px; +} + +div#ui-datepicker-div .ui-datepicker-next:before { + content: "\e876"; +} + +div#ui-datepicker-div .ui-datepicker-prev, +div#ui-datepicker-div .ui-datepicker-next { + cursor: pointer; + top: 46%; + transform: translateY(-50%); +} + +div#ui-datepicker-div .ui-datepicker-prev.ui-datepicker-prev-hover, div#ui-datepicker-div .ui-datepicker-prev.ui-datepicker-next-hover, +div#ui-datepicker-div .ui-datepicker-next.ui-datepicker-prev-hover, +div#ui-datepicker-div .ui-datepicker-next.ui-datepicker-next-hover { + top: 46%; + transform: translateY(-50%); +} + +div#ui-datepicker-div .ui-datepicker-prev:before, +div#ui-datepicker-div .ui-datepicker-next:before { + font-family: 'Linearicons-Free', sans-serif; + color: #fff; + line-height: 30px; +} + +div#ui-datepicker-div table { + margin: 0; +} + +div#ui-datepicker-div thead tr th span { + color: #6b6e8a; +} + +div#ui-datepicker-div tbody tr { + border-top: 1px solid #ebedf2; +} + +div#ui-datepicker-div tbody tr td + td { + border-left: 1px solid #ebedf2; +} + +div#ui-datepicker-div tbody tr td a { + color: #54667a; + margin: 0; + text-align: center; +} + +div#ui-datepicker-div tbody tr td a:hover { + background: rgba(54, 163, 247, 0.2); +} + +/***************************** + --- DROPDOWN +*****************************/ +.dropdown { + position: absolute; + min-width: 271px; + background: #fff; + padding: 19px 30px; + z-index: 3; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + border-radius: 0 0 4px 4px; + box-shadow: 0 0 40px rgba(82, 85, 90, 0.2); + /* messaginf page dropdown modifier */ +} + +.dropdown.active { + opacity: 1; + visibility: visible; +} + +.dropdown li a { + font-size: 15px; + line-height: 32px; + display: block; + color: #747b86; +} + +.dropdown li a span { + float: right; +} + +.dropdown:before { + content: ''; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fff; + bottom: 100%; +} + +.dropdown.messaging_dropdown li a { + color: #54667a; +} + +.dropdown.messaging_dropdown li a span { + float: none; + padding-right: 10px; +} + +.dropdown { + /* dropdown menu */ +} + +.dropdown.notification--dropdown { + width: 370px; + padding: 0; + right: -30px; +} + +.dropdown.notification--dropdown:before { + bottom: 100%; + right: 25px; +} + +.dropdown.notification--dropdown .notifications_module .notification { + padding: 15px 20px 10px; + display: flex; + align-items: center; + justify-content: space-between; +} + +.dropdown.notification--dropdown .notifications_module .notification .notification__info .info_avatar { + margin-right: 12px; + width: 40px; + vertical-align: top; + height: 40px; +} + +.dropdown.notification--dropdown .notifications_module .notification .notification__info .info { + width: calc(100% - 57px); +} + +.dropdown.notification--dropdown .notifications_module .notification .notification__info .info .time { + margin-top: 0; +} + +.dropdown.notification--dropdown .notifications_module .notification .notification__info .info p a { + display: block; +} + +.dropdown.notification--dropdown .notifications_module .notification .notification__icons .noti_icon { + margin-right: 0; + line-height: 30px; + width: 30px; + font-size: 15px; +} + +.dropdown.messaging--dropdown { + padding: 0; + width: 370px; + right: -25px; +} + +.dropdown.messaging--dropdown:before { + right: 20px; + bottom: 100%; +} + +.dropdown.messaging--dropdown .message { + padding: 15px 20px; + border-bottom: 1px solid #ebedf2; + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.dropdown.messaging--dropdown .message .message__actions_avatar .avatar { + height: 40px; + width: 40px; +} + +.dropdown.messaging--dropdown .message .message__actions_avatar .avatar img { + width: 100%; + border-radius: 50%; +} + +.dropdown.messaging--dropdown .message .message_data { + flex: 2; +} + +.dropdown.messaging--dropdown .message .message_data .name_time { + margin-left: 13px; +} + +.dropdown.messaging--dropdown .message .message_data .name_time .name { + float: left; +} + +.dropdown.messaging--dropdown .message .message_data .name_time .name p { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + color: #333333; +} + +.dropdown.messaging--dropdown .message .message_data .name_time .name span { + display: inline; + vertical-align: top; + font-size: 15px; + margin-left: 5px; +} + +.dropdown.messaging--dropdown .message .message_data .name_time .time { + float: right; + font-size: 14px; +} + +.dropdown.messaging--dropdown .message .message_data .name_time p { + clear: both; + display: block; + margin: 0; + font-size: 14px; +} + +.dropdown.dropdown--author { + padding: 0; + right: 0; + border: 0 none; +} + +.dropdown.dropdown--author:before { + right: 30px; +} + +.dropdown.dropdown--author ul { + padding: 20px; +} + +.dropdown.dropdown--author ul li a { + color: #54667a; + display: block; + font-size: 15px; + border-radius: 4px; + padding: 0 10px; + line-height: 40px; + transition: 0.3s ease; +} + +.dropdown.dropdown--author ul li a:hover { + color: #fff; +} + +.dropdown.dropdown--author ul li a span { + float: none; + margin-right: 15px; +} + +.dropdown.dropdown--author .author-credits { + align-items: center; + padding: 20px; + border-bottom: 1px solid #ebedf2; +} + +.dropdown.dropdown--author .author-credits .author__avatar { + margin-right: 12px; +} + +.dropdown.dropdown--author .author-credits .author__avatar img { + max-width: 44px; +} + +.dropdown.dropdown--author .author-credits .autor__info p { + margin: 0; + line-height: inherit; +} + +.dropdown.dropdown--author .author-credits .autor__info .name { + color: #313342; + font-weight: 400; +} + +.dropdown.dropdown--author .author-credits .autor__info .amount { + font-weight: 500; + font-size: 15px; +} + +.dropdown.dropdown--cart { + width: 400px; + padding: 0; + right: -30px; +} + +.dropdown.dropdown--cart:before { + right: 20px; +} + +.dropdown.dropdown--cart .cart_area .cart_product { + padding: 20px 25px; + border-bottom: 1px solid #ebedf2; + display: flex; + justify-content: space-between; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info { + display: flex; + align-items: center; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info .thumbn { + width: 70px; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info .info { + width: calc(100% - 87px); + padding-left: 15px; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info .info .title { + font-weight: 400; + line-height: 20px; + color: #000; + margin-bottom: 5px; + display: inline-block; + font-size: 14px; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info .info .cat a { + font-size: 14px; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__info .info .cat a img { + display: inline-block; + padding-right: 5px; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__action { + text-align: center; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__action a:hover span { + color: #fff; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__action span { + width: 30px; + line-height: 30px; + text-align: center; + font-size: 15px; + display: inline-block; + background: rgba(110, 79, 246, 0.1); + border-radius: 50%; +} + +.dropdown.dropdown--cart .cart_area .cart_product .product__action p { + background: rgba(110, 79, 246, 0.1); + line-height: 30px; + padding: 0 10px; + margin-bottom: 0; + border-radius: 200px; + margin-top: 10px; + font-weight: 400; +} + +.dropdown.dropdown--cart .cart_area .total { + text-align: right; + padding: 15px 25px 0; +} + +.dropdown.dropdown--cart .cart_area .total p { + font-weight: 400; + color: #000; + font-size: 18px; + margin-bottom: 0; +} + +.dropdown.dropdown--cart .cart_area .total p span { + margin-right: 30px; +} + +.dropdown.dropdown--cart .cart_area .cart_action { + padding: 20px 15px; + display: flex; +} + +.dropdown.dropdown--cart .cart_area .cart_action a { + margin: 0 5px; + flex: 1; +} + +.dropdown .notification:hover, .dropdown .message:hover { + background: rgba(110, 79, 246, 0.05); +} + +.dropdown .dropdown_module_header { + overflow: hidden; + padding: 20px 25px; + border-bottom: 1px solid #ebedf2; +} + +.dropdown .dropdown_module_header h4 { + float: left; +} + +.dropdown .dropdown_module_header a { + float: right; +} + +.dropdown.dropdown--menu { + padding: 20px; +} + +.dropdown.dropdown--menu ul li { + padding: 0; + margin: 0; + display: block; +} + +.dropdown.dropdown--menu ul li a { + padding: 0 10px; + text-transform: capitalize; + font-weight: 400; + color: #54667a; + line-height: 44px; + border-radius: 3px; + transition: 0.2s; +} + +.has_dropdown { + position: relative; +} + +.has_dropdown .btn:focus { + color: #fff; +} + +.has_megamenu { + position: static !important; +} + +.has_megamenu:hover .dropdown_megamenu { + visibility: visible; + opacity: 1; + top: 100%; +} + +.has_megamenu .dropdown_megamenu { + background: #fff; + transition: 0.3s ease; + left: 0; + position: absolute; + width: 1110px; + visibility: hidden; + opacity: 0; + top: calc(100% + 20px); + padding: 20px; + z-index: 222; + box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); + border-radius: 0 0 4px 4px; +} + +.has_megamenu .dropdown_megamenu.contained { + width: 600px; +} + +.megamnu_module + .megamnu_module { + margin-left: 40px; +} + +.megamnu_module .menu_items { + overflow: hidden; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.megamnu_module .menu_items .menu_column { + flex: 1; +} + +.megamnu_module .menu_items .menu_column .title { + font-weight: 500; + font-size: 17px; + padding: 10px 10px 15px; + color: #000; + display: inline-block; +} + +.megamnu_module .menu_items .menu_column + ul { + margin-left: 20px; +} + +.megamnu_module .menu_items .menu_column li { + position: relative; +} + +.megamnu_module .menu_items .menu_column li a { + color: #54667a; + font-size: 15px; + line-height: 36px; + padding: 0 10px; + display: block; + border-radius: 4px; + transition: all 0.3s ease; +} + +.megamnu_module .menu_items .menu_column li.has_badge { + display: inline-block; +} + +.custom_dropdown { + padding: 19px 30px; + min-width: 271px; + box-shadow: 0 5px 40px rgba(82, 85, 90, 0.2); + border: 0; + border-radius: 0; + position: relative; + top: 10px !important; +} + +.custom_dropdown:before { + content: ''; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #5867dd; + bottom: 100%; +} + +.custom_dropdown li a { + font-size: 15px; + line-height: 32px; + display: block; + color: #747b86; +} + +.custom_dropdown li a span { + padding-right: 10px; +} + +.custom_dropdown.custom_drop2 li a span { + float: right; + padding-right: 0; +} + +/***************************** + START FEATURE AREA CSS +*****************************/ +.feature_title { + border-bottom: 1px solid #ebedf2; + padding-bottom: 20px; +} + +/*--- feature 1 ---*/ +.feature { + text-align: center; + padding: 40px 30px; +} + +.feature .feature__title { + padding-top: 30px; + padding-bottom: 24px; +} + +.feature:hover { + box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); + transition: 0.3s ease; +} + +/*--- feature 2 ---*/ +.feature2 { + box-shadow: 0 2px 50px rgba(0, 0, 0, 0.08); + position: relative; + margin-bottom: 30px; + background: #fff; + height: 360px; + display: table; +} + +.feature2 .feature2__count { + font-size: 48px; + position: absolute; + color: rgba(92, 135, 248, 0.2); + left: 18px; + top: 4px; +} + +.feature2 .feature2__content { + text-align: center; + padding: 50px 30px 48px; +} + +.feature2 .feature2__content span.lnr { + font-size: 60px; +} + +.feature2 .feature2__content h3 { + padding: 38px 0 25px; +} + +.feature2 .feature2__content p { + margin: 0; +} + +/*--- feature 2 ---*/ +.single_feature { + margin-bottom: 50px; + display: flex; + flex-wrap: wrap; +} + +.single_feature .feature__icon { + margin-top: 10px; +} + +.single_feature .feature__icon span { + font-size: 48px; +} + +.single_feature .feature__content { + padding-left: 33px; + flex: 2; +} + +.single_feature .feature__content h3 { + line-height: 40px; +} + +.single_feature .feature__content p { + line-height: 30px; + margin: 0; +} + +input[type=date], +input[type=datetime-local], +input[type=email], +input[type=number], +input[type=password], +input[type=search-md], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +textarea, +select { + box-sizing: border-box; + box-shadow: none; + outline: none; + width: 100%; + padding: 0 20px; +} + +select.text_field { + -webkit-appearance: none; + -moz-appearance: none; +} + +input, input.form-control, +select, select.form-control, .form-control, textarea { + height: 50px; + border: 1px solid #ebedf2; + border-radius: 3px; + color: #747b86; + font-size: 16px; + transition: 0.3s ease; +} + +input[type="radio"], input[type="checkbox"] { + height: auto; +} + +.select-wrap select:focus, .select-wrap select:active { + border: 1px solid #ebedf2 !important; +} + +label, .form-group p.label { + font-weight: 400; + font-size: 16px; + line-height: 26px; + text-transform: capitalize; + margin-bottom: 10px; + color: #000; +} + +label span, .form-group p.label span { + font-weight: 400; + font-size: 15px; + color: #555; +} + +select[multiple] { + height: 80px; +} + +select:focus { + outline: 0; +} + +.select--field { + height: 55px; + border: 1px solid #dcdcdc; +} + +.text_field { + line-height: 50px; + border: 1px solid #ebedf2; + color: #6F7495; + font-weight: 300; +} + +textarea, textarea.text_field, textarea.form-control { + line-height: 25px; + padding-top: 15px; + border: 1px solid #ebedf2; + min-height: 180px; + resize: none; + color: #6F7495; + border-radius: 3px; + transition: all 0.3s ease; +} + +.form-control:focus { + box-shadow: none; +} + +.form-group { + margin-bottom: 20px; +} + +.form-group p { + font-size: 14px; + margin-top: 10px; + margin-bottom: 0; + color: #898f96; +} + +.form-group p span { + font-weight: 400; + color: #000; +} + +.form-group p.label { + margin-top: 0; + clear: right; + padding: 0; +} + +.form-control-lg { + height: calc(3.533rem + 2px) !important; + font-size: 1.25rem !important; +} + +.form-control-sm { + height: calc(1.8125rem + 2px) !important; + font-size: 0.875rem !important; +} + +.search-form { + position: relative; + margin-right: 15px; +} + +.search-form input { + transition: 0.3s ease; + padding: 0 70px 0 20px; + border: 0 none; + visibility: hidden; + opacity: 0; + width: 0; +} + +.search-form input:focus { + border: 0 none; + background: #f9f9f9; +} + +.search-form button { + position: absolute; + width: 50px; + height: 100%; + right: 0; + top: 0; + cursor: pointer; + color: #8991a5; + background: none; + border: 0 none; + font-size: 16px; +} + +.search-form.active input { + width: 350px; + visibility: visible; + opacity: 1; +} + +.toggle-switch { + position: relative; + display: inline-block; + width: 100%; +} + +.toggle-switch input { + display: none; +} + +.toggle-switch .slider { + position: absolute; + top: 10px; + right: 0; + bottom: 0; + left: 0; + background-color: #cbd0e3; + transition: all 0.3s ease; + cursor: pointer; + width: 54px; + height: 26px; +} + +.toggle-switch .slider:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + left: 3px; + bottom: 3px; + background-color: #fff; + transition: all 0.3s ease; +} + +.toggle-switch input:checked + .slider { + background-color: #6E4FF6; +} + +.toggle-switch input:checked + .slider:before { + transform: translateX(28px); +} + +.toggle-switch input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} + +.toggle-switch .slider.round { + border-radius: 25px; +} + +.toggle-switch .slider.round:before { + border-radius: 50%; +} + +#tags { + min-height: 80px; +} + +.select2-container { + width: 100% !important; +} + +.select2-container .select2-selection--multiple .select2-selection__rendered { + display: block; + width: 100% !important; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice { + margin: 3px 5px 0 0; + border: 0; + color: #fff; + padding: 0 20px 0 10px; + line-height: 30px; + position: relative; + font-size: 14px; +} + +.select2-container .select2-selection--multiple .select2-search input { + height: auto; + line-height: 32px !important; +} + +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: #fff; + font-weight: 400; + margin-right: 0; + position: absolute; + right: 5px; +} + +/* Input with icons */ +.input_with_icon { + position: relative; + max-width: 158px; +} + +.input_with_icon span { + position: absolute; + right: 20px; + top: 50%; + color: #747b86; + transform: translateY(-50%); +} + +.custom-checkbox .custom-control-label { + color: #6b6e8a; + padding-left: 5px; +} + +.custom-checkbox .custom-control-label:focus { + outline: 0; +} + +.custom-checkbox .custom-control-label:checked:before:focus, .custom-checkbox .custom-control-label:checked:before:active, .custom-checkbox .custom-control-label:checked:after:focus, .custom-checkbox .custom-control-label:checked:after:active { + outline: 0; + border: 0 none; + box-shadow: none; +} + +.custom-checkbox2 input[type='checkbox'], .custom-radio input[type='checkbox'] { + display: none; +} + +.custom-checkbox2 input[type='checkbox']:checked + label span:before, .custom-radio input[type='checkbox']:checked + label span:before, .custom-checkbox2 .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-checkbox2 input[type='checkbox']:checked + p.label span:before, .custom-radio .form-group input[type='checkbox']:checked + p.label span:before, .form-group .custom-radio input[type='checkbox']:checked + p.label span:before { + opacity: 1; + visibility: visible; + transform: scale(1); +} + +.custom-checkbox2 label, .custom-radio label, .custom-checkbox2 .form-group p.label, .form-group .custom-checkbox2 p.label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { + font-size: 15px; + font-weight: 400; + margin: 0; + line-height: 36px; + cursor: pointer; + text-transform: none; + color: #6F7495; +} + +.custom-checkbox2 label span.square, .custom-radio label span.square, .custom-checkbox2 .form-group p.label span.square, .form-group .custom-checkbox2 p.label span.square, .custom-radio .form-group p.label span.square, .form-group .custom-radio p.label span.square { + height: 15px; + margin-right: 12px; + vertical-align: middle; + width: 15px; + background: #f6f7fa; + display: inline-block; + border: 1px solid #e6e9ed; + border-radius: 1px; + position: relative; +} + +.custom-checkbox2 label span.square:before, .custom-radio label span.square:before, .custom-checkbox2 .form-group p.label span.square:before, .form-group .custom-checkbox2 p.label span.square:before, .custom-radio .form-group p.label span.square:before, .form-group .custom-radio p.label span.square:before { + content: '\f00c'; + font-family: 'FontAwesome',sans-serif; + position: absolute; + height: 15px; + width: 15px; + text-align: center; + font-size: 9px; + bottom: -1px; + transition: 0.2s; + left: -1px; + opacity: 0; + transform: scale(0.5); + border-radius: 1px; + color: #fff; + line-height: 16px; +} + +.custom-radio input[type='radio'] { + display: none; +} + +.custom-radio input[type='radio']:checked + label span:before, .custom-radio .form-group input[type='radio']:checked + p.label span:before, .form-group .custom-radio input[type='radio']:checked + p.label span:before { + opacity: 1; + visibility: visible; + transform: scale(1); +} + +.custom-radio label, .custom-radio .form-group p.label, .form-group .custom-radio p.label { + font-size: 15px; + font-weight: 400; + margin: 0; + line-height: 36px; + cursor: pointer; + text-transform: none; +} + +.custom-radio label span.circle, .custom-radio .form-group p.label span.circle, .form-group .custom-radio p.label span.circle { + height: 20px; + margin-right: 12px; + vertical-align: middle; + width: 20px; + background: #fff; + display: inline-block; + border: 4px solid #e6e9ed; + border-radius: 50%; + position: relative; +} + +.custom-radio label span.circle:before, .custom-radio .form-group p.label span.circle:before, .form-group .custom-radio p.label span.circle:before { + content: '\f00c'; + font-family: 'FontAwesome',sans-serif; + position: absolute; + height: 20px; + width: 20px; + text-align: center; + font-size: 12px; + bottom: -4px; + transition: 0.2s; + left: -4px; + opacity: 0; + transform: scale(0.5); + border-radius: 50%; + color: #fff; + line-height: 20px; +} + +.custom-radio.custom_radio--big span.circle { + height: 30px; + width: 30px; + border-width: 5px; +} + +.custom-radio.custom_radio--big span.circle:before { + width: 30px; + height: 30px; + font-size: 16px; + line-height: 30px; + border-width: 5px; +} + +.radio-group .label { + display: block; + text-align: left; +} + +.radio-group .custom-radio { + display: inline-block; +} + +.radio-group .custom-radio + .custom-radio { + margin-left: 30px; +} + +/* custom checkbox area css*/ +.custom_checkbox { + position: relative; + margin-top: 10px; +} + +.custom_checkbox input[type='checkbox'] { + display: none; +} + +.custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox { + border: transparent; +} + +.custom_checkbox input[type='checkbox']:checked + label .shadow_checkbox:before, .custom_checkbox .form-group input[type='checkbox']:checked + p.label .shadow_checkbox:before, .form-group .custom_checkbox input[type='checkbox']:checked + p.label .shadow_checkbox:before { + visibility: visible; +} + +.custom_checkbox label, .custom_checkbox .form-group p.label, .form-group .custom_checkbox p.label { + margin-bottom: 0; +} + +.custom_checkbox label .label_text, .custom_checkbox .form-group p.label .label_text, .form-group .custom_checkbox p.label .label_text { + font-weight: 400; + color: #555; + display: inline-block; + vertical-align: middle; + margin-left: 11px; +} + +.custom_checkbox label .shadow_checkbox, .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .custom_checkbox p.label .shadow_checkbox { + height: 18px; + width: 18px; + top: 0; + border: 1px solid #d3d3d3; + display: inline-block; + vertical-align: middle; + position: relative; + border-radius: 2px; +} + +.custom_checkbox label .shadow_checkbox:before, .custom_checkbox .form-group p.label .shadow_checkbox:before, .form-group .custom_checkbox p.label .shadow_checkbox:before { + position: absolute; + height: 100%; + width: 100%; + top: 0; + content: '\f00c'; + font-size: 12px; + visibility: hidden; + text-align: center; + color: #fff; + line-height: 18px; + font-family: FontAwesome, sans-serif; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +/* custom upload field */ +.custom_upload p { + font-weight: 500; + font-size: 16px; + color: #000; + margin-bottom: 12px; +} + +.custom_upload p span { + font-size: 15px; + line-height: 26px; + font-weight: 400; + color: #555; +} + +.custom_upload input[type='file'] { + display: none; +} + +.input-group .input-group-addon { + background: none; + border: none; + font-size: 18px; + color: #555; + padding-left: 0; +} + +.select-wrap { + position: relative; +} + +.select-wrap select { + border: 1px solid #ebedf2; + padding: 0 40px 0 20px; + border-radius: 4px; + -moz-appearance: none; + -webkit-appearance: none; + font-size: 16px; + color: #6F7495; + cursor: pointer; + height: 50px; +} + +.select-wrap span { + font-size: 10px; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 18px; +} + +.select-wrap.select-wrap2 select { + border: 1px solid #ebedf2 !important; + border-radius: 3px; +} + +.select-wrap.select-wrap2 select[multiple] { + height: 80px; +} + +.select-wrap.select-wrap2 span { + font-size: 12px; + color: #747a86; +} + +.subscribe-form .form-group { + display: flex; + justify-content: center; + margin-bottom: 0; +} + +.subscribe-form .form-group input { + border-radius: 3px 0 0 3px; + height: 55px; +} + +.subscribe-form .form-group input::placeholder { + color: #b8bece; + opacity: 1; +} + +.subscribe-form .form-group .btn { + border-radius: 0 3px 3px 0; +} + +/* +this page contains style for modal +*/ +/***************************** + --- MODAL +*****************************/ +.modal .modal-header { + padding: 23px 30px 30px; + display: block; +} + +.modal .modal-header p { + margin: 0; +} + +.modal .modal-title { + margin-bottom: 17px; +} + +.modal .modal-md { + width: 750px; +} + +.modal .modal-body { + padding: 30px; +} + +.modal .modal_close { + line-height: 40px; + color: #fff; + margin-left: 10px; + padding: 0 36px; +} + +/*item removal modal */ +.item_removal .btns { + text-align: center; +} + +.item_removal .btns a + a { + margin-left: 20px; +} + +.item_removal .modal-body { + text-align: center; + padding: 50px 30px; +} + +.item_removal .modal-body h4 { + margin-bottom: 40px; + font-size: 24px; +} + +.item_removal .modal-dialog { + top: 33%; +} + +/* author contact */ +.author-contact .modal-title { + margin: 0; +} + +.author-contact .modal-body { + padding: 30px 30px 0; +} + +.author-contact .modal-footer { + border-top: 0; + padding: 14px 30px 30px; + justify-content: flex-start; +} + +/* video modal css */ +.video_modal .modal-content iframe { + width: 600px; + height: 450px; +} + +#myModal.modal.fade .modal-dialog { + top: 50%; + left: 50%; + position: absolute; + -webkit-transform: translate(-50%, -60%); + -ms-transform: translate(-50%, -60%); + transform: translate(-50%, -60%); +} + +/* +this file contains for different pagination style +*/ +/***************************** + --- PAGINATION +*****************************/ +.pagination-default { + margin-top: 30px; +} + +.comments-pagination { + margin-bottom: 30px; +} + +.pagination { + border-radius: 3px; + justify-content: center; + flex-wrap: wrap; +} + +@media only screen and (max-width: 375px) { + .pagination li { + margin-top: 5px; + margin-bottom: 5px; + } +} + +.pagination li:first-child a, .pagination li:last-child a { + width: auto; +} + +.pagination li:last-child { + margin-right: 0; +} + +.pagination li a { + display: block; + min-width: 42px; + min-height: 42px; + color: #6F7495; + padding-top: 10px; + text-align: center; + border: 1px solid #ebedf2; +} + +.pagination li.active a { + color: #fff; +} + +/* +this file contain the style for pricing components +*/ +/***************************** + --- PRICING +*****************************/ +.pricing-wrapper { + display: flex; +} + +.package-single { + margin-top: 50px; + margin-right: -1px; + margin-bottom: 30px; + padding: 26px 30px 30px; + border: 1px solid #ebedf2; + flex: 1; + position: relative; +} + +.package-single .package-header { + text-align: center; +} + +.package-single .package-header .amount { + padding: 10px 0 25px 0; + border-bottom: 1px solid #ebedf2; + margin-bottom: 30px; +} + +.package-single .package-header .amount span { + font-size: 40px; + font-weight: 500; + display: block; +} + +.package-single .package-body ul li { + margin-bottom: 13px; + padding-left: 25px; + position: relative; + color: #7a82a6; +} + +.package-single .package-body ul li:last-child { + margin-bottom: 0; +} + +.package-single .package-body ul li:before { + position: absolute; + font-size: 16px; + font-family: "FontAwesome"; + left: 0; + top: -1px; +} + +.package-single .package-body ul li.yes:before { + content: "\f05d"; +} + +.package-single .package-body ul li.no:before { + content: "\f05c"; +} + +.package-single .package-body .btn { + margin-top: 20px; +} + +.package-single.featured-plan .featured-badge { + position: absolute; + height: 50px; + width: 100%; + left: 0; + top: -50px; + display: flex; + align-items: center; + justify-content: center; + color: #fff; +} + +/* +this file contains the styles for the progressbar components +*/ +/***************************** + -- PROGRESSBAR +*****************************/ +.progress { + background: #eff1f5; + box-shadow: none; +} + +.progress .progress-bar { + border-radius: 200px; +} + +.progress-single { + position: relative; + margin-bottom: 35px; +} + +.progress-single:last-child { + margin-bottom: 0; +} + +.progress-single .progress_wrapper { + padding-right: 70px; +} + +.progress-single .progress_wrapper .labels p { + margin-bottom: 10px; + font-size: 14px; +} + +.progress-single .upload_cross { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 40px; + height: 40px; + border-radius: 50%; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} + +.progress-single .upload_cross span .svg { + width: 10px; + height: 10px; + fill: #F4516C; + transition: all 0.3s ease; +} + +.progress-single .upload_cross:hover { + cursor: pointer; +} + +.progress-single .upload_cross:hover span .svg { + fill: #fff; +} + +/* +this file contains style for different social sharing option and icon style +*/ +/***************************** + -- SOCIAL +*****************************/ +.module--social { + padding-bottom: 20px !important; +} + +.social { + display: inline-block; +} + +.social ul li { + display: inline-block; + margin: 0 4px 10px; +} + +.social ul li:last-child { + margin-bottom: 0; +} + +.social ul li a { + display: inline-block; + transition: .3s ease; +} + +.social ul li a span { + line-height: 40px; + width: 40px; + text-align: center; +} + +.social ul li a:hover { + opacity: 0.8; +} + +.author-social ul li a span { + width: 2rem; + line-height: 2rem; + font-size: 0.93333rem; +} + +.social--color--filled ul li a { + color: #fff; +} + +.social--color--filled span { + border-radius: 50%; +} + +.social--color--filled span.fa-facebook { + background: #395799; +} + +.social--color--filled span.fa-twitter { + background: #19b2f5; +} + +.social--color--filled span.fa-google-plus { + background: #f05b44; +} + +.social--color--filled span.fa-pinterest { + background: #9c0c1c; +} + +.social--color--filled span.fa-linkedin { + background: #007bb5; +} + +.social--color--filled span.fa-dribbble { + background: #ea4c89; +} + +.social--color--filled span.fa-instagram { + background: #bc2a8d; +} + +.social--color--filled span.fa-vine { + background: #1ab7ea; +} + +.social--color--filled span.fa-flickr { + background: #ff0084; +} + +.social--color--filled span.fa-skype { + background: #1ab7ea; +} + +.social--color--filled span.fa-tumblr { + background: #2c4762; +} + +.social--color--filled span.fa-youtube { + background: #dc0101; +} + +.social_icon { + display: inline-block; +} + +.social_icon span { + display: inline-block; + line-height: 45px; + width: 45px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + text-align: center; + border-radius: 50%; + font-size: 16px; + color: #fff; +} + +.social_icon span.fa-facebook { + background: #395799; +} + +.social_icon span.fa-twitter { + background: #19b2f5; +} + +.social_icon span.fa-google-plus { + background: #f05b44; +} + +.social_icon span.fa-behance { + background: #0057ff; +} + +.social_icon span.fa-dribbble { + background: #ea4c89; +} + +/***************************** + -- TABLE +*****************************/ +/**/ +.table { + margin-bottom: 0; +} + +.table thead > tr > th { + color: #313342; + font-size: 16px; + font-weight: 500; + padding: 30px 0 30px 30px; + border: 0; +} + +.table thead > tr > th:last-child { + padding-right: 28px !important; +} + +.table tbody > tr { + border-bottom: 1px solid #ebedf2; +} + +.table tbody > tr:last-child { + border-bottom: 0; +} + +.table tbody > tr > td { + padding: 20px 0 20px 28px; + font-size: 15px; + vertical-align: middle; + font-weight: 300; + color: #333; +} + +.table tbody > tr > td.author { + color: #313342; + font-weight: 400; +} + +.table tbody > tr > td.detail a { + font-weight: 400; +} + +.table tbody > tr > td.type span { + line-height: 24px; + border-radius: 3px; + display: inline-block; + padding: 0 15px; + color: #fff; + font-weight: 400; + font-size: 12px; +} + +.table tbody > tr > td.price { + font-weight: 400; +} + +.table tbody > tr > td.earning { + font-weight: 400; +} + +.table tbody > tr > td.action { + padding: 0; + text-align: center; +} + +.table tbody > tr > td.action a { + line-height: 34px; + padding: 0 15px; + display: inline-block; + margin-left: -4px; + text-transform: capitalize; + font-size: 15px; + font-weight: 400; + border-radius: 3px; +} + +.table tbody > tr > td.action a:hover { + color: #fff; +} + +.table.withdraw__table .pending > span, .table.withdraw__table .paid > span { + font-size: 15px; + line-height: 32px; + padding: 0 20px; + font-weight: 400; + display: inline-block; + border-radius: 3px; +} + +.table.withdraw__table .pending > span { + color: #fff; +} + +.table.withdraw__table .paid > span { + color: #fff; +} + +.range-slider.ui-slider { + height: 6px; + background: #efedf3; + border-radius: 6px; +} + +.range-slider.ui-slider .ui-slider-handle { + height: 18px; + width: 18px; + border-radius: 50px; + top: -6px; + z-index: 2; +} + +.range-slider.ui-slider .ui-slider-handle:focus { + outline: 0; +} + +.range-slider.ui-slider .ui-slider-handle:before { + content: ''; + position: absolute; + height: calc(100% - 8px); + width: calc(100% - 8px); + background: #fff; + left: 4px; + top: 4px; + z-index: -1; + border-radius: 50%; +} + +.price-ranges { + padding-top: 34px; + text-align: left; +} + +.price-ranges span { + line-height: 32px; + display: inline-block; + background: rgba(110, 79, 246, 0.1); + width: 80px; + text-align: center; +} + +.search-update { + margin-top: 30px; +} + +/* Badge Page */ +.badges .author-badges { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.badges .author-badges .badge-single { + text-align: center; + width: 265px; + padding: 0 15px; + margin-bottom: 30px; +} + +.badges .author-badges .badge-single .svg { + width: 160px; + height: 160px; +} + +.badges .author-badges .badge-single img { + display: inline-block; +} + +.badges .author-badges .badge-single h4 { + margin: 20px 0; +} + +.badges .author-badges .badge-single p { + margin-bottom: 0; +} + +.badges.author-rank { + padding: 100px 0 65px 0; + border-bottom: 1px solid #ebedf2; +} + +.badges.community-badges { + padding: 90px 0 70px 0; +} + +.badges.community-badges .author-badges { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.badges.community-badges .author-badges .badge-single { + width: 20%; +} + +.badge-single svg.locked { + filter: grayscale(1); + opacity: 0.15; +} + +.badge-single .svg_wrapper { + position: relative; +} + +.badge-single .svg_wrapper span { + position: absolute; + font-size: 94px; + color: #696a75; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +/*************************************** + START DASHBOARD AREA +****************************************/ +.dashboard-area { + background: #f1f2f7; +} + +.dashboard_menu_area { + box-shadow: 0 3px 10px rgba(121, 135, 150, 0.1); + background: #6645f6; +} + +.dashboard_menu_area .dashboard_menu { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.dashboard_menu_area .dashboard_menu li:last-child { + margin-right: 0; +} + +.dashboard_menu_area .dashboard_menu li a { + color: rgba(255, 255, 255, 0.6); + font-size: 16px; + padding: 8px 0; + display: inline-block; + line-height: 70px; +} + +.dashboard_menu_area .dashboard_menu li a:hover { + color: #fff; +} + +.dashboard_menu_area .dashboard_menu li a span.lnr { + font-size: 18px; + margin-right: 10px; +} + +.dashboard_menu_area .dashboard_menu li:first-child a { + padding-left: 0; +} + +.dashboard_menu_area .dashboard_menu li:last-child a { + padding-right: 0; +} + +.dashboard_menu_area .dashboard_menu li.active a { + color: #fff; + border-bottom: 3px solid #fff; +} + +.dashboard_menu_area .dashboard_menu--two { + justify-content: flex-start; +} + +.dashboard_menu_area .dashboard_menu--two li { + margin-right: 30px; +} + +.dashboard_menu_area .dashboard_menu--two li:last-child { + margin-right: 0; +} + +.dashboard_contents.padding-0 { + padding: 0; +} + +.dashboard_contents .dashboard_title_area { + display: flex; + align-items: center; +} + +.author-info--dashboard { + background: #fff; + padding: 30px; + min-height: 150px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 30px; + border-radius: 4px; + text-align: center; +} + +.author-info--dashboard h1 { + margin: 7px 0; +} + +.author-info--dashboard p { + margin-bottom: 0; +} + +/* DEFAULT DASHBOARD PAGE OR AREA */ +.dashboard_module { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; +} + +.dashboard_module .dashboard__title { + padding: 26px 30px 24px; + border-bottom: 1px solid #ebedf2; + overflow: hidden; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +@media only screen and (max-width: 479px) { + .dashboard_module .dashboard__title { + justify-content: center; + } +} + +.dashboard_module .dashboard__title h5 { + flex: 1; +} + +.dashboard_module .dashboard__title .select-wrap .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + border-radius: 2px; +} + +.dashboard_module .dashboard__title .select-wrap .period_selector:focus { + outline: none; + border: none !important; +} + +.dashboard_module .loading a { + display: flex; + align-items: center; +} + +.dashboard_module .loading a span { + margin-left: 5px; +} + +.dashboard_module .dashboard__content { + padding: 0 28px 30px; +} + +.dashboard_module .dashboard__content > ul li { + padding-top: 25px; +} + +.dashboard_module.recent_message .dashboard__content .messages .message { + padding: 30px 0; +} + +.dashboard_module.recent_message .dashboard__content .messages .message .actions { + display: none; +} + +.dashboard_module.recent_message .dashboard__content .messages .message .message_data { + width: calc(100% - 56px); +} + +/* dashboard statistics area */ +.statistics_module .dashboard__title { + border-bottom: 1px solid #ebedf2; + margin-bottom: 25px; +} + +.statistics_module .select-wrap, +.statistics_module #stat_legend { + flex: 1; +} + +.statistics_module .select-wrap { + display: flex; + justify-content: flex-end; +} + +.statistics_module #stat_legend { + margin-top: 0; +} + +.statistics_module #stat_legend ul { + display: flex; + justify-content: center; + flex-wrap: wrap; +} + +.statistics_module #stat_legend ul li { + margin-right: 20px; +} + +.statistics_module #stat_legend ul li:last-child { + margin-right: 0; +} + +.statistics_module #stat_legend ul li div span:last-child { + width: auto; +} + +.statistics_module #stat_legend ul li > span { + display: none; +} + +.statistics_data { + border-top: 1px solid #ebedf2; + padding-top: 25px; + margin-top: 25px; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.statistics_data .row { + width: 100%; +} + +.statistics_data .single_stat_data { + display: inline-block; + text-align: center; +} + +.statistics_data .single_stat_data .single_stat__title { + line-height: 30px; + font-weight: 500; +} + +.statistics_data .single_stat_data p { + margin: 7px 0 0 0; +} + +/*dashboard statistic area 2*/ +.legend { + margin-top: 20px; +} + +.legend ul li { + display: inline-block; + margin-right: 30px; + color: #747a86; +} + +.legend ul li span { + height: 12px; + width: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 3px; +} + +/*chart*/ +.visit_data .select-wrap select { + padding-right: 15px; +} + +.visit_data .select-wrap span { + right: 0; +} + +.visit_data .select-wrap .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.visit_data .dashboard__content { + padding: 0; +} + +.visit_data .tab-content .tab-pane { + padding-bottom: 0; +} + +.visit_data .v_refer { + padding: 26px 30px 0; + margin-bottom: 30px; + border-bottom: 1px solid #ebedf2; +} + +.visit_data .v_refer .nav.nav-tabs li { + border: none; + display: inline-block; + margin-right: 30px; +} + +.visit_data .v_refer .nav.nav-tabs li:last-child { + margin-right: 0; +} + +.visit_data .v_refer .nav.nav-tabs li a { + padding-bottom: 17px; + font-size: 18px; + color: #363940; + font-weight: 500; +} + +.visit_data .v_refer .nav.nav-tabs li a.active:before { + height: 1px; + width: 100%; + left: 0; + bottom: -1px; +} + +.visit_data .v_refer .nav.nav-tabs li:before { + display: none; +} + +.visit_data .v_refer .select-wrap { + float: right; +} + +.visit_data .charts { + padding: 0 13px 30px 30px; +} + +.visit_data .referrals_data { + padding-right: 17px; +} + +.visit_data .referrals_data ul li { + overflow: hidden; + padding: 15px 0; + border-bottom: 1px solid #ebedf2; +} + +.visit_data .referrals_data ul li:first-child { + border-top: 1px solid #ebedf2; +} + +.visit_data .referrals_data ul li:last-child { + border-bottom: 0; + padding-bottom: 0; +} + +.visit_data .referrals_data ul li p { + margin-bottom: 0; + color: #747a86; + line-height: 28px; +} + +.visit_data .referrals_data ul li p img { + margin-right: 10px; +} + +.visit_data .referrals_data ul li .site { + float: left; +} + +.visit_data .referrals_data ul li .visit { + float: right; + color: #000; +} + +.visit_data .referrals_data ul li .visit span { + margin-right: 6px; + color: #747a86; + text-transform: capitalize; +} + +.visit_data #pie-legend { + width: 100%; + height: 100%; + overflow: hidden; +} + +.visit_data #pie-legend .piechart1-legend { + display: flex; + flex-wrap: wrap; + height: 103px; + width: 100%; + overflow-y: scroll; + box-sizing: content-box; + /* width */ + /* Track */ + /* Handle */ +} + +.visit_data #pie-legend .piechart1-legend::-webkit-scrollbar { + width: 10px; +} + +.visit_data #pie-legend .piechart1-legend::-webkit-scrollbar-track { + box-shadow: none; + border-radius: 10px; + border: 1px solid #ebedf2; +} + +.visit_data #pie-legend .piechart1-legend::-webkit-scrollbar-thumb { + background: #c7c7c7; + border-radius: 10px; +} + +.visit_data #pie-legend .piechart1-legend li { + width: 100%; + display: flex; + justify-content: space-between; + padding-bottom: 10px; + margin-right: 10px; + margin-bottom: 9px; + border-bottom: 1px solid #ebedf2; +} + +.visit_data #pie-legend .piechart1-legend li:last-child { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; +} + +.visit_data #pie-legend .piechart1-legend li > span { + width: auto; +} + +.chart_top .v_refer .nav-tabs { + display: inline-block; + border-bottom: 0; +} + +.chart_top .v_refer .nav-tabs li.active a { + color: #000; +} + +.chart_top .v_refer .nav-tabs li a { + border: 0; + font-size: 22px; + line-height: 28px; + font-weight: 400; + color: #747a86; +} + +.chart_top .v_refer .nav-tabs li a:hover { + background: none; +} + +/* country visit statistic */ +.country_statistics .select-wrap select { + padding-right: 15px; +} + +.country_statistics .select-wrap span { + right: 0; +} + +.country_statistics .dashboard__content { + padding: 0 28px; +} + +.country_statistics table { + margin-bottom: 0; +} + +.country_statistics table thead tr th { + border-bottom: 1px solid #ebedf2; + padding: 15px 0; + color: #333; + border-top: 0; +} + +.country_statistics table thead tr th:last-child { + text-align: right; + padding-right: 0 !important; +} + +.country_statistics table tbody tr { + border-bottom: 0; +} + +.country_statistics table tbody tr + tr { + border-top: 0 none; +} + +.country_statistics table tbody tr td { + color: #747a86; + font-size: 16px; + padding: 15px 0; + border: 0; + white-space: nowrap; +} + +.country_statistics table tbody tr td:last-child { + text-align: right; +} + +.country_statistics table tbody tr td .country_flag { + height: 40px; + width: 40px; + display: inline-block; +} + +.country_statistics table tbody tr td .country_flag img { + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + width: 100%; +} + +.country_statistics table tbody tr td span { + line-height: 28px; + padding-left: 16px; +} + +.country_statistics .dashboard__content { + padding: 0 28px 25px; +} + +.country_statistics .select-wrap { + float: right; +} + +.country_statistics .select-wrap .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +/* recent sells */ +.recent_sells .single_sell, .popular_sells .single_sell { + overflow: hidden; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.recent_sells .single_sell .single_sell__thumb-title, .popular_sells .single_sell .single_sell__thumb-title { + flex-grow: 4; + display: flex; + align-items: center; +} + +.recent_sells .single_sell .single_sell__thumb-title .prod_thumbnail img, .popular_sells .single_sell .single_sell__thumb-title .prod_thumbnail img { + max-width: 100%; + border-radius: 3px; +} + +.recent_sells .single_sell .single_sell__thumb-title .prod_title, .popular_sells .single_sell .single_sell__thumb-title .prod_title { + padding-left: 20px; +} + +.recent_sells .single_sell .single_sell__thumb-title .prod_title h6, .popular_sells .single_sell .single_sell__thumb-title .prod_title h6 { + line-height: 24px; + padding-bottom: 4px; +} + +.recent_sells .single_sell .single_sell__thumb-title .prod_title .category, .popular_sells .single_sell .single_sell__thumb-title .prod_title .category { + color: #6F7495; + font-weight: 300; +} + +.recent_sells .single_sell .ammount, .popular_sells .single_sell .ammount { + padding-top: 15px; + flex-grow: 1; + display: flex; + justify-content: flex-end; +} + +.recent_sells .single_sell .ammount p, .popular_sells .single_sell .ammount p { + line-height: 28px; + margin-bottom: 0; +} + +.recent_sells .single_sell .ammount p:last-child, .popular_sells .single_sell .ammount p:last-child { + margin-right: 0; +} + +/* popular sells */ +.popular_sells .single_sell .ammount { + justify-content: space-between; +} + +/* recent activity */ +.recent_activity ul li { + display: flex; +} + +.recent_activity ul li + li { + padding-top: 20px !important; +} + +.recent_activity ul li:last-child .icon:before { + content: none; +} + +.recent_activity ul li .icon { + margin-right: 13px; + position: relative; +} + +.recent_activity ul li .icon:before { + position: absolute; + content: ''; + width: 1px; + top: 30px; + left: 50%; + border: 1px dashed #ebedf2; + height: 100%; + transform: translateX(-50%); +} + +.recent_activity ul li .icon span { + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 500; + color: #fff; + border-radius: 50%; +} + +.recent_activity ul li .activity-contents h6 { + margin-bottom: 5px; +} + +.recent_activity ul li .activity-contents p { + line-height: 20px; + margin-bottom: 8px; +} + +.recent_activity ul li .activity-contents p, +.recent_activity ul li .activity-contents span { + font-size: 13px; + display: block; +} + +/* single item visitor*/ +.single_item_visitor .dashboard__title { + margin-bottom: 37px; +} + +.single_item_visitor .dashboard__title #visit_legend { + float: right; +} + +.single_item_visitor .dashboard__content .item_info { + margin-bottom: 28px; + overflow: hidden; +} + +.single_item_visitor .dashboard__content .item_info .select-wrap select { + min-height: 48px; + border: 1px solid #ebedf2; +} + +.single_item_visitor .dashboard__content .item_info .select-wrap span { + right: 15px; +} + +.single_item_visitor .dashboard__content .item_info .select-wrap { + float: left; + margin-top: 9px; +} + +.single_item_visitor .dashboard__content .item_info .select-wrap select { + font-weight: 400; + color: #313342; +} + +.single_item_visitor .dashboard__content .item_info .info { + float: right; + text-align: right; +} + +.single_item_visitor .dashboard__content .item_info .info h2 { + line-height: 36px; + font-weight: 500; +} + +.single_item_visitor .dashboard__content .item_info .info p { + margin-bottom: 0; + font-size: 15px; + line-height: 30px; + color: #6b6e8a; +} + +/* total revenue */ +.total_revenue .dashboard__title #visit_legend { + margin-top: 0; +} + +.total_revenue .dashboard__title #visit_legend ul li > span { + display: none; +} + +/* recent buyers */ +.recent_buyers .single_buyer { + overflow: hidden; +} + +.recent_buyers .single_buyer .buyer__thumb_title { + overflow: hidden; + float: left; +} + +.recent_buyers .single_buyer .buyer__thumb_title h6 { + line-height: 28px; + font-weight: 400; +} + +.recent_buyers .single_buyer .buyer__thumb_title .thumb { + float: left; + height: 50px; + width: 50px; +} + +.recent_buyers .single_buyer .buyer__thumb_title .thumb img { + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + max-width: 1000%; +} + +.recent_buyers .single_buyer .buyer__thumb_title .title { + float: left; + padding-left: 20px; +} + +.recent_buyers .single_buyer .buyer__thumb_title .title p { + color: #747a86; + margin-bottom: 0; + font-size: 14px; + line-height: 18px; +} + +.recent_buyers .single_buyer .price { + float: right; + padding-top: 15px; +} + +.recent_buyers .single_buyer .price p { + margin: 0; +} + +/* recent comment */ +.recent_comment .dashboard__content .thread .single-thread { + display: block; +} + +.recent_comment .dashboard__content .thread .single-thread:last-child .media { + padding-bottom: 0; +} + +.recent_comment .dashboard__content .thread .single-thread + .single-thread { + border-bottom: 0; + border-top: 1px solid #ebedf2; +} + +.recent_comment .dashboard__content .thread .single-thread .media { + padding: 30px 0; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-left a { + width: 50px; + height: 50px; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-left a img { + border-radius: 50%; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-body .media-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-body .media-content .media-heading div a h4 { + display: inline-block; + font-weight: 500; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-body .media-content .media-heading .comment-tag { + color: #fff; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-body .media-content .media-heading p { + padding-top: 4px; +} + +.recent_comment .dashboard__content .thread .single-thread .media .media-body a.reply-link { + padding-top: 0; + margin-left: 15px; +} + +.recent_comment .dashboard__content .thread .single-thread .media.depth-2 { + margin-left: 0; + padding-top: 0; + border-top: 0; + margin-top: 6px; +} + +/* product que */ +.product_que ul li { + display: flex; + justify-content: space-between; +} + +.product_que .uploaded_product { + padding-right: 15px; +} + +.product_que .uploaded_product h6 { + line-height: 24px; +} + +.product_que .uploaded_product p { + margin-bottom: 0; + font-size: 15px; +} + +.product_que .cross { + font-size: 14px; +} + +.product_que .cross span { + width: 35px; + height: 35px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease; +} + +.product_que .cross:hover span { + color: #fff; +} + +/* DASHBOARD SETTING AREA */ +.information_module { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; +} + +.information_module .information__set { + border-top: 1px solid #ebedf2; +} + +.information_module .information__set .information_wrapper { + padding: 30px; +} + +.information_module .information__set .information_wrapper.form--fields { + padding: 30px; +} + +.information_module #authbio { + height: 180px; +} + +.profile_images .information_wrapper { + padding: 40px !important; +} + +.profile_images input[type='file'] { + visibility: hidden; + opacity: 0; + position: absolute; +} + +.profile_images p { + margin-bottom: 0; +} + +.profile_images .subtitle { + font-size: 14px; + color: #898f96; +} + +.profile_images .bold { + color: #000; +} + +.profile_images .profile_image_area { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: center; +} + +.profile_images .profile_image_area .upload_btn { + margin-bottom: 0; +} + +.profile_images .profile_image_area .upload_btn .btn-danger { + margin-left: 4px; +} + +.profile_images .profile_image_area .img_info, +.profile_images .profile_image_area img { + display: inline-block; + vertical-align: middle; +} + +@media only screen and (max-width: 479px) { + .profile_images .profile_image_area .img_info { + padding: 10px 0; + } +} + +.profile_images .profile_image_area img { + border-radius: 50%; + padding-right: 14px; +} + +.profile_images .prof_img_upload img { + width: 100%; +} + +.profile_images .prof_img_upload p { + display: inline-block; +} + +.profile_images .prof_img_upload .bold { + padding-bottom: 9px; +} + +.profile_images .prof_img_upload .upload_title { + overflow: hidden; + padding-top: 20px; +} + +.profile_images .prof_img_upload .upload_title p { + padding-top: 10px; +} + +.profile_images .prof_img_upload .upload_btn { + padding: 0; +} + +.social_profile .social__single { + margin-bottom: 30px; + display: flex; +} + +.social_profile .social__single .link_field { + width: 100%; + padding-left: 12px; +} + +.social_profile .social__single:last-child { + margin-bottom: 0; +} + +/* Mail setting area */ +.mail_setting .information_wrapper { + padding: 15px 30px 12px !important; +} + +.mail_setting .custom_checkbox { + position: relative; + padding-bottom: 18px; + margin-top: 15px; + border-bottom: 1px solid #e8ebf0; +} + +.mail_setting .custom_checkbox:last-child { + border-bottom: 0; +} + +.mail_setting .custom_checkbox label, .mail_setting .custom_checkbox .form-group p.label, .form-group .mail_setting .custom_checkbox p.label { + cursor: pointer; +} + +.mail_setting .custom_checkbox label .radio_title, .mail_setting .custom_checkbox .form-group p.label .radio_title, .form-group .mail_setting .custom_checkbox p.label .radio_title { + display: block; + font-weight: 500; + color: #000; + padding-left: 75px; +} + +.mail_setting .custom_checkbox label .shadow_checkbox, .mail_setting .custom_checkbox .form-group p.label .shadow_checkbox, .form-group .mail_setting .custom_checkbox p.label .shadow_checkbox { + position: absolute; + top: 5px; +} + +.mail_setting .custom_checkbox label .desc, .mail_setting .custom_checkbox .form-group p.label .desc, .form-group .mail_setting .custom_checkbox p.label .desc { + padding-left: 75px; + font-size: 14px; + color: #898f96; +} + +.mail_setting .custom_checkbox label .circle, .mail_setting .custom_checkbox .form-group p.label .circle, .form-group .mail_setting .custom_checkbox p.label .circle { + position: absolute; + left: 0; + top: 5px; +} + +.mail_setting .custom_checkbox label span, .mail_setting .custom_checkbox .form-group p.label span, .form-group .mail_setting .custom_checkbox p.label span { + line-height: 26px; + font-size: 16px; +} + +.dashboard_setting_btn { + text-align: left; + margin: -5px; + margin-top: 20px; +} + +.dashboard_setting_btn .btn { + margin: 5px; +} + +/*---- end dashboard settigs area ----*/ +/* DASHBOARD PURCHASE AREA */ +.dashboard_purchase .modules__content { + border-radius: 4px; +} + +.dashboard_purchase .dashboard_menu { + display: flex; +} + +.dashboard_purchase .dashboard_contents .table_module .table_header { + border-bottom: 1px solid #ebedf2; +} + +.dashboard_purchase .dashboard_contents .table_module .table_header h3 { + padding: 25px; +} + +.dashboard_purchase .dashboard__title { + padding: 30px 0; +} + +.dashboard_purchase .filter__option { + margin-right: 28px; + margin-left: 0; +} + +.dashboard_purchase .filter-bar .filter__option p { + font-size: 18px; +} + +.product_archive { + background: #fff; + background: #fff; + border-radius: 4px; +} + +.product_archive .title_area { + padding: 30px; + border-bottom: 1px solid #ebedf2; +} + +.product_archive .add_info { + padding-left: 35px; +} + +.product_archive.added_to__cart { + padding-bottom: 40px; +} + +.product_archive.added_to__cart .single_product { + padding: 0; +} + +.product_archive.added_to__cart .cart_calculation { + padding: 25px 30px 0 0; +} + +.product_archive.added_to__cart .product__price_download .item_action { + float: none; +} + +.product_archive.added_to__cart .short_desc a h5 { + transition: 0.3s ease; +} + +.product_archive .pagination-default { + margin-bottom: 30px; +} + +.single_product { + padding: 30px 45px; + border-bottom: 1px solid #ebedf2; +} + +.single_product .product__description { + display: flex; + align-items: center; +} + +.single_product .product__description img { + border-radius: 4px; +} + +.single_product .product__description .short_desc { + padding-left: 20px; + flex: 2; +} + +.single_product .product__description .short_desc h5 { + line-height: 28px; +} + +.single_product .product__description .short_desc h5 a { + color: inherit; +} + +.single_product .product__description .short_desc p { + margin: 5px 0 0 0; +} + +.single_product .product__additional_info { + padding-left: 35px; + height: 100%; + display: flex; + align-items: center; +} + +.single_product .product__additional_info ul li a img { + margin-right: 5px; +} + +.single_product .product__additional_info p { + margin: 0; + color: #000; +} + +.single_product .product__additional_info p span { + color: #555; +} + +.single_product .license p { + font-weight: 400; +} + +.single_product .product__price_download { + display: table; + width: 100%; + height: 100%; + align-items: center; +} + +.single_product .product__price_download .item_price { + display: table-cell; +} + +.single_product .product__price_download .item_price span { + line-height: 32px; + display: inline-block; + padding: 0 15px; + color: #313342; + margin-right: 10px; + font-size: 24px; + font-weight: 400; +} + +.single_product .product__price_download .item_action { + float: right; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; +} + +.single_product .product__price_download .item_action .btn { + display: block; +} + +.single_product .product__price_download .item_action .btn + .btn { + margin-top: 12px; +} + +.single_product .product__price_download .item_action .rating--btn { + position: relative; + background: none; + min-width: 154px; +} + +.single_product .product__price_download .item_action .rating--btn:focus { + outline: 0; +} + +.single_product .product__price_download .item_action .rating--btn .rating { + position: relative; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + top: 0; +} + +.single_product .product__price_download .item_action .rating--btn .rating ul li + li { + margin-left: 5px; + margin-right: 0; +} + +.single_product .product__price_download .item_action .rating--btn .rating ul li span.fa-star-o { + color: #898f96; +} + +.single_product .product__price_download .item_action .rating--btn .rate_it { + position: absolute; + opacity: 0; + visibility: hidden; + left: 0; + margin-bottom: 0; + top: -10%; + text-align: center; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + width: 100%; +} + +.single_product .product__price_download .item_action .not--rated:hover .rate_it { + visibility: visible; + opacity: 1; + top: 50%; + transform: translateY(-50%); +} + +.single_product .product__price_download .item_action .not--rated:hover .rating { + top: 20px; + opacity: 0; + visibility: hidden; +} + +.single_product .product__price_download .item_action .remove_from_cart:hover span { + color: #fff; +} + +.single_product .product__price_download .item_action .remove_from_cart span { + font-size: 18px; + transition: 0.2s; + line-height: 50px; + width: 50px; + text-align: center; + background: rgba(110, 79, 246, 0.1); + border-radius: 50%; + display: inline-block; +} + +.rating_modal .modal-header { + display: block; +} + +.rating_modal .modal-header h4 { + display: inline-block; + font-weight: 400; +} + +.rating_modal .modal-header P { + display: inline-block; + margin-left: 14px; +} + +.rating_modal .modal-body ul li { + margin-bottom: 30px; +} + +.rating_modal .modal-body ul li p { + min-width: 138px; + display: inline-block; + margin-bottom: 0; + color: #333; + font-weight: 400; +} + +.rating_modal .modal-body ul li p:after { + content: ':'; +} + +.rating_modal .modal-body ul li .right_content { + display: inline-block; + background: none; + border: 1px solid #ebedf2; +} + +.rating_modal .modal-body ul li:last-child .right_content { + border: 0 none; +} + +.rating_modal .modal-body .rating_field label, .rating_modal .modal-body .rating_field .form-group p.label, .form-group .rating_modal .modal-body .rating_field p.label { + margin-bottom: 16px; +} + +.rating_modal .modal-body .text_field { + border-radius: 4px; + height: 200px; + margin-bottom: 20px; + padding: 15px 25px; +} + +.rating_modal .modal-body .notice { + margin-bottom: 35px; +} + +/*---- end dashboard PURCHASE area ----*/ +.btn .br-wrapper { + position: relative; + z-index: 1; +} + +/***************************** + DASHBOARD ADD CREDIT AREA + *****************************/ +.shortcode_modules .btn { + margin-bottom: 25px; + margin-left: 6px; +} + +.shortcode_modules .form-group { + margin-bottom: 45px; +} + +.shortcode_modules .typog h1, +.shortcode_modules .typog h2, +.shortcode_modules .typog h3, +.shortcode_modules .typog h4, +.shortcode_modules .typog h5, +.shortcode_modules .typog h6 { + margin-bottom: 30px; +} + +.shortcode_modules .typog h6 { + margin-bottom: 20px; +} + +.credit_modules, .shortcode_modules, .upload_modules, .withdraw_module { + margin-bottom: 30px; +} + +.credit_modules .modules__title, .shortcode_modules .modules__title, .upload_modules .modules__title, .withdraw_module .modules__title { + border-bottom: 1px solid #ebedf2; + padding: 30px; +} + +.credit_modules .custom_amount .input-group-addon, .shortcode_modules .custom_amount .input-group-addon, .upload_modules .custom_amount .input-group-addon, .withdraw_module .custom_amount .input-group-addon { + font-weight: 500; + font-size: 22px; +} + +.credit_modules .custom_amount input, .shortcode_modules .custom_amount input, .upload_modules .custom_amount input, .withdraw_module .custom_amount input { + height: 55px; + font-size: 20px; + font-weight: 400; + background: #eff1f5; + border: 0 none; +} + +.credit_modules .modules__content, .shortcode_modules .modules__content, .upload_modules .modules__content, .withdraw_module .modules__content { + padding: 30px 30px 10px 30px; +} + +.credit_modules .modules__content.credit--contents, .shortcode_modules .modules__content.credit--contents, .upload_modules .modules__content.credit--contents, .withdraw_module .modules__content.credit--contents { + display: flex; + align-items: center; + padding: 30px 30px 40px; +} + +.credit_modules .modules__content .subtitle, .shortcode_modules .modules__content .subtitle, .upload_modules .modules__content .subtitle, .withdraw_module .modules__content .subtitle { + font-size: 16px; + color: #6b6e8a; + margin-bottom: 25px; +} + +.credit_modules .modules__content .amounts, .shortcode_modules .modules__content .amounts, .upload_modules .modules__content .amounts, .withdraw_module .modules__content .amounts { + display: flex; +} + +.credit_modules .modules__content .amounts ul, .shortcode_modules .modules__content .amounts ul, .upload_modules .modules__content .amounts ul, .withdraw_module .modules__content .amounts ul { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; +} + +.credit_modules .modules__content .amounts ul li, .shortcode_modules .modules__content .amounts ul li, .upload_modules .modules__content .amounts ul li, .withdraw_module .modules__content .amounts ul li { + margin-right: 20px; +} + +.credit_modules .modules__content .amounts ul li:last-child, .shortcode_modules .modules__content .amounts ul li:last-child, .upload_modules .modules__content .amounts ul li:last-child, .withdraw_module .modules__content .amounts ul li:last-child { + margin-right: 0; +} + +.credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { + font-size: 30px; + line-height: normal; + cursor: pointer; + font-weight: 400; + background: #eff1f5; + padding: 10px 20px; + text-align: center; + border-radius: 3px; + color: #313342; + margin: 0; +} + +.credit_modules .modules__content .amounts ul li p.selected, .shortcode_modules .modules__content .amounts ul li p.selected, .upload_modules .modules__content .amounts ul li p.selected, .withdraw_module .modules__content .amounts ul li p.selected { + color: #fff; +} + +.credit_modules .modules__content .amounts ul span, .shortcode_modules .modules__content .amounts ul span, .upload_modules .modules__content .amounts ul span, .withdraw_module .modules__content .amounts ul span { + font-weight: 300; + font-size: 20px; + color: #6F7495; + padding-top: 15px; +} + +.credit_modules .modules__content .amounts .or, .shortcode_modules .modules__content .amounts .or, .upload_modules .modules__content .amounts .or, .withdraw_module .modules__content .amounts .or { + font-size: 20px; + font-weight: 500; + padding: 12px 30px; +} + +.credit_modules .modules__content .payment_method li, .shortcode_modules .modules__content .payment_method li, .upload_modules .modules__content .payment_method li, .withdraw_module .modules__content .payment_method li { + display: inline-block; + margin-right: 15px; + margin-bottom: 30px; +} + +.credit_modules .modules__content .custom_radio--big label, .shortcode_modules .modules__content .custom_radio--big label, .upload_modules .modules__content .custom_radio--big label, .withdraw_module .modules__content .custom_radio--big label, .credit_modules .modules__content .custom_radio--big .form-group p.label, .form-group .credit_modules .modules__content .custom_radio--big p.label, .shortcode_modules .modules__content .custom_radio--big .form-group p.label, .form-group .shortcode_modules .modules__content .custom_radio--big p.label, .upload_modules .modules__content .custom_radio--big .form-group p.label, .form-group .upload_modules .modules__content .custom_radio--big p.label, .withdraw_module .modules__content .custom_radio--big .form-group p.label, .form-group .withdraw_module .modules__content .custom_radio--big p.label { + text-align: center; +} + +.credit_modules .modules__content .custom_radio--big label img, .shortcode_modules .modules__content .custom_radio--big label img, .upload_modules .modules__content .custom_radio--big label img, .withdraw_module .modules__content .custom_radio--big label img, .credit_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .credit_modules .modules__content .custom_radio--big p.label img, .shortcode_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .shortcode_modules .modules__content .custom_radio--big p.label img, .upload_modules .modules__content .custom_radio--big .form-group p.label img, .form-group .upload_modules .modules__content .custom_radio--big p.label img, .withdraw_module .modules__content .custom_radio--big .form-group p.label img, .form-group .withdraw_module .modules__content .custom_radio--big p.label img { + display: block; + max-width: 192px; + height: 123px; + border: 3px solid #e0e3ea; +} + +.credit_modules .modules__content .custom_radio--big label span.circle, .shortcode_modules .modules__content .custom_radio--big label span.circle, .upload_modules .modules__content .custom_radio--big label span.circle, .withdraw_module .modules__content .custom_radio--big label span.circle, .credit_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .credit_modules .modules__content .custom_radio--big p.label span.circle, .shortcode_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .shortcode_modules .modules__content .custom_radio--big p.label span.circle, .upload_modules .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .upload_modules .modules__content .custom_radio--big p.label span.circle, .withdraw_module .modules__content .custom_radio--big .form-group p.label span.circle, .form-group .withdraw_module .modules__content .custom_radio--big p.label span.circle { + margin-top: 20px; +} + +.credit_modules .payment_info, .shortcode_modules .payment_info, .upload_modules .payment_info, .withdraw_module .payment_info { + padding-top: 0; +} + +.credit_modules .payment_info .btn, .shortcode_modules .payment_info .btn, .upload_modules .payment_info .btn, .withdraw_module .payment_info .btn { + margin-top: 30px; +} + +.payment_module .modules__title { + border-bottom: 1px solid #ebedf2; + padding: 30px; +} + +.payment_module .payment_tabs { + padding: 30px 30px 10px; + position: relative; +} + +.payment_module .payment_tabs ul.nav-tabs { + position: absolute; + display: block; + left: 30px; + top: 30px; +} + +.payment_module .payment_tabs ul.nav-tabs li { + display: inline-block; + border: 0; +} + +.payment_module .payment_tabs ul.nav-tabs li a { + border: 1px solid #ebedf2; + padding: 0 40px; + border-radius: 25px; + line-height: 50px; + color: #313342; +} + +.payment_module .payment_tabs ul.nav-tabs li a.active { + color: #fff; + position: relative; + z-index: 1; +} + +.payment_module .payment_tabs ul.nav-tabs li a.active:before { + content: none; +} + +.payment_module .payment_tabs ul.nav-tabs li + li { + margin-left: -38px; +} + +.payment_module .payment_tabs .modules__content .cards-logo { + display: flex; + justify-content: flex-end; + margin-bottom: 40px; +} + +@media only screen and (max-width: 479px) { + .payment_module .payment_tabs .modules__content .cards-logo { + margin: -5px; + margin-bottom: 40px; + flex-wrap: wrap; + } + .payment_module .payment_tabs .modules__content .cards-logo li { + margin: 5px; + } +} + +.payment_module .payment_tabs .modules__content .cards-logo li { + margin-right: 10px; +} + +.payment_module .payment_tabs .modules__content .cards-logo li:last-child { + margin-right: 0; +} + +.payment_module .payment_tabs .modules__content .payment_info .select-wrap select { + border-radius: 2px; +} + +/* END DASHBOARD ADD CREDIT AREA */ +/* DASHBOARD STATEMENT AREA */ +.dashboard_title_area .dashboard__title { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; +} + +.dashboard_title_area .dashboard__title h3 { + line-height: 47px; +} + +.dashboard_title_area .add-payment-btn { + width: 27%; +} + +.statement_info_card { + width: 100%; + margin-bottom: 30px; +} + +.statement_info_card .info_wrap { + display: flex; + justify-content: center; + align-items: center; + min-height: 150px; + padding: 0 20px; +} + +.statement_info_card .icon { + border-radius: 200px; + line-height: 60px; + margin-right: 15px; + width: 60px; + display: inline-block; + text-align: center; + font-size: 24px; +} + +.statement_info_card .info { + display: inline-block; +} + +.statement_info_card .info p { + font-size: 30px; + line-height: 34px; + font-weight: 500; + margin-bottom: 5px; +} + +.statement_info_card .info span { + color: #54667a; + font-size: 18px; + font-weight: 300; + display: block; +} + +.statement_table .pagination-default { + margin-bottom: 30px; + margin-right: 28px; +} + +/*---- end dashboard statement area ----*/ +/* DASHBOARD INVOICE AREA */ +.invoice-page .dashboard_title_area { + padding: 25px 30px 25px; +} + +.invoice-page .dashboard__title h3 { + line-height: 45px; +} + +.print_btn { + margin-right: 20px; +} + +.print_btn span { + margin-right: 8px; +} + +.invoice { + background: #fff; + border-radius: 4px; +} + +.invoice .invoice__head { + overflow: hidden; + padding: 30px; + border-bottom: 1px solid #ebedf2; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} + +.invoice .invoice__head .info { + text-align: right; +} + +.invoice .invoice__head .info h4 { + margin-bottom: 5px; + line-height: 32px; + color: #333; + font-weight: 500; +} + +.invoice .invoice__head .info p { + margin-bottom: 0; +} + +.invoice .invoice__meta { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.invoice .invoice__meta p { + line-height: 30px; +} + +.invoice .invoice__meta .address h5 { + color: #000; + line-height: 30px; +} + +.invoice .invoice__meta .date_info { + text-align: right; +} + +.invoice .invoice__meta .date_info p span { + color: #000; + font-weight: 500; + margin-right: 5px; +} + +.invoice .invoice__meta .date_info p span:after { + content: ':'; + margin-left: 2px; +} + +.invoice .invoice__meta { + padding: 45px 30px; +} + +.invoice .invoice__meta p { + margin-bottom: 0; +} + +.invoice .pricing_info { + padding: 0 30px 30px; + margin-top: 30px; + text-align: right; +} + +.invoice .pricing_info p { + margin: 0; + color: #000; + line-height: 36px; +} + +.invoice .pricing_info .bold { + font-size: 18px; +} + +.invoice .invoice__detail { + margin-top: 100px; +} + +.invoice .invoice__detail table { + display: inline-table; +} + +/*---- end dashboard statement area ----*/ +/* DASHBOARD UPLOAD AREA */ +.upload_modules, .withdraw_module { + background: #fff; + border-radius: 4px; +} + +.upload_modules .form-group, .withdraw_module .form-group { + margin-bottom: 30px; +} + +.upload_modules .form-group p, .withdraw_module .form-group p { + margin: 0; +} + +.upload_modules .custom-radio label, .withdraw_module .custom-radio label, .upload_modules .custom-radio .form-group p.label, .form-group .upload_modules .custom-radio p.label, .withdraw_module .custom-radio .form-group p.label, .form-group .withdraw_module .custom-radio p.label { + font-size: 16px; +} + +.upload_modules.pricing--info .modules__content, .pricing--info.withdraw_module .modules__content { + padding: 30px 30px 10px; +} + +.upload_modules.pricing--info .form-group .input-group, .pricing--info.withdraw_module .form-group .input-group { + position: relative; +} + +.upload_modules.pricing--info .form-group .input-group input, .pricing--info.withdraw_module .form-group .input-group input { + padding-left: 26px; +} + +.upload_modules.pricing--info .form-group .input-group span, .pricing--info.withdraw_module .form-group .input-group span { + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); + font-size: 16px; + color: #6b6e8a; +} + +.upload_modules .modules__content .pricing-single .pricing-wrapper p, .withdraw_module .modules__content .pricing-single .pricing-wrapper p { + color: red; +} + +.upload_modules .modules__content .checkbox-outline, .withdraw_module .modules__content .checkbox-outline { + border: 1px solid #ebedf2; + height: 50px; + border-radius: 3px; +} + +.upload_modules .modules__content .checkbox-outline .toggle-switch .slider, .withdraw_module .modules__content .checkbox-outline .toggle-switch .slider { + top: -5px; + left: auto; + right: 20px; +} + +.upload_modules .modules__content .checkbox-outline .check-confirm, .withdraw_module .modules__content .checkbox-outline .check-confirm { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 20px; +} + +/* DASHBOARD EDIT PAGE */ +.dashboard-edit .product .product__thumbnail:before { + display: none; +} + +.dashboard-edit .product .prod_option { + position: absolute; + top: 20px; + left: 20px; +} + +.dashboard-edit .product .prod_option.open .options.dropdown-menu { + visibility: visible; + opacity: 1; +} + +.dashboard-edit .product .prod_option .setting-icon { + font-size: 20px; + line-height: 45px; + width: 45px; + text-align: center; + background: #000; + color: #fff; + display: inline-block; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + cursor: pointer; +} + +.dashboard-edit .product .prod_option .options { + position: absolute; + width: 120px; + background: #fff; + padding: 20px; + border-radius: 4px; + opacity: 0; + display: initial; + transition: 0.3s ease; + visibility: hidden; + top: calc(100% + 20px); +} + +.dashboard-edit .product .prod_option .options:before { + content: ''; + position: absolute; + bottom: 100%; + left: 10px; + border-bottom: 10px solid #fff; + border-left: 10px solid transparent; + border-right: 10px solid transparent; +} + +.dashboard-edit .product .prod_option .options ul li a { + color: #54667a; + padding: 5px 0; + transition: 0.3s ease; + display: inline-block; +} + +.dashboard-edit .product .prod_option .options ul li a span { + margin-right: 5px; + font-size: 14px; +} + +/* trumboyg*/ +.trumbowyg-button-pane { + background: #e1e7ee; +} + +.trumbowyg-box, +.trumbowyg-editor { + border: none; + min-height: 200px; + background: #f4f5f8; + margin-bottom: 0; +} + +.upload_wrapper > p { + font-weight: 500; + margin-top: 0; + color: #000; + margin-bottom: 6px; + font-size: 16px; +} + +.upload_wrapper > p span { + font-size: 15px; + color: #555; + font-weight: 400; + margin-left: 10px; +} + +.upload_wrapper label, .upload_wrapper .form-group p.label, .form-group .upload_wrapper p.label { + margin-bottom: 0; +} + +.upload_wrapper .upload-field { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.upload_wrapper .upload-field .custom_upload { + margin-right: 45px; + flex: 2; +} + +.upload_wrapper .upload-field .custom_upload span i { + margin-right: 8px; + position: relative; + top: 2px; +} + +.upload_wrapper .upload-field p { + flex: 3; + margin: 0; +} + +.filter-bar.dashboard_title_area { + padding: 24px 30px; +} + +.filter-bar.dashboard_title_area .dashboard__title h3 { + line-height: 45px; +} + +.filter-bar.dashboard_title_area .filter__option { + margin-right: 0; + padding: 0; +} + +.filter-bar.dashboard_title_area .filter__option p { + font-size: 18px; +} + +/*dashboard withdraw page */ +.dashboard-withdraw .dashboard_title_area { + padding: 23px 30px; +} + +.dashboard-withdraw .dashboard_title_area h3 { + line-height: 45px; +} + +.withdraw_module { + background: transparent; +} + +.withdraw_module .modules__content .subtitle { + font-size: 20px; + line-height: 28px; + font-weight: 400; +} + +.withdraw_module .option-single { + padding-bottom: 30px; + border-bottom: 1px solid #ebedf2; + margin-bottom: 30px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + position: relative; +} + +.withdraw_module .option-single:last-child { + border-bottom: 0; + margin-bottom: 0; +} + +.withdraw_module .option-single .custom-radio { + margin-bottom: 0; +} + +.withdraw_module .option-single .op_action { + display: flex; + align-items: center; +} + +.withdraw_module .option-single .op_action .exp_date { + padding-right: 45px; +} + +.withdraw_module .option-single .op_action .exp_date.expired { + color: #dc3545; +} + +.withdraw_module .option-single .op_action .ac_btn { + position: absolute; + right: 0; + top: 5px; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-menu { + left: auto !important; + right: 0; + border-radius: 0; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.13); + border: 0 none; + padding: 15px 0; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-menu .dropdown-item:hover { + background: none; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-toggle { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: all 0.3s ease; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-toggle:hover .svg, .withdraw_module .option-single .op_action .ac_btn .dropdown-toggle:focus .svg { + fill: #fff; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-toggle:after { + content: none; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-toggle span { + width: 18px; + display: block; + margin-right: -3px; +} + +.withdraw_module .option-single .op_action .ac_btn .dropdown-toggle span .svg { + fill: #6b6e8a; + transition: all 0.3s ease; + width: 14px; +} + +.withdraw_module .custom-radio { + margin-bottom: 10px; +} + +.withdraw_module .custom-radio label, .withdraw_module .custom-radio .form-group p.label, .form-group .withdraw_module .custom-radio p.label { + color: #333; +} + +.withdraw_module .custom-radio label .card-name, .withdraw_module .custom-radio .form-group p.label .card-name, .form-group .withdraw_module .custom-radio p.label .card-name { + margin-left: 20px; +} + +.withdraw_module .custom-radio label .c_active, .withdraw_module .custom-radio .form-group p.label .c_active, .form-group .withdraw_module .custom-radio p.label .c_active { + margin-left: 20px; + line-height: 30px; +} + +.withdraw_module .custom-radio .bold { + font-size: 16px; +} + +.withdraw_module .custom-radio:last-child { + margin-bottom: 0; +} + +.withdraw_module .withdraw_amount { + margin-top: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + margin-bottom: 15px; +} + +.withdraw_module .withdraw_amount .input-group { + width: auto; + position: relative; +} + +.withdraw_module .withdraw_amount .input-group .input-group-addon { + width: auto; + position: absolute; + left: 15px; + font-size: 16px; + top: 50%; + transform: translateY(-50%); + color: #6b6e8a; +} + +.withdraw_module .withdraw_amount .input-group input { + width: 235px; + font-weight: 400; + background: #eff1f5; + border: 0 none; + padding-left: 27px; +} + +.withdraw_module .withdraw_amount .fee { + display: block; + margin-left: 15px; + color: #555; +} + +.withdraw_module .button_wrapper { + margin-top: 40px; +} + +.withdraw_module .button_wrapper a { + margin-left: 6px; +} + +.withdraw_history { + padding-bottom: 10px; +} + +.withdraw_table_header { + padding: 33px 25px 30px; + border-bottom: 1px solid #ebedf2; +} + +.withdraw__table tbody tr td:nth-child(1), .withdraw__table tbody tr td:nth-child(2) { + color: #6b6e8a; +} + +.withdraw__table thead > tr > th { + padding: 20px 30px; +} + +/* end dashboard withdraw page*/ +/* Product single styles */ +.product-single { + padding: 30px; + background: #fff; + position: relative; + overflow: hidden; + border-radius: 3px; +} + +.product-single .featured-badge { + position: absolute; + line-height: 35px; + width: 200px; + text-align: center; + left: -60px; + top: 20px; + transform: rotate(-45deg); + z-index: 2; + color: #333; +} + +.product-single .product-thumb { + position: relative; + border-radius: 4px 4px 0 0; + overflow: hidden; + /* Promotion Badge */ + /* Product rating */ +} + +.product-single .product-thumb .s-promotion { + position: absolute; + right: 0; + top: 15px; + color: #fff; + line-height: 36px; + padding: 0 20px; + border-radius: 25px 0 0 25px; + z-index: 2; +} + +.product-single .product-thumb .product-rating2 { + position: absolute; + padding: 10px 20px; + background: #fff; + border-radius: 0 25px 25px 0; + left: 0; + bottom: 7px; +} + +.product-single .product-thumb .product-rating2 ul li { + font-size: 15px; + line-height: 0; +} + +.product-single .product-thumb figure { + position: relative; + margin: 0; +} + +.product-single .product-thumb figure img { + width: 100%; +} + +.product-single .product-thumb figure ul li a:hover { + color: #fff; +} + +.product-single .product-thumb figure:hover figcaption { + visibility: visible; + background: rgba(88, 103, 221, 0.9); +} + +.product-single .product-thumb figure:hover figcaption ul { + top: 50%; + opacity: 1; +} + +.product-single .product-thumb figure .prod_option { + position: absolute; + top: 20px; + left: 20px; +} + +.product-single .product-thumb figure .prod_option .dropdown-toggle:after { + content: none; +} + +.product-single .product-thumb figure .prod_option .setting-icon { + font-size: 20px; + line-height: 45px; + width: 45px; + text-align: center; + color: #fff; + display: inline-block; + -webkit-border-radius: 200px; + border-radius: 200px; + cursor: pointer; +} + +.product-single .product-thumb figure .prod_option .options { + width: 120px; + background: #fff; + padding: 15px 20px; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + top: 25px !important; + position: relative; +} + +.product-single .product-thumb figure .prod_option .options:before { + position: absolute; + content: ""; + bottom: 100%; + left: 7%; + border-bottom: 10px solid #fff; + border-right: 10px solid transparent; + border-left: 10px solid transparent; +} + +.product-single .product-thumb figure .prod_option .options ul li { + padding: 0; +} + +.product-single .product-thumb figure .prod_option .options ul li:focus, .product-single .product-thumb figure .prod_option .options ul li:active, .product-single .product-thumb figure .prod_option .options ul li:hover { + background: none; +} + +.product-single .product-thumb figure .prod_option .options ul li a { + color: #54667a; + padding: 2px 0; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + display: inline-block; + font-size: 14px; +} + +.product-single .product-thumb figure .prod_option .options ul li a span { + display: inline-block; + padding-right: 5px; +} + +.product-single .product-thumb figure .prod_option .options ul li a:hover { + background: none; +} + +.product-single .product-thumb figure figcaption { + position: absolute; + width: 100%; + left: 0; + top: 0; + height: 100%; + background: rgba(88, 103, 221, 0); + visibility: hidden; + transition: 0.3s ease; + border-radius: 4px 4px 0 0; + z-index: 1; +} + +.product-single .product-thumb figure figcaption ul { + position: absolute; + width: 100%; + top: 65%; + transform: translateY(-50%); + left: 0; + text-align: center; + transition: 0.3s ease; + opacity: 0; +} + +.product-single .product-thumb figure figcaption ul li { + display: inline-block; +} + +.product-single .product-thumb figure figcaption ul li a { + display: block; + background: #fff; + padding: 15px 20px; + border-radius: 3px; +} + +.product-single .product-thumb figure figcaption ul li:first-child { + margin-right: 10px; +} + +.product-excerpt { + padding: 10px 0 0; +} + +.product-excerpt h3 { + margin: 15px 0 13px 0; + padding-bottom: 0 !important; + line-height: 30px; + text-align: left; +} + +.product-excerpt h3 a { + color: #313342; +} + +.product-excerpt ul.titlebtm { + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; +} + +.product-excerpt ul.titlebtm li { + color: #b8bece; + margin-bottom: 8px; +} + +.product-excerpt ul.titlebtm li:last-child { + margin-right: 0; + margin-left: 10px; +} + +.product-excerpt ul.titlebtm li img, .product-excerpt ul.titlebtm li p { + display: inline-block; + margin-bottom: 0; +} + +.product-excerpt ul.titlebtm li img { + margin-right: 5px; + width: 25px; + height: 25px; +} + +.product-excerpt ul.titlebtm li a { + color: #6F7495; +} + +.product-excerpt .product-facts { + padding-top: 20px; + margin-top: 12px; + border-top: 1px solid #ebedf2; + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.product-excerpt .product-facts li { + margin-right: 15px; +} + +.product-excerpt .product-facts li:last-child { + margin-right: 0; +} + +.product-excerpt .product-facts li.price { + line-height: 30px; + padding: 0 10px; + font-size: 16px; + background: rgba(110, 79, 246, 0.08); + border-radius: 3px; +} + +.product-excerpt .product-facts li.sells { + color: #313342; +} + +.product-excerpt .product-facts li.sells span { + padding-right: 10px; + color: #6F7495; +} + +.product-excerpt .product-facts li.product-fav { + position: relative; + margin-left: 15px; +} + +.product-excerpt .product-facts li.product-fav::before { + position: absolute; + content: ""; + height: 20px; + width: 1px; + background: #ececec; + left: -15px; + top: 0; +} + +.product-excerpt .product-facts li.product-fav span { + color: #6F7495; + padding: 0 5px; + cursor: pointer; +} + +.product-excerpt .product-facts li.product-rating { + margin-left: auto; +} + +@media only screen and (max-width: 375px) { + .product-excerpt .product-facts li.product-rating { + margin-left: unset; + margin-top: 10px; + margin-bottom: 10px; + } +} + +.product-excerpt .product-facts li.product-rating ul { + display: flex; + align-items: center; +} + +.product-excerpt .product-facts li.product-rating ul li { + display: flex; + margin-right: 1px; +} + +.product-excerpt .product-facts li.product-rating ul li span.rate_active:before { + content: '\f318'; + font-family: "LineAwesome"; +} + +.product-excerpt .product-facts li.product-rating ul li span.rate_disabled:before { + content: '\f31b'; + font-family: "LineAwesome"; +} + +.product-excerpt .product-facts li.product-rating ul li.total-rating { + color: #6F7495; +} + +.single--vendor .product-excerpt ul.titlebtm li { + margin-left: 0; +} + +.more-item-btn { + text-align: center; + margin-top: 50px; +} + +/* Featured Products 2 */ +.featured-products2 { + border-bottom: 1px solid #ebedf2; +} + +.featured-products2 .product-single { + padding: 0; +} + +.featured-products2 .product-single .product-excerpt { + border: 1px solid #ebedf2; +} + +/*************************************** + START SINGLE PRODUCT DESCRIPTION AREA +****************************************/ +.single-product-desc { + padding: 100px 0; +} + +.single-product-desc2 .item-navigation { + text-align: center; + border-bottom: 1px solid #ebedf2; +} + +.single-product-desc2 .item-info { + padding: 0 30px 30px; +} + +.single-product-desc2 .sidebar--single-product .card-pricing .price { + box-shadow: none; +} + +.single-product-desc2 .item-info .tab-content #product-details .item_social_share { + border-top: 1px solid #ebedf2; +} + +.single-product-desc2 .item-info .tab-content #product-details .item_social_share p, .single-product-desc2 .item-info .tab-content #product-details .item_social_share img { + margin-bottom: 0; +} + +.single-product-desc2 .item-info .tab-content #product-details .item_social_share .social ul { + padding-bottom: 0; +} + +.single-product-desc2 .item-info .tab-content #product-details .item_social_share .social ul li:before { + display: none; +} + +/* ********* items preview area ********** */ +.item-prev-area { + position: relative; +} + +.item-prev-area .prev-nav { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + padding: 0 30px; + width: 100%; + display: flex; + justify-content: space-between; +} + +.item-preview--excerpt { + padding: 0 30px 30px; +} + +.item__preview-img { + position: relative; +} + +.item-preview { + padding: 0; + /* item preview2 style */ +} + +.item-preview .prev-slide img { + border-radius: 4px 4px 0 0; +} + +.item-preview img { + max-width: 100%; +} + +.item-preview .item__preview-thumb { + padding: 30px 30px 0; +} + +.item-preview .item__preview-thumb .thumb-slider { + width: 100%; +} + +.item-preview .item__preview-thumb .item-thumb { + margin-right: 3px; + cursor: pointer; + outline: 0; + text-align: center; +} + +.item-preview .prev-nav span { + line-height: 40px; + font-size: 13px; + padding: 0 15px; + background: #fff; + cursor: pointer; + display: inline-block; + border-radius: 3px; +} + +.item-preview .prev-nav span:active { + background: #1bbcab; +} + +.item-preview .prev-nav span:hover { + transition: 0.3s ease; + color: #fff; +} + +.item-preview .prev-nav span + span { + margin-left: 16px; +} + +.item-preview .item-preview--action { + border-top: 1px solid #ebedf2; + padding-top: 30px; + margin-top: 30px; + text-align: center; +} + +.item-preview .item-preview--action a + a { + margin-left: 25px; +} + +.item-preview .item-preview--action.border-none { + padding-top: 0; +} + +.item-preview .item_social_share { + padding-top: 30px; + text-align: center; +} + +.item-preview .item_social_share p { + margin-right: 30px; + display: inline-block; +} + +.item-preview .item_social_share p img { + width: 20px; +} + +.item-preview .item_social_share p span { + display: inline-block; + vertical-align: middle; + line-height: 20px; +} + +.item-preview.item-preview2 .item-preview--action { + padding-top: 0; + border-top: 0; + border-bottom: 1px solid #ebedf2; + padding-bottom: 30px; +} + +/* Item Activity */ +.item-preview--activity { + display: flex; + justify-content: space-between; + margin-top: 30px; + padding-top: 30px; + border-top: 1px solid #ebedf2; +} + +@media only screen and (max-width: 991px) { + .item-preview--activity { + margin: -15px; + flex-wrap: wrap; + justify-content: center; + margin-top: 30px; + } +} + +.item-preview--activity .activity-single { + padding: 10px 0; + width: calc(40% - 60px); + margin-right: 30px; + border: 3px solid #ebedf2; + border-radius: 3px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +@media only screen and (max-width: 991px) { + .item-preview--activity .activity-single { + width: unset; + padding: 10px 30px; + margin: 15px; + } +} + +.item-preview--activity .activity-single:last-child { + margin-right: 0; +} + +.item-preview--activity .activity-single p { + font-size: 15px; + font-weight: 300; + margin: 0; +} + +.item-preview--activity .activity-single p span { + margin-right: 8px; +} + +.item-preview--activity .activity-single p:last-child { + font-weight: 400; + color: #313342; + font-size: 18px; + margin-top: 5px; +} + +.item-preview--activity .activity-single ul { + display: flex; + justify-content: center; + margin-top: 7px; +} + +.item-preview--activity .activity-single ul li { + color: #6F7495; +} + +.item-preview--activity .activity-single ul li:first-child { + margin-right: 7px; +} + +/* ********* items detail information area ********** */ +.item-info { + border: 1px solid #ebedf2; + border-radius: 4px; + background: #fff; +} + +.item-info .tab-content-wrapper { + padding: 30px 30px 0; +} + +.tab-content-wrapper { + padding: 30px; +} + +#product-details h1 { + padding-bottom: 35px; +} + +#product-details h2 + p, #product-details p:last-child { + margin-bottom: 62px; +} + +#product-details img { + margin-bottom: 35px; + margin-top: 5px; + width: 100%; +} + +#product-details h3 { + padding-bottom: 20px; + line-height: normal; +} + +#product-details li { + font-size: 16px; + line-height: 34px; +} + +#product-details .item_social_share img { + margin-bottom: 0; +} + +#product-details .social ul li:before { + display: none; +} + +#product-details ol { + padding-left: 20px; + padding-bottom: 30px; + margin-bottom: 0; +} + +#product-details ol li { + list-style: decimal; + color: #6F7495; + font-weight: 300; +} + +#product-details ul { + padding-bottom: 30px; +} + +#product-details ul li { + position: relative; + padding-left: 20px; + color: #6F7495; + font-weight: 300; +} + +#product-details ul li:before { + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + left: 0; + top: 13px; + background: #b8bece; +} + +#product-details iframe { + width: 100%; +} + +/* ********* items comment area********** */ +.thread { + /* ********* items review area********** */ + /* thread review2 */ +} + +.thread .thread-list .single-thread { + border-bottom: 1px solid #ebedf2; + /* nested comment area css */ +} + +.thread .thread-list .single-thread:last-child { + border-bottom: 0 none; +} + +.thread .thread-list .single-thread .media { + padding: 30px 30px 26px; +} + +.thread .thread-list .single-thread .media-left { + padding-right: 19px; +} + +.thread .thread-list .single-thread .media-left a { + display: inline-block; + height: 70px; + width: 70px; +} + +.thread .thread-list .single-thread .media-left a img { + max-width: 100%; +} + +.thread .thread-list .single-thread .media-body .media-heading, .thread .thread-list .single-thread .media-body .comment-tag { + display: inline-block; +} + +.thread .thread-list .single-thread .media-body .media-heading h4 { + margin-bottom: 5px; + line-height: 26px; +} + +.thread .thread-list .single-thread .media-body .media-heading span { + color: #7e7e7e; + font-size: 15px; + line-height: 26px; +} + +.thread .thread-list .single-thread .media-body .comment-tag { + vertical-align: top; + font-size: 12px; + color: #fff; + line-height: 28px; + text-transform: capitalize; + border-radius: 3px; + font-weight: 400; + padding: 0 10px; + margin-left: 15px; +} + +.thread .thread-list .single-thread .media-body a.reply-link { + float: right; + display: inline-block; + font-size: 16px; + padding-top: 18px; +} + +.thread .thread-list .single-thread .media-body p { + padding-top: 14px; + margin-bottom: 0; +} + +.thread .thread-list .single-thread .depth-2 { + margin-left: 93px; + border-top: 1px solid #ebedf2; + border-bottom: 0; +} + +.thread.thread_review .thread-list .single-thread.depth-2 .media-body .media-heading { + display: inline-block; +} + +.thread.thread_review .thread-list .single-thread.depth-2 .media-body .media-heading span { + margin: 0; +} + +.thread.thread_review .thread-list .single-thread .media-body { + position: relative; +} + +.thread.thread_review .thread-list .single-thread .media-body .media-heading { + display: block; +} + +.thread.thread_review .thread-list .single-thread .media-body .media-heading a { + display: inline-block; +} + +.thread.thread_review .thread-list .single-thread .media-body .media-heading span { + margin-left: 20px; +} + +.thread.thread_review .thread-list .single-thread .media-body .media-heading .rev_item { + margin-left: 15px; +} + +.thread.thread_review .thread-list .single-thread .media-body p { + padding-top: 18px; +} + +.thread.thread_review .thread-list .single-thread .media-body .rating { + display: inline-block; +} + +.thread.thread_review .thread-list .review_tag { + background: rgba(110, 79, 246, 0.2); + border-radius: 3px; + line-height: 25px; + padding: 0 10px; + display: inline-block; + color: #222; + font-weight: 400; + margin-left: 10px; + font-size: 13px; +} + +.thread.thread_review2 { + border: 1px solid #ebedf2; + background: #fff; + border-radius: 4px; +} + +.thread.thread_review2 .rev_time { + font-size: 15px; + color: #7e7e7e; + line-height: 26px; + margin-left: auto; +} + +/* comment reply form */ +.comment-reply-form textarea, .comment-form-area .comment-form textarea { + height: 79px; + border: 1px solid #ebedf2; + resize: none; + border-radius: 4px; + padding: 15px; +} + +.comment-reply-form button, .comment-form-area .comment-form button { + margin-top: 20px; +} + +.comment-form-area { + padding: 30px 30px 0; +} + +.comment-form-area h4 { + line-height: 26px; + padding-bottom: 30px; +} + +.comment-form-area .media-left { + padding-right: 15px; +} + +.comment-form-area .support__comment .trumbowyg-box { + margin-top: 0; +} + +/* ********* item support area ********** */ +.support .support__title { + padding: 30px; + border-bottom: 1px solid #ebedf2; +} + +.support .support__title h3 { + line-height: 26px; + padding-bottom: 0; +} + +.support .support__form { + padding: 30px 30px 0; +} + +.support .support__form .usr-msg p { + color: #333; + margin-bottom: 26px; +} + +.support .support__form label, .support .support__form .form-group p.label, .form-group .support .support__form p.label { + font-size: 16px; + line-height: 32px; + margin-bottom: 15px; +} + +/* ********* related item area ********** */ +.more_product_area { + border-top: 1px solid #ebedf2; +} + +.more_product_area .section-title h2 { + margin-bottom: 0; +} + +/* END PRODUCT DESCRIPTION AREA */ +/***************************** + Start Hero Area +******************************/ +.hero-area, .hero-area2, .hero-area4 { + position: relative; + min-height: 723px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +.hero-area::before, .hero-area2::before, .hero-area4::before { + position: absolute; + height: 100%; + width: 100%; + content: ''; + background: rgba(0, 0, 0, 0.8); + top: 0; + left: 0; +} + +.hero-content { + width: 100%; +} + +@media only screen and (max-width: 375px) { + .hero-content { + padding: 30px 0; + } +} + +.hero__content__title { + text-align: center; +} + +.hero__content__title h1 { + color: #fff; + line-height: 65px; +} + +.hero__content__title h3 { + color: #fff; +} + +.hero__content__title p.tagline { + margin: 30px 0 55px 0; + font-size: 20px; + color: #fff; +} + +.search_box { + background: white; + padding: 30px; + border-radius: 3px; +} + +.search_box form { + display: flex; +} + +.search_box .text_field { + width: 57%; + margin-right: 12px; + height: 55px; + padding: 0 30px; + background: #fff; + border-radius: 3px; + font-weight: 400; +} + +.search_box .text_field::placeholder { + opacity: 0.8; +} + +.search_box .search__select { + width: 20%; + margin-right: 12px; + position: relative; +} + +.search_box .search__select .select--field { + border-radius: 3px; + appearance: none; + -webkit-appearance: none; + color: #8991a5; + cursor: pointer; + height: 55px; +} + +.search_box .search__select .select--field:focus, .search_box .search__select .select--field:active { + box-shadow: none; + border: 1px solid #ebedf2 !important; +} + +.search_box .search__select span { + position: absolute; + right: 20px; + top: 52%; + transform: translateY(-50%); + font-size: 10px; + color: #8991a5; +} + +.search_box .search__select option { + padding: 15px 0; +} + +.search_box .search-btn { + width: 22%; + min-width: auto; + cursor: pointer; +} + +.search_box2 { + margin-top: 20px; +} + +.search_box2 form { + display: flex; + flex-wrap: wrap; +} + +.search_box2 .text_field { + border-radius: 3px 0 0 3px; + border: 0 none; + flex: 3; + height: 60px; +} + +@media only screen and (max-width: 575px) { + .search_box2 .text_field { + flex: unset; + } +} + +.search_box2 .text_field:focus { + border: 0 none !important; +} + +.search_box2 .search-btn { + border-radius: 0 3px 3px 0; + padding: 0 25px; + min-width: auto; + height: 60px; + cursor: pointer; +} + +.hero-area2 { + min-height: 500px; +} + +.hero-area2 .hero__content__title p.tagline { + font-size: 18px; + font-weight: 400; + margin: 5px 0 35px 0; + color: rgba(255, 255, 255, 0.7); +} + +.hero-area3 { + min-height: 260px; + padding-bottom: 20px; +} + +.hero-area3 .hero__content__title h3 { + line-height: 40px; +} + +.hero-area4 { + min-height: 500px; + background: #fff; +} + +.hero-area4:before { + content: none; +} + +.hero-area4 .hero-content .hero__content__title h1 { + color: #313342; +} + +.hero-area4 .hero-content .hero__content__title .tagline { + color: inherit; + margin: 7px 0 40px; +} + +.hero-area4 .hero-content .search_box2 { + box-shadow: 0 8px 10px rgba(110, 79, 246, 0.08); +} + +.intro-area { + position: relative; +} + +.intro-area .hero-area:before, .intro-area .hero-area2:before, .intro-area .hero-area4:before { + content: none; +} + +.gradient_overlay:before { + background: linear-gradient(to right, #f8f9fd, #f8f9fd, rgba(255, 255, 255, 0)); +} + +.gradient_overlay .hero__content__title h1 { + color: #313342; +} + +.gradient_overlay .hero__content__title p.tagline { + color: #6b6e8a; + opacity: 1; +} + +.gradient_overlay .search_box2 { + box-shadow: 0 8px 10px rgba(110, 79, 246, 0.08); +} + +/***************************** + Product Sorting +******************************/ +.product-sorting { + padding: 40px 0 25px 0; + box-shadow: 0 8px 10px rgba(110, 79, 246, 0.08); +} + +.product-sorting ul { + text-align: center; + display: flex; + justify-content: center; + flex-wrap: wrap; +} + +.product-sorting ul li { + margin-right: 40px; + margin-bottom: 15px; +} + +.product-sorting ul li:last-child { + margin-right: 0; +} + +.product-sorting ul li span { + font-size: 18px; + margin-right: 10px; +} + +.product-sorting ul li a { + color: #6F7495; +} + +.product-sorting ul li span, +.product-sorting ul li a { + display: inline-block; + vertical-align: middle; + line-height: 20px; +} + +/***************************** + Start Featured Area +******************************/ +.product-slide-area { + position: relative; +} + +.product-slide-area .owl-nav { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 100%; + z-index: 0; +} + +.product-slide-area .owl-nav .owl-prev, +.product-slide-area .owl-nav .owl-next { + float: left; + width: 50px; + height: 50px; + border-radius: 50%; + background: #fff; + color: #b8bece; + transition: 0.3s ease; + font-size: 13px; + display: flex !important; + justify-content: center; + align-items: center; + box-shadow: 0 3px 5px rgba(108, 117, 125, 0.05); +} + +.product-slide-area .owl-nav .owl-prev:hover, +.product-slide-area .owl-nav .owl-next:hover { + color: #fff; +} + +.product-slide-area .owl-nav .owl-prev { + margin-left: -60px; +} + +@media only screen and (max-width: 1399px) { + .product-slide-area .owl-nav .owl-prev { + margin-left: -30px; + } +} + +.product-slide-area .owl-nav .owl-next { + float: right; + margin-right: -60px; +} + +@media only screen and (max-width: 1399px) { + .product-slide-area .owl-nav .owl-next { + margin-right: -30px; + } +} + +/***************************** + Start Latest Product +******************************/ +.product-list .more-item-btn { + margin-top: 0; +} + +.product-list .tab-content .tab-pane { + padding-bottom: 0; +} + +.nav__product-list { + border: 1px solid #ebedf2; + padding: 30px 0 17px; + text-align: center; + display: block; + margin-bottom: 35px; +} + +.nav__product-list li { + display: inline-block; + margin-right: 7px; + margin-left: 7px; + margin-bottom: 13px; +} + +.nav__product-list li a { + background: #f1f2f7; + color: #6F7495; + line-height: 30px; + font-size: 15px; + padding: 0 15px; + border-radius: 3px; + transition: 0.3s ease; +} + +.nav__product-list li a:hover, .nav__product-list li a.active { + color: #fff; +} + +.latest-single { + padding: 0; + margin-bottom: 30px; +} + +.latest-single .product-excerpt { + padding: 17px 25px 15px; + border: 1px solid #ebedf2; + border-radius: 0 0 4px 4px; +} + +.latest-single .product-excerpt h5 { + margin-top: 0; + margin-bottom: 12px; +} + +.latest-single .product-excerpt h5 a { + color: inherit; + display: block; +} + +/***************************** + Start Services +******************************/ +.services { + padding: 100px 0 50px 0; + border-top: 1px solid #ebedf2; +} + +.service-single { + text-align: center; + margin-bottom: 50px; +} + +.service-single span { + display: block; + margin-bottom: 30px; + font-size: 36px; +} + +.service-single h4 { + margin: 0 0 20px 0; +} + +.service-single p { + margin-bottom: 0; +} + +/*************************************** + Start Counter Up CSS +*****************************************/ +.counter-up-area { + position: relative; +} + +.counter-up-area:before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + background: rgba(13, 15, 19, 0.8); +} + +.counter-up-area.counter-up--area2 { + background-image: none; +} + +.counter-up-area.counter-up--area2:before { + display: none; +} + +.counter-up-area.counter-up--area2 .counter-up { + padding: 60px 0px; +} + +.counter-up-area.counter-up--area2 .counter-up .counter p { + color: #555; +} + +span.counter { + display: block; +} + +.counter-up { + overflow: hidden; + padding: 96px 0; + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.counter-up .counter { + flex: 1; + text-align: center; +} + +.counter-up .counter span { + display: block; + font-size: 48px; +} + +.counter-up .counter .count_up { + font-size: 36px; + margin-top: 35px; +} + +.counter-up .counter p { + color: #ffffff; + margin-top: 7px; + font-size: 18px; + margin-bottom: 0; +} + +/*************************************** + Start How It Works +****************************************/ +.step-single { + position: relative; + padding: 30px 15px 50px 15px; + margin-bottom: 30px; +} + +.step-single:last-child { + margin-bottom: 0; +} + +.step-single .step-count { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: 100px; + height: 100%; +} + +.step-single .step-count:before { + position: absolute; + content: ""; + left: 50%; + transform: translateX(-50%); + width: 1px; + height: 92%; + background: #ebedf2; + bottom: 5px; +} + +.step-single .step-count span:first-child { + position: absolute; + left: 50%; + top: 0; + width: 100%; + line-height: 32px; + padding: 0 25px; + border-radius: 15px; + background: #eef0fc; + transform: translateX(-50%); + text-align: center; +} + +.step-single .step-count span:last-child { + position: absolute; + left: 50%; + bottom: 0; + color: #36A3F7; + transform: translateX(-50%); +} + +.step-single .step-count2 span:first-child { + background: #ebf6fe; +} + +.step-single .step-last span:first-child { + background: #feedf0; +} + +.step-single .step-last span:last-child { + font-size: 30px; + border-radius: 50%; + padding: 20px; + background: #eaf8f6; +} + +.step-single .step-text, +.step-single .step-image { + display: flex; + align-items: center; +} + +.step-single .step-text h2 { + margin: 0 0 25px 0; +} + +.step-single .step-text p { + margin: 0; + color: #6F7495; + line-height: 30px; +} + +/*************************************** + Start Call To Action +*****************************************/ +.cta { + padding: 135px 0 100px 0; +} + +.cta-single { + text-align: center; +} + +.cta-single h3 { + margin: 0 0 30px 0; +} + +.cta-single p { + color: #6F7495; + line-height: 30px; + margin-bottom: 30px; +} + +.cta-divider { + display: flex; + align-items: center; + text-align: center; +} + +.cta-divider span { + width: 60px; + height: 60px; + border-radius: 50%; + background: #fddde3; + display: block; + margin: 0 auto; + position: relative; + padding-top: 20px; +} + +.cta-divider span:before { + position: absolute; + content: ""; + width: 70px; + height: 70px; + background: rgba(244, 81, 108, 0.1); + border-radius: 50%; + left: -5px; + top: -5px; +} + +/*************************************** + Start Clients Logo +*****************************************/ +.clients-logo { + padding: 80px 0 70px; + border-top: 1px solid #ebedf2; +} + +.clients-logo .partners { + margin-top: 0; +} + +/*************************************** + Start Subscribe +*****************************************/ +.subscribe { + padding: 90px 0; + background-color: #121519; +} + +.subscribe .envelope-svg { + width: 80px; + height: 80px; + margin: 0 auto 50px auto; +} + +.subscribe .envelope-svg svg { + fill: #1DC9B7; +} + +.subscribe p { + margin-bottom: 44px; + text-align: center; + color: #fff; + font-size: 18px; + font-weight: 300; + opacity: 0.6; +} + +.filter-area { + position: relative; +} + +.filter-bar { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.filter-bar .filter__option { + padding: 0 0 40px 0; +} + +.filter-bar .filter__option p { + font-size: 24px; + color: #000; + line-height: 46px; + margin-bottom: 0; +} + +.filter-bar .filter__option p span { + font-weight: 500; +} + +.filter-bar .dropdown-trigger { + font-size: 16px; + line-height: 46px; + display: inline-block; + padding: 0 30px; + width: 220px; + color: #6F7495; + position: relative; + border-radius: 3px; + border: 1px solid #ebedf2; +} + +.filter-bar .dropdown-trigger span { + font-size: 10px; + position: absolute; + right: 30px; + top: 50%; + transform: translateY(-50%); +} + +.filter-bar .dropdown-toggle::after { + content: none; +} + +.filter-bar .filter--dropdown { + position: relative; +} + +.filter-bar .filter--dropdown.filter--range .dropdown { + width: 350px; +} + +.filter-bar .filter--dropdown.filter--range .dropdown .range-slider.ui-slider { + margin-top: 14px; +} + +.filter-bar .filter--dropdown .dropdown { + opacity: 1; + transform: translate(0); + visibility: visible; + position: relative; + top: 100%; +} + +.filter-bar .filter--dropdown:first-child .dropdown-trigger { + display: block; +} + +.filter-bar .filter--select { + width: 217px; +} + +.filter-bar .filter--text a { + font-size: 16px; + color: #555555; + line-height: 42px; + transition: 0.3s ease; +} + +.filter-bar .filter--text a + a { + margin-left: 40px; +} + +.filter-bar.filter-bar2 { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; + padding-left: 30px; + display: flex; + justify-content: space-between; +} + +.filter-bar.filter-bar2 .filter__option { + padding: 20px 0; +} + +.filter-bar.filter-bar2 .dashboard__title { + flex: 1; +} + +.filter-bar.filter-bar2 .filter__items { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} + +.filter-bar.filter-bar2 .filter__items p { + margin-right: 30px; +} + +.filter-bar .filter--search form { + position: relative; +} + +.filter-bar .filter--search form input { + padding-right: 65px; + border-radius: 4px; +} + +.filter-bar .filter--search form button { + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 50px; + background: none; + border: 0; + color: #6b6e8a; +} + +.filter__option.filter--layout { + padding: 10px 20px; + border: 1px solid #ebedf2; + border-radius: 4px; + margin: 29px 0; +} + +.filter__option.filter--layout .svg-icon { + display: inline-block; + width: 20px; + height: 20px; + cursor: pointer; +} + +.filter__option.filter--layout .svg-icon .svg { + fill: #747b86; +} + +.filter__option.filter--layout .svg-icon + .svg-icon { + margin-left: 10px; +} + +.product-filter-area { + margin-top: 100px; +} + +.filter-area2 .filter-bar { + justify-content: flex-end; +} + +.filter-area2 .filter-bar .filter__option { + margin-left: 30px; +} + +/* Call To Action 2 */ +.cta2 { + padding: 90px 0 70px 0; +} + +.cta2 .cta-content { + display: flex; + justify-content: space-between; + align-items: center; +} + +.cta-content .cta-text h2 { + line-height: 34px; + color: #fff; + margin: 0 0 20px 0; +} + +.cta-content .cta-text p { + color: rgba(255, 255, 255, 0.7); + font-size: 18px; + margin: 0; + font-weight: 300; +} + +/*************************************** + START AUTHOR AREA +****************************************/ +.author-profile-area { + padding: 100px 0 40px; + background: #eff1f5; +} + +.author-profile-area .product-title-area, .author-profile-area .dashboard_contents .dashboard_title_area, .dashboard_contents .author-profile-area .dashboard_title_area { + background: none; + padding: 0; + margin: 0; +} + +.author-profile-area .product-title-area .btn, .author-profile-area .dashboard_contents .dashboard_title_area .btn, .dashboard_contents .author-profile-area .dashboard_title_area .btn { + float: right; +} + +.author-profile { + background: #ffffff; + padding: 30px; + border-radius: 4px 4px 0 0; +} + +.author-profile .row { + align-items: center; +} + +.author-profile .author-desc { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.author-profile .author-desc img { + border-radius: 50%; + margin-right: 18px; +} + +@media only screen and (max-width: 479px) { + .author-profile .author-desc .infos { + padding: 10px 0; + } +} + +.author-profile .author-desc .infos h4 { + margin-bottom: 5px; +} + +.author-profile .author-desc .infos > span { + margin-bottom: 15px; + display: block; +} + +.author-profile .author-desc .infos ul { + display: flex; +} + +.author-profile .author-desc .infos ul li { + margin-right: 6px; +} + +.author-profile .author-desc .infos ul li:last-child { + margin-right: 0; +} + +.author-profile .author-social ul { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.author-profile .author-social ul li { + display: block; + margin: 5px 0; + width: 100%; +} + +.author-profile .author-social ul li.split { + width: 50%; +} + +.author-profile .author-social ul li a { + color: #6b6e8a; + font-size: 0.93333rem; +} + +.author-profile .author-social ul li a span { + color: #fff; + margin-right: 4px; +} + +.author-profile .author-stats ul { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.author-profile .author-stats ul .t_items span, +.author-profile .author-stats ul .t_sells span { + font-size: 24px; + font-weight: 500; +} + +.author-profile .author-stats ul .t_items p, +.author-profile .author-stats ul .t_sells p { + color: #313342; + margin: 0; +} + +.author-profile .author-stats ul .t_reviews .ratings { + color: #ffc000; +} + +.author-profile .author-stats ul .t_reviews .avg_r { + font-size: 13px; + color: #313342; + padding-left: 3px; +} + +.author-profile .author-stats ul .t_reviews p { + margin: 3px 0 0 0; +} + +.author-profile .author-stats ul li { + margin-bottom: 33px; +} + +.author-profile .author-stats ul li:last-child { + margin-bottom: 0; +} + +.author-info-tabs ul.nav { + border-top: 1px solid #ebedf2; + border-radius: 0 0 4px 4px; + margin-bottom: 30px; + display: flex; + justify-content: flex-start; + background: #ffffff; + padding: 0 40px; +} + +.author-info-tabs ul.nav li { + flex: none; + border-bottom: 0; +} + +.author-info-tabs ul.nav li a { + padding: 0 30px; + font-weight: 400; +} + +/**/ +.author_module { + border: 1px solid #ebedf2; + background: #fff; +} + +.tab-pane h3 { + line-height: 48px; + padding-bottom: 22px; +} + +.tab-pane h3 span { + font-weight: 500; +} + +.tab-pane .pagination-default { + margin-bottom: 5px; +} + +.about_author { + padding: 25px 30px 30px; + border-radius: 4px; + margin-bottom: 50px; +} + +.about_author p + p { + margin-bottom: 0; +} + +/* AUTHOR FOLLOWERS AREA */ +.user-single { + border: 0 none; + background: #ffffff; + margin-bottom: 30px; +} + +.user-single.card--dark { + background: #eff1f5; +} + +.user-single.card--dark .card-footer { + background: #eff1f5; +} + +.user-single .card-body { + padding: 30px; + text-align: center; +} + +.user-single .card-body h6 { + font-weight: 500; + margin: 20px 0 5px; +} + +.user-single .card-body p { + margin: 8px; +} + +.user-single .card-body .ratings span i { + color: #ffc000; +} + +.user-single .card-body .ratings span:last-child { + font-size: 13px; +} + +.user-single .card-footer { + background: #ffffff; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 15px 20px; +} + +.user-single .card-footer .stats p { + margin: 0; +} + +.user-single .card-footer .user__status .btn { + margin: 0; +} + +.user-single .card-footer .user--following .btn { + min-width: 116px; +} + +.user-single .card-footer .user--following .btn:hover { + border-color: #F4516C; +} + +/*************************************** + END AUTHOR AREA +****************************************/ +/*************************************** + START NOTIFICATIONS AREA +****************************************/ +.notifications_module { + padding-bottom: 30px; +} + +.notifications_module .notification__unread .info_avatar { + position: relative; +} + +.notifications_module .notification__unread .info_avatar:before { + position: absolute; + content: ""; + width: 12px; + height: 12px; + border: 2px solid #fff; + border-radius: 50%; + top: 0; + right: 0; +} + +.notifications_module .notification { + overflow: hidden; + padding: 20px 30px; + border-bottom: 1px solid #ebedf2; + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} + +.notifications_module .notification:last-child { + border-bottom: 0; +} + +.notifications_module .notification .line { + width: 13px; + left: 0; + height: 2px; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + position: absolute; + display: inline-block; +} + +.notifications_module .notification .line:before, .notifications_module .notification .line:after { + width: 18px; + height: 2px; + content: ''; + position: absolute; +} + +.notifications_module .notification .line:before { + top: -7px; +} + +.notifications_module .notification .line:after { + top: 7px; +} + +.notifications_module .notification .notification__info { + flex: 2; + display: flex; + align-items: center; +} + +.notifications_module .notification .notification__info p { + margin: 0; +} + +.notifications_module .notification .notification__info .info_avatar { + height: 50px; + width: 50px; + margin-right: 16px; +} + +.notifications_module .notification .notification__info .info_avatar img { + border-radius: 50%; + width: 100%; +} + +.notifications_module .notification .notification__info .info p { + color: #747a86; + font-size: 14px; + line-height: 23px; +} + +.notifications_module .notification .notification__info .info p span { + color: #000; + font-weight: 400; +} + +.notifications_module .notification .notification__info .info .time { + font-size: 13px; + margin-top: 5px; + color: #747a86; +} + +.notifications_module .notification .notification__icons .noti_icon { + line-height: 40px; + width: 40px; + text-align: center; + font-size: 16px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + display: inline-block; + margin-right: 10px; + border-radius: 50%; +} + +.notifications_module .notification .notification__icons .noti_icon.loved { + background: rgba(110, 79, 246, 0.1); +} + +.notifications_module .notification .notification__icons .noti_icon.commented { + background: rgba(29, 201, 183, 0.1); +} + +.notifications_module .notification .notification__icons .noti_icon.purchased { + background: rgba(244, 81, 108, 0.1); +} + +.notifications_module .notification .notification__icons .noti_icon.reviewed { + background: rgba(29, 201, 183, 0.1); +} + +.notifications_module .notification .notification__icons span.icon-close { + color: #c1c7d2; + font-size: 16px; + cursor: pointer; +} + +.notifications_module .pagination-area { + border-bottom: 0; +} + +.dashboard_contents .notifications_module .notification .notification__info .info { + padding-right: 30px; +} + +.dashboard_contents .notifications_module .notification .notification__info .info p { + font-size: 16px; +} + +/*************************************** + END NOTIFICATIONS AREA +****************************************/ +/*************************************** + START MESSAGE AREA +****************************************/ +.message_area { + background: #eff1f5; + padding: 100px 0; +} + +.messaging_sidebar { + position: relative; +} + +.messaging_sidebar .messaging__header { + border-radius: 3px 3px 0 0; + padding: 30px; + position: absolute; + width: 100%; + z-index: 1; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +@media only screen and (max-width: 375px) { + .messaging_sidebar .messaging__header { + position: unset; + } +} + +.messaging_sidebar .messaging__header .messaging_menu { + color: #fff; + font-size: 16px; +} + +.messaging_sidebar .messaging__header .messaging_menu a { + color: #fff; +} + +.messaging_sidebar .messaging__header .messaging_menu .msg { + line-height: 20px; + width: 20px; + display: inline-block; + text-align: center; + margin: 0 10px; + color: #fff; + -webkit-border-radius: 50%; + font-size: 14px; + -moz-border-radius: 50%; + border-radius: 50%; +} + +.messaging_sidebar .messaging__header .messaging_menu .icon-arrow-down { + font-size: 12px; + color: #fff; + cursor: pointer; +} + +.messaging_sidebar .messaging__header .messaging_menu span { + margin-right: 10px; +} + +.messaging_sidebar .messaging__header .messaging_menu .dropdown { + top: 99px !important; + transform: translate(0) !important; +} + +.messaging_sidebar .messaging__header .messaging_menu .dropdown a { + color: #6F7495; +} + +.messaging_sidebar .messaging__header .messaging_menu .dropdown:before { + border-bottom: 10px solid #fff; +} + +.messaging_sidebar .messaging__header .messaging_menu a.dropdown-toggle:after { + content: none; +} + +.messaging_sidebar .messaging__header .messaging_action { + color: #fff; +} + +@media only screen and (max-width: 375px) { + .messaging_sidebar .messaging__header .messaging_action { + margin: 10px 0; + } +} + +.messaging_sidebar .messaging__header .messaging_action .icon-trash { + margin-right: 5px; +} + +.messaging_sidebar .messaging__header .messaging_action .btn { + margin-left: 10px; +} + +.messaging_sidebar .messaging__header .messaging_action .btn span { + margin-right: 5px; +} + +.messaging_sidebar .messaging__contents { + padding-top: 102px; +} + +@media only screen and (max-width: 375px) { + .messaging_sidebar .messaging__contents { + padding-top: 0; + } +} + +.messaging_sidebar .messaging__contents .message_search { + position: relative; +} + +.messaging_sidebar .messaging__contents .message_search input { + border-left: none; + border-right: none; + border-top: none; + padding-left: 50px; + border-bottom: 1px solid #ebedf2; + line-height: 50px; +} + +.messaging_sidebar .messaging__contents .message_search span { + position: absolute; + left: 25px; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 15px; + color: #898f96; +} + +.messaging_sidebar .messaging__contents .messages { + max-height: 1094px; + overflow-Y: scroll; + margin-right: 2px; + /* width */ + /* Track */ + /* Handle */ +} + +.messaging_sidebar .messaging__contents .messages.active { + background: #f5fafe; +} + +.messaging_sidebar .messaging__contents .messages::-webkit-scrollbar { + width: 10px; +} + +.messaging_sidebar .messaging__contents .messages::-webkit-scrollbar-track { + box-shadow: none; + border-radius: 10px; + border: 1px solid #ebedf2; +} + +.messaging_sidebar .messaging__contents .messages::-webkit-scrollbar-thumb { + background: #c7c7c7; + border-radius: 10px; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar { + display: inline-block; + vertical-align: middle; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions, +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar { + display: inline-block; + vertical-align: middle; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar { + height: 50px; + width: 50px; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions { + margin-right: 13px; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa { + margin-left: 3px; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star { + color: #ffc000; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .actions span.fa.fa-star-o { + color: #b9b9b9; +} + +.messaging_sidebar .messaging__contents .messages .message__actions_avatar .avatar img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +.messaging_sidebar .messaging__contents .messages .message_data { + display: inline-block; + width: calc(100% - 90px); + cursor: pointer; + padding-left: 10px; + vertical-align: middle; +} + +@media only screen and (max-width: 479px) { + .messaging_sidebar .messaging__contents .messages .message_data .name_time { + display: grid; + } +} + +.messaging_sidebar .messaging__contents .messages .message_data .name_time > p { + margin-bottom: 0; + margin-top: 10px; +} + +.messaging_sidebar .messaging__contents .messages .message_data .name { + display: inline-block; +} + +.messaging_sidebar .messaging__contents .messages .message_data .name p { + display: inline-block; + font-weight: 400; + color: #000; + margin-bottom: 0; +} + +.messaging_sidebar .messaging__contents .messages .message_data .name span { + display: inline-block; + font-size: 15px; + margin-left: 10px; +} + +.messaging_sidebar .messaging__contents .messages .message_data .time { + float: right; + font-size: 15px; +} + +.messaging_sidebar .messaging__contents .messages .message { + padding: 30px; + border-bottom: 1px solid #ebedf2; + display: flex; +} + +.messaging_sidebar .messaging__contents .messages .message.active { + background: #f5fafe; + position: relative; +} + +.messaging_sidebar .messaging__contents .messages .message.active:before { + content: ""; + height: 100%; + width: 3px; + position: absolute; + top: 0; + left: 0; +} + +.chat_area .chat_area--title { + background: #fff; + padding: 36px 28px; + box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.chat_area .chat_area--title h3 { + display: inline-block; + line-height: 28px; +} + +.chat_area .chat_area--title h3 span { + font-weight: 400; +} + +.chat_area .chat_area--title .message_toolbar { + position: relative; +} + +.chat_area .chat_area--title .message_toolbar span { + color: #54667a; + margin-right: 12px; + font-size: 16px; + line-height: 28px; +} + +.chat_area .chat_area--title .message_toolbar a.dropdown-toggle:after { + content: none; +} + +.chat_area .chat_area--title .message_toolbar ul.dropdown { + width: 120px; + top: 62px !important; + right: 0; + transform: translateX(-50%) !important; +} + +.chat_area .chat_area--title .dropdown { + right: 0; + left: auto; + top: 100%; + min-width: 195px; +} + +.chat_area .chat_area--title .dropdown:before { + right: 20px; +} + +.chat_area .chat_area--conversation { + padding: 30px; +} + +.chat_area .chat_area--conversation .conversation { + border-bottom: 1px solid #ebedf2; + padding-bottom: 26px; +} + +.chat_area .chat_area--conversation .conversation + .conversation { + padding-top: 30px; +} + +.chat_area .chat_area--conversation .conversation .head { + display: flex; +} + +.chat_area .chat_area--conversation .chat_avatar img { + width: 50px; + height: 50px; + border-radius: 50%; +} + +.chat_area .chat_area--conversation .name_time { + padding-left: 15px; + flex: 2; +} + +.chat_area .chat_area--conversation .name_time div { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; +} + +.chat_area .chat_area--conversation .name_time h4 { + display: inline-block; + font-weight: 400; +} + +.chat_area .chat_area--conversation .name_time p { + margin-bottom: 0; + color: #747a86; + font-size: 15px; +} + +.chat_area .chat_area--conversation .name_time .email { + color: #54667a; + margin-top: 5px; + display: inline-block; +} + +.chat_area .chat_area--conversation .body { + padding-left: 66px; + margin-top: 19px; +} + +.chat_area .chat_area--conversation .body p { + margin-bottom: 0; +} + +.chat_area .chat_area--conversation .body .attachments { + margin-top: 30px; +} + +.chat_area .chat_area--conversation .body .attachments .attachment_head p { + display: inline-block; + font-size: 15px; + line-height: 26px; + color: #54667a; +} + +.chat_area .chat_area--conversation .body .attachments .attachment_head a { + display: inline-block; + margin-left: 20px; +} + +.chat_area .chat_area--conversation .body .attachments .attachment { + margin-top: 15px; +} + +.chat_area .chat_area--conversation .body .attachments .attachment ul { + margin: -13px; +} + +.chat_area .chat_area--conversation .body .attachments .attachment ul li { + display: inline-block; + margin: 13px; +} + +.chat_area .message_composer { + padding: 0 30px 30px; +} + +.chat_area .message_composer .trumbowyg-box { + margin-top: 0; +} + +.chat_area .message_composer .attached { + margin-top: 20px; +} + +.chat_area .message_composer .attached p { + display: inline-block; + font-size: 15px; + font-weight: 500; + line-height: 36px; + background: #f2f4f8; + padding: 0 15px; + border-radius: 3px; + margin-right: 13px; + margin-bottom: 13px; +} + +.chat_area .message_composer .attached p span { + font-size: 16px; + vertical-align: middle; + display: inline-block; + color: #647485; + margin-left: 14px; + cursor: pointer; +} + +.chat_area .message_composer .attached-files { + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.chat_area .message_composer .attached-files li { + margin-right: 15px; + display: flex; + align-items: center; + padding: 10px; + background: #f2f4f8; + border-radius: 3px; +} + +.chat_area .message_composer .attached-files li:last-child { + margin-right: 0; +} + +.chat_area .message_composer .attached-files li a { + font-weight: 500; + line-height: 0; +} + +.chat_area .message_composer .attached-files li a span { + color: #6F7495; +} + +.chat_area .message_composer .attached-files li a:last-child { + margin-left: 15px; +} + +.chat_area .message_composer .composer_field { + min-height: 140px; +} + +.chat_area .message_composer .btns { + margin-top: 17px; + display: flex; + align-items: center; + flex-wrap: wrap; +} + +.chat_area .message_composer .btns .send { + margin-right: 16px; + padding: 0 40px; +} + +.chat_area .message_composer .btns label, .chat_area .message_composer .btns .form-group p.label, .form-group .chat_area .message_composer .btns p.label { + font-weight: 400; + font-size: 15px; + margin-bottom: 0; + cursor: pointer; +} + +.chat_area .message_composer .btns label input, .chat_area .message_composer .btns .form-group p.label input, .form-group .chat_area .message_composer .btns p.label input { + display: none; +} + +.chat_area .message_composer.composing { + padding-top: 30px; +} + +.chat_area .message_composer.composing .recipient_field { + line-height: 38px; + border: 1px solid #d0d9e2; + border-radius: 3px; + margin-bottom: 20px; +} + +.chat_area .message_composer.composing .cancel_btn { + margin-left: auto; +} + +/*************************************** + END MESSAGE AREA +****************************************/ +/* bar rating scss */ +.br-theme-fontawesome-stars .br-widget { + white-space: nowrap; +} + +.br-theme-fontawesome-stars .br-widget a { + font: normal normal normal 15px/1 FontAwesome; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + text-decoration: none; + margin-right: 2px; +} + +.br-theme-fontawesome-stars .br-widget a + a { + margin-left: 2px; +} + +.br-theme-fontawesome-stars .br-widget a:after { + content: "\f006"; + color: #898f96; +} + +.br-theme-fontawesome-stars .br-widget a.br-active:after { + color: #ffc000; + content: "\f005"; +} + +.br-theme-fontawesome-stars .br-widget a.br-selected:after { + color: #ffc000; + content: "\f005"; +} + +.br-theme-fontawesome-stars .br-widget .br-current-rating { + display: none; +} + +.br-theme-fontawesome-stars .br-readonly a { + cursor: default; +} + +.cart_area .single_product { + padding: 0; +} + +.cart_area .table thead > tr > th { + font-weight: 500; +} + +.cart_area tbody tr td { + padding: 30px 0 30px 30px; +} + +.cart_area tbody .item_price span { + color: #363940; + font-size: 24px; + font-weight: 500; +} + +.cart_area tbody .item_action .remove_from_cart span { + font-size: 18px; + -webkit-transition: .2s; + -o-transition: .2s; + transition: .2s; + line-height: 50px; + width: 50px; + text-align: center; + background: rgba(88, 103, 221, 0.1); + -webkit-border-radius: 50%; + border-radius: 50%; + display: inline-block; +} + +.cart_area tbody .item_action .remove_from_cart span:hover { + color: #fff; +} + +.cart_area .cart_calculation { + padding: 25px 30px 0 0; +} + +.cart_area .cart_calculation .cart--subtotal p, +.cart_area .cart_calculation .cart--total p { + color: #333; +} + +.cart_area .cart_calculation .cart--subtotal p span, +.cart_area .cart_calculation .cart--total p span { + display: inline-block; + padding-right: 30px; + color: #6F7495; +} + +/*************************************** + START CHECKOUT CSS +****************************************/ +.order_summary ul li { + padding: 24px 30px; + border-top: 1px solid #ebedf2; +} + +.order_summary ul li.item { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; +} + +.order_summary ul li.item a { + font-size: 16px; + line-height: 28px; + font-weight: 400; +} + +.order_summary ul li.total_ammount { + font-weight: 500; + font-size: 22px; +} + +.order_summary ul li.total_ammount p { + font-size: 22px; + font-weight: 500; + color: #000; +} + +.order_summary ul li p { + display: inline-block; + margin-bottom: 0; +} + +.order_summary ul li span { + color: #333; +} + +.payment_options ul li { + padding: 30px; + border-top: 1px solid #ebedf2; +} + +.payment_options ul li .custom-radio { + display: inline-block; +} + +.payment_options ul li .custom-radio label, .payment_options ul li .custom-radio .form-group p.label, .form-group .payment_options ul li .custom-radio p.label { + font-size: 16px; + color: #333; +} + +.payment_options ul li img, +.payment_options ul li p { + float: right; + line-height: 37px; +} + +.payment_options ul li img span, +.payment_options ul li p span { + font-weight: 500; + color: #000; +} + +.payment_options .payment_info { + padding: 0 30px 30px; +} + +/*************************************** + END CHECKOUT CSS +****************************************/ +/*************************************** + START HOW IT WORKS +****************************************/ +.how_it_works h2 { + line-height: 46px; + color: #000000; + padding-bottom: 30px; +} + +.how_it_works p { + margin-bottom: 20px; +} + +.content_block3, .content_block4 { + padding: 100px 0; +} + +.content_block3 .area_content a:hover, .content_block4 .area_content a:hover { + color: #fff; +} + +.content_block3 .area_content p, .content_block4 .area_content p { + margin: 0; +} + +.content_block3 .area_content .btn, .content_block4 .area_content .btn { + margin-top: 40px; +} + +/*************************************** + END HOW IT WORKS +****************************************/ +/*************************************** + START ABOUT US HERO AREA CSS +****************************************/ +.about_hero { + position: relative; + text-align: center; + padding: 191px 0; +} + +.about_hero:before { + content: ''; + position: absolute; + height: 100%; + left: 0; + top: 0; + width: 100%; + background: rgba(18, 21, 25, 0.8); + opacity: 0.8; +} + +.about_hero .about_hero_contents h1, +.about_hero .about_hero_contents p { + line-height: 62px; + color: #fff; +} + +.about_hero .about_hero_contents p span { + font-weight: 500; +} + +.about_hero .about_hero_contents .about_hero_btns { + padding-top: 44px; +} + +.about_hero .about_hero_contents .about_hero_btns .play_btn { + color: #fff; + font-size: 16px; + margin-right: 28px; + display: inline-block; +} + +.about_hero .about_hero_contents .about_hero_btns .play_btn span { + display: inline-block; + margin-right: 8px; +} + +.about_hero .about_hero_contents .about_hero_btns a { + display: inline-block; + vertical-align: middle; +} + +/*************************************** + END ABOUT US HERO AREA CSS +****************************************/ +/*************************************** + ABOUT_MISSION CSS +****************************************/ +.about_mission .content_block1, .about_mission .content_block2 { + padding-bottom: 100px; +} + +.about_mission .content_block2 { + padding-top: 100px; +} + +.about_mission .content_area h1, .about_mission .content_block2 .content_area2 h1, .content_block2 .about_mission .content_area2 h1 { + margin: 0 0 40px 0; +} + +.counter-up--area2 .counter-up .counter span:first-child { + margin-bottom: 30px; +} + +.counter-up--area2 .counter-up .counter span.count { + font-size: 36px; +} + +/*************************************** + START PARTNER AREA +****************************************/ +.partner-area { + background: #f6f7fb no-repeat center; +} + +.partner-area.partner--area2 { + background: #fff no-repeat center; + border-bottom: 1px solid #ebedf2; +} + +.partners { + margin-top: 30px; +} + +.partners .owl-item { + text-align: center; + height: 100%; +} + +.partners .partner { + display: inline-block; +} + +.partners .partner + .partner { + margin-left: 90px; +} + +/*************************************** + END PARTNER AREA + ****************************************/ +/*************************************** + START FAQ AREA +*****************************************/ +.faq-area { + padding: 100px 0 70px 0; +} + +.faq-area .faq-box { + margin-bottom: 30px; + border: 1px solid #ebedf2; + border-radius: 3px; +} + +.faq-area .faq-box .faq-head { + padding: 30px; + border-bottom: 1px solid #ebedf2; +} + +.faq-area .faq-box .faq-content { + padding: 30px; +} + +.faq-area .faq-box .faq-content ul li { + margin-bottom: 30px; + padding-left: 22px; + position: relative; +} + +.faq-area .faq-box .faq-content ul li:last-child { + margin-bottom: 0; +} + +.faq-area .faq-box .faq-content ul li:before { + position: absolute; + content: ""; + width: 7px; + height: 7px; + border-radius: 50%; + background: #898b96; + left: 0; + top: 8px; +} + +.faq-area .faq-box .faq-content ul li a { + font-size: 16px; + font-weight: 300; + color: #6F7495; +} + +.faq-area .faq-box .faq-content a.link-more { + margin-top: 30px; + display: block; +} + +.faq-area .faq-box .faq-content span.icon { + display: inline-block; + padding-left: 5px; +} + +.faq-area .faq-box .faq-content p:last-child { + margin: 0; +} + +.faq-area .faq-box .faq-content img { + margin: 10px 0 30px 0; +} + +.faq-area .faq-votes { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding: 30px; + margin-bottom: 30px; + border: 1px solid #ebedf2; + align-items: center; +} + +.faq-area .faq-votes p { + margin-bottom: 0; +} + +.faq-area .faq-votes ul li { + display: inline-block; + margin-right: 10px; +} + +.faq-area .faq-votes ul li:last-child { + margin-right: 0; +} + +.faq-area .faq-votes ul li a span { + display: inline-block; + padding-right: 5px; +} + +/*************************************** + START AFFILIATE PAGE +****************************************/ +.affiliate_area .affiliate_form { + padding: 30px; + border: 1px solid #ebedf2; +} + +.affiliate_area .generated { + text-align: center; + background: rgba(29, 201, 183, 0.1); + padding: 30px; + border-radius: 2px; + margin-top: 50px; +} + +.affiliate_area .generated p { + margin-bottom: 0; + color: #010101; + font-weight: 500; +} + +.affliate_rules { + border-top: 1px solid #ebedf2; + padding-bottom: 75px; +} + +.affliate_rule_module { + margin-bottom: 30px; + border: 1px solid #ebedf2; +} + +.affliate_rule_module .affiliate_title { + padding: 37px 30px 25px; + border-bottom: 1px solid #ebedf2; +} + +.affliate_rule_module .affiliate_title span { + font-size: 24px; + vertical-align: middle; + margin-right: 13px; +} + +.affliate_rule_module .affiliate_title h3 { + display: inline-block; + vertical-align: middle; +} + +.affliate_rule_module .collapsible-content { + padding: 25px 30px; +} + +.affliate_rule_module .collapsible-content ul li a { + color: #6F7495 !important; +} + +/*************************************** + Start Terms & Condition +****************************************/ +.term-condition-area { + padding: 100px 0; +} + +.term-condition-area .content-block { + margin-bottom: 55px; +} + +.term-condition-area .content-block:last-child { + margin-bottom: 0; +} + +.term-condition-area .content-block h3 { + margin: 0 0 15px 0; +} + +.term-condition-area .content-block p { + margin: 0; +} + +.term-condition-area .content-block ul { + margin: 25px 0 0 40px; +} + +.term-condition-area .content-block ul li { + padding-left: 22px; + position: relative; + color: #6F7495; +} + +.term-condition-area .content-block ul li:last-child { + margin-bottom: 0; +} + +.term-condition-area .content-block ul li:before { + position: absolute; + content: ""; + width: 7px; + height: 7px; + border-radius: 50%; + background: #898b96; + left: 0; + top: 8px; +} + +/*************************************** + START CONTACT AREA +****************************************/ +.contact_tile { + padding: 55px 38px 45px; + border: 1px solid #ebedf2; + margin-bottom: 30px; + text-align: center; +} + +.contact_tile .tiles__icon { + font-size: 36px; + width: 80px; + height: 80px; + border-radius: 50%; + display: inline-block; + background: rgba(110, 79, 246, 0.1); + padding-top: 20px; +} + +.contact_tile .tiles__title { + padding: 25px 0 20px 0; + line-height: 30px; + margin: 0; +} + +.contact_tile .tiles__content p { + margin-bottom: 0; +} + +.contact_form, .apply_form, .comment_area .cmnt_reply_form { + border: 1px solid #ebedf2; + margin-top: 0; +} + +.contact_form .contact_form__title, .apply_form .contact_form__title, .comment_area .cmnt_reply_form .contact_form__title { + padding: 26px 30px 30px; + border-bottom: 1px solid #ebedf2; + text-align: center; +} + +.contact_form .form-group, .apply_form .form-group, .comment_area .cmnt_reply_form .form-group { + margin-bottom: 30px; +} + +.contact_form .contact_form--wrapper, .apply_form .contact_form--wrapper, .comment_area .cmnt_reply_form .contact_form--wrapper { + padding: 50px 0; +} + +.contact_form input, .apply_form input, .comment_area .cmnt_reply_form input { + line-height: 48px; + height: 48px; + color: #9e9e9e; + border: 1px solid #e7e7e7; +} + +.contact_form textarea, .apply_form textarea, .comment_area .cmnt_reply_form textarea { + border: 1px solid #e7e7e7; + padding-top: 20px; + height: 129px; + transition: 0.3s ease; +} + +.contact_form .sub_btn, .apply_form .sub_btn, .comment_area .cmnt_reply_form .sub_btn { + text-align: center; + margin-top: 30px; +} + +#map { + height: 400px; +} + +/*************************************** + Start Order Confirmation +****************************************/ +.order-confirm-area { + padding: 100px 0; +} + +.order-confirm-area .order-confirm-wrapper { + text-align: center; + background: #fff; + border-radius: 3px; + padding: 100px 30px; +} + +.order-confirm-area .order-confirm-wrapper h2 { + margin: 0 0 30px 0; +} + +.order-confirm-area .order-confirm-wrapper p { + margin: 0 0 30px 0; +} + +/*************************************** + Start Login CSS +****************************************/ +.login_area, .signup_area, .pass_recover_area { + background: #eff1f5; +} + +.login, .signup_form, .recover_pass { + padding: 45px 0 43px; +} + +.login .login--header, .signup_form .login--header, .recover_pass .login--header { + border-bottom: 1px solid #ebedf2; + text-align: center; + padding: 0 50px 26px; +} + +.login .login--header h3, .signup_form .login--header h3, .recover_pass .login--header h3 { + padding-bottom: 15px; +} + +.login .login--header p, .signup_form .login--header p, .recover_pass .login--header p { + margin-bottom: 0; + line-height: 28px; +} + +.login .login--form, .signup_form .login--form, .recover_pass .login--form { + padding: 25px 50px 0; +} + +.login .login_assist, .signup_form .login_assist, .recover_pass .login_assist { + margin-top: 40px; +} + +.login .login_assist p:last-child, .signup_form .login_assist p:last-child, .recover_pass .login_assist p:last-child { + margin-bottom: 0; +} + +/*************************************** + START SIGNUP CSS +****************************************/ +.signup_area .register_btn { + margin-top: 10px; +} + +.recover_pass { + padding-bottom: 50px; +} + +.recover_pass .login--header { + text-align: left; +} + +/*************************************** + START 404 AREA +****************************************/ +.not_found { + margin-top: 20px; +} + +.not_found h2 { + line-height: 80px; + color: #000; + margin-bottom: 16px; +} + +/*************************************** + END 404 AREA +****************************************/ +/*************************************** + START JOB HERO HERO +****************************************/ +.job_hero_area, .event_details_intro { + padding-top: 130px; + padding-bottom: 140px; + position: relative; + text-align: center; +} + +.job_hero_area:before, .event_details_intro:before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: rgba(23, 28, 35, 0.8); +} + +.job_hero_area h1, .event_details_intro h1 { + color: #fff; + line-height: 62px; +} + +.job_hero_area p, .event_details_intro p { + padding: 30px 0 73px; + color: #fff; + font-size: 20px; + line-height: 34px; +} + +/*************************************** + START JOB AREA +****************************************/ +.job_area { + background: #f0f1f5; +} + +/*************************************** + START FEATURE AREA +****************************************/ +.feature_area { + padding-bottom: 45px; +} + +.content_block5 .content_block5_content h1 { + line-height: 46px; + margin-bottom: 34px; +} + +.content_block5 .content_block5_content p { + margin: 0; +} + +.content_block5 .content_block5_content .btn { + margin-top: 45px; +} + +/*************************************** + START JOB DETAIL +****************************************/ +.job_detail .je_hero_content, .event_details_intro .je_hero_content { + margin-bottom: 55px; +} + +.job_detail .je_hero_content .je_date, .event_details_intro .je_hero_content .je_date { + display: inline-block; + margin-top: 22px; +} + +.job_detail .je_hero_content .je_date p, .event_details_intro .je_hero_content .je_date p { + padding: 0 25px; + display: inline-block; + color: #d7d7d7; + font-size: 18px; + margin-bottom: 0; +} + +.job_detail_module { + background: #fff; + border-radius: 4px; +} + +.job_detail_module.dark-bg { + background: #2c333e; +} + +.job_detail_module.dark-bg .job__title { + color: #fff !important; + border-bottom: 1px solid #424852; + padding: 18px 30px 15px; +} + +.job_detail_module .job__title { + padding: 23px 0 11px; + line-height: 50px; +} + +.job_detail_module .job__content { + padding: 0 0 16px; +} + +.job_detail_module .job__content .informations { + overflow: hidden; +} + +.job_detail_module .job__content .informations li { + float: left; + width: 33%; + margin-bottom: 34px; +} + +.job_detail_module .job__content .informations li .info_title, +.job_detail_module .job__content .informations li .info { + display: inline-block; +} + +.job_detail_module .job__content .informations li .info_title { + min-width: calc(100% - 228px); +} + +.job_detail_module .job__content .informations li .info_title span { + display: inline-block; + font-size: 18px; + vertical-align: middle; + margin-right: 12px; + width: 40px; + height: 40px; + border-radius: 50%; + background: rgba(29, 201, 183, 0.1); + text-align: center; + padding-top: 10px; +} + +.job_detail_module .job__content .informations li .info_title p { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + color: #fff; + line-height: 30px; + vertical-align: middle; +} + +.job_detail_module .job__content .informations li .info p { + margin-bottom: 0; +} + +.job_detail_module .job__content .content_list { + padding-left: 30px; + margin-top: 25px; +} + +.job_detail_module .job__content .content_list li { + padding-left: 26px; + position: relative; + line-height: 30px; + color: #6F7495; +} + +.job_detail_module .job__content .content_list li:before { + content: ""; + height: 7px; + width: 7px; + background: #c5cad4; + position: absolute; + left: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); +} + +.job_detail_module .job__content .social-share { + margin-top: 45px; + border: 1px solid #ebedf2; + padding: 20px 30px; + border-radius: 3px; + display: inline-flex; + align-items: center; +} + +.job_detail_module .job__content .social-share p { + display: inline-block; + font-weight: 400; + color: #6F7495; + margin-right: 20px; + margin-bottom: 0; +} + +.job_detail_module .job__content .social-share ul li { + padding-right: 15px; + display: inline-block; +} + +.job_detail_module .job__content .social-share ul li:last-child { + margin-right: 0; +} + +.job_detail_module .job__content .social-share ul li a { + color: #6F7495; +} + +.job_detail_module.information { + margin-bottom: 40px; +} + +.job_detail_module.information .job__content { + padding: 34px 30px 0; +} + +.job_detail_module .apply-btn { + margin-top: 60px; +} + +/*************************************** + START APPLY FORM +****************************************/ +.apply_area { + border-top: 1px solid #ebedf2; +} + +.apply_form { + border: 0 none; +} + +.cv_upload { + width: 100%; + border: 1px solid #ebedf2; + height: 48px; + padding: 0 20px; + margin-bottom: 0; +} + +.cv_upload input { + width: 100%; + display: none; +} + +.cv_upload span { + line-height: 48px; +} + +.cv_upload .up_icon { + float: right; + font-size: 16px; +} + +/*************************************** + START EVENT AREA +****************************************/ +.event_area .date_place li:last-child { + margin-bottom: 0; +} + +.event_area .card_style1__info figcaption { + border: 1px solid #ebedf2; +} + +.featured_event { + overflow: hidden; + background: #2c333e; + margin: 0 15px 30px; +} + +.featured_event .col-md-12 { + padding: 0; +} + +.featured_event .event_img { + padding-right: 15px; + border-radius: 4px 0 0 4px; +} + +.featured_event .event_img img { + max-width: 100%; +} + +.featured_event .featured_event_detail { + padding-left: 7px; +} + +.featured_event h2 { + line-height: 40px; + margin-bottom: 32px; +} + +.featured_event h2 a { + color: #fff; +} + +.featured_event .date_place { + margin-bottom: 40px; +} + +.featured_event .date_place li { + display: inline-block; +} + +.featured_event .date_place li + li { + margin-left: 32px; +} + +.featured_event .date_place li span, +.featured_event .date_place li p { + display: inline-block; + display: inline-block; + vertical-align: middle; + margin-right: -3px; +} + +.featured_event .date_place li span { + font-size: 20px; + margin-right: 12px; +} + +.featured_event .date_place li p { + font-size: 18px; + font-weight: 400; + margin-bottom: 0; +} + +.featured_event .countdown li { + display: inline-block; + font-size: 40px; + font-weight: 400; + text-align: center; + padding: 20px 25px; + background: rgba(29, 201, 183, 0.1); +} + +.featured_event .countdown li + li { + margin-left: 15px; +} + +.featured_event .countdown li span { + display: block; + font-size: 16px; + color: #fff; + line-height: 20px; + text-transform: capitalize; +} + +/*************************************** + START EVENT DETAIL AREA +****************************************/ +.event_details_intro:before { + background: rgba(23, 28, 35, 0.4); +} + +.event_details_intro .social-share { + position: absolute; + left: 50%; + bottom: 0; + transform: translate(-50%, 50%); + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08); + padding: 20px 30px; + border-radius: 3px; + display: inline-flex; + align-items: center; + background: #fff; + flex-wrap: wrap; +} + +.event_details_intro .social-share p { + display: inline-block; + font-weight: 400; + color: #6F7495; + margin-right: 20px; + margin-bottom: 0; + padding: 0; + font-size: 15px; +} + +.event_details_intro .social-share ul li { + padding-right: 15px; + display: inline-block; +} + +.event_details_intro .social-share ul li:last-child { + margin-right: 0; +} + +.event_details_intro .social-share ul li a { + color: #cfd4e2; + font-size: 16px; +} + +.module--upload .modules__content { + padding-bottom: 30px; +} + +.event_module { + border-bottom: 1px solid #ebedf2; + padding-bottom: 32px; + margin-bottom: 80px; +} + +.event_module:before, .event_module:after { + content: ''; + display: table; + clear: both; +} + +.event_module .event_module__title { + line-height: 40px; + padding-bottom: 43px; + color: #313342; +} + +.event_module .list_item { + width: 100%; + padding-top: 23px; + display: flex; + flex-wrap: wrap; +} + +.event_module .list_item li { + width: 50%; + position: relative; + padding-left: 25px; + color: #333; + font-weight: 400; + font-size: 16px; + line-height: 26px; + margin-bottom: 15px; +} + +.event_module .list_item li:nth-child(2n + 1) { + padding-right: 15px; +} + +.event_module .list_item li:before { + content: "\f00c"; + font-family: FontAwesome, sans-serif; + position: absolute; + left: 0; + top: 0; +} + +.event_module.sponsor--area { + border-bottom: 0; + padding-bottom: 0; +} + +.sponsores { + text-align: center; +} + +.sponsores li { + background: #fff; + border: 1px solid #ebedf2; +} + +.sponsores li img { + max-width: 250px; +} + +.sponsores li + li { + margin-left: 40px; +} + +.single_speaker { + width: 50%; + float: left; + margin-bottom: 60px; +} + +.single_speaker .speaker__thumbnail { + height: 263px; + width: 263px; + display: inline-block; + vertical-align: middle; + margin-right: -3px; +} + +.single_speaker .speaker__thumbnail img { + border: 1px solid #ebedf2; + width: 100%; +} + +.single_speaker .speaker__detail { + display: inline-block; + vertical-align: middle; + margin-right: -3px; + padding-left: 30px; + width: calc(100% - 268px); +} + +.single_speaker .speaker__detail h3 { + line-height: 30px; + margin-bottom: 5px; +} + +.single_speaker .speaker__detail p { + line-height: 30px; +} + +.single_speaker .speaker__detail .ocuup { + color: #555; + font-weight: 400; + line-height: 30px; + margin-bottom: 15px; + font-size: 18px; + display: inline-block; +} + +.single_speaker .speaker_social { + margin-top: 30px; +} + +.single_speaker .speaker_social ul li { + display: inline-block; + margin-right: 4px; +} + +.single_speaker .speaker_social ul li a:hover span { + color: #fff; +} + +.single_speaker .speaker_social ul li span { + transition: 0.3s ease; + line-height: 40px; + color: rgba(110, 79, 246, 0.5); + width: 40px; + border-radius: 50%; + text-align: center; + background: rgba(110, 79, 246, 0.1); +} + +.single_speaker:nth-child(2n+2) { + padding-left: 15px; +} + +.single_speaker:nth-child(2n+1) { + padding-right: 15px; +} + +.sign_up_area { + padding-top: 90px; +} + +.sign_up_area .sign_up_title { + line-height: 40px; + padding-bottom: 55px; +} + +/*************************************** + START GOOGLE MAP AREA +****************************************/ +.google_map { + position: relative; +} + +.google_map #map { + height: 500px; +} + +.google_map .location_address { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 361px; + left: calc((100vw - 1110px) / 2); + z-index: 1; +} + +.google_map .location_address .addres_module { + padding: 50px 40px; + box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.08); +} + +.google_map .location_address .addres_module h3 { + line-height: 34px; + margin-bottom: 55px; +} + +.google_map .location_address .addres_module p { + font-weight: 400; + font-size: 18px; + margin-bottom: 0; +} + +.google_map .location_address .addres_module p + p { + margin-top: 15px; +} + +.google_map .location_address .addres_module p span { + margin-right: 12px; +} + +/*************************************** + START BLOG AREA +****************************************/ +.blog_area .date_time span, +.blog_area .comment_view span, +.blog_area .author span { + color: #6F7495 !important; +} + +.single_blog { + background: #fff; + border-radius: 4px; + border: 1px solid #ebedf2; + border-radius: 4px; +} + +.single_blog figure img { + border-radius: 4px 4px 0 0; + width: 100%; +} + +.single_blog .blog__content { + padding-left: 30px; + padding-right: 30px; +} + +.single_blog .blog__title h3 { + color: #313342; + transition: 0.3s; +} + +/* Blog Card Modifier */ +.blog--card { + margin-bottom: 30px; +} + +.blog--card figure { + margin: 0; +} + +.blog--card .blog__content { + padding-top: 30px; + padding-bottom: 26px; +} + +.blog--card .blog__content p { + margin-bottom: 0; +} + +.blog--card .blog__title { + display: inline-block; + margin-bottom: 15px; +} + +.blog--card .blog__title h4 { + transition: all 0.3s ease; +} + +.blog--card .blog__meta { + padding: 13px 30px; + border-top: 1px solid #ebedf2; +} + +.blog--card .blog__meta:before, .blog--card .blog__meta:after { + content: ''; + display: table; + clear: both; +} + +.blog--card .blog__meta .date_time, +.blog--card .blog__meta .comment_view { + width: 50%; + float: left; +} + +.blog--card .blog__meta .date_time p, +.blog--card .blog__meta .comment_view p { + display: inline-block; + margin-bottom: 0; + color: #7e7e7e; + font-size: 15px; + line-height: 30px; +} + +.blog--card .blog__meta .date_time p span, +.blog--card .blog__meta .comment_view p span { + margin-right: 6px; +} + +.blog--card .blog__meta .date_time { + text-align: left; + position: relative; +} + +.blog--card .blog__meta .date_time span { + vertical-align: middle; + line-height: 30px; +} + +.blog--card .blog__meta .date_time:before { + content: ''; + width: 1px; + height: 100%; + right: 0; + top: 0; + background: #ebedf2; + position: absolute; +} + +.blog--card .blog__meta .comment_view { + text-align: right; +} + +.blog--card .blog__meta .comment_view p + p { + margin-left: 26px; +} + +/* Blog default */ +.blog--default { + margin-bottom: 30px; +} + +.blog--default figure { + margin: 0; +} + +.blog--default .blog__title { + padding-top: 23px; + display: inline-block; + padding-bottom: 10px; +} + +.blog--default .blog__title h3 { + line-height: 32px; +} + +.blog--default .blog__content { + border-bottom: 1px solid #ebedf2; + padding-bottom: 10px; +} + +.blog--default .blog__content .blog__meta .date_time, +.blog--default .blog__content .blog__meta .comment_view, +.blog--default .blog__content .blog__meta .author { + display: inline-block; +} + +.blog--default .blog__content .blog__meta .date_time p, +.blog--default .blog__content .blog__meta .comment_view p, +.blog--default .blog__content .blog__meta .author p { + display: inline-block; + margin-right: 25px; + color: #898f96; +} + +.blog--default .blog__content .blog__meta .date_time p span, +.blog--default .blog__content .blog__meta .comment_view p span, +.blog--default .blog__content .blog__meta .author p span { + margin-right: 6px; +} + +.blog--default .blog__content .blog__meta .author .lnr-user { + margin-right: 7px; +} + +.blog--default .blog__content .blog__meta .date_time span { + margin-right: 6px; +} + +.blog--default .btn_text { + padding: 25px 30px 30px; +} + +.blog--default .btn_text .btn { + margin-top: 10px; +} + +.single_blog_content { + padding: 25px 30px 30px; +} + +.single_blog_content p { + line-height: 30px; +} + +.single_blog_content h1, +.single_blog_content h2, +.single_blog_content h3, +.single_blog_content h4, +.single_blog_content h5, +.single_blog_content h6 { + margin-top: 10px; + margin-bottom: 20px; +} + +.single_blog_content ol { + margin-bottom: 30px; +} + +.single_blog_content ol li { + list-style-type: decimal; + line-height: 32px; + font-size: 16px; + color: #555; +} + +.single_blog_content img { + margin-bottom: 20px; + width: 100%; +} + +.single_blog_content ul { + margin: 0 0 30px 30px; +} + +.single_blog_content ul li { + line-height: 32px; + font-size: 16px; + position: relative; + padding-left: 27px; + color: #6F7495; +} + +.single_blog_content ul li:before { + content: ''; + height: 8px; + width: 8px; + position: absolute; + border-radius: 50px; + background: #555555; + left: 0; + top: 50%; + transform: translateY(-50%); +} + +.single_blog_content .share_tags { + background: #f1f2f7; + padding: 20px; + margin-top: 45px; + position: relative; + border-radius: 3px; + overflow: hidden; +} + +.single_blog_content .share_tags ul { + margin: 0; +} + +.single_blog_content .share_tags li { + display: inline-block; + padding-left: 0; +} + +.single_blog_content .share_tags li:before { + display: none; +} + +.single_blog_content .share_tags .share { + display: flex; + align-items: center; +} + +.single_blog_content .share_tags .share p { + color: #777; + margin: 0 15px 0 0; +} + +.single_blog_content .share_tags .share .social_share { + display: inline-block; +} + +.single_blog_content .share_tags .share .social_share ul li { + margin-right: 10px; +} + +.single_blog_content .share_tags .share .social_share ul li a { + color: #b1b3b5; +} + +.single_blog_content .share_tags .tags { + float: right; + margin-top: 4px; +} + +.single_blog_content .share_tags .tags ul li { + display: inline-block; +} + +.single_blog_content .share_tags .tags ul li + li { + padding-left: 10px; +} + +.single_blog_content .share_tags .tags ul li a { + font-size: 15px; + background: rgba(110, 79, 246, 0.07); + line-height: 30px; + padding: 0 14px; + display: inline-block; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; +} + +.author_info { + display: flex; + flex-wrap: wrap; + margin-bottom: 30px; + padding: 36px 26px; +} + +.author_info .author__img img { + min-width: 100%; + border-radius: 50%; +} + +.author_info .author__info { + flex: 2; + padding-left: 30px; +} + +.author_info .author__info h4 { + margin-bottom: 20px; +} + +.author_info .author__info ul li { + display: inline-block; +} + +.author_info .author__info ul li + li { + margin-left: 16px; +} + +.author_info .author__info ul a { + font-size: 14px; + color: #a9a9a9; + transition: 0.3s; +} + +.author_info .author__info p { + margin-bottom: 15px; +} + +.comment_area.comment--form { + margin-top: 40px; +} + +.comment_area .comment__title { + padding: 28px 30px 19px 0; + border-bottom: 1px solid #ececec; +} + +.comment_area .comment__title h4 { + line-height: 42px; +} + +.comment_area .comment___wrapper .media-list li + li { + border-top: 1px solid #ebedf2; +} + +.comment_area .comment___wrapper .media-list .media { + padding-bottom: 15px; + padding-top: 24px; +} + +.comment_area .comment___wrapper .media-list .cmnt_avatar { + height: 90px; + width: 90px; +} + +.comment_area .comment___wrapper .media-list .cmnt_avatar img { + border-radius: 200px; + max-width: 100%; +} + +.comment_area .comment___wrapper .media-list .media_top { + overflow: hidden; + margin-bottom: 15px; + display: flex; + justify-content: space-between; +} + +.comment_area .comment___wrapper .media-list .media-heading { + font-size: 18px; + line-height: 28px; + color: #000; +} + +.comment_area .comment___wrapper .media-list .media-body { + padding-left: 20px; +} + +.comment_area .comment___wrapper .media-list .heading_left a h4 { + line-height: 28px; + margin-bottom: 0; +} + +.comment_area .comment___wrapper .media-list .heading_left span { + color: #555; + font-size: 15px; + line-height: 28px; +} + +.comment_area .comment___wrapper .media-list .reply.visible-xs-m { + display: none; +} + +.comment_area .comment___wrapper .media-list .children > .depth-2 { + padding-left: 114px; +} + +.comment_area .comment___wrapper .media-list .children > .depth-2 .media { + border-top: 1px solid #ebedf2; +} + +.comment_area .commnet_form_wrapper { + padding: 30px 0; +} + +.comment_area .cmnt_reply_form { + border: 0 none; +} + +/*************************************** + END BLOG AREA +****************************************/ +.visit_data ul.nav-tabs { + padding: 0 !important; +} + +@media only screen and (max-width: 479px) { + .visit_data .v_refer .select-wrap { + float: unset; + } + .visit_data .v_refer .select-wrap .period_selector { + padding: 10px 0; + margin: 10px 0; + width: 100%; + } +} + +.four_o_four_area img { + width: 100%; +} + +/***************************** + RESPONSIVE +*****************************/ +/**/ +/*this is responsive scss*/ +/* 1200 TO 1399 */ +@media (min-width: 1200px) and (max-width: 1399px) { + .has_megamenu .dropdown_megamenu { + width: 150%; + } + .mainmenu__menu .navbar-nav > li { + margin-right: 30px; + } + .top-menu-area .logo-top { + padding-right: 25px; + } + .top-menu-area .d_menu { + padding-left: 25px; + } +} + +@media (min-width: 991px) { + .mainmenu__menu .navbar-nav > li > a span { + display: none; + } +} + +/* 992 TO 1199 */ +@media (min-width: 992px) and (max-width: 1199px) { + .mobile_content { + display: flex; + justify-content: flex-end; + } + .mobile_content .menu_icon { + display: inline-block; + } + .author-area { + display: none; + } + .top-menu-area .menu-fullwidth .author-menu { + flex: inherit; + margin-right: 20px; + } + /* menu area scss */ + .mainmenu__menu .navbar-nav > li { + margin-right: 30px; + } + .has_megamenu .dropdown_megamenu { + width: 100%; + } + .searc-wrap input { + width: 300px; + } + .search_box .text_field { + width: 100%; + } + .search_box .search__select { + width: 50%; + } + .search_box .search-btn { + min-width: 190px; + } + .search_box2 .text_field { + flex: 2; + } + .product-excerpt .product-facts li.product-fav { + margin-left: 0; + } + .product-excerpt .product-facts li { + margin-right: 5px; + } + .product-excerpt .product-facts li.product-fav::before { + content: none; + } + .dashboard_menu_area .dashboard_menu { + justify-content: flex-start; + } + .dashboard_menu_area .dashboard_menu li { + margin-right: 30px; + } + .dashboard_menu_area .dashboard_menu li:last-child { + margin-right: 0; + } + .cta2 .cta-content { + display: block; + text-align: center; + } + .cta-content .cta-text h2 { + line-height: 15px; + } + .cta-content .cta-text { + margin-bottom: 30px; + } + .blog--card .blog__meta .comment_view { + text-align: left; + padding-left: 10px; + } + .blog--card .blog__meta .comment_view p.view { + margin-left: 10px; + } + .featured_event .countdown li { + padding: 15px 15px; + } + .featured_event .date_place, + .featured_event h1 { + margin-bottom: 20px; + } + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + } + .single_speaker .speaker__detail { + width: calc(100% - 150px); + } + .author-card .author-infos .author-btn .btn:first-child { + margin-bottom: 15px; + } + .author-card .author-infos { + padding: 15px; + } + .clients-logo .logo-single { + width: 25%; + text-align: center; + } + .section-title p { + padding: 0 130px; + } + .product-excerpt h2 a { + line-height: 30px; + } + .latest-single .product-excerpt { + padding: 20px; + } + .go_top { + right: calc((100% - 991px) / 2); + } + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, + .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 20px; + } + .messaging_sidebar .messaging__header { + padding: 25px; + } + .card_style2 .card_style2__location_type { + margin-bottom: 0; + } + .card_style2 .card_style2__location_type p, .card_style2 .card_style2__location_type .type { + margin-bottom: 15px; + } + .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { + font-size: 25px; + line-height: 55px; + padding: 0 17px; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats { + position: static; + left: 0; + top: 0; + transform: none; + margin-top: 20px; + } + .google_map .location_address { + left: calc((100vw - 930px) / 2); + } + .featured_event .featured_event_detail { + padding-left: 0; + } +} + +/* 991 */ +@media (max-width: 991px) { + .top-menu-area .menu-fullwidth { + justify-content: space-between; + position: relative; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: auto; + order: 1; + } + .top-menu-area .menu-fullwidth .logo-wrapper .logo-top { + justify-content: center; + } + .top-menu-area .menu-fullwidth .menu-container { + order: 0; + flex: inherit; + margin-top: 0; + } + .top-menu-area .menu-fullwidth .author-menu { + order: 2; + flex: inherit; + } + .logo { + padding: 10px 14px; + } + .top-menu-area .d_menu { + padding-left: 15px; + } + .top-menu-area .d_menu .navbar { + position: static; + } + .menu--light .mainmenu__menu .navbar-toggler { + border-color: #bababa; + } + .menu--light .mainmenu__menu .navbar-toggler .icon-menu { + color: #bababa; + } + /* MOBILE MENU AREA */ + .navbar-header .navbar-toggle { + z-index: 5; + float: left; + } + .navbar-header .navbar-toggle span { + font-size: 22px; + width: 40px; + line-height: 40px; + background: #fff; + display: inline-block; + border-radius: 5px; + color: #000; + border: 1px solid #ebedf2; + } + .navbar-header .mainmenu__search { + position: relative; + z-index: 1; + padding: 18px 0; + } + .navbar-header .mainmenu__search .searc-wrap input { + width: 210px; + line-height: 40px; + } + .mainmenu__menu { + min-height: 0; + } + .mainmenu__menu .navbar-collapse { + position: absolute; + top: 100%; + left: 0; + width: 100%; + z-index: 5; + height: 280px; + background: #fff; + padding: 15px 15px 0; + overflow: scroll; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + } + .mainmenu__menu .navbar-collapse .navbar-nav { + margin: 0; + } + .mainmenu__menu .navbar-nav > li { + display: block; + padding: 0; + margin-right: 0; + } + .mainmenu__menu .navbar-nav > li a { + line-height: 40px; + } + .mainmenu__menu .has_dropdown .dropdown, .mainmenu__menu .has_dropdown .dropdown_megamenu, .mainmenu__menu .has_megamenu .dropdown, .mainmenu__menu .has_megamenu .dropdown_megamenu { + position: initial; + display: none; + box-shadow: 0 0 0; + opacity: 1; + padding: 5px; + visibility: visible; + transition: 0s; + } + .mainmenu__menu .has_dropdown .dropdown ul li a, .mainmenu__menu .has_dropdown .dropdown_megamenu ul li a, .mainmenu__menu .has_megamenu .dropdown ul li a, .mainmenu__menu .has_megamenu .dropdown_megamenu ul li a { + line-height: 35px; + } + .mainmenu__menu .has_dropdown a, .mainmenu__menu .has_megamenu a { + display: block; + position: relative; + } + .mainmenu__menu .has_dropdown a:before, .mainmenu__menu .has_megamenu a:before { + content: none; + } + .mainmenu__menu .has_dropdown a span, .mainmenu__menu .has_megamenu a span { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + display: inline-block; + cursor: pointer; + line-height: normal; + } + .mainmenu__menu .has_megamenu .dropdown_megamenu { + display: none; + } + .mainmenu__menu .has_megamenu .dropdown_megamenu.contained { + width: 100%; + } + .mainmenu__menu .megamnu_module { + float: none; + } + .mainmenu__menu .megamnu_module .menu_items { + display: block; + } + .menu--light .mainmenu__menu .navbar-nav > li > a { + color: inherit; + } + .mainmenu__menu { + padding: 15px 0; + } + .mainmenu__menu .navbar-toggler { + border: 1px solid #6F7495; + padding: 3px; + } + .mainmenu__menu .icon-menu { + line-height: 30px; + color: #6F7495; + } + .logo img { + width: 70%; + } + .top-menu-area .logo-top { + padding: 10px 0; + } + .mobile_content .menu_icon { + position: relative; + right: 15px; + top: 0; + transform: none; + } + .megamnu_module .menu_items .menu_column { + width: 100%; + } + .megamnu_module .menu_items { + overflow: scroll; + height: 180px; + } + .searc-wrap { + position: relative; + display: none; + } + .sidebar .sidebar-card .searc-wrap, .sidebar .item-preview .searc-wrap { + display: block; + } + .has_megamenu .dropdown_megamenu { + width: 100%; + } + .mobile_content { + display: flex; + justify-content: flex-end; + } + .mobile_content .menu_icon { + display: inline-block; + } + .author-area { + display: none; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: 50%; + } + .top-menu-area .logo-top { + border-right: 0 none; + } + .top-menu-area .d_menu { + padding-left: 20px; + } + /* Hero Search */ + .search-area .text_field, .search-area .search__select { + margin-right: 0; + } + .search-area .search__select { + width: 42%; + margin-left: 10px; + margin-right: 10px; + } + .search_box .search-btn { + float: none; + width: auto; + } + .search_box form { + flex-wrap: wrap; + justify-content: center; + } + .search_box .search__select span { + top: 40%; + } + .search_box .text_field { + width: 50%; + } + /* section title */ + .section-title p { + padding: 0; + } + /* latest product */ + .product-excerpt .product-facts li.product-fav { + margin-left: 10px; + } + .product-list .pagination-2 { + margin-bottom: 0; + } + /* Footer */ + .footer-menu { + padding-left: 0; + } + .dashboard_menu_area .dashboard_menu { + justify-content: flex-start; + padding: 30px 0 20px 0; + } + .dashboard_menu_area .dashboard_menu li { + margin-right: 30px; + margin-bottom: 10px; + } + .dashboard_menu_area .dashboard_menu li:last-child { + margin-right: 0; + } + .dashboard_menu_area .dashboard_menu li a { + line-height: 30px; + } + .cta2 .cta-content { + display: block; + text-align: center; + } + .cta-content .cta-text h2 { + line-height: normal; + } + .cta-content .cta-text { + margin-bottom: 30px; + } + .user_area .user_single .user__status { + margin-top: 30px; + } + .user_area .user_single .user__short_desc, + .user_area .user_single .user__meta, + .user_area .user_single .user__status { + max-width: 100%; + display: block; + margin-right: 0; + border: 0 none; + } + .user_area .user_single .user__meta, + .user_area .user_single .user__status { + margin-left: 86px; + } + .card_style2 .save_job { + right: 20px; + } + .content_block5_content { + margin-bottom: 30px; + } + .product_archive h4 { + padding: 15px 0; + } + .product_archive .add_info { + padding-left: 0; + } + .single_product .product__additional_info { + padding-left: 0; + margin: 15px 0 10px 0; + } + .single_product .product__price_download { + display: flex; + align-items: center; + } + .single_product .product__price_download .item_price span { + padding: 0 20px 0 0; + } + .contact_form, .apply_form, .comment_area .cmnt_reply_form { + border: 0 none; + } + .single_product .product__description .short_desc { + width: 100%; + } + .product__price_download .item_action .btn--md { + max-width: 100% !important; + } + .single_product { + padding: 30px; + } + .dashboard-area .single_product .product__description { + margin-bottom: 30px; + } + .dashboard-area .single_product .product__description .short_desc { + width: auto; + } + .upload_sidebar { + margin-top: 30px; + } + .featured_event .col-md-12 { + padding-right: 0; + } + .featured_event .event_img { + margin-bottom: 0; + padding-right: 0; + } + .featured_event .event_img img { + width: 100%; + } + .featured_event .featured_event_detail { + padding: 30px; + } + .event_module .list_item { + width: 100%; + } + .how_it_works_module .area_image { + margin: 20px 0; + } + .job_detail_module .job__content .informations li { + width: 50%; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats { + position: relative; + right: auto; + top: auto; + transform: translateY(0); + margin: -7.50px; + margin-top: 40px; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats span { + margin: 7.50px; + } + .pricing-wrapper .package-single { + padding: 20px 20px 25px; + } + .product-excerpt h2 a { + line-height: 30px; + } + .author-social { + margin-top: 30px; + width: 100%; + } + .author-social ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + } + .author-social ul li { + margin-right: 30px; + margin-left: 0; + } + .author-social ul li:last-child { + margin-right: 0; + } + .go_top { + right: calc((100% - 780px) / 2); + } + .product-filter-area { + margin-bottom: 25px; + } + .product-filter-area .filter-bar .filter__option { + padding: 0 0 15px 0; + } + .statistics_module .dashboard__title h4 { + flex: 1; + width: 100%; + } + .statistics_module .dashboard__title #stat_legend { + margin-top: 15px; + flex: auto; + width: 100%; + } + .statistics_module .dashboard__title .select-wrap { + justify-content: flex-start; + display: inline-flex; + flex: auto; + margin-top: 15px; + } + .statistics_module .dashboard__title .select-wrap span { + position: relative; + margin-top: 10px; + } + .statistics_module .dashboard__title .select-wrap select { + padding-left: 0; + } + .statistics_module #stat_legend ul { + justify-content: flex-start; + } + .statistics_module #stat_legend ul li { + margin-right: 0; + } + .m-bottom-md { + margin-bottom: 40px !important; + } + .m-top-md { + margin-top: 40px; + } + .p-bottom-sm { + padding-bottom: 30px !important; + } + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + margin: 0 auto; + display: block; + text-align: center; + margin-bottom: 20px; + } + .single_speaker .speaker__thumbnail img { + display: inline-block; + } + .single_speaker .speaker__detail { + width: 100%; + text-align: center; + padding-left: 0; + } + .tab4 .item-navigation { + width: 30%; + } + .tab4 .tab-content { + width: 70%; + margin-top: 10px; + } + .sidebar--single-product { + margin-top: 60px; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button, .sidebar--single-product .card-pricing.item-preview .purchase-button { + display: flex; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn { + margin: 0 5px !important; + } + .author-card .author-infos .author-btn { + justify-content: flex-start; + } + .author-card .author-infos .author-btn .btn { + margin-right: 10px; + } + .author-card .author-infos .author-btn .btn:last-child { + margin-right: 0; + } + .author-profile .author-stats ul li { + margin-bottom: 15px; + } + .chat_area { + margin-top: 30px; + } + .chat_area .chat_area--conversation .body { + padding-left: 0 !important; + } + .profile_images .profile_image_area .upload_btn { + margin-top: 15px; + } + .product_archive .single_product .product__additional_info { + margin: 0 0 30px 0; + } + .filter-bar.filter-bar2 .filter__option { + padding: 0 0 30px 0; + } + .filter-bar.filter-bar2 .filter--text, + .filter-bar.filter-bar2 .filter--select { + padding: 0; + } + .credit_modules .modules__content.credit--contents, .shortcode_modules .modules__content.credit--contents, .upload_modules .modules__content.credit--contents, .withdraw_module .modules__content.credit--contents { + display: block; + } + .credit_modules .modules__content .amounts, .shortcode_modules .modules__content .amounts, .upload_modules .modules__content .amounts, .withdraw_module .modules__content .amounts { + margin-bottom: 30px; + } + .credit_modules .modules__content .amounts ul li p, .shortcode_modules .modules__content .amounts ul li p, .upload_modules .modules__content .amounts ul li p, .withdraw_module .modules__content .amounts ul li p { + font-size: 25px; + line-height: 55px; + padding: 0 17px; + } + .credit_modules .modules__content .subtitle, .shortcode_modules .modules__content .subtitle, .upload_modules .modules__content .subtitle, .withdraw_module .modules__content .subtitle { + margin-bottom: 15px; + } + .payment_module .payment_tabs .tab-pane { + padding-bottom: 0; + } + .dashboard_statement_area .dashboard_title_area .dashboard__title h3 { + margin-bottom: 15px; + } + .withdraw_module .option-single.active .op_action { + margin: 15px 0 0 35px; + } + .support--sidebar, .faq--sidebar, .affliate_rule_module, .sidebar--blog { + margin-top: 45px; + } + .support--sidebar .sidebar-card:last-child, .faq--sidebar .sidebar-card:last-child, .affliate_rule_module .sidebar-card:last-child, .sidebar--blog .sidebar-card:last-child, .support--sidebar .item-preview:last-child, .faq--sidebar .item-preview:last-child, .affliate_rule_module .item-preview:last-child, .sidebar--blog .item-preview:last-child { + margin-bottom: 0; + } + .how_it_works .how_it_works_module { + padding: 100px 0; + } + .content_block1 .content_area .content_area--title, .content_block2 .content_area .content_area--title, .content_block1 .content_block2 .content_area2 .content_area--title, .content_block2 .content_block1 .content_area2 .content_area--title, .content_block2 .content_area2 .content_area--title, .content_block2 .content_area .content_area2 .content_area2--title, .content_block2 .content_area2 .content_area .content_area2--title, .content_block1 .content_block2 .content_area2 .content_area2--title, .content_block2 .content_block1 .content_area2 .content_area2--title, .content_block2 .content_area2 .content_area2--title, + .content_block2 .content_area .content_area--title, + .content_block2 .content_area2 .content_area--title, + .content_block2 .content_area .content_area2 .content_area2--title, + .content_block2 .content_area2 .content_area .content_area2--title, + .content_block2 .content_area2 .content_area2--title { + margin-bottom: 25px; + } + .testimonial-slider .owl-nav { + display: none !important; + } + .affliate_rule_module { + margin-top: 0; + } + .badges.community-badges .author-badges .badge-single { + width: 33.3333%; + } + .testimonial2 { + padding: 80px 0 110px 0; + } + .testimonial2 .section-title h1 { + margin-bottom: 0; + } + .slider-for .tsingle p { + font-size: 18px; + line-height: 32px; + margin: 20px 0 30px 0; + } + .about_hero { + padding: 120px 0; + } + .content_block1, .content_block2 { + padding: 50px 0; + } + .content_block2 { + padding: 80px 0; + } + .author-info-tabs ul.nav li a { + padding: 0 20px; + } +} + +/* 768 TO 992*/ +@media (min-width: 768px) and (max-width: 991px) { + /*--------------- General scss goes here -------------- */ + /* search area */ + .search-area .search_box { + text-align: center; + padding: 30px; + } + .search-area .search_box .search-btn { + margin-top: 0; + } + .search-area .text_field { + margin-bottom: 20px; + } + .search-area .search_box2 .text_field { + margin-bottom: 0; + } + .hero-area2 .search_box .search-btn { + margin-top: 0; + } + .hero-area2 .search_box .text_field { + margin-bottom: 0; + } + /* hero area */ + .hero-content .hero__content__title h1 { + font-size: 50px; + line-height: 60px; + } + .hero-area4 .hero-content .hero__content__title h1, .hero-area2 .hero-content .hero__content__title h1 { + font-size: 36px; + line-height: normal; + margin-bottom: 30px; + } + /* Top Menu */ + .searc-wrap input { + width: 100%; + } + .top-menu-area .logo-top { + display: flex; + align-items: center; + height: 90%; + } + .author-area__seller-btn { + padding: 0 10px; + font-size: 14px; + } + /* Testimonial Carousel */ + span.slick-prev { + left: 0; + top: auto; + bottom: 0; + z-index: 1; + } + span.slick-next { + right: 0; + top: auto; + bottom: 0; + z-index: 1; + } + /* Clients logo */ + .clients-logo .logo-single { + width: 33.3333%; + text-align: center; + } + /* Featured Product Slider */ + .product-excerpt .product-facts li { + margin-right: 10px; + } + .product-excerpt .product-facts li.product-rating ul li.total-rating { + display: none; + } + .product-excerpt .product-facts li.product-fav::before { + left: -5px; + } + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, + .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 20px; + } + .google_map .location_address { + left: calc((100vw - 750px) / 2); + } + .messaging_sidebar .messaging__contents .messages .message { + padding: 15px; + } + .messaging_sidebar .messaging__contents .messages .message_data .time { + position: relative; + font-size: 13px; + top: 5px; + } + .chat_area .chat_area--conversation .body { + padding-left: 30px; + } + .chat_area .message_composer .attached-files li { + margin-bottom: 15px; + } + .chat_area .message_composer .btns { + margin-top: 15px; + } + .messaging_sidebar .messaging__header .messaging_action .btn { + padding: 0 15px; + } + .messaging_sidebar .messaging__header .messaging_action .btn .text { + display: none; + } + .messaging_sidebar .messaging__header { + padding: 15px; + } + .messaging_sidebar .messaging__header .messaging_action .icon-refresh { + display: none; + } + .r-padding { + padding-right: 50px; + } + .l-padding { + padding-left: 50px; + } + .author-profile .author-social ul li.split { + width: 33.33%; + } +} + +/* 767 */ +@media screen and (max-width: 767px) { + /* typography */ + h1 { + font-size: 30px; + } + h2 { + font-size: 26px; + } + h3 { + font-size: 22px; + } + /*-------------- general scss ----------------*/ + .top-menu-area .menu-fullwidth { + justify-content: space-between; + position: relative; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: auto; + order: 1; + } + .top-menu-area .menu-fullwidth .menu-container { + order: 0; + flex: inherit; + margin-top: 0; + } + .top-menu-area .menu-fullwidth .author-menu { + order: 2; + flex: inherit; + } + .logo { + padding: 10px 14px; + } + .top-menu-area .d_menu { + padding-left: 15px; + } + .top-menu-area .d_menu .navbar { + position: static; + } + /* MOBILE MENU AREA */ + .navbar-header .navbar-toggle { + z-index: 5; + float: left; + } + .navbar-header .navbar-toggle span { + font-size: 22px; + width: 40px; + line-height: 40px; + background: #fff; + display: inline-block; + border-radius: 5px; + color: #000; + border: 1px solid #ebedf2; + } + .navbar-header .mainmenu__search { + position: relative; + z-index: 1; + padding: 18px 0; + } + .navbar-header .mainmenu__search .searc-wrap input { + width: 210px; + line-height: 40px; + } + .mainmenu__menu { + min-height: 0; + } + .mainmenu__menu .navbar-collapse { + position: absolute; + top: 100%; + left: 0; + width: 100%; + z-index: 5; + height: 280px; + background: #fff; + padding: 15px 15px 0; + overflow: scroll; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + } + .mainmenu__menu .navbar-collapse .navbar-nav { + margin: 0; + } + .mainmenu__menu .navbar-nav > li { + display: block; + padding: 0; + margin-right: 0; + } + .mainmenu__menu .navbar-nav > li a { + line-height: 40px; + } + .mainmenu__menu .has_dropdown .dropdown, .mainmenu__menu .has_dropdown .dropdown_megamenu, .mainmenu__menu .has_megamenu .dropdown, .mainmenu__menu .has_megamenu .dropdown_megamenu { + position: initial; + display: none; + box-shadow: 0 0 0; + opacity: 1; + padding: 5px; + visibility: visible; + transition: 0s; + } + .mainmenu__menu .has_dropdown .dropdown ul li a, .mainmenu__menu .has_dropdown .dropdown_megamenu ul li a, .mainmenu__menu .has_megamenu .dropdown ul li a, .mainmenu__menu .has_megamenu .dropdown_megamenu ul li a { + line-height: 35px; + } + .mainmenu__menu .has_dropdown a span, .mainmenu__menu .has_megamenu a span { + float: right; + display: inline-block; + cursor: pointer; + line-height: normal; + } + .mainmenu__menu .has_megamenu .dropdown_megamenu { + display: none; + } + .mainmenu__menu .has_megamenu .dropdown_megamenu.contained { + width: 100%; + } + .mainmenu__menu .megamnu_module { + float: none; + } + .mainmenu__menu .megamnu_module .menu_items { + display: block; + } + .menu--light .mainmenu__menu .navbar-nav > li > a { + color: inherit; + } + .mainmenu__menu { + padding: 15px 0; + } + .mainmenu__menu .navbar-toggler { + border: 1px solid #6F7495; + padding: 3px; + } + .mainmenu__menu .icon-menu { + line-height: 30px; + color: #6F7495; + } + .logo img { + width: 70%; + } + .menu--light .top-menu-area .logo-top, + .top-menu-area .logo-top { + padding: 10px 0; + } + .mobile_content .menu_icon { + position: relative; + right: 15px; + top: 0; + transform: none; + } + .megamnu_module .menu_items .menu_column { + width: 100%; + } + .megamnu_module .menu_items { + overflow: scroll; + height: 180px; + } + .searc-wrap { + position: relative; + display: none; + } + .sidebar .sidebar-card .searc-wrap, .sidebar .item-preview .searc-wrap { + display: block; + } + .dashboard_menu_area { + padding: 20px 0; + } + .dashboard_menu_area .menu-toggler { + background: none; + color: #bfcad7; + border: 1px solid #bfcad7; + display: flex; + align-items: center; + padding: 10px 15px; + border-radius: 3px; + } + .dashboard_menu_area .menu-toggler span { + padding-right: 10px; + } + .dashboard_menu_area .dashboard_menu { + display: block; + height: 0; + overflow: hidden; + transition: all 0.3s ease; + position: absolute; + width: 100%; + left: 0; + top: 60px; + background: #6645f6; + z-index: 2; + padding: 0 20px; + } + .dashboard_menu_area .dashboard_menu.active { + height: 250px; + overflow: scroll; + padding: 15px 20px 10px; + } + /*--------------- components sccs ---------------*/ + /*btn*/ + .btn--lg { + min-width: 165px; + line-height: 50px; + } + .m-bottom-sm { + margin-bottom: 20px; + } + span.slick-prev, + span.slick-next { + display: none !important; + } + /* Hero Area */ + .hero__content__title h1 { + font-size: 45px; + line-height: 60px; + } + .search_box .text_field, + .search_box .search__select { + width: 100%; + margin-bottom: 15px; + margin-left: 0; + margin-right: 0; + } + .mobile_content { + margin-right: 0; + } + .hero-area2 .search_box .text_field { + margin-bottom: 0; + } + .hero-area2 .hero__content__title h1, .hero-area4 .hero__content__title h1 { + font-size: 36px; + line-height: normal; + margin-bottom: 30px; + } + .search-area .text_field { + margin-right: 0; + } + .search_box .search__select span { + top: 50%; + } + .hero-area2 .search_box .search-btn { + margin-top: 20px; + } + .hero-area2 .search_box .text_field, + .hero-area2 .search_box .search-btn { + border-radius: 3px; + } + /* Newest Products */ + .product-single .product-thumb figure img { + width: 100%; + } + /* Counter Up area */ + .counter-up .counter { + width: 50%; + flex: auto; + } + .counter-up .counter:nth-child(1), .counter-up .counter:nth-child(2) { + margin-bottom: 50px; + } + /* How It Works Area */ + .working-process .step-single .step-text, + .working-process .step-single .step-image { + padding-left: 15px; + padding-right: 15px; + text-align: center; + } + .working-process .step-single .step-text div, + .working-process .step-single .step-image div { + width: 100%; + } + .working-process .step-single .step-text h2 { + margin: 20px 0; + } + .working-process .step-single .step-count:before { + content: none; + } + .working-process .step-single .step-count span:last-child { + bottom: -20px; + } + /* Call To Action */ + .cta .cta-divider { + margin: 50px 0; + } + /* Clients Logo */ + .clients-logo .logo-single { + width: 50%; + text-align: center; + } + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, + .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 15px; + } + .product-excerpt .product-facts li.product-rating ul li.total-rating { + display: none; + } + .product-excerpt .product-facts li.product-fav::before { + left: -5px; + } + .timeline .happening:nth-child(2n+2) .happening--detail { + padding: 50px 30px 0 0; + } + .timeline .happening .happening--period { + padding: 45px 30px 0 0; + } + .timeline .happening .happening--detail { + padding: 45px 0 0 30px; + } + .gallery_area .gallery_contents h3 { + font-size: 28px; + line-height: 40px; + margin-bottom: 20px; + } + .dashboard_contents .dashboard_title_area .date_area .input_with_icon { + margin-bottom: 10px; + } + .withdraw_module .payment-method-module { + margin-bottom: 30px; + } + .featured_event .countdown { + text-align: center; + } + .featured_event .countdown li { + margin: 0 15px 15px 15px; + } + .google_map .location_address { + position: initial; + top: auto; + left: auto; + transform: translate(0); + text-align: center; + width: 100%; + } + .google_map .location_address .addres_module { + background: #f7f7f7; + } + .single_speaker { + width: 100%; + margin-bottom: 80px; + } + .single_speaker:last-child { + margin-bottom: 50px; + } + .single_speaker:nth-child(2n+1), .single_speaker:nth-child(2n+2) { + padding-left: 0; + padding-right: 0; + } + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + margin: 0 auto; + display: block; + text-align: center; + margin-bottom: 15px; + } + .single_speaker .speaker__thumbnail img { + display: inline-block; + } + .single_speaker .speaker__detail { + width: 100%; + text-align: center; + padding-left: 0; + } + .single_speaker .speaker__detail .ocuup { + margin-bottom: 10px; + } + .single_speaker .speaker__detail .speaker_social { + margin-top: 20px; + } + .event_module .event_module__title { + text-align: left; + } + .job_detail_module .job__content .informations li { + width: 100%; + } + .chat_area { + margin-top: 30px; + } + .notifications_module .notification .notification__icons .icon-close { + position: absolute; + right: 30px; + top: 30px; + } + .single-product-desc ul.nav-tabs li { + flex: auto; + width: 50%; + } + .item-preview .item-activity { + flex-wrap: wrap; + } + .item-preview .item-activity .activity-single { + margin-right: 0; + width: 100%; + margin-bottom: 15px; + } + .dwqa-container .dwqa-questions-archive .dwqa-question-filter { + flex-wrap: wrap; + justify-content: flex-start; + } + .dwqa-container .dwqa-questions-archive .dwqa-question-filter select#dwqa-sort-by { + margin-left: 0; + margin-top: 15px; + } + .pricing-wrapper { + display: block; + } + .pricing-wrapper .package-single { + margin-top: 0; + } + .pricing-wrapper .package-single.featured-plan { + margin-top: 80px; + } + .author-social ul { + margin-bottom: 30px; + justify-content: flex-start; + } + .single_product .product__description .p_image { + display: none; + } + .single_product .product__description .short_desc { + padding-left: 0; + } + .go_top { + right: calc((100% - 576px) / 2); + } + .working-process .step-single { + margin-bottom: 80px; + padding: 30px 15px 50px 15px; + } + .cta .section-title h1 { + margin-bottom: 0; + } + .single_item_visitor .dashboard__content .item_info .info { + margin-top: 20px; + } + .statistics_data { + justify-content: center; + } + .statistics_data .single_stat_data { + margin: 15px 15px; + } + .thread.thread_review .thread-list .single-thread .media-body .media-heading { + margin-bottom: 10px; + } + .thread.thread_review .thread-list .single-thread .media-body .media-heading .rev_item { + margin-left: 0; + } + .thread.thread_review2 .rev_time { + margin-left: 0; + margin-top: 10px; + float: left !important; + } + .tab4 .item-navigation { + float: none; + width: 100%; + } + .tab4 .tab-content { + width: 100%; + } + ul.nav-tabs.nav--tabs2 li a { + padding: 0 25px; + } + .author-profile .author-stats ul { + align-items: center; + } + .author-profile .author-stats ul li { + margin-bottom: 0; + } + .product_archive .title_area { + padding-bottom: 15px; + } + .product_archive .title_area h5 { + margin-bottom: 10px; + } + .dashboard-area .single_product .product__description .short_desc { + margin-left: 15px; + } + .recent_sells .single_sell .ammount, .popular_sells .single_sell .ammount { + justify-content: flex-start; + } + .popular_sells .single_sell .ammount p { + margin-right: 15px; + } + .popular_sells .single_sell .ammount p:last-child { + margin-right: 0; + } + .filter-bar.filter-bar2 .filter__option { + padding: 0 0 20px 0; + margin-right: 0; + width: 100%; + } + .credit_modules .modules__content .amounts, .shortcode_modules .modules__content .amounts, .upload_modules .modules__content .amounts, .withdraw_module .modules__content .amounts { + display: block; + } + .credit_modules .modules__content .amounts .or, .shortcode_modules .modules__content .amounts .or, .upload_modules .modules__content .amounts .or, .withdraw_module .modules__content .amounts .or { + padding: 10px 0 0 0; + } + .credit_modules .modules__content .amounts ul li, .shortcode_modules .modules__content .amounts ul li, .upload_modules .modules__content .amounts ul li, .withdraw_module .modules__content .amounts ul li { + margin-bottom: 20px; + } + .payment_module .payment_tabs ul.nav-tabs { + position: relative; + left: 0; + top: 0; + margin-bottom: 30px; + } + .payment_module .payment_tabs .modules__content .cards-logo { + justify-content: flex-start; + } + .withdraw_module .option-single .op_action { + margin: 15px 0 0 35px; + } + .event_module .list_item li { + width: 100%; + } + .event_module .list_item li:nth-child(2n + 1) { + padding-right: 0; + } + .google_map .location_address .addres_module h3 { + margin-bottom: 30px; + } + .badges.community-badges .author-badges .badge-single { + width: 50%; + } + .menu--light .mainmenu__menu .navbar-toggler { + border-color: #bababa; + } + .menu--light .mainmenu__menu .navbar-toggler .icon-menu { + color: #bababa; + } + .withdraw_module .custom-radio label .c_active, .withdraw_module .custom-radio .form-group p.label .c_active, .form-group .withdraw_module .custom-radio p.label .c_active { + margin-left: 37px; + } + .withdraw_module .custom-radio label, .withdraw_module .custom-radio .form-group p.label, .form-group .withdraw_module .custom-radio p.label { + padding-right: 40px; + } + .withdraw_module .option-single .op_action .ac_btn .dropdown-menu { + right: -20px; + } + .dashboard_contents .dashboard_title_area { + flex-wrap: wrap; + } + .dashboard_contents .dashboard_title_area .add-payment-btn { + margin-left: 0 !important; + } + .filter-bar.filter-bar2 .filter__items { + width: 100%; + } + .filter-bar.filter-bar2 { + padding-right: 30px; + padding-bottom: 20px; + } + .dashboard_contents .dashboard_title_area .date_area form div { + flex: 1; + } + .withdraw_module .withdraw_amount { + display: block; + } + .withdraw_module .withdraw_amount .fee { + margin: 10px 0 0 0; + } + .how_it_works .how_it_works_module { + padding: 60px 0; + } + .contact_form .contact_form--wrapper, .apply_form .contact_form--wrapper, .comment_area .cmnt_reply_form .contact_form--wrapper { + padding-bottom: 0; + } +} + +/* 320 TO 576 */ +@media screen and (max-width: 575px) { + /* section padding */ + .section--padding { + padding: 80px 0; + } + .xs-fullwidth { + width: 100%; + } + .logo img { + width: 70%; + } + .hero__content__title h1 { + font-size: 32px; + line-height: 46px; + } + .hero-area2 .search_box .text_field { + width: 97%; + border-radius: 3px; + } + .hero-area2 .search_box .search-btn { + width: auto; + margin-top: 15px; + border-radius: 3px; + } + .hero__content__title p.tagline { + font-size: 18px; + } + .hero-area4 .hero-content .search_box2 { + box-shadow: none; + } + .hero-area3 { + padding: 50px 0; + } + .search_box2 form { + flex-direction: column; + align-items: center; + } + .search_box2 form .text_field { + margin-bottom: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + } + .search_box2 form .text_field, .search_box2 form .search-btn { + border-radius: 3px; + } + .product-sorting ul li { + margin-right: 0; + margin-bottom: 15px; + width: 100%; + } + .about_hero .about_hero_contents .about_hero_btns { + display: flex; + justify-content: center; + flex-wrap: wrap; + } + .about_hero .about_hero_contents .about_hero_btns .play_btn { + margin-left: 28px; + } + .about_hero .about_hero_contents .about_hero_btns .btn { + margin-bottom: 15px; + } + .cta-content .cta-text h2 { + line-height: 40px; + } + .filter-bar.filter-bar2 .filter__option { + margin-bottom: 50px; + } + .product-title-area .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, + .product-title-area .date_area .select-wrap, + .dashboard_contents .dashboard_title_area .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { + max-width: 100%; + margin-right: 0; + margin-bottom: 10px; + float: none; + } + .dashboard_contents .dashboard_title_area .date_area { + width: 100%; + } + .messaging_sidebar .messaging__header .messaging_action .btn .text { + display: none; + } + .chat_area .chat_area--conversation .name_time h4 { + display: block; + } + .chat_area .chat_area--conversation .name_time p { + float: none; + } + .item-preview .item-action a { + margin-bottom: 10px; + } + .item-preview .item-action a + a { + margin-left: 0; + margin-top: 0; + } + .clients-logo .logo-single { + width: 100%; + } + .go_top { + right: 15px; + } + .services { + padding: 80px 0 30px 0; + } + .gradient_overlay .search_box2 { + box-shadow: none; + } + .product-filter-area .filter-bar .filter__option, + .filter-bar .dropdown-trigger { + width: 100%; + } + ul.nav-tabs { + padding: 30px 0 0 0 !important; + } + ul.nav-tabs li { + width: 100%; + margin-bottom: 15px; + } + ul.nav-tabs li:last-child { + margin-bottom: 0; + } + ul.nav-tabs li a { + text-align: left; + line-height: normal; + padding: 0 0 20px 0 !important; + } + .author-info-tabs ul.nav-tabs li a { + padding-left: 25px !important; + } + .tab4 ul.nav-tabs { + padding-top: 0 !important; + } + .tab4 ul.nav-tabs li a { + margin-right: 0; + line-height: 35px; + } + .tab4 ul.nav-tabs li a:before { + left: 0; + width: 100%; + height: 3px; + } + .tab4 .tab-content { + width: 100%; + } + .thread .thread-list .single-thread .media-left { + display: none; + } + .thread .thread-list .single-thread .media-body .d-flex { + display: block; + } + .filter-area2 .filter-bar .filter__option { + margin-left: 0; + } + .single-product-desc ul.nav-tabs li { + width: 100%; + padding: 0 30px; + } + .single-product-desc ul.nav-tabs li a:before { + left: 0; + width: 100%; + } + .thread .thread-list .single-thread .depth-2 { + margin-left: 40px; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button, .sidebar--single-product .card-pricing.item-preview .purchase-button { + flex-wrap: wrap; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button .btn, .sidebar--single-product .card-pricing.item-preview .purchase-button .btn { + margin-bottom: 10px !important; + } + .author-card .author-infos .author-btn .btn { + margin-bottom: 10px; + } + .author-profile .author-stats ul li { + margin-bottom: 15px; + margin-right: 30px; + } + .author-profile .author-stats ul li:last-child { + margin-right: 0; + } + .chat_area .message_composer.composing .cancel_btn { + margin-left: 0; + } + .chat_area .message_composer .btns label, .chat_area .message_composer .btns .form-group p.label, .form-group .chat_area .message_composer .btns p.label { + margin-right: 15px; + } + .chat_area .message_composer .btns .btn, .chat_area .message_composer .btns label, .chat_area .message_composer .btns .form-group p.label, .form-group .chat_area .message_composer .btns p.label { + margin-bottom: 10px; + } + .card_style2 .card_style2__location_type { + margin-bottom: 0; + } + .card_style2 .card_style2__location_type p, .card_style2 .card_style2__location_type .type { + margin-bottom: 15px; + } + .recent_sells .single_sell .ammount, .popular_sells .single_sell .ammount { + justify-content: flex-start; + } + .popular_sells .single_sell .ammount p { + margin-right: 30px; + } + .popular_sells .single_sell .ammount p:last-child { + margin-right: 0; + } + .popular_sells .single_sell .single_sell__thumb-title { + width: 100%; + } + .single_product .product__price_download .item_action .btn { + margin-right: 10px; + margin-bottom: 10px; + } + .single_product .product__price_download .item_action .btn + .btn { + margin-top: 0; + } + .single_product .product__price_download { + display: block; + } + .single_product .product__price_download .item_action, + .single_product .product__price_download .item_price { + display: block; + float: none; + } + .single_product .product__price_download .item_action { + margin-top: 20px; + } + .filter-bar.filter-bar2 .filter__option.filter--search { + margin-bottom: 0; + } + .payment_module .payment_tabs ul.nav-tabs { + padding-top: 0 !important; + } + .payment_module .payment_tabs ul.nav-tabs li a { + border-radius: 4px; + padding: 0 15px !important; + } + .payment_module .payment_tabs ul.nav-tabs li + li { + margin-left: 0; + } + .dashboard_contents .dashboard_title_area .date_area .input_with_icon, + .dashboard_contents .dashboard_title_area .date_area .select-wrap { + width: 100%; + } + .upload_wrapper .upload-field .custom_upload { + margin-right: 30px; + } + .dashboard-area .dashboard_contents .btns button { + margin-bottom: 15px; + } + .filter-bar.filter-bar2 .dashboard__title { + flex: auto; + } + .filter-bar.filter-bar2 .filter--text, + .filter-bar.filter-bar2 .filter--select { + margin-bottom: 0; + } + .withdraw_module .custom-radio label .c_active, .withdraw_module .custom-radio .form-group p.label .c_active, .form-group .withdraw_module .custom-radio p.label .c_active { + margin-top: 10px; + } + .withdraw_module .withdraw_amount .fee { + margin: 15px 0 0 0; + } + .featured_event .countdown li { + min-width: 130px; + } + .event_detail_breadcrumb .social-share { + width: 100%; + border-radius: 0; + } + .badges.community-badges .author-badges .badge-single { + width: 100%; + } + /* Counter Up area */ + .counter-up .counter { + width: 100%; + flex: auto; + margin-bottom: 50px; + } + .counter-up .counter:last-child { + margin-bottom: 0; + } + .profile_images #cover_photo { + width: 240px; + } + .profile_images .profile_image_area .upload_btn .btn { + margin-top: 15px; + } + .withdraw_module .option-single .op_action .ac_btn .dropdown-menu { + right: -70px; + } + .dashboard_contents .dashboard_title_area { + flex-wrap: wrap; + } + .dashboard_contents .dashboard_title_area .ml-auto { + margin-left: 0 !important; + } + .invoice .invoice__meta .date_info { + text-align: left; + } + .dashboard_contents .dashboard_title_area .date_area form div { + flex: auto; + } + .top-menu-area .d_menu { + padding-left: 0; + } + .mobile_content .menu_icon { + right: 0; + } +} + +/*# sourceMappingURL=maps/style.css.map */ diff --git a/public/img/auth-img.png b/public/img/auth-img.png new file mode 100644 index 0000000..3e1ad25 Binary files /dev/null and b/public/img/auth-img.png differ diff --git a/public/img/authi.jpg b/public/img/authi.jpg new file mode 100644 index 0000000..28544dc Binary files /dev/null and b/public/img/authi.jpg differ diff --git a/public/img/author-avatar.jpg b/public/img/author-avatar.jpg new file mode 100644 index 0000000..79f635a Binary files /dev/null and b/public/img/author-avatar.jpg differ diff --git a/public/img/bb1.jpg b/public/img/bb1.jpg new file mode 100644 index 0000000..c4db031 Binary files /dev/null and b/public/img/bb1.jpg differ diff --git a/public/img/capro1.jpg b/public/img/capro1.jpg new file mode 100644 index 0000000..367d03f Binary files /dev/null and b/public/img/capro1.jpg differ diff --git a/public/img/capro2.jpg b/public/img/capro2.jpg new file mode 100644 index 0000000..367d03f Binary files /dev/null and b/public/img/capro2.jpg differ diff --git a/public/img/catword.png b/public/img/catword.png new file mode 100644 index 0000000..2562ab3 Binary files /dev/null and b/public/img/catword.png differ diff --git a/public/img/f-image-big.jpg b/public/img/f-image-big.jpg new file mode 100644 index 0000000..1cec328 Binary files /dev/null and b/public/img/f-image-big.jpg differ diff --git a/public/img/im1.jpg b/public/img/im1.jpg new file mode 100644 index 0000000..14a96a8 Binary files /dev/null and b/public/img/im1.jpg differ diff --git a/public/img/im2.jpg b/public/img/im2.jpg new file mode 100644 index 0000000..0fdf42b Binary files /dev/null and b/public/img/im2.jpg differ diff --git a/public/img/logo1.png b/public/img/logo1.png new file mode 100644 index 0000000..e9245fe Binary files /dev/null and b/public/img/logo1.png differ diff --git a/public/img/m1.png b/public/img/m1.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m1.png differ diff --git a/public/img/m2.png b/public/img/m2.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m2.png differ diff --git a/public/img/m3.png b/public/img/m3.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m3.png differ diff --git a/public/img/m4.png b/public/img/m4.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m4.png differ diff --git a/public/img/m5.png b/public/img/m5.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m5.png differ diff --git a/public/img/m6.png b/public/img/m6.png new file mode 100644 index 0000000..7e87366 Binary files /dev/null and b/public/img/m6.png differ diff --git a/public/img/product3.png b/public/img/product3.png new file mode 100644 index 0000000..d2beb7d Binary files /dev/null and b/public/img/product3.png differ diff --git a/public/img/single2.jpg b/public/img/single2.jpg new file mode 100644 index 0000000..585b318 Binary files /dev/null and b/public/img/single2.jpg differ diff --git a/public/img/user-avater.png b/public/img/user-avater.png new file mode 100644 index 0000000..63f8a31 Binary files /dev/null and b/public/img/user-avater.png differ diff --git a/public/theme_assets/js/dashboard.js b/public/theme_assets/js/dashboard.js new file mode 100644 index 0000000..36b3985 --- /dev/null +++ b/public/theme_assets/js/dashboard.js @@ -0,0 +1,264 @@ +(function ($) { + + if ($('.dashboard-page').length) { + /* legent font family */ + var ctxFont = "'Work Sans', sans-serif", + ctxTickColor = '#8896a5', + months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']; + + + + /* set chart js flobal style */ + Chart.defaults.global.defaultFontFamily = ctxFont; + Chart.defaults.global.defaultFontColor = "#898b96"; + Chart.defaults.global.defaultFontSize = 16; + + + + /* custom legend function */ + function customLegend(chart) { + var text = []; + text.push(''); + return text.join(''); + } + + } + + /* Plugin for piechart */ + var piePlugin = { + beforeDraw: function (chart) { + var width = chart.chart.width, + height = chart.chart.height, + ctx = chart.chart.ctx, + p = 0; + chart.data.datasets[0].data.map(function (t) { + if (typeof t === 'number' && !isNaN(t)) { + p += t; + } + }); + + ctx.restore(); + var fontSize = (height / 114).toFixed(2); + ctx.font = fontSize + "em Quicksand"; + ctx.textBaseline = "middle"; + + var text = p + ' Visit', + textX = Math.round((width - ctx.measureText(text).width) / 2), + textY = height / 2; + + ctx.fillText(text, textX, textY); + ctx.save(); + } + }; + + + /* sale view statistics line chart */ + var ctx = $('#myChart'); + var chart = new Chart(ctx, { + // The type of chart we want to create + type: 'line', + + // The data for our dataset + data: { + labels: [0, 5, 10, 15, 20, 25, 30], + datasets: [ + { + label: "Daily Sales", + backgroundColor: 'rgba(0, 71, 193,.5)', + borderColor: '#6E4FF6', + data: [13, 23, 17, 14, 11, 24, 20], + pointBackgroundColor: '#6E4FF6', + pointBorderColor: '#6E4FF6', + fill: false, + borderWidth: 2.5 + }, + { + label: "Daily Views", + backgroundColor: 'rgba(5, 116, 236,.5)', + borderColor: '#1DC9B7', + data: [10, 20, 24, 15, 18, 24, 0], + pointBackgroundColor: '#1DC9B7', + pointBorderColor: '#1DC9B7', + fill: false, + borderWidth: 2.5 + }] + }, + + // Configuration options go here + options: { + scales: { + yAxes: [{ + display: true, + ticks: { + beginAtZero: true, + suggestedMax: 30, + fontColor: ctxTickColor + } + }] + }, + legend: { + display: false + }, + legendCallback: customLegend + } + }); + /* genereate legend for sale view chart */ + var legendSale = chart.generateLegend(); + $('#stat_legend').html(legendSale); + + + + + /* visit statistics pie chart */ + var piechart = $('#piechart'); + var part = new Chart(piechart, { + type: 'pie', + plugins: [piePlugin], + data: { + datasets: [{ + data: [120, 90, 70, 40, 55], + backgroundColor: [ + '#34bfa3', + '#f4516c', + '#36a3f7', + '#ffcd56', + '#ff9f40' + ] + }], + labels: [ + "Google", + "Website", + "Affiliate", + "Organic", + "Others" + ] + }, + options: { + cutoutPercentage: 0, + responsive: true, + legend: { + display: false + }, + legendCallback: customLegend + } + }); + + + /* genereate legend for visitor pie chart */ + var legend = part.generateLegend(); + $('#pie-legend').html(legend); + + + + + /* single item view statistics */ + var item_view = $('#single_item_visit'); + var viewBar = new Chart(item_view, { + type: 'bar', + + data: { + labels: [3, 6, 9, 12, 15, 18, 21, 24, 27, 30], + datasets: [ + { + data: [15, 14, 23, 48, 55, 25, 82, 33, 55, 41, 2], + backgroundColor: '#5867dd' + } + ] + }, + + options: { + scales: { + yAxes: [{ + ticks: { + beginAtZero: true, + suggestedMax: 60 + } + }], + xAxes: [{ + barThickness: 40 + }] + }, + legend: { + display: false + } + } + }); + + + + + /* revenue chart */ + var revenue = $('#revenue'); + var reveChart = new Chart(revenue, { + type: 'line', + + data: { + labels: months, + datasets: [ + { + label: "2018", + data: [5, 5.8, 6.6, 5.9, 5.3, 4.7, 5.7, 6.7, 6.2, 7, 5.8, 6.6], + fill: false, + borderColor: '#34bfa3', + lineTension: 0, + pointBorderColor: '#34bfa3' + } + ] + }, + + options: { + legend: { + display: false + }, + legendCallback: customLegend, + scales: { + yAxes: [{ + ticks: { + suggestedMin: 1, + suggestedMax: 10, + callback: function (value, index, values) { + return value + 'k'; + } + } + }] + }, + elements: { + point: { + backgroundColor: '#fff', + borderWidth: 3 + } + } + } + }); + /* generate revenue chart lagend */ + var visitLegend = reveChart.generateLegend(); + $('#visit_legend').html(visitLegend); + } + +})(jQuery); \ No newline at end of file diff --git a/public/theme_assets/js/main.js b/public/theme_assets/js/main.js new file mode 100644 index 0000000..f0ddb7a --- /dev/null +++ b/public/theme_assets/js/main.js @@ -0,0 +1,535 @@ +/* + Name: Digipro - Digital Products Marketplace + Author: AazzTech + Version: 1.0 +*/ + +(function () { + "use strict"; + + var windowWidth = $(window).width(); + var windowHeight = $(window).height(); + + // Custom nav trigger function for owl carousel + function customTrigger(slideNext, slidePrev, targetSlider) { + $(slideNext).on('click', function () { + targetSlider.trigger('next.owl.carousel'); + }); + $(slidePrev).on('click', function () { + targetSlider.trigger('prev.owl.carousel'); + }); + } + + // Mobile Menu JS + function mobileMenu(triggerElem, dropdown) { + var $dropDownTrigger = $(triggerElem + ' > a'); + + $dropDownTrigger.append(''); + $dropDownTrigger.on('click', function (e) { + e.preventDefault(); + $(this).parents(triggerElem).find(dropdown).slideToggle().parents(triggerElem).siblings().find(dropdown).slideUp(); + }); + } + + if (windowWidth < 991) { + mobileMenu('.has_dropdown', '.dropdown'); + mobileMenu('.has_megamenu', '.dropdown_megamenu'); + } + + + // Header Search + $('.search_trigger').on('click', function () { + $(this).toggleClass('icon-magnifier icon-close'); + $(this).parent('.search_module').children('.search_area').toggleClass('active'); + }); + + // Offcanvas Menu + $('.close_menu').on('click', function () { + $(this).parent('.offcanvas-menu').addClass('closed'); + }); + + $('.menu_icon').on('click', function () { + $(this).siblings('.offcanvas-menu').removeClass('closed'); + }); + + // Filter menu reveal on click + $('.filter__menu_icon').on('click', function () { + $('.filter_dropdown').toggleClass('active'); + }); + + // Click event to scroll to top + /* go top */ + var scrollTop = $('.go_top').hide(); + + $(window).on('scroll', function () { + var distanceFromTop = $(document).scrollTop(); + if (distanceFromTop > 117) { + scrollTop.fadeIn(400); + } + else { + scrollTop.fadeOut(400); + } + }); + scrollTop.on('click', function () { + $('html, body').animate({scrollTop: 0}, 800); + return false; + }); + + // Setting background images + $('.bg_image_holder').each(function () { + var $this = $(this); + var imgLink = $this.children().attr('src'); + $this.css({ + "background-image": "url(" + imgLink + ")", + "opacity": "1" + }).children().attr('alt', imgLink); + }); + + // Counter Up + $('.count_up').counterUp({ + delay: 10, + time: 1000 + }); + + // jquery ui range + var $priceFrom = $('.price-ranges .from'), + $priceTo = $('.price-ranges .to'); + $(".price-range").slider({ + range: true, + min: 0, + max: 500, + values: [30, 300], + slide: function (event, ui) { + $priceFrom.text("$" + ui.values[0]); + $priceTo.text("$" + ui.values[1]); + } + }); + + // Venobox + if ($.prototype.venobox) { + $('.venobox').venobox(); + } + + // Product page edit option js + $(".prod_option .setting-icon").on('click', function () { + $(this).siblings('.options').toggle(); + }); + + // Reply comment area js goes here + var $replyForm = $('.reply-comment'), + $replylink = $('.reply-link'); + $replyForm.hide(); + + $replylink.on('click', function (e) { + e.preventDefault(); + $(this).parents('.media').siblings('.reply-comment').toggle().find('textarea').focus(); + }); + + // Countdown Init + $('.countdown').countdown('2021/6/18', function (event) { + var $this = $(this).html(event.strftime('' + + '
  • %D days
  • ' + + '
  • %H hours
  • ' + + '
  • %M minutes
  • ' + + '
  • %S seconeds
  • ')); + }); + + // Accordion JS + var $accordionTrigger = $('.single_acco_title a'); + $accordionTrigger.on('click', function () { + $accordionTrigger.not(this).removeClass('active').find('.lnr').not($(this).find('.lnr')).removeClass('icon-arrow-down-circle').addClass('icon-arrow-right-circle'); + $(this).toggleClass('active').find('.lnr').toggleClass('icon-arrow-right-circle icon-arrow-down-circle'); + }); + + // Date Picker JS + $('.dattaPikkara').datepicker(); + + // Price Selection JS + var $licenseText = $('.card--pricing2 .pricing-options li p'), + $price = $('.card--pricing2 .price h1 span'); + $licenseText.slideUp(); + + $('.card--pricing2 .custom-radio label').on('click', function () { + var $this = $(this); + $licenseText.slideUp(200); + $this.parents('li').find('p').slideDown(200); + $price.text($this.data('price') + '.00'); + }); + + /* + Removing extra margin from + the last child of + item description-area + */ + $('.tab-content-wrapper').length ? $('#product-details').children().children().last().css({ + 'margin-bottom': 0, + 'padding-bottom': 0 + }) : $('#product-details').children().last().css({'margin-bottom': 0, 'padding-bottom': 0}); + + // Add Credit Page JS + var $amount = $('.amounts ul li'); + $amount.on('click', function () { + $(this).find('p').addClass('selected'); + $(this).siblings($amount).find('p').removeClass('selected'); + $('.selected_price').val($(this).data('price')); + }); + + // Setting Files Name + $('.attachment_field').on('change', function (e) { + var files = e.target.files; + var attached = $('.attached'); + for (var i = 0; files.length > i; i++) { + attached.append('

    ' + files[i].name + '

    '); + } + }); + + // Starring + var starring = $('.actions span.fa'); + starring.on('click', function () { + $(this).toggleClass('fa-star-o fa-star'); + }); + + // Remove Uploaded files name when clicked on Cross + $('.attached').on('click', 'p>span', function () { + $(this).parent().remove(); + }); + + // Followers Following JS + $('.user--following .btn').on('mouseenter', function () { + $(this).text('unfollow'); + }).on('mouseleave', function () { + $(this).text('following'); + }); + + // Bar Rating Plugin Installation + $('.give_rating').barrating({ + theme: 'fontawesome-stars' + }); + + + // Custom Slick Slider Navigation + function slickCustomTrigger(slider, prev, next) { + prev.on('click', function () { + slider.slick('slickNext'); + }); + next.on('click', function () { + slider.slick('slickPrev'); + }); + } + + // Featured Product Slider + var $featuredProd = $('.prod-slider1'); + $featuredProd.owlCarousel({ + items: 1, + autoplay: false + }); + customTrigger('.product__slider-nav .nav_right', '.product__slider-nav .nav_left', $featuredProd); + + var $featuredProd2 = $('.prod-slider2'); + $featuredProd2.owlCarousel({ + items: 1, + autoplay: false + }); + customTrigger('.prod_slide_prev', '.prod_slide_next', $featuredProd2); + + // Testimonial Slider + $('.testimonial-slider').owlCarousel({ + items: 1, + dots: false, + nav: true, + navText: ["", ""], + responsive: { + 0: { + items: 1, + nav: false + }, + 480: { + items: 1, + nav: false + }, + 768: { + items: 1 + }, + 992: { + items: 1 + } + } + }); + + // Sponsors Slider + $('.sponsores').owlCarousel({ + items: 4, + autoplay: true, + margin: 30, + responsive: { + 0: { + items: 1 + }, + 480: { + items: 2 + }, + 768: { + items: 3 + }, + 992: { + items: 4 + } + } + }); + + // Newest Product Slider + var productSlider = $('.product_slider'); + productSlider.owlCarousel({ + items: 3, + margin: 30, + responsive: { + 0: { + items: 1 + }, + 768: { + items: 2 + }, + 992: { + items: 3 + } + } + }); + customTrigger('.follow_feed_nav .nav_right', '.follow_feed_nav .nav_left', productSlider); + + // Partners Slider + $('.partners').owlCarousel({ + items: 5, + autoplay: true, + responsive: { + 0: { + items: 1 + }, + 480: { + items: 2 + }, + 768: { + items: 3 + }, + 992: { + items: 5 + } + } + }); + + // This is product preview slider + $('.item__preview-slider').slick({ + slidesToShow: 1, + slidesToScroll: 1, + arrows: false, + fade: true, + asNavFor: '.thumb-slider' + }); + + var thumbSlider = $('.thumb-slider'); + thumbSlider.slick({ + slidesToShow: 7, + slidesToScroll: 1, + arrows: false, + focusOnSelect: false, + asNavFor: '.item__preview-slider', + responsive: [ + { + breakpoint: 479, + settings: { + slidesToShow: 3 + } + } + ] + }); + + // Assign custom trigger for thumb-Slider + slickCustomTrigger(thumbSlider, $('.thumb-nav .nav-left'), $('.thumb-nav .nav-right')); + + // Dropdown JS + $('.dropdown-trigger').on('click', function (e) { + e.preventDefault(); + var dropdown = $(this).siblings('.dropdown'); + dropdown.toggleClass('active'); + $('.dropdown').not(dropdown).removeClass('active'); + }); + + // Trumbowyg Init + if ($('#trumbowyg-demo').length) { + $('#trumbowyg-demo').trumbowyg(); + } + + // Tooltip Trigger + $(function () { + $('[data-toggle="tooltip"]').tooltip(); + }); + + // Replace all SVG images with inline SVG + $('img.svg').each(function () { + var $img = $(this); + var imgID = $img.attr('id'); + var imgClass = $img.attr('class'); + var imgURL = $img.attr('src'); + + $.get(imgURL, function (data) { + // Get the SVG tag, ignore the rest + var $svg = jQuery(data).find('svg'); + + // Add replaced image's ID to the new SVG + if (typeof imgID !== 'undefined') { + $svg = $svg.attr('id', imgID); + } + // Add replaced image's classes to the new SVG + if (typeof imgClass !== 'undefined') { + $svg = $svg.attr('class', imgClass + ' replaced-svg'); + } + + // Remove any invalid XML tags as per http://validator.w3.org + $svg = $svg.removeAttr('xmlns:a'); + + // Replace image with new SVG + $img.replaceWith($svg); + + }, 'xml'); + + }); + + // Featured Product Slider + $(".product-slide-area").owlCarousel({ + items: 2, + margin: 30, + dots: false, + nav: true, + navText: ["", ""], + responsive: { + 0: { + items: 1 + }, + 480: { + items: 1 + }, + 768: { + items: 2 + }, + 992: { + items: 2 + } + } + }); + + // Testimonial Carousel (Slick) + $('.slider-for').slick({ + slidesToShow: 1, + slidesToScroll: 1, + arrows: true, + prevArrow: "", + nextArrow: "", + fade: true, + asNavFor: '.slider-nav' + }); + $('.slider-nav').slick({ + slidesToShow: 5, + slidesToScroll: 1, + asNavFor: '.slider-for', + dots: false, + centerMode: true, + focusOnSelect: true, + variableWidth: false, + arrows: false, + centerPadding: 15, + responsive: [ + { + breakpoint: 991, + settings: { + slidesToShow: 3 + } + } + ] + }); + + + // Select2 Triggers + $(".select2_default").select2({ + placeholder: "Multiple Select", + width: "100%", + containerCssClass: "form-control" + }); + + $(".select2_tagged").select2({ + multiple: true, + placeholder: "Select options", + containerCssClass: "form-control" + }); + + // Custom Checkbox + $(".custom_checkbox .slider").on("click", function () { + var el = $(this).parents(".custom_checkbox").children(".check-confirm"); + el.text() === el.data("text-swap") + ? el.text(el.data("text-original")) + : el.text(el.data("text-swap")); + }); + + // Dashboard menu toggle on small devices + $(".menu-toggler").on("click", function () { + $(".dashboard_menu").toggleClass("active"); + }); + + //remove preload after window load + $(window).load(function () { + $("body").removeClass("preload"); + }); + + //author social icon break-fix + var lis = $(".author-profile .author-social ul li"); + if(lis.length >= 4){ + lis.addClass("split"); + }; + + //withdrew partial amount - dashboard-withdraw + var p_amount = $("#partial_amount"); + p_amount.hide(); + $('input[name="filter_opt"]').on("change", function () { + if($("input#opt5").is(":checked")){ + p_amount.show(); + }else{ + p_amount.hide(); + } + }); + + //Video Popup + $('.video-iframe').magnificPopup({ + type: 'iframe', + iframe: { + markup: '
    ' + + '
    ' + + '' + + '
    ', + patterns: { + youtube: { + index: 'youtube.com/', + id: function(url) { + var m = url.match(/[\\?\\&]v=([^\\?\\&]+)/); + if ( !m || !m[1] ) return null; + return m[1]; + }, + src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1' + }, + vimeo: { + index: 'vimeo.com/', + id: function(url) { + var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([a-z]*\/)*([0-9]{6,11})[?]?.*/); + if ( !m || !m[5] ) return null; + return m[5]; + }, + src: '//player.vimeo.com/video/%id%?autoplay=1' + } + }, + srcAction: 'iframe_src' + }, + mainClass: 'mfp-fade' + }); + +})(); + + + + diff --git a/public/theme_assets/js/map.js b/public/theme_assets/js/map.js new file mode 100644 index 0000000..32b3d30 --- /dev/null +++ b/public/theme_assets/js/map.js @@ -0,0 +1,44 @@ +(function ($) { + "use strict"; + + function initialize() { + var myCenter = new google.maps.LatLng(54.085533, -0.194593); + var mapProp = { + center: myCenter, + zoom: 16, + scrollwheel: false, + mapTypeId: google.maps.MapTypeId.ROADMAP, + styles: [{ "featureType": "water", "elementType": "geometry", "stylers": [{ "color": "#e9e9e9" }, { "lightness": 17 }] }, + { "featureType": "landscape", "elementType": "geometry", "stylers": [{ "color": "#f5f5f5" }, { "lightness": 20 }] }, + { "featureType": "road.highway", "elementType": "geometry.fill", "stylers": [{ "color": "#ffffff" }, { "lightness": 17 }] }, + { "featureType": "road.highway", "elementType": "geometry.stroke", "stylers": [{ "color": "#ffffff" }, { "lightness": 29 }, { "weight": 0.2 }] }, + { "featureType": "road.arterial", "elementType": "geometry", "stylers": [{ "color": "#ffffff" }, { "lightness": 18 }] }, + { "featureType": "road.local", "elementType": "geometry", "stylers": [{ "color": "#ffffff" }, { "lightness": 16 }] }, + { "featureType": "poi", "elementType": "geometry", "stylers": [{ "color": "#f5f5f5" }, { "lightness": 21 }] }, + { "featureType": "poi.park", "elementType": "geometry", "stylers": [{ "color": "#dedede" }, { "lightness": 21 }] }, + { "elementType": "labels.text.stroke", "stylers": [{ "visibility": "on" }, { "color": "#ffffff" }, { "lightness": 16 }] }, + { "elementType": "labels.text.fill", "stylers": [{ "saturation": 36 }, { "color": "#333333" }, { "lightness": 40 }] }, + { "elementType": "labels.icon", "stylers": [{ "visibility": "off" }] }, + { "featureType": "transit", "elementType": "geometry", "stylers": [{ "color": "#f2f2f2" }, { "lightness": 19 }] }, + { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [{ "color": "#fefefe" }, { "lightness": 20 }] }, + { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [{ "color": "#fefefe" }, { "lightness": 17 }, { "weight": 1.2 }] }] + }; + + var map = new google.maps.Map(document.getElementById("map"), mapProp); + + var marker = new google.maps.Marker({ + position: myCenter, + icon: 'img/map-marker.png' + }); + + var infowindow = new google.maps.InfoWindow({ + content: "united-states" + }); + + marker.setMap(map); + } + + if ($('#map').length > 0) { + google.maps.event.addDomListener(window, 'load', initialize); + } +})(jQuery); \ No newline at end of file diff --git a/public/theme_assets/sass/component/_accordion.scss b/public/theme_assets/sass/component/_accordion.scss new file mode 100644 index 0000000..c0286b7 --- /dev/null +++ b/public/theme_assets/sass/component/_accordion.scss @@ -0,0 +1,107 @@ +/***************************** + Accordion Styles +*****************************/ +.accordion { + .card { + margin-bottom: 20px; + + &:last-child { + margin-bottom: 0; + } + } + + .card-body { + border-bottom: 1px solid $border-color; + } + + .accordion__single { + margin-bottom: 20px; + } + + .card, + .accordion__single { + border: 1px solid $border-color; + border-radius: 0; + + .card-header { + background: #fff; + padding: 0; + } + + h4, + h5 { + + a, + button { + line-height: 26px; + display: block; + color: #333; + font-weight: 300; + font-size: 18px; + padding: 15px 27px 15px 80px; + position: relative; + + i.lnr { + position: absolute; + left: 0; + top: 0; + width: 60px; + height: 100%; + border-right: 1px solid $border-color; + padding-top: 18px; + text-align: center; + transition: $transition; + + &:before { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + } + } + + &.active { + i.lnr { + border-color: #8a95e7; + } + } + } + + button { + padding: 15px 27px 15px 27px; + width: 100%; + text-align: left; + text-decoration: none; + + &:hover:before { + content: none; + } + } + } + + .single_acco_title { + a { + transition: $transition; + + &.active { + @extend .bg-primary; + color: #fff; + } + } + } + + .panel-body { + p { + margin: 25px 30px; + } + } + } + + .single_accordion_body { + padding: 27px 30px; + + p { + margin: 0; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_alerts.scss b/public/theme_assets/sass/component/_alerts.scss new file mode 100644 index 0000000..51a4489 --- /dev/null +++ b/public/theme_assets/sass/component/_alerts.scss @@ -0,0 +1,78 @@ +/* Alert Styles */ +.alert{ + padding: 18px 55px 18px 60px; + border-radius: 3px; + font-size: 16px; + margin-bottom: 30px; + position: relative; + &:before{ + position: absolute; + font-family: "Simple-Line-Icons"; + left: 30px; + top: 18px; + } + strong{ + font-weight: 500; + } + .alert_icon{ + margin-right: 15px; + font-size: 16px; + } + &.alert-default{ + @extend .color-primary; + background: transparentize($primary,.9); + .close{ + @extend .color-primary; + } + } + &.alert-primary{ + &:before{ + content: '\e027'; + } + } + &.alert-secondary{ + &:before{ + content: '\e031'; + } + } + &.alert-success{ + background: transparentize($secondary, .9); + border-color: transparentize($secondary, .9); + &:before{ + content: '\e080'; + } + } + &.alert-info{ + background: transparentize($info, .9); + border-color: transparentize($info, .9); + &:before{ + content: '\e055'; + } + } + &.alert-warning{ + background: transparentize($warning, .9); + border-color: transparentize($warning, .9); + &:before{ + content: '\e617'; + } + } + &.alert-danger{ + background: transparentize($danger, .9); + border-color: transparentize($danger, .9); + &:before{ + content: '\e01a'; + } + } + .close{ + font-size: 16px; + opacity: .3; + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + padding: 0; + &:hover{ + opacity: .5; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_badges.scss b/public/theme_assets/sass/component/_badges.scss new file mode 100644 index 0000000..d7867b9 --- /dev/null +++ b/public/theme_assets/sass/component/_badges.scss @@ -0,0 +1,62 @@ +/* Badge Page */ +.badges { + .author-badges { + display: flex; + flex-wrap: wrap; + justify-content: center; + .badge-single { + text-align: center; + width: 265px; + padding: 0 15px; + margin-bottom: 30px; + .svg { + width: 160px; + height: 160px; + } + img { + display: inline-block; + + } + h4 { + margin: 20px 0; + } + p { + margin-bottom: 0; + } + } + } + &.author-rank { + padding: 100px 0 65px 0; + border-bottom: 1px solid $border-color; + } + &.community-badges { + padding: 90px 0 70px 0; + .author-badges { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + .badge-single { + width: 20%; + } + } + } + +} + +.badge-single { + svg.locked { + filter: grayscale(1); + opacity: 0.15; + } + .svg_wrapper { + position: relative; + span { + position: absolute; + font-size: 94px; + color: #696a75; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_btn.scss b/public/theme_assets/sass/component/_btn.scss new file mode 100644 index 0000000..aec1872 --- /dev/null +++ b/public/theme_assets/sass/component/_btn.scss @@ -0,0 +1,97 @@ +/* +This _btn.scss file contains all the different btn style used all across the site. +Any specific btn can be modified very easily from this file without +interfering any other css +*/ + +/***************************** + ---BUTTON +*****************************/ +.btn--round{ + border-radius: 100px; +} +.btn{ + margin: 0; + text-transform: capitalize; + font-size: 15px; + font-weight: 400; + display: inline-block; + transition: $transition; + position: relative; + line-height: 45px; + padding: 0 30px; + &:focus,&:active{ + color: #fff; + outline: 0; + } + &:hover{ + color: #fff; + } + &:hover:before{ + opacity: 0.07; + visibility: visible; + } + &.btn--round:hover:before{ + border-radius: 200px; + } +} +.btn.btn--white, .btn-light, .btn--light , +.btn.btn--white:hover, .btn-light:hover, .btn--light:hover { + background: #f9f9f9; + @extend .color-primary; +} +// btn default +.btn--default{ + line-height: 50px; +} +.btn-default{ + line-height: 50px; +} +// btn lg +.btn--lg, .btn-lg{ + line-height: 50px; + font-size: 16px; + padding: 0 40px; +} + +// btn md +.btn--md, .btn-md{ + line-height: 45px; + padding: 0 30px; +} +.btn--xs{ + line-height: 36px; + font-size: 14px; + padding: 0 12px; + +} +.btn--fullwidth{ + width: 100%; +} + +// btn sm +.btn--sm, .btn-sm{ + line-height: 40px; + padding: 0 20px; +} + +// +.btn--icon{ + span{ + margin-right: 5px; + line-height: inherit; + display: inline-block; + } +} + +.btn--faq{ + min-width: 140px; +} + +.search-btn{ + min-width: 223px; + border: 0; + border-radius: 4px; + transition: $transition-base; +} + diff --git a/public/theme_assets/sass/component/_cards.scss b/public/theme_assets/sass/component/_cards.scss new file mode 100644 index 0000000..5bc6875 --- /dev/null +++ b/public/theme_assets/sass/component/_cards.scss @@ -0,0 +1,126 @@ +/*************************************** + START CARD AREA +****************************************/ +/* card style1 */ +.card_style1{ + @extend .cardify; + margin-bottom: 30px; + .card_style1__info{ + img{ + width: 100%; + border-radius: 6px 6px 0 0; + } + .date_place{ + li{ + margin-bottom: 10px; + &:last-child{ + margin-bottom: 0; + } + span{ + @extend .color-primary; + display: inline-block; + font-size: 20px; + } + span,p{ + @include vertically_middle; + } + p{ + display: inline-block; + font-weight: 400; + font-size: 16px; + margin-left: 13px; + margin-bottom: 0; + } + } + } + figcaption{ + border-radius: 0 0 6px 6px; + padding: 22px 30px 28px; + a:hover{ + h3, h4{ + @extend .color-primary; + } + } + h4{ + transition: 0.3s; + line-height: 30px; + margin-bottom: 17px; + } + } + } +} + +/* card style 2 */ +.card_style2{ + @extend .cardify; + padding: 40px 50px 40px 40px; + margin-bottom: 30px; + position: relative; + .card_style2__title{ + color: #000; + margin-bottom: 25px; + line-height: 30px; + } + .card_style2__location_type{ + margin-bottom: 20px; + p,.type{ + display: inline-block; + margin-bottom: 0; + } + p{ + color: #5a6671; + font-size: 16px; + line-height: 30px; + margin-right: 17px; + span{ + @extend .color-primary; + font-size: 20px; + margin-right: 8px; + vertical-align: -3px; + } + } + .type{ + color: #fff; + line-height: 28px; + font-weight: 400; + border-radius: 3px; + padding: 0 15px; + font-size: 12px; + } + } + a{ + font-size: 16px; + line-height: 30px; + @extend .color-primary; + font-weight: 400; + display:flex; + align-items: center; + span{ + padding-left: 7px; + } + } + .save_job{ + position: absolute; + right: 40px; + top: 46px; + width: 32px; + height: 32px; + border-radius: 50%; + background: transparentize($primary, 0.9); + text-align: center; + padding-top: 6px; + transition: $transition; + span{ + cursor: pointer; + font-size: 14px; + @extend .color-primary; + transition: $transition; + } + &:hover{ + background: transparentize($secondary, 0.9); + span{ + @extend .color-secondary; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_datepicker.scss b/public/theme_assets/sass/component/_datepicker.scss new file mode 100644 index 0000000..3bcf8e2 --- /dev/null +++ b/public/theme_assets/sass/component/_datepicker.scss @@ -0,0 +1,81 @@ +/* +this file contains the style for datepicker component +*/ + +/***************************** + --- DATE PICKER +*****************************/ +div#ui-datepicker-div{ + background: #fff; + box-shadow: 0 5px 40px transparentize(#52555a, .8); + .ui-datepicker-title{ + font-size: 18px; + color: #fff; + font-weight: 500; + } + .ui-datepicker-header{ + @extend .bg-primary; + color: #fff; + padding:6px 0; + } + .ui-datepicker-prev{ + left: 10px; + &:before{ + content: '\e875'; + } + } + .ui-datepicker-next{ + text-align: right; + right: 10px; + &:before{ + content: "\e876"; + } + } + .ui-datepicker-prev, + .ui-datepicker-next{ + cursor: pointer; + top: 46%; + transform: translateY(-50%); + &.ui-datepicker-prev-hover, &.ui-datepicker-next-hover{ + top: 46%; + transform: translateY(-50%); + } + &:before{ + font-family: 'Linearicons-Free', sans-serif; + color: #fff; + line-height: 30px; + } + } + + table{ + margin: 0; + } + thead{ + tr{ + th{ + span{ + color: $text-color; + } + } + } + } + tbody{ + tr{ + border-top: 1px solid $border-color; + td+td{ + border-left: 1px solid $border-color; + } + td{ + a{ + color: #54667a; + margin: 0; + text-align: center; + &:hover{ + background: transparentize($info, .8); + @extend .color-primary; + } + } + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_dropDown.scss b/public/theme_assets/sass/component/_dropDown.scss new file mode 100644 index 0000000..27c7d58 --- /dev/null +++ b/public/theme_assets/sass/component/_dropDown.scss @@ -0,0 +1,483 @@ +/***************************** + --- DROPDOWN +*****************************/ +.dropdown{ + position: absolute; + min-width: 271px; + background: #fff; + padding: 19px 30px; + z-index: 3; + visibility: hidden; + opacity: 0; + transition: $transition; + border-radius: 0 0 4px 4px; + box-shadow: 0 0 40px transparentize(#52555a, .8); + &.active{ + opacity: 1; + visibility: visible; + } + li{ + a { + font-size: 15px; + line-height: 32px; + display: block; + color: #747b86; + &:hover{ + @extend .color-primary; + } + span{ + float: right; + } + } + } + &:before{ + content: ''; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #fff; + bottom: 100%; + } + + /* messaginf page dropdown modifier */ + &.messaging_dropdown{ + li{ + a{ + color: #54667a; + span{ + float: none; + padding-right: 10px; + } + &:hover{ + @extend .color-primary; + } + } + } + } +} + +.dropdown{ + &.notification--dropdown{ + width: 370px; + padding: 0; + right: -30px; + &:before{ + bottom: 100%; + right: 25px; + } + .notifications_module{ + .notification{ + padding: 15px 20px 10px; + display: flex; + align-items: center; + justify-content: space-between; + .notification__info{ + .info_avatar{ + margin-right: 12px; + width: 40px; + vertical-align: top; + height: 40px; + } + .info{ + .time{ + margin-top: 0; + } + width: calc(100% - 57px); + p{ + a{ + display: block; + } + } + } + } + .notification__icons{ + .noti_icon{ + margin-right: 0; + line-height: 30px; + width: 30px; + font-size: 15px; + } + } + } + } + } + + &.messaging--dropdown{ + padding: 0; + width: 370px; + right: -25px; + &:before{ + right: 20px; + bottom: 100%; + } + .message{ + padding: 15px 20px; + border-bottom: 1px solid $border-color; + display: flex; + align-items: center; + flex-wrap: wrap; + .message__actions_avatar{ + .avatar{ + height: 40px; + width: 40px; + img{ + width: 100%; + border-radius: 50%; + } + } + } + .message_data{ + flex: 2; + .name_time{ + margin-left: 13px; + .name{ + float: left; + p{ + display: inline-block; + margin-bottom: 0; + font-weight: 400; + color: #333333; + } + span{ + display: inline; + vertical-align: top; + font-size: 15px; + @extend .color-primary; + margin-left: 5px; + } + } + .time{ + float: right; + font-size: 14px; + } + p{ + clear: both; + display: block; + margin: 0; + font-size: 14px; + } + } + } + &.recent{ + .time{ + @extend .color-primary; + } + } + } + } + + &.dropdown--author{ + padding: 0; + right: 0; + border: 0 none; + &:before{ + right: 30px; + } + ul{ + padding: 20px; + li{ + a{ + color: #54667a; + display: block; + font-size: 15px; + border-radius: 4px; + padding:0 10px; + line-height: 40px; + transition: $transition; + &:hover{ + @extend .bg-primary; + color: #fff; + } + span{ + float: none; + margin-right: 15px; + } + } + } + } + .author-credits{ + align-items: center; + padding: 20px; + border-bottom: 1px solid $border-color; + .author__avatar{ + margin-right: 12px; + img{ + max-width: 44px; + } + } + .autor__info{ + p{ + margin: 0; + line-height: inherit; + } + .name{ + color: $title-color; + font-weight: 400; + } + .amount{ + @extend .color-secondary; + font-weight: 500; + font-size: 15px; + } + } + } + } + + &.dropdown--cart{ + width: 400px; + padding: 0; + right: -30px; + &:before{ + right: 20px; + } + .cart_area{ + .cart_product{ + padding: 20px 25px; + border-bottom: 1px solid $border-color; + display: flex; + justify-content: space-between; + .product__info{ + display: flex; + align-items: center; + .thumbn{ + width: 70px; + } + .info{ + width: calc(100% - 87px); + padding-left: 15px; + .title{ + font-weight: 400; + line-height: 20px; + color: #000; + margin-bottom: 5px; + display: inline-block; + font-size: 14px; + &:hover{ + @extend .color-secondary; + } + } + .cat{ + a{ + @extend .color-secondary; + font-size: 14px; + img{ + display: inline-block; + padding-right: 5px; + } + } + } + } + } + + .product__action{ + text-align: center; + a:hover{ + span{ + color: #fff; + @extend .bg-danger; + } + } + span{ + width: 30px; + line-height: 30px; + text-align: center; + font-size: 15px; + display: inline-block; + @extend .color-primary; + background: transparentize($primary, .9); + border-radius: 50%; + } + p{ + background: transparentize($primary, 0.9); + @extend .color-primary; + line-height: 30px; + padding: 0 10px; + margin-bottom: 0; + border-radius: 200px; + margin-top: 10px; + font-weight: 400; + } + } + } + .total{ + text-align: right; + padding: 15px 25px 0; + p{ + font-weight: 400; + color: #000; + font-size: 18px; + margin-bottom: 0; + span{ + margin-right: 30px; + } + } + } + .cart_action{ + padding: 20px 15px; + display: flex; + a{ + margin: 0 5px; + flex: 1; + } + } + } + } + + .notification:hover, .message:hover{ + background: transparentize($primary, 0.95); + } + + .dropdown_module_header{ + overflow: hidden; + padding: 20px 25px; + border-bottom: 1px solid $border-color; + h4{ + float: left; + } + a{ + float: right; + } + } + + /* dropdown menu */ + &.dropdown--menu{ + padding: 20px; + ul{ + li{ + padding: 0; + margin: 0; + display: block; + a{ + padding: 0 10px; + text-transform:capitalize; + font-weight: 400; + color: #54667a; + line-height: 44px; + border-radius: 3px; + transition: 0.2s; + &:hover{ + @extend .color-primary; + } + } + } + } + } +} +.has_dropdown{ + position: relative; + .btn{ + &:focus{ + color: #fff; + @extend .bg-primary; + } + } +} +.has_megamenu{ + position: static!important; + &:hover{ + .dropdown_megamenu{ + visibility: visible; + opacity: 1; + top: 100%; + } + } + .dropdown_megamenu{ + background: #fff; + transition: $transition; + left: 0; + position: absolute; + width: 1110px; + visibility: hidden; + opacity: 0; + top: calc(100% + 20px); + padding: 20px; + z-index: 222; + box-shadow: 0 5px 40px transparentize(#52555a, .8); + border-radius: 0 0 4px 4px; + &.contained{ + width: 600px; + } + } +} +.megamnu_module{ + &+.megamnu_module{ + margin-left: 40px; + } + .menu_items{ + overflow: hidden; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .menu_column{ + flex: 1; + .title{ + font-weight: 500; + font-size: 17px; + padding: 10px 10px 15px; + color: #000; + display: inline-block; + } + &+ul{ + margin-left: 20px; + } + li{ + position: relative; + a{ + color: #54667a; + font-size: 15px; + line-height: 36px; + padding: 0 10px; + display: block; + border-radius: 4px; + transition: $transition-base; + &:hover{ + @extend .color-primary; + } + } + &.has_badge{ + display: inline-block; + } + } + } + } +} +.custom_dropdown{ + padding: 19px 30px; + min-width: 271px; + box-shadow: 0 5px 40px rgba(82,85,90,.2); + border: 0; + @extend .b-top-1-primary; + border-radius: 0; + position: relative; + top: 10px !important; + &:before{ + content: ''; + position: absolute; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid #5867dd; + bottom: 100%; + } + li{ + a{ + font-size: 15px; + line-height: 32px; + display: block; + color: #747b86; + span{ + padding-right: 10px; + } + &:hover{ + @extend .color-primary; + } + } + } + &.custom_drop2{ + li a{ + span{ + float: right; + padding-right: 0; + } + } + } +} diff --git a/public/theme_assets/sass/component/_features.scss b/public/theme_assets/sass/component/_features.scss new file mode 100644 index 0000000..28e9ed8 --- /dev/null +++ b/public/theme_assets/sass/component/_features.scss @@ -0,0 +1,75 @@ +/***************************** + START FEATURE AREA CSS +*****************************/ +.feature_title{ + border-bottom: 1px solid $border-color; + padding-bottom: 20px; +} +/*--- feature 1 ---*/ +.feature{ + text-align: center; + padding: 40px 30px; + .feature__title{ + padding-top: 30px; + padding-bottom: 24px; + } + &:hover{ + box-shadow: 0 2px 50px rgba(0,0,0,0.08); + transition: $transition; + } +} + +/*--- feature 2 ---*/ +.feature2{ + box-shadow: 0 2px 50px transparentize(#000,.92); + position: relative; + margin-bottom: 30px; + background: #fff; + height: 360px; + display: table; + .feature2__count{ + font-size: 48px; + position: absolute; + color: transparentize(#5c87f8, .8); + left: 18px; + top: 4px; + } + .feature2__content{ + text-align: center; + padding: 50px 30px 48px; + span.lnr{ + font-size: 60px; + } + h3{ + padding: 38px 0 25px; + } + p{ + margin: 0; + } + } +} + +/*--- feature 2 ---*/ +.single_feature{ + margin-bottom: 50px; + display:flex; + flex-wrap: wrap; + .feature__icon{ + margin-top: 10px; + span{ + font-size: 48px; + @extend .color-primary; + } + } + .feature__content{ + padding-left: 33px; + flex: 2; + h3 { + line-height: 40px; + } + p{ + line-height: 30px; + margin: 0; + } + } +} diff --git a/public/theme_assets/sass/component/_forms.scss b/public/theme_assets/sass/component/_forms.scss new file mode 100644 index 0000000..86757c4 --- /dev/null +++ b/public/theme_assets/sass/component/_forms.scss @@ -0,0 +1,544 @@ +input[type=date], +input[type=datetime-local], +input[type=email], +input[type=number], +input[type=password], +input[type=search-md], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +textarea, +select{ + box-sizing: border-box; + box-shadow: none; + outline: none; + width: 100%; + padding: 0 20px; +} +select.text_field{ + -webkit-appearance: none; + -moz-appearance: none; +} +input, input.form-control, +select, select.form-control, .form-control, textarea{ + height: 50px; + border: 1px solid $border-color; + border-radius: 3px; + color: #747b86; + font-size: 16px; + transition: 0.3s ease; + &:focus, &:active{ + @extend .b-1-primary; + } +} +input[type="radio"], input[type="checkbox"]{ + height: auto; +} +.select-wrap select{ + &:focus, &:active{ + border: 1px solid $border-color !important; + } +} + +label{ + font-weight: 400; + font-size: 16px; + line-height: 26px; + text-transform: capitalize; + margin-bottom: 10px; + color: #000; + span{ + font-weight: 400; + font-size: 15px; + color: #555; + } + sup{ + @extend .color-danger; + } +} +select[multiple]{ + height: 80px; +} +select:focus{ + outline: 0; + @extend .b-primary; +} +.select--field{ + height: 55px; + border: 1px solid #dcdcdc; +} +.text_field { + line-height: 50px; + border: 1px solid $border-color; + color: $text-color2; + font-weight: 300; +} +textarea, textarea.text_field, textarea.form-control{ + line-height: 25px; + padding-top: 15px; + border: 1px solid $border-color; + min-height: 180px; + resize: none; + color: $text-color2; + border-radius: 3px; + transition: $transition-base; +} +.form-control{ + &:focus{ + box-shadow: none; + } +} +.form-group{ + margin-bottom: 20px; + p{ + font-size: 14px; + margin-top: 10px; + margin-bottom: 0; + color: #898f96; + span{ + font-weight: 400; + color: #000; + } + } + p.label{ + @extend label; + margin-top: 0; + clear: right; + padding: 0; + } +} +.form-control-lg { + height: calc(3.533rem + 2px) !important; + font-size: 1.25rem !important; +} +.form-control-sm { + height: calc(1.8125rem + 2px) !important; + font-size: 0.875rem !important; +} + +//Search form +.search-form{ + position: relative; + margin-right: 15px; + input{ + transition: 0.3s ease; + padding: 0 70px 0 20px; + border: 0 none; + visibility: hidden; + opacity: 0; + width: 0; + &:focus{ + border: 0 none; + background: #f9f9f9; + } + } + button{ + position: absolute; + width: 50px; + height: 100%; + right: 0; + top: 0; + cursor: pointer; + color: #8991a5; + background: none; + border: 0 none; + font-size: 16px; + } + &.active{ + input{ + width: 350px; + visibility: visible; + opacity: 1; + } + } +} + +//toggle btn +.toggle-switch{ + position:relative; + display: inline-block; + width: 100%; + input{ + display: none; + } + .slider{ + position: absolute; + top:10px; + right: 0; + bottom: 0; + left:0; + background-color: #cbd0e3; + transition: $transition-base; + cursor: pointer; + width: 54px; + height: 26px; + &:before{ + position: absolute; + content: ""; + height: 20px; + width: 20px; + left: 3px; + bottom: 3px; + background-color: #fff; + transition: $transition-base; + } + } + + input:checked + .slider { + background-color: $primary; + &:before{ + transform: translateX(28px); + } + } + + input:focus + .slider { + box-shadow: 0 0 1px #2196F3; + } + + .slider.round { + border-radius: 25px; + &:before{ + border-radius: 50%; + } + } +} + +#tags{ + min-height: 80px; +} + +// select 2 customization +.select2-container{ + width: 100% !important; +} + +.select2-container .select2-selection--multiple .select2-selection__rendered{ + display: block; + width: 100% !important; +} +.select2-container--default .select2-selection--multiple .select2-selection__choice{ + margin: 3px 5px 0 0; + @extend .bg-primary; + border: 0; + color: #fff; + padding: 0 20px 0 10px; + line-height: 30px; + position: relative; + font-size: 14px; +} +.select2-container .select2-selection--multiple .select2-search input{ + height: auto; + line-height: 32px !important; +} +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { + color: #fff; + font-weight: 400; + margin-right: 0; + position: absolute; + right: 5px; +} + +/* Input with icons */ +.input_with_icon{ + position: relative; + max-width: 158px; + span{ + position: absolute; + right: 20px; + top: 50%; + color: #747b86; + transform:translateY(-50%) + } +} +.custom-checkbox{ + .custom-control-label{ + color: $text-color; + padding-left: 5px; + &:focus{ + outline: 0; + } + &:checked{ + &:before, &:after{ + &:focus, &:active{ + outline: 0; + border: 0 none; + box-shadow: none; + } + } + } + } +} + +// custom radio button +.custom-checkbox2{ + input[type='checkbox']{ + display: none; + &:checked + label span:before{ + opacity: 1; + visibility: visible; + transform: scale(1); + } + } + label{ + font-size: 15px; + font-weight: 400; + margin: 0; + line-height: 36px; + cursor: pointer; + text-transform: none; + color: $text-color2; + span.square{ + height: 15px; + margin-right: 12px; + vertical-align: middle; + width: 15px; + background: #f6f7fa; + display: inline-block; + border: 1px solid #e6e9ed; + border-radius: 1px; + position: relative; + &:before{ + content: '\f00c'; + font-family: 'FontAwesome',sans-serif; + position: absolute; + height: 15px; + width: 15px; + text-align: center; + font-size: 9px; + bottom: -1px; + transition: 0.2s; + left: -1px; + opacity: 0; + transform: scale(0.5); + border-radius: 1px; + @extend .bg-primary; + color: #fff; + line-height: 16px; + } + } + } +} +.custom-radio{ + @extend .custom-checkbox2; + input[type='radio']{ + display: none; + &:checked + label span:before{ + opacity: 1; + visibility: visible; + transform: scale(1); + } + } + label{ + font-size: 15px; + font-weight: 400; + margin: 0; + line-height: 36px; + cursor: pointer; + text-transform: none; + span.circle{ + height: 20px; + margin-right: 12px; + vertical-align: middle; + width: 20px; + background: #fff; + display: inline-block; + border: 4px solid #e6e9ed; + border-radius: 50%; + position: relative; + &:before{ + content: '\f00c'; + font-family: 'FontAwesome',sans-serif; + position: absolute; + height: 20px; + width: 20px; + text-align: center; + font-size: 12px; + bottom: -4px; + transition: 0.2s; + left: -4px; + opacity: 0; + transform: scale(0.5); + border-radius: 50%; + @extend .bg-primary; + color: #fff; + line-height: 20px; + } + } + } + &.custom_radio--big{ + span.circle{ + height: 30px; + width: 30px; + border-width: 5px; + &:before{ + width: 30px; + height: 30px; + font-size: 16px; + line-height: 30px; + border-width: 5px; + } + } + } +} + +.radio-group{ + .label{ + display: block; + text-align: left; + } + .custom-radio{ + display: inline-block; + } + .custom-radio+.custom-radio{ + margin-left: 30px; + } +} + +.pricing-options2{ + .custom-radio{ + span.circle{ + &:before{ + @extend .bg-secondary; + } + } + } +} + +/* custom checkbox area css*/ +.custom_checkbox{ + position: relative; + margin-top: 10px; + input[type='checkbox']{ + display: none; + &:checked + label .shadow_checkbox{ + border: transparent; + &:before{ + visibility: visible; + } + } + } + label{ + margin-bottom: 0; + .label_text{ + font-weight: 400; + color: #555; + display: inline-block; + vertical-align: middle; + margin-left: 11px; + } + .shadow_checkbox{ + height: 18px; + width: 18px; + top: 0; + border: 1px solid #d3d3d3; + display: inline-block; + vertical-align: middle; + position: relative; + border-radius: 2px; + &:before{ + position: absolute; + height:100%; + width: 100%; + top: 0; + content: '\f00c'; + font-size: 12px; + visibility: hidden; + text-align: center; + color: #fff; + line-height: 18px; + font-family: FontAwesome, sans-serif; + @extend .bg-primary; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + } + } + } +} +/* custom upload field */ +.custom_upload{ + p{ + font-weight: 500; + font-size: 16px; + color: #000; + margin-bottom: 12px; + span{ + font-size: 15px; + line-height: 26px; + font-weight: 400; + color: #555; + } + } + input[type='file']{ + display: none; + } +} + +// input group +.input-group{ + .input-group-addon{ + background: none; + border: none; + font-size: 18px; + color: #555; + padding-left: 0; + } +} + +// Select Wrap +.select-wrap { + position: relative; + select { + border: 1px solid $border-color; + padding: 0 40px 0 20px; + border-radius: 4px; + -moz-appearance: none; + -webkit-appearance: none; + font-size: 16px; + color: $text-color2; + cursor: pointer; + height: 50px; + } + span { + font-size: 10px; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 18px; + } + &.select-wrap2 { + select { + border: 1px solid $border-color !important; + border-radius: 3px; + } + select[multiple] { + height: 80px; + } + span { + font-size: 12px; + color: #747a86; + } + } +} + +//subscribe forms +.subscribe-form{ + .form-group { + display: flex; + justify-content: center; + margin-bottom: 0; + input { + border-radius: 3px 0 0 3px; + height: 55px; + &::placeholder { + color: #b8bece; + opacity: 1; + } + } + .btn { + border-radius: 0 3px 3px 0; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_modal.scss b/public/theme_assets/sass/component/_modal.scss new file mode 100644 index 0000000..7026ab7 --- /dev/null +++ b/public/theme_assets/sass/component/_modal.scss @@ -0,0 +1,89 @@ +/* +this page contains style for modal +*/ + +/***************************** + --- MODAL +*****************************/ +.modal{ + .modal-header{ + padding: 23px 30px 30px; + display: block; + p{ + margin: 0; + } + } + .modal-title{ + margin-bottom: 17px; + } + .modal-md{ + width: 750px; + } + .modal-body{ + padding: 30px; + } + .modal_close{ + @extend .bg-secondary; + line-height: 40px; + color: #fff; + margin-left: 10px; + padding: 0 36px; + } +} + +/*item removal modal */ +.item_removal { + .btns{ + text-align: center; + a{ + &+a{ + margin-left: 20px; + } + } + } + .modal-body{ + text-align: center; + padding: 50px 30px; + h4{ + margin-bottom: 40px; + font-size: 24px; + } + } + + .modal-dialog{ + top: 33%; + } +} + +/* author contact */ +.author-contact{ + .modal-title{ + margin: 0; + } + .modal-body{ + padding: 30px 30px 0; + } + .modal-footer{ + border-top: 0; + padding: 14px 30px 30px; + justify-content: flex-start; + } +} + +/* video modal css */ +.video_modal{ + .modal-content{ + iframe{ + width: 600px; + height: 450px; + } + } +} +#myModal.modal.fade .modal-dialog { + top: 50%; + left: 50%; + position: absolute; + -webkit-transform: translate(-50%, -60%); + -ms-transform: translate(-50%, -60%); + transform: translate(-50%, -60%); +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_pagination.scss b/public/theme_assets/sass/component/_pagination.scss new file mode 100644 index 0000000..99fec9c --- /dev/null +++ b/public/theme_assets/sass/component/_pagination.scss @@ -0,0 +1,49 @@ +/* +this file contains for different pagination style +*/ + +/***************************** + --- PAGINATION +*****************************/ +.pagination-default { + margin-top: 30px; +} + +.comments-pagination { + margin-bottom: 30px; +} + +.pagination { + border-radius: 3px; + justify-content: center; + flex-wrap: wrap; + li { + @include xxs{ + margin-top: 5px; + margin-bottom: 5px; + } + &:first-child, &:last-child { + a { + width: auto; + } + } + &:last-child { + margin-right: 0; + } + a { + display: block; + min-width: 42px; + min-height: 42px; + color: $text-color2; + padding-top: 10px; + text-align: center; + border: 1px solid $border-color; + } + &.active { + a { + @extend .bg-secondary; + color: #fff; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_pricing.scss b/public/theme_assets/sass/component/_pricing.scss new file mode 100644 index 0000000..e674e34 --- /dev/null +++ b/public/theme_assets/sass/component/_pricing.scss @@ -0,0 +1,81 @@ +/* +this file contain the style for pricing components +*/ +/***************************** + --- PRICING +*****************************/ +.pricing-wrapper{ + display: flex; +} +.package-single{ + margin-top: 50px; + margin-right: -1px; + margin-bottom: 30px; + padding: 26px 30px 30px; + border: 1px solid $border-color; + flex: 1; + position: relative; + .package-header{ + text-align: center; + .amount{ + padding: 10px 0 25px 0; + border-bottom: 1px solid $border-color; + margin-bottom: 30px; + span{ + font-size: 40px; + font-weight: 500; + display: block; + @extend .color-secondary; + } + } + } + .package-body{ + ul{ + li{ + margin-bottom: 13px; + padding-left: 25px; + position: relative; + color: #7a82a6; + &:last-child{ + margin-bottom: 0; + } + &:before{ + position: absolute; + font-size: 16px; + font-family: "FontAwesome"; + left: 0; + top: -1px; + } + &.yes{ + &:before{ + content: "\f05d"; + @extend .color-secondary; + } + } + &.no{ + &:before{ + content: "\f05c"; + @extend .color-danger; + } + } + } + } + .btn{ + margin-top: 20px; + } + } + &.featured-plan{ + .featured-badge{ + position: absolute; + height: 50px; + @extend .bg-primary; + width: 100%; + left:0; + top: -50px; + display: flex; + align-items: center; + justify-content: center; + color: #fff; + } + } +} diff --git a/public/theme_assets/sass/component/_progressbar.scss b/public/theme_assets/sass/component/_progressbar.scss new file mode 100644 index 0000000..eacdda4 --- /dev/null +++ b/public/theme_assets/sass/component/_progressbar.scss @@ -0,0 +1,57 @@ +/* +this file contains the styles for the progressbar components +*/ +/***************************** + -- PROGRESSBAR +*****************************/ +.progress{ + background: #eff1f5; + box-shadow: none; + .progress-bar{ + border-radius: 200px; + } +} +.progress-single{ + position: relative; + margin-bottom: 35px; + &:last-child{ + margin-bottom: 0; + } + .progress_wrapper{ + padding-right: 70px; + .labels{ + p{ + margin-bottom: 10px; + font-size: 14px; + } + } + } + .upload_cross{ + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 40px; + height: 40px; + border-radius: 50%; + transition: $transition-base; + display: flex; + align-items: center; + justify-content: center; + span{ + .svg{ + width: 10px; + height: 10px; + fill: $danger; + transition: $transition-base; + } + } + &:hover{ + @extend .bg-danger; + cursor: pointer; + span .svg{ + fill: #fff; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_range-slider.scss b/public/theme_assets/sass/component/_range-slider.scss new file mode 100644 index 0000000..17c4f7a --- /dev/null +++ b/public/theme_assets/sass/component/_range-slider.scss @@ -0,0 +1,46 @@ +// range slider +.range-slider.ui-slider{ + height:6px; + background: #efedf3; + border-radius: 6px; + .ui-slider-range{ + @extend .bg-primary; + } + .ui-slider-handle{ + height: 18px; + width: 18px; + @extend .bg-secondary; + border-radius: 50px; + top: -6px; + z-index: 2; + &:focus{ + outline: 0; + } + &:before{ + content: ''; + position: absolute; + height: calc(100% - 8px); + width: calc(100% - 8px); + background: #fff; + left: 4px; + top: 4px; + z-index: -1; + border-radius: 50%; + } + } +} +.price-ranges{ + padding-top: 34px; + text-align: left; + span{ + line-height: 32px; + display: inline-block; + background: transparentize($primary, .9); + width: 80px; + @extend .color-primary; + text-align: center; + } +} +.search-update{ + margin-top:30px; +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_social.scss b/public/theme_assets/sass/component/_social.scss new file mode 100644 index 0000000..b1ca7f6 --- /dev/null +++ b/public/theme_assets/sass/component/_social.scss @@ -0,0 +1,114 @@ +/* +this file contains style for different social sharing option and icon style +*/ +/***************************** + -- SOCIAL +*****************************/ +.module--social{ + padding-bottom: 20px !important; +} +.social{ + display: inline-block; + ul li{ + display: inline-block; + margin: 0 4px 10px; + &:last-child{ + margin-bottom: 0; + } + a { + display: inline-block; + transition: .3s ease; + span{ + line-height: 40px; + width: 40px; + text-align: center; + } + &:hover{ + opacity: 0.8; + } + } + } +} +.author-social{ + ul li a span{ + width: remy(30px); + line-height: remy(30px); + font-size: remy(14px); + } +} +.social--color--filled{ + ul li a{ + color: #fff; + } + span{ + border-radius: 50%; + } + span.fa-facebook{ + background: #395799; + } + span.fa-twitter{ + background: #19b2f5; + } + span.fa-google-plus{ + background: #f05b44; + } + span.fa-pinterest{ + background: #9c0c1c; + } + span.fa-linkedin{ + background: #007bb5; + } + span.fa-dribbble{ + background: #ea4c89; + } + span.fa-instagram{ + background: #bc2a8d; + } + span.fa-vine{ + background: #1ab7ea; + } + span.fa-flickr{ + background: #ff0084; + } + span.fa-skype{ + background: #1ab7ea; + } + span.fa-tumblr{ + background: #2c4762; + } + span.fa-youtube{ + background: #dc0101; + } +} + +// single social area css goes here +.social_icon{ + display: inline-block; + span{ + display: inline-block; + line-height: 45px; + width: 45px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + text-align: center; + border-radius: 50%; + font-size: 16px; + color: #fff; + } + span.fa-facebook{ + background: #395799; + } + + span.fa-twitter{ + background: #19b2f5; + } + span.fa-google-plus{ + background: #f05b44; + } + span.fa-behance{ + background: #0057ff; + } + span.fa-dribbble{ + background: #ea4c89; + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/_table.scss b/public/theme_assets/sass/component/_table.scss new file mode 100644 index 0000000..b133177 --- /dev/null +++ b/public/theme_assets/sass/component/_table.scss @@ -0,0 +1,115 @@ +// this file contains the style for table component +/***************************** + -- TABLE +*****************************/ +/**/ +.table{ + margin-bottom: 0; + thead{ + >tr { + >th { + color: $title-color; + font-size: 16px; + font-weight: 500; + padding: 30px 0 30px 30px; + border: 0; + &:last-child{ + padding-right: 28px !important; + } + } + } + } + + tbody{ + >tr{ + border-bottom: 1px solid $border-color; + &:last-child{ + border-bottom: 0; + } + >td{ + padding: 20px 0 20px 28px; + font-size: 15px; + vertical-align: middle; + font-weight: 300; + color: #333; + &.author{ + color: $title-color; + font-weight: 400; + } + &.detail a{ + @extend .color-primary; + font-weight: 400; + } + &.type span{ + line-height: 24px; + border-radius: 3px; + display: inline-block; + padding: 0 15px; + color: #fff; + font-weight: 400; + font-size: 12px; + &.sale{ + @extend .bg-secondary; + } + &.purchase{ + @extend .bg-warning; + } + &.credited{ + @extend .bg-info; + } + &.withdrawal{ + @extend .bg-danger; + } + } + &.price{ + font-weight: 400; + } + &.earning{ + @extend .color-primary; + &.subtract{ + @extend .color-secondary; + } + font-weight: 400; + } + &.action { + padding: 0; + text-align: center; + a { + line-height: 34px; + padding: 0 15px; + display: inline-block; + margin-left: -4px; + text-transform: capitalize; + font-size: 15px; + font-weight: 400; + @extend .b-1-primary; + border-radius: 3px; + &:hover { + @extend .bg-primary; + color: #fff; + } + } + } + } + } + } + + &.withdraw__table{ + .pending > span, .paid > span{ + font-size: 15px; + line-height: 32px; + padding: 0 20px; + font-weight: 400; + display: inline-block; + border-radius: 3px; + } + .pending > span{ + @extend .bg-primary; + color: #fff; + } + .paid > span{ + @extend .bg-secondary; + color: #fff; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/component/components.scss b/public/theme_assets/sass/component/components.scss new file mode 100644 index 0000000..7401b1a --- /dev/null +++ b/public/theme_assets/sass/component/components.scss @@ -0,0 +1,19 @@ +@import "../mixins/functions"; +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +@import "accordion"; +@import "alerts"; +@import "btn"; +@import "cards"; +@import "datepicker"; +@import "dropDown"; +@import "features"; +@import "forms"; +@import "modal"; +@import "pagination"; +@import "pricing"; +@import "progressbar"; +@import "social"; +@import "table"; +@import "range-slider"; +@import "badges"; \ No newline at end of file diff --git a/public/theme_assets/sass/element/_breadcrumb.scss b/public/theme_assets/sass/element/_breadcrumb.scss new file mode 100644 index 0000000..8c90f5b --- /dev/null +++ b/public/theme_assets/sass/element/_breadcrumb.scss @@ -0,0 +1,106 @@ +/***************************** + --- BREADCRUMB +*****************************/ +.breadcrumb-area{ + padding-top: 57px!important; + padding-bottom: 57px; + @extend .bg-primary; + .breadcrumb-contents{ + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + } + .breadcrumb ul{ + display: block; + width: 100%; + } + .breadcrumb ul li a{ + line-height: initial; + } + .page-title{ + color: #fff; + font-weight: 500; + margin: 4px 0; + } + &.breadcrumb--center{ + text-align: center; + padding-top: 60px; + padding-bottom: 27px; + .page_title{ + padding-top: 30px; + padding-bottom: 47px; + h1{ + color: #fff; + line-height: 52px; + } + p{ + color: #f3f3f8; + font-size: 36px; + line-height: 52px; + font-weight: 500; + } + p.subtitle{ + font-size: 20px; + } + } + .breadcrumb{ + padding-bottom: 0; + } + } +} +.breadcrumb{ + padding: 0; + background: none; + margin: 14px 0; + ul li{ + display: inline-block; + &:after{ + content: '/'; + color: #fff; + padding: 0 7px; + } + a{ + font-size: 15px; + line-height: 70px; + color: #fff; + &:hover{ + @extend .color-secondary; + } + } + &:last-child{ + &:after{ + display: none; + } + } + &.active a{ + color: #bfcad7; + &:hover{ + @extend .color-secondary; + } + } + } +} + +.search--doc{ + margin-bottom: 30px; + .form-group{ + margin: 0; + position: relative; + input{ + border-radius: 3px; + } + button{ + position: absolute; + right: 0; + top: 0; + border-radius: 0 3px 3px 0; + height: 100%; + padding: 0 25px; + @extend .bg-secondary; + color: #fff; + border: 0 none; + cursor: pointer; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_content-block.scss b/public/theme_assets/sass/element/_content-block.scss new file mode 100644 index 0000000..bfd64f1 --- /dev/null +++ b/public/theme_assets/sass/element/_content-block.scss @@ -0,0 +1,77 @@ +/* +content blocks scss +*/ + +.content-block-page [class^="content_block"] { + margin-bottom: 50px !important; +} + +/*************************************** + START ABOUT AND MISSION AREA +****************************************/ +.content_block1 { + position: relative; + width: 100%; + padding: 100px 0; + .content_area { + .content_area--title { + line-height: 46px; + margin-bottom: 30px; + color: #000; + .highlight { + @extend .color-primary; + } + } + } + .content_image { + position: absolute; + right: 0; + height: 100%; + width: 50%; + top: 0; + } +} + +.content_block2 { + background: $bgcolor2; + padding: 100px 0; + @extend .content_block1; + .content_area2 { + @extend .content_area; + .content_area2--title { + @extend .content_area--title; + } + } + .content_image2 { + @extend .content_image; + left: 0; + } +} + +.content_block3, .content_block6 { + padding: 100px 0; + h2 { + line-height: 46px; + color: #000000; + padding-bottom: 30px; + } + p { + margin-bottom: 0; + } + .btn { + margin-top: 45px; + } +} + +.content_block4{ + @extend .content_block3; +} + +.content_block1, .content_block2, .content_block3, .content_block5{ + img{ + width: 100%; + } + p{ + margin-bottom: 0; + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_footer.scss b/public/theme_assets/sass/element/_footer.scss new file mode 100644 index 0000000..4d375bc --- /dev/null +++ b/public/theme_assets/sass/element/_footer.scss @@ -0,0 +1,148 @@ +/*************************************** + Start Footer Area +*****************************************/ +.footer-big { + padding: 100px 0 60px 0; + .footer-widget { + margin-bottom: 40px; + } +} + +.footer--light { + background: #e7e8ed; +} + +.footer-big { + p, ul li, .footer-menu ul li a { + color: $text-color2; + } + .footer-menu ul li a { + &:hover { + @extend .color-primary; + } + } +} + +.info-contact { + margin-top: 21px; + li { + font-size: 16px; + margin-bottom: 12px; + .info-icon, .info { + display: inline-block; + vertical-align: middle; + } + .info-icon { + color: #fff; + } + .info { + width: calc(100% - 30px); + padding-left: 8px; + } + } +} + +.info__logo { + margin-bottom: 25px; +} + +.footer-menu { + padding-left: 48px; + ul li { + a { + font-size: 15px; + line-height: 32px; + transition: $transition; + &:hover { + @extend .color-primary; + } + } + } +} + +.footer-menu--1 { + width: 100%; +} + +.footer-widget-title { + line-height: 42px; + margin-bottom: 10px; +} + +// newsetter area +.field-wrapper { + position: relative; + margin-top: 32px; + margin-bottom: 48px; + .relative-field { + line-height: 50px; + height: 50px; + } + .btn { + position: absolute; + right: 0; + height: 100%; + padding: 0 30px; + top: 0; + } +} + +// mini footer area css +.mini-footer { + background: #192027; + text-align: center; + padding: 32px 0; + p { + margin: 0; + line-height: 26px; + font-size: 15px; + color: #999; + a { + @extend .color-primary; + &:hover { + @extend .color-secondary; + } + } + } +} + +.mini-footer2 { + text-align: left; + .copyright-text { + padding-top: 8px; + } + .social { + text-align: right; + width: 100%; + } +} + +//Widget About +.widget-about { + img { + display: block; + margin-bottom: 30px; + width: auto; + } + p { + font-weight: 400; + } + .contact-details { + margin: 30px 0 0 0; + li { + margin-bottom: 10px; + &:last-child { + margin-bottom: 0; + } + span { + padding-right: 12px; + } + a { + @extend .color-primary; + &:hover { + @extend .color-secondary; + } + } + } + } +} diff --git a/public/theme_assets/sass/element/_forum.scss b/public/theme_assets/sass/element/_forum.scss new file mode 100644 index 0000000..0d56e0d --- /dev/null +++ b/public/theme_assets/sass/element/_forum.scss @@ -0,0 +1,334 @@ +/*************************************** + START SUPPORT AREA CSS +****************************************/ +.thread_sort_area { + margin-bottom: 30px; + @extend .cardify; +} +.dwqa-container { + .dwqa-questions-archive { + form.dwqa-search { + position: relative; + margin-bottom: 30px; + &:before { + position: absolute; + content: "\f002"; + right: 17px; + top: 14px; + font-family: "FontAwesome"; + } + input { + border-radius: 3px; + padding-right:40px ; + } + } + .dwqa-question-filter { + display: flex; + align-items: center; + border: 1px solid $border-color; + padding: 25px; + width: 100%; + border-radius: 3px 3px 0 0; + & > span { + padding-right: 15px; + } + a { + padding: 0 15px 0 0; + color: $text-color2; + font-weight: 500; + &.active { + @extend .color-primary; + } + &:hover { + @extend .color-primary; + } + } + select#dwqa-sort-by { + width: auto; + height: 45px; + border: 1px solid $border-color; + border-radius: 3px; + color: $text-color2; + margin-left: auto + } + } + .dwqa-questions-list { + border-right: 1px solid $border-color; + border-bottom: 1px solid $border-color; + border-left: 1px solid $border-color; + border-radius: 0 0 3px 3px; + .dwqa-question-item { + padding: 30px 30px 30px 90px; + border-bottom: 1px solid $border-color; + position: relative; + &:last-child { + border-bottom: 0; + } + } + .dwqa-question-title { + margin-bottom: 15px; + a { + font-size: 16px; + color: $title-color; + &:hover { + @extend .color-primary; + } + } + } + .dwqa-question-meta { + span.dwqa-status { + position: absolute; + left: 26px; + top: 50px; + text-indent: -9999px; + border: 1px solid $border-color; + width: 40px; + height: 40px; + border-radius: 50%; + &:before { + position: absolute; + left: 50%; + top: 50%; + font-family: "FontAwesome"; + font-size: 16px; + text-indent: initial; + transform: translate(-50%, -50%); + } + &.dwqa-status-open { + @extend .b-danger; + &:before { + content: "\f128"; + @extend .color-danger; + } + } + &.dwqa-status-closed { + border-color: $text-color2; + &:before { + content: "\f023"; + color: $text-color2; + } + } + &.dwqa-status-answered { + border-color: $primary; + &:before { + content: "\f112"; + @extend .color-primary; + } + } + &.dwqa-status-resolved { + @extend .b-secondary; + &:before { + content: "\f00c"; + @extend .color-secondary; + } + } + + } + span { + color: $text-color2; + img { + display: inline-block; + padding-right: 10px; + } + } + } + .dwqa-question-stats { + position: absolute; + right: 25px; + top: 50%; + transform: translateY(-50%); + span.dwqa-views-count, span.dwqa-answers-count, span.dwqa-votes-count { + display: inline-block; + padding: 10px; + border: 1px solid $border-color; + text-align: center; + color: $text-color2; + margin-right: 10px; + strong { + display: block; + font-size: 16px; + font-weight: 400; + color: $title-color; + } + } + span.dwqa-votes-count { + margin-right: 0; + } + } + } + .dwqa-questions-footer { + padding: 30px; + border-right: 1px solid $border-color; + border-bottom: 1px solid $border-color; + border-left: 1px solid $border-color; + border-radius: 0 0 3px 3px; + .dwqa-pagination { + border: 1px solid $border-color; + border-radius: 3px; + display: inline-block; + @include xs{ + border: none; + margin: -2.50px; + .dwqa-page-numbers{ + margin: 2.50px; + border: 1px solid $border-color; + border-right:1px solid $border-color !important; + } + } + a, span { + display: inline-block; + padding: 10px 15px; + border-right: 1px solid $border-color; + color: $text-color2; + &:last-child { + border-right: 0; + } + &.dwqa-current { + @extend .bg-secondary; + color: #fff; + } + } + } + } + } +} + +.question-form { + padding: 30px; + border: 1px solid $border-color; + border-radius: 3px; + .form-group { + margin-bottom: 25px; + &:last-child { + margin-bottom: 0; + } + .trumbowyg-box { + margin-top: 0; + } + .attachments { + label { + display: block; + &:last-child { + border: 1px solid $border-color; + line-height: 55px; + padding: 0 20px; + text-align: center; + cursor: pointer; + span { + color: $text-color2; + } + } + } + } + } +} + +/*************************************** + START SUPPORT DETAILS AREA CSS +****************************************/ +.support_details_area { + padding: 100px 0; + .dwqa-container { + border-radius: 3px; + .dwqa-single-question { + .dwqa-breadcrumbs { + padding: 30px; + border: 1px solid $border-color; + span.dwqa-sep { + display: inline-block; + padding: 0 5px; + } + } + } + .dwqa-question-item, .dwqa-answer-item { + padding: 30px 30px 30px 90px; + position: relative; + border: 1px solid $border-color; + .dwqa-question-content { + p { + margin-bottom: 0; + } + } + .dwqa-question-vote, .dwqa-answer-vote { + position: absolute; + left: 25px; + top: 90px; + .dwqa-vote-count { + width: 32px; + text-align: center; + top: 14px; + position: absolute; + display: block; + height: 32px; + line-height: 32px; + } + .dwqa-vote { + display: block; + width: 0; + height: 0; + border: 13px solid transparent !important; + border-bottom-color: #ddd !important; + text-indent: -9999px; + top: -10px; + position: absolute; + text-decoration: none !important; + box-shadow: none !important; + left: 3px; + } + .dwqa-vote-down { + border: 13px solid transparent !important; + border-bottom-color: transparent !important; + border-top-color: #ddd !important; + top: auto; + bottom: -70px; + } + } + .dwqa-question-meta, .dwqa-answer-meta { + a img { + border-radius: 50%; + } + .avatar { + position: absolute; + left: 17px; + top: 30px; + } + span { + display: block; + margin-bottom: 20px; + color: $text-color2; + span.dwqa-label { + display: inline-block; + margin: 0 10px; + @extend .bg-secondary; + color: #fff; + padding: 0 5px; + border-radius: 3px; + } + } + } + .dwqa-answer-content { + p { + margin-bottom: 0; + } + } + } + .dwqa-question-item { + border-top: 0; + } + .dwqa-answer-item { + border-top: 0; + &:last-child { + border-bottom: 1px solid $border-color; + } + } + .dwqa-answers { + margin-top: 50px; + } + .dwqa-answers, .dwqa-answer-content { + .dwqa-answers-title { + padding: 20px 30px; + border: 1px solid $border-color; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_menu.scss b/public/theme_assets/sass/element/_menu.scss new file mode 100644 index 0000000..460acaf --- /dev/null +++ b/public/theme_assets/sass/element/_menu.scss @@ -0,0 +1,544 @@ +/* +This scss file contains the necessary style for menu style 1, +changing this file will result on change of menu containing modifier class .menu--stye1 +*/ + +/***************************** + --- MENU +*****************************/ +.menu--style1{ + .top-menu-area{ + background: #fff; + } + .mainmenu,.mainmenu__menu{ + @extend .bg-primary; + } + .mainmenu__menu ul li { + &:hover{ + a{ + color: #333; + } + } + a{ + color: #fff; + } + } + .searc-wrap input{ + background: transparentize(#fff,.8); + border: 0; + color: #ffffff; + font-weight: 400; + } + .searc-wrap input::-webkit-input-placeholder { + color: #fff; + } + .searc-wrap input::-moz-placeholder{ + color: #fff; + } + .searc-wrap input:-ms-input-placeholder{ + color: #fff; + } + .searc-wrap .search-wrap__btn{ + background: #fff; + @extend .color-primary; + } +} +.shortcode_wrapper+.shortcode_wrapper{ + margin-top: 50px; +} + +.menu--light{ + .top-menu-area{ + background: transparent; + border-bottom: 1px solid rgba(#fff, 0.1); + .logo-top{ + padding: 19px 35px 19px 20px; + border-color: rgba(#fff, 0.1); + } + } + .mainmenu__menu .navbar-nav > li{ + &:hover{ + >a{ + @extend .color-secondary; + } + } + >a{ + color: #fff; + } + } + .search-form button, + .author__notification_area ul li span:first-child{ + color: rgba(255,255,255,0.8); + } + .author__notification_area ul li .notification_count.purch{ + @extend .bg-secondary; + } + .author__notification_area{ + border-color: rgba(#fff, 0.1); + ul li{ + padding: 30px 0; + } + } + .search-wrapper{ + .search_module{ + .search_trigger{ + color: rgba(255, 255, 255, 0.8); + } + } + } +} + +.search-wrapper{ + position: relative; + padding-right: 30px; + .search_module{ + .search_trigger{ + cursor: pointer; + } + .search_area { + position: absolute; + right: 60px; + opacity: 0; + visibility: hidden; + padding: 0 20px; + top: calc(100% - 37px); + background: #ffffff; + border: 1px solid $border-color; + z-index: 2; + transition: .3s ease; + border-radius: 3px; + width: 0; + form{ + .input-group{ + display: flex; + align-items: center; + .icon-left{ + padding-top: 7px; + display: none; + } + input{ + border: 0 none; + padding: 0 0 0 10px; + &:focus{ + border: 0 none !important; + } + } + } + } + } + } +} +.search-wrapper .search_module .search_area.active { + opacity: 1; + visibility: visible; + width: 300px; + form .input-group .icon-left{ + display: block; + } +} + +/***************************** + START MENU AREA +*****************************/ +.top-menu-area { + background: #fff; + border-bottom: 1px solid $border-color; + .menu-fullwidth { + display: flex; + flex-wrap: wrap; + align-items: center; + .menu-container { + flex: 3; + } + .author-menu { + flex: 2; + } + } +} + +.top-menu-area .logo-top { + padding: 22px 35px 22px 20px; + border-right: 1px solid $border-color; +} + +.top-menu-area .d_menu { + padding-left: 35px; +} + +.top-menu-area .top__menu ul li { + display: inline-block; + a { + color: #555; + } +} + +.author-area { + display: flex; + justify-content: flex-end; + align-items: center; + position: relative; +} + +.author-area__seller-btn { + @extend .bg-primary; + color: #fff; + padding: 0 17px; + display: inline-block; + line-height: 39px; + border-radius: 3px; + font-weight: 400; + margin-right: 0; + transition: $transition; + &:hover { + @extend .bg-secondary; + color: #fff; + } +} + +.author__avatar { + position: relative; + &:before { + position: absolute; + content: ""; + width: 15px; + height: 15px; + border-radius: 50%; + right: 0; + bottom: 0; + } + span { + font-size: 14px; + position: absolute; + font-weight: 400; + line-height: 22px; + width: 22px; + text-align: center; + background: #ff0000; + color: #fff; + right: -6px; + top: -7px; + border-radius: 50%; + } + img { + max-width: none; + } + &.online { + &:before { + border: 3px solid #fff; + @extend .bg-secondary; + } + } + &.away { + &:before { + border: 3px solid #fff; + @extend .bg-danger; + } + } + +} + +.author__notification_area { + padding: 0 45px 0 35px; + border-right: 1px solid $border-color; + border-left: 1px solid $border-color; + ul { + display: flex; + justify-content: flex-end; + li { + margin-right: 35px; + padding: 34px 0; + position: relative; + &:last-child { + margin-right: 0; + } + span:first-child { + font-size: 16px; + color: #7e8fa1; + vertical-align: middle; + } + .icon_wrap { + position: relative; + } + .notification_status { + position: absolute; + width: 6px; + height: 6px; + border-radius: 50%; + left: 50%; + top: -5px; + transform: translateX(-50%); + &.noti { + @extend .bg-info; + } + &.msg { + @extend .bg-danger; + } + } + .notification_count { + height: 20px; + border-radius: 50%; + color: #fff; + font-weight: 400; + top: 0; + font-size: 12px; + position: absolute; + padding: 1px 4px; + vertical-align: middle; + right: -6px; + min-width: 20px; + text-align: center; + transform: translate(50%, -50%); + &.noti { + @extend .bg-info; + } + &.msg { + @extend .bg-danger; + } + &.purch { + @extend .bg-primary; + } + } + } + } +} + +.author-author__info { + padding: 20px 20px 20px 35px; +} + +.author__access_area { + padding: 29px 20px 29px 35px; + border-left: 1px solid $border-color; +} + +.author__access_area ul li { + margin-right: 15px; + &:last-child { + margin-right: 0; + } + a { + color: $text-color2; + &:hover { + @extend .color-primary; + } + } +} + +/* start notification dropdown area */ +.has_dropdown { + &.has_megamenu { + position: initial; + } + .icon_wrap { + cursor: pointer; + } + .dropdown { + top: calc(100% + 20px); + @include xxs{ + min-width: 100%; + } + } + &:hover { + .dropdown { + visibility: visible; + opacity: 1; + top: 100%; + + } + } +} + +.has_dropdown, .has_megamenu { + & > a { + position: relative; + &:before { + position: absolute; + content: "\f107"; + font-family: "FontAwesome"; + font-size: 13px; + right: -13px; + top: 50%; + transform: translateY(-50%); + } + } +} + +/* start mainenu area css */ +.mainmenu { + background: $bgcolor; +} + +.mainmenu__menu { + border: none; + margin: 0; + padding: 0; + .navbar-collapse { + padding: 0; + float: left; + } +} + +.mainmenu__menu .navbar-nav > li { + display: inline-block; + padding: 17px 0; + margin-right: 40px; + &:hover { + > a { + @extend .color-primary; + } + } + > a { + font-weight: 500; + padding: 0; + font-size: 16px; + line-height: 42px; + transition: $transition; + color: $text-color; + text-transform: capitalize; + white-space: nowrap; + } +} + +.mainmenu__search { + float: right; + padding: 28px 0; +} + +.searc-wrap { + position: relative; + input { + line-height: 45px; + height: 45px; + border: 1px solid transparent; + width: 360px; + border-radius: 3px; + padding: 0 25px; + background: $bgcolor; + &::placeholder { + color: #b8bece; + } + } + .search-wrap__btn { + position: absolute; + right: 0; + top: 0; + border: 0; + width: 45px; + height: 100%; + text-align: center; + background: none; + color: #b8bece; + border-radius: 50%; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + transition: $transition; + &:hover { + @extend .color-primary; + } + } +} + +.mainmenu__help { + padding: 40px 0; + text-align: center; + a { + color: #8991a5; + display: flex; + span { + font-size: 20px; + padding-right: 5px; + } + } +} + +/* mobile menu offcanvas */ +.mobile_content { + position: relative; + .menu_icon { + @extend .bg-secondary; + padding: 0 20px; + line-height: 60px; + color: white; + display: none; + font-size: 16px; + cursor: pointer; + } + span.icon-close { + float: none; + position: absolute; + left: 15px; + top: 15px; + z-index: 1; + cursor: pointer; + } + .author-author__info { + justify-content: center; + .author__avatar { + margin-right: 10px; + img { + border-radius: 50%; + } + } + } + .author__notification_area ul { + justify-content: center; + } + .offcanvas-menu { + @include customScrollbar(&); + position: fixed; + height: 100%; + width: 220px; + top: 0; + right: -10px; + background: #fff; + z-index: 989999; + overflow-y: scroll; + transition: $transition; + box-shadow: 0 -2px 20px transparentize(#000, 0.7); + padding-bottom: 25px; + &.closed { + transform: translateX(100%); + } + span.lnr-cross { + float: left; + top: 10px; + position: absolute; + left: 13px; + } + } + .author-author__info { + background-color: $bgcolor; + text-align: center; + border-bottom: 1px solid $border-color; + padding: 20px 0; + } + .author__notification_area { + margin: 0; + text-align: center; + display: block; + ul { + li { + padding: 27px 12px 14px; + margin: 0 3px; + } + } + } + .dropdown--author { + visibility: visible; + position: relative; + opacity: 1; + min-width: auto; + box-shadow: 0 0 0; + &:before { + display: none; + } + ul li a { + line-height: 35px; + } + } + .author-area__seller-btn { + margin-right: 0; + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_product.scss b/public/theme_assets/sass/element/_product.scss new file mode 100644 index 0000000..b0488c0 --- /dev/null +++ b/public/theme_assets/sass/element/_product.scss @@ -0,0 +1,375 @@ +/**/ +/***************************** + --- PRODUCTS +*****************************/ +/* GENERAL PRODUCT STYLE */ +.products{ + padding: 80px 0; +} +.product{ + background: #fff; + border-radius: 4px; + box-shadow: 0 2px 4px rgba(108,111,115,0.1); + margin-bottom: 30px; + .product__thumbnail{ + img{ + border-radius: 4px 4px 0 0; + width: 100%; + } + position: relative; + &:before{ + position: absolute; + content: ""; + transition: $transition; + height: 100%; + opacity: 0; + z-index: 2; + border-radius: 4px 4px 0 0; + width: 100%; + top: 0; + @include gradient; + left: 0; + } + } + + .prod_btn{ + position: absolute; + top: calc(50% + 40px); + opacity: 0; + transform: translateY(-50%); + z-index: 99; + width: 100%; + text-align: center; + transition: $transition; + a{ + display: inline-block; + color: #fff; + border: 1px solid #fff; + font-weight: 500; + padding: 0 30px; + &:hover{ + @extend .color-primary; + transition: $transition; + background: #fff; + } + } + a+a{ + margin-left: 6px; + } + } + &:hover .prod_btn{ + opacity: 1; + top: 50%; + } + &:hover .product__thumbnail:before{ + opacity: 0.9; + } +} + +// product description +.product-desc{ + padding: 30px; + p{ + margin: 0; + } + ul.titlebtm { + padding-bottom: 23px; + >li { + display: inline-block; + margin-right: 16px; + .by{ + margin-right: 6px; + } + img, p { + display: inline-block; + margin: 0; + } + a { + color: #000000; + font-size: 15px; + &:hover{ + @extend .color-primary; + } + } + a, p { + font-size: 15px; + } + &.product_cat{ + margin-right: 0; + } + } + .rating{ + float: right; + margin-right: 0; + } + .auth-img{ + margin-right: 6px; + height: 30px; + width: 30px; + border-radius: 50%; + } + } + .product_title{ + margin-bottom: 15px; + display: inline-block; + &:hover{ + h4{ + @extend .color-primary; + } + } + h4{ + text-transform: capitalize; + font-weight: 500; + transition: $transition; + } + } + & ul li.product_cat { + a { + @extend .color-secondary; + img{ + margin-right:4px; + width: 15px; + vertical-align: middle; + height: auto; + } + span{ + margin-right: 5px; + } + } + } +} +.product-purchase{ + border-top: 1px solid $border-color; + padding: 15px 30px; + overflow: hidden; + .rating{ + margin-left: 6px; + } + p{ + margin: 0; + font-size: 15px; + display: inline; + color: #555; + } + .price_love{ + display: inline-block; + vertical-align: middle; + &>span{ + background: transparentize($primary, 0.90); + line-height: 32px; + display: inline-block; + padding: 0 15px; + @extend .color-primary; + margin-right: 10px; + font-size: 15px; + font-weight: 500; + border-radius: 100px; + } + p { + span{ + @extend .color-secondary; + font-size: 15px; + } + } + } + .sell{ + float:right; + p{ + span{ + @extend .color-primary; + font-size: 15px; + margin-right: 4px; + } + span.lnr{ + margin-right: 7px; + } + } + display: inline-block; + } +} + + +/*-------- PRODUCT MODIFIERS --------------*/ +.product--card{ + .product-desc{ + height: 222px; + overflow: hidden; + padding-bottom: 0; + } + .product-purchase{ + margin-top: 10px; + } +} +.product--card2{ + .product__thumbnail{ + img{ + border-radius: 4px 4px 0 0; + } + } + .product-desc { + padding-bottom: 15px; + height: 176px; + } + ul.titlebtm{ + overflow: hidden; + padding: 0px 30px 10px; + .product_cat{ + float: left; + } + .rating{ + float: right; + } + } +} + +.product--card3{ + .product-desc ul.titlebtm{ + padding-bottom: 0; + } + .product-desc{ + height: 130px; + padding: 30px 30px 20px; + } +} + +// PRODUCT LIST STYLES +.product--list{ + overflow: hidden; + height: 210px; + .product__thumbnail, .product-desc, .product-meta, .product-purchase{ + @include vertically_middle; + border-right: 1px solid $border-color; + } + .product__thumbnail{ + width: 293px; + float: left; + img{ + width: 100%; + border-radius: 4px 0 0 4px; + } + } + .product__details{ + overflow: hidden; + padding: 25px 0; + .product-desc, .product-meta{ + padding: 0 30px; + } + } + .product-desc{ + width: 353px; + .titlebtm{ + padding-bottom: 0; + padding-top: 24px; + } + } + .product-purchase{ + border: 0; + width: 159px; + text-align: center; + .price_love{ + float: none; + margin-right: 0; + padding-bottom: 25px; + span{ + margin: 0; + } + } + .sell{ + float: none; + display: block; + } + } +} +// product list detail small +.product--list-small{ + .product__thumbnail{ + width: 230px; + } + .prod_btn a{ + line-height: 35px; + margin-left: 0; + &+a{ + margin-top: 15px; + } + } + + .product__details { + .product-desc, + .product-meta{ + padding: 0 20px; + } + .product-desc{ + width: 258px; + .titlebtm{ + padding-top: 18px; + } + } + .product-meta{ + width: 206px; + .love-comments p + p{ + margin-left: 0; + } + } + .product-purchase{ + width: 150px; + padding: 0; + } + } +} + +.product-meta{ + width: 335px; + .author{ + margin-bottom: 25px; + .auth-img{ + display: inline-block; + border-radius: 50%; + height: 28px; + width: 28px; + } + p{ + display: inline-block; + margin: 0; + .by{ + margin-right: 6px; + } + a{ + color: #000; + } + } + } + .love-comments{ + p{ + display: inline-block; + span.lnr{ + @extend .color-secondary; + } + } + p+p{ + margin-left: 20px; + } + } + .product-tags{ + margin-bottom: 14px; + span{ + display: inline-block; + color: #000; + vertical-align: middle; + font-size: 15px; + } + ul{ + display: inline-block; + width: calc(100% - 45px); + vertical-align: middle; + li{ + display: inline-block; + &:after{ + content: ','; + } + &:last-child:after{ + display: none; + } + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_sidebar.scss b/public/theme_assets/sass/element/_sidebar.scss new file mode 100644 index 0000000..68b5754 --- /dev/null +++ b/public/theme_assets/sass/element/_sidebar.scss @@ -0,0 +1,616 @@ +// this file contains the style for sidebar and the content in sidebar +/***************************** + -- PRODUCT SIDEBAR +*****************************/ +.sidebar-card { + background: #fff; + border-radius: 4px; + border: 1px solid $border-color; + margin-bottom: 30px; + &:last-child { + margin-bottom: 0; + } + .card-title { + padding: 30px; + border-bottom: 1px solid $border-color; + } +} + +.product--sidebar { + .sidebar-card { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; + &:last-child{ + margin-bottom: 0; + } + .card-title { + padding: 20px 25px; + display: block; + margin-bottom: 0; + &.collapsed { + margin-bottom: 0; + } + span { + float: right; + font-size: 12px; + line-height: 20px; + color: #555; + } + h5{ + display:flex; + justify-content: space-between; + align-items:center; + } + } + .collapsible-content { + padding: 0 25px; + } + .card-content { + padding: 15px 0; + } + } + .card--category { + a { + display: block; + } + ul { + li { + position: relative; + padding-left: 15px; + &:before { + position: absolute; + content: ""; + width: 5px; + height: 5px; + border-radius: 50%; + background: $text-color2; + left: 0; + top: 15px; + } + } + li a { + &:hover { + @extend .color-primary; + } + display: block; + line-height: 36px; + transition: $transition; + color: $text-color2; + span.fa { + font-size: 6px; + margin-right: 10px; + position: relative; + top: -3px; + } + .item-count { + float: right; + } + } + } + } + .card--slider { + .card-content { + padding: 30px 0; + .price-ranges { + padding-top: 25px; + .from { + margin-right: 10px; + } + } + } + } +} + +/* SINGLE PRODUCT SIDEBAR */ +.sidebar-card { + &.card-pricing { + padding: 30px; + .price { + padding: 30px 0; + text-align: center; + margin-bottom: 20px; + border: 3px solid $border-color; + border-radius: 3px; + h1 { + line-height: 30px; + font-weight: 600; + @extend .color-primary; + sup { + font-size: 18px; + } + } + } + .pricing-options { + margin-bottom: 25px; + li { + padding: 10px 0; + } + li + li { + border-top: 1px solid $border-color; + } + .custom-radio label { + font-size: 16px; + .pricing__opt { + color: #333333; + font-weight: 400; + } + } + } + .purchase-button { + .btn { + width: 100%; + font-weight: 400; + } + .btn + .btn { + margin-top: 30px; + } + } + } + + &.card--pricing2 { + padding: 0; + .price { + @extend .bg-primary; + border-radius: 4px 4px 0 0; + h1 { + color: #fff !important; + } + } + .pricing-options { + padding: 0 30px; + li p { + padding-top: 18px; + padding-left: 35px; + } + } + .purchase-button { + padding: 0 30px 30px; + } + } +} + +.card-title { + padding: 30px; + border-bottom: 1px solid $border-color; + margin-bottom: 0; +} + +// card meta data +.card--metadata { + ul.data > li { + padding: 22px 0 22px; + border-bottom: 1px solid $border-color; + overflow: hidden; + line-height: 30px; + &:last-child { + border-bottom: 0; + padding-bottom: 0; + } + p { + float: left; + font-size: 16px; + line-height: inherit; + margin-bottom: 0; + span { + margin-right: 8px; + } + } + > span { + float: right; + font-weight: 400; + font-size: 18px; + color: #333; + } + } + .rating { + text-align: center; + padding-top: 28px; + } +} + +// product information card +.card--product-infos { + padding: 0; + ul.infos { + padding: 19px 30px; + li { + overflow: hidden; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + p { + margin: 0; + font-size: 15px; + vertical-align: top; + line-height: 36px; + } + p.data-label { + &:after { + content: ':'; + margin-left: 2px; + } + width: 40%; + font-weight: 400; + color: #333333; + } + p.info { + width: 58%; + color: #555555; + } + } + } +} + +/* Social Share Card */ +.social-share-card { + display: flex; + align-items: center; + padding: 30px; + p { + margin: 0 15px 0 0; + } + ul { + li { + display: inline-block; + margin-right: 15px; + &:last-child { + margin-right: 0; + } + a { + color: #cfd4e2; + &:hover { + @extend .color-primary; + } + } + } + } +} + +/* SUPPORT PAGE SIDEBAR */ +.support--sidebar { + @extend .product--sidebar; + .card--forum_categories { + @extend .card--category; + } + .login_promot { + @extend .bg-primary; + color: #fff; + margin-bottom: 30px; + font-weight: 400; + font-size: 18px; + border-radius: 4px; + padding: 20px 0; + display: block; + text-align: center; + span { + margin-right: 10px; + } + } + + .card--top_discussion { + .card-content { + li { + position: relative; + padding-left: 23px; + margin-bottom: 10px; + &:before { + position: absolute; + content: ''; + height: 7px; + width: 7px; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + background: #c5cad4; + vertical-align: middle; + left: 0; + top: 9px; + } + a { + @extend .color-primary; + line-height: 26px; + &:hover { + @extend .color-primary; + } + span { + display: block; + color: $text-color2; + } + } + } + } + } +} + +/* FAQ SIDEBAR */ +.faq--sidebar { + @extend .support--sidebar; + .faq--card { + border: 0 none; + @extend .card--top_discussion; + .card-content { + li:before { + transform: translateY(0); + top: 13px; + } + a { + font-size: 16px; + } + } + .btn--faq { + text-align: center; + margin-bottom: 38px; + } + } +} + +// this is author card +.author-card { + .card-title { + padding: 30px; + } + &.sidebar-card { + padding: 0; + } + .author-infos { + padding: 30px; + .author-top { + display: flex; + align-items: center; + } + .author_avatar { + width: 100px; + height: 100px; + display: inline-block; + border-radius: 4px; + overflow: hidden; + margin-right: 20px; + } + .author { + h5 { + line-height: 30px; + color: $title-color; + } + p { + line-height: 30px; + padding-top: 6px; + margin: 0; + font-size: 15px; + font-weight: 300; + } + + } + .social { + margin-top: 25px; + margin-bottom: 30px; + } + .author-btn { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + .btn { + &:last-child { + margin-right: 0; + } + } + } + } + &.author-card2 { + text-align: center; + .author-infos { + padding: 50px 0 5px 0; + .author_avatar { + margin-right: 0; + border-radius: 50%; + margin-bottom: 15px; + } + .author p { + line-height: 25px; + } + .social { + display: block; + border-top: 1px solid $border-color; + margin: 35px 0; + padding: 35px 30px 0 30px; + text-align: left; + } + .author-btn { + display: inline-block; + margin-top: 20px; + } + } + } +} + +/* upload page sidebar */ +.upload_sidebar { + .card_content { + padding: 10px 30px 26px; + p { + line-height: 30px; + margin-bottom: 0; + } + ul { + padding-left: 19px; + padding-top: 20px; + li { + list-style-type: disc; + line-height: 30px; + font-size: 16px; + color: $text-color2; + & + li { + margin-top: 13px; + } + } + } + } + .card_info { + h4 { + color: $title-color; + font-weight: 400; + padding-bottom: 20px; + } + } + .card_info + .card_info { + margin-top: 30px; + } +} + +/* CARD BLOG SIDEBAR */ +.sidebar--blog { + @extend .support--sidebar; + .card--blog_sidebar { + ul.post-tab { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + .card_content { + padding: 0 25px; + } + } + .card--search { + .searc-wrap input { + width: 100%; + } + .card_content { + padding: 25px; + } + } + + .sidebar--post { + .tab-pane{ + padding-bottom: 25px; + } + .card-title ul { + overflow: hidden; + li { + a { + font-size: 18px; + color: $title-color; + &.active { + @extend .color-primary; + } + } + } + } + .post-list { + li { + padding: 25px 0; + display: flex; + & + li { + border-top: 1px solid $border-color; + } + &:last-child{ + padding-bottom: 0; + } + } + .thumbnail_img { + img { + width: 100%; + } + } + .title_area { + padding-left: 15px; + flex: 2; + a { + display: inline-block; + font-weight: 400; + margin-bottom: 6px; + h6 { + line-height: 24px; + color: #333; + font-weight: 400; + } + } + .date_time { + span { + display: inline-block; + } + p { + margin: 0; + display: inline-block; + color: #898f96; + font-size: 15px; + } + } + } + } + } + + .card--category { + @extend .card--forum_categories; + } + + .card--tags { + .tags { + padding: 25px 20px 11px; + li { + display: inline-block; + margin: 0 5px 14px; + + a { + color: $text-color2; + background: transparentize($primary, 0.93); + line-height: 30px; + display: inline-block; + padding: 0 15px; + border-radius: 3px; + &:hover { + @extend .color-primary; + } + } + } + } + } +} + +.banner { + position: relative; + img { + border-radius: 4px; + width: 100%; + } + &:before { + content: ''; + @include gradient; + position: absolute; + height: 100%; + width: 100%; + border-radius: 4px; + opacity: 0.8; + } + .banner_content { + position: absolute; + width: 100%; + top: 50%; + left: 50%; + text-align: center; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 1; + h1 { + color: #f9f9f9; + } + p { + margin: 0; + color: #f9f9f9; + } + } +} + + +.card--filter{ + .card-content{ + li{ + margin-bottom: 10px; + &:last-child{ + margin-bottom: 0; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_tab.scss b/public/theme_assets/sass/element/_tab.scss new file mode 100644 index 0000000..8670723 --- /dev/null +++ b/public/theme_assets/sass/element/_tab.scss @@ -0,0 +1,164 @@ +// this file contains the necessary style fr tha tab element +ul.nav-tabs { + border: 0; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + li { + flex: auto; + position: relative; + border-bottom: 1px solid $border-color; + a { + color: $text-color2; + font-size: 16px; + text-transform: capitalize; + display: block; + margin-right: 0; + line-height: 70px; + border: none; + transition: 0.3s; + position: relative; + text-align: center; + font-weight: 300; + &:before { + content: ""; + position: absolute; + height: 3px; + width: 90%; + @extend .bg-primary; + opacity: 0; + left: 5%; + transition: $transition; + visibility: hidden; + bottom: 0; + } + &.active { + @extend .color-primary; + &:before { + opacity: 1; + visibility: visible; + } + border-bottom: 0; + } + a, + a:focus, + a:active, + a:hover { + border: 0; + background: none; + @extend .color-primary; + } + span { + &.icon { + display: inline-block; + padding-right: 5px; + } + } + } + } + &.nav--tabs2 { + display: flex; + justify-content: center; + margin-bottom: -4px; + li { + flex: none; + &::before { + bottom: 0; + } + border: none; + a { + padding: 0 30px; + font-weight: 400; + &:before { + width: 100%; + left: 0; + bottom: 3px; + } + } + } + } +} + +.tab { + .tab-content { + margin-top: 30px; + } +} + +.tab2 { + padding: 0 30px; + .item-navigation { + text-align: center; + border-bottom: 1px solid $border-color; + } +} + +.tab3 { + @extend .tab2; + .item-navigation { + text-align: left; + } + ul.nav-tabs li a { + padding: 0 50px; + span { + padding-right: 7px; + } + } +} + +.tab4 { + padding: 30px; + overflow: hidden; + .item-navigation { + float: left; + width: 20%; + border-bottom: 0; + } + .tab-content { + width: 80%; + float: left; + margin-top: 0; + .tab-pane { + padding-bottom: 0; + } + } + ul.nav-tabs { + justify-content: flex-start; + li { + width: 100%; + a { + line-height: 50px; + text-align: left; + margin-right: 30px; + padding-left: 0; + } + a:before { + width: 3px; + right: 0; + left: auto; + height: calc(100% - 10px); + } + a span { + padding-right: 7px; + } + } + } +} + +.items-tab { + padding: 0 30px; +} + +.tab-content { + margin-bottom: 0; + .tab-pane { + padding: 0 0 30px 0; + .about_author.border-none { + padding: 0 30px; + margin-bottom: 0; + } + p { + margin-bottom: 0; + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_team.scss b/public/theme_assets/sass/element/_team.scss new file mode 100644 index 0000000..709ff16 --- /dev/null +++ b/public/theme_assets/sass/element/_team.scss @@ -0,0 +1,68 @@ +// this file contains the style for the team component +/***************************** + -- TEAM +*****************************/ +/**/ +.team_area { + background: $bgcolor2; + padding: 100px 0 70px 0; +} + +.team-single { + background: #fff; + margin-bottom: 30px; + border-radius: 3px; + figure { + text-align: center; + padding: 30px 30px 25px; + margin: 0; + transition: $transition-base; + &:hover { + box-shadow: $box-shadow-lg2; + } + img { + width: auto; + } + figcaption { + margin-top: 25px; + h5 { + margin: 0 0 15px 0; + } + span.member-title { + display: inline-block; + font-size: 14px; + font-weight: 300; + @extend .bg-secondary; + color: #fff; + padding: 5px 15px; + border-radius: 3px; + line-height: initial; + transition: $transition; + } + ul.team-social { + margin-top: 25px; + li { + display: inline-block; + margin-right: 20px; + &:last-child { + margin-right: 0; + } + a { + color: $text-color2; + &:hover { + @extend .color-primary; + stroke: $primary; + } + } + } + } + } + &:hover { + figcaption { + span.member-title { + @extend .bg-primary; + } + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_testimonial.scss b/public/theme_assets/sass/element/_testimonial.scss new file mode 100644 index 0000000..3bce912 --- /dev/null +++ b/public/theme_assets/sass/element/_testimonial.scss @@ -0,0 +1,313 @@ +/*************************************** + Start Testimonial +*****************************************/ +.testimonial2 { + padding: 110px 0 130px 0; + position: relative; + + &:before { + position: absolute; + content: ""; + width: 100%; + height: 100%; + background: rgba(18, 21, 25, 0.7); + left: 0; + top: 0; + } +} + +.slider-for { + position: relative; +} + +.slider-for .tsingle { + text-align: center; + outline: 0; + + span.quotei { + font-size: 30px; + color: #fff; + } + + p { + margin: 50px 0 40px 0; + color: #fff; + font-size: 22px; + line-height: 40px; + } + + h3 { + @extend .color-warning; + margin: 0 0 10px 0; + } + + span.auth-title { + color: #fff; + } +} + +.slider-nav { + .slick-slide { + outline: 0; + cursor: pointer; + text-align: center; + + span { + display: inline-block; + border-radius: 50%; + position: relative; + } + + &.slick-current { + span { + &:before { + position: absolute; + content: ""; + background: transparentize($primary, 0.5); + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 50%; + transition: $transition; + } + } + } + } +} + +.slider-bottom-nav { + position: absolute; + width: 100%; + left: 0; + bottom: 0; + transform: translateY(50%); +} + +.slick-arrow { + color: #fff; + font-size: 20px; +} + +span.slick-prev, +span.slick-next { + position: absolute; + top: 50%; + transform: translateY(-50%); + padding: 20px; + cursor: pointer; + font-size: 13px +} + +span.slick-prev { + left: -100px; +} + +span.slick-next { + right: -100px; +} + +/*************************************** + Testimonial Slider Area +****************************************/ +.testimonial-area { + .testimonials { + margin-bottom: 65px; + + .testimonials--author { + text-align: center; + + img { + width: auto; + display: inline-block; + } + + h4 { + margin: 25px 0 10px 0; + } + + span { + font-size: 15px; + font-weight: 300; + } + } + + .testimonials--text { + margin-top: 40px; + text-align: center; + + p { + font-size: 22px; + font-weight: 300; + line-height: 38px; + margin: 0; + } + } + } + + .owl-controls { + position: absolute; + width: 100%; + left: 0; + top: 50%; + transform: translateY(-50%); + + .owl-nav { + display: flex; + justify-content: space-between; + } + + .owl-prev, + .owl-next { + font-size: 13px; + width: 45px; + height: 45px; + border-radius: 50%; + border: 1px solid $border-color; + text-align: center; + line-height: 44px; + transition: $transition; + + &:hover { + @extend .bg-primary; + border-color: $primary; + color: #fff; + } + } + + .owl-prev { + margin-left: -60px; + } + + .owl-next { + margin-right: -60px; + } + } +} + +/*************************************** + START TESTIMONIAL VIDEO +****************************************/ +.tesimonial-page-area { + background: $bgcolor; + + .testimonial { + margin: 0 0 30px 0; + } +} + +.testimonial_video { + margin-bottom: 30px; + position: relative; + + &:before { + content: ""; + position: absolute; + height: 100%; + width: 100%; + background: transparentize(#000, 0.6); + } + + .video_play { + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + left: 50%; + width: 10%; + + a svg { + fill: #fff; + transition: $transition-base; + + &:hover { + fill: $secondary; + } + } + + button { + background: transparent; + border: none; + cursor: pointer; + } + } +} + +.testimonial_vid .modal-content { + height: 600px; + + iframe { + width: 100%; + height: 100%; + } +} + +.testimonial { + border: 1px solid $border-color; + background: #fff; + margin: 30px 0; + + &:focus { + outline: 0; + } + + .testimonial__text { + padding: 30px 40px 25px; + @include xxs{ + text-align: center; + } + + p { + margin: 0; + } + } + + .testimonial__about { + border-top: 1px solid $border-color; + padding: 25px 40px 30px; + position: relative; + z-index: 2; + + @include xxs { + flex-flow: column; + display: flex; + justify-content: center; + align-items: center; + .name-designation{ + padding-right: 0; + padding-top: 10px; + } + } + + .avatar { + img { + border-radius: 50%; + max-width: 100%; + } + } + + .quote-icon { + position: absolute; + width: 60px; + right: 40px; + z-index: -1; + + .svg { + fill: #eef0fc; + } + } + + .name-designation { + padding-left: 20px; + display: inline-block; + + .name { + margin-bottom: 4px; + } + + .desig { + color: #555; + font-size: 16px; + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/_timeline.scss b/public/theme_assets/sass/element/_timeline.scss new file mode 100644 index 0000000..9f6e4ee --- /dev/null +++ b/public/theme_assets/sass/element/_timeline.scss @@ -0,0 +1,123 @@ +/* +this file contains the style for the timline component +*/ +/***************************** + -- TIMELINE +*****************************/ +.timeline { + &:before { + top: 0; + } + &:before, &:after { + position: absolute; + content: ''; + height: 18px; + width: 18px; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + border-radius: 50%; + -o-transform: translateX(-50%); + transform: translateX(-50%); + @extend .bg-secondary; + border: 4px solid #fff; + } + &:after { + @extend .bg-primary; + bottom: 0; + } + + .happening { + &:before, &:after { + content: ''; + display: table; + transition: $transition; + clear: both; + } + .happening--period { + width: 50%; + padding: 60px 54px 0 0; + float: left; + vertical-align: top; + text-align: right; + position: relative; + p { + color: #898f96; + font-size: 18px; + font-weight: 500; + transition: $transition; + margin-bottom: 0; + } + &:before { + position: absolute; + content: ""; + height: 20px; + width: 20px; + background: #fff; + border-radius: 50%; + border: 3px solid #c4cdd8; + right: 0; + transition: $transition; + transform: translateX(50%); + } + } + .happening--detail { + width: 50%; + float: right; + padding: 60px 0 0 50px; + position: relative; + h3 { + margin-bottom: 20px; + } + p { + font-size: 16px; + line-height: 30px; + } + &:before { + position: absolute; + content: ''; + left: 0; + top: 0; + width: 4px; + height: 100%; + background: #ebecf1; + z-index: -1; + transform: translateX(-50%) + } + } + + &:nth-child(2n+2) { + .happening--period { + float: right; + text-align: left; + padding-right: 0; + padding-left: 54px; + &:before { + left: 0; + transform: translateX(-50%); + } + } + + .happening--detail { + text-align: right; + padding: 40px 50px 0 0; + &:before { + left: 100%; + } + } + } + + &:hover { + .happening--period { + &:before { + @extend .bg-primary; + border-color: #fff; + } + p { + @extend .color-primary; + } + } + } + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/element/elements.scss b/public/theme_assets/sass/element/elements.scss new file mode 100644 index 0000000..6302975 --- /dev/null +++ b/public/theme_assets/sass/element/elements.scss @@ -0,0 +1,14 @@ +@import "../mixins/functions"; +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +@import "testimonial"; +@import "forum"; +@import "footer"; +@import "breadcrumb"; +@import "content-block"; +@import "menu"; +@import "product"; +@import "sidebar"; +@import "tab"; +@import "team"; +@import "timeline"; \ No newline at end of file diff --git a/public/theme_assets/sass/general/_general.scss b/public/theme_assets/sass/general/_general.scss new file mode 100644 index 0000000..4085cba --- /dev/null +++ b/public/theme_assets/sass/general/_general.scss @@ -0,0 +1,512 @@ +@import "../mixins/functions"; +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +html { + font-size: 15px; +} + +p { + line-height: remy(26px); +} + +// transition +$transition: 0.3s ease; + +a { + transition: $transition; +} + +//stop preload transition +.preload * { + -webkit-transition: none !important; + -moz-transition: none !important; + -ms-transition: none !important; + -o-transition: none !important; + transition: none !important; +} + +//svg font +svg text { + font-family: "Work Sans", sans-serif !important; +} + +//list-unstyled +ul { + margin: 0; + padding: 0; + + li { + list-style-type: none; + } +} + +// primary colors +.primary { + @extend .color-primary; +} + +.secondary { + @extend .color-secondary; +} + +/* Background Image */ +.bgimage { + position: relative; + + &:before { + z-index: 1; + } +} + +.content_above { + position: relative; + z-index: 2; +} + +/* Background image holder */ +.bg_image_holder { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; + background-size: cover !important; + background-position: center !important; + background-repeat: no-repeat; + z-index: 0; + transition: opacity .3s linear; + -webkit-transition: opacity .3s linear; + opacity: 0; + + img { + display: none; + } +} + +// multi colors +.secondary { + @extend .color-secondary; +} + +.warning { + @extend .color-warning; +} + +.info { + @extend .color-info; +} + +.danger { + @extend .color-danger; +} + +// multi colors background +.primarybg { + @extend .bg-primary; +} + +.secondarybg { + @extend .bg-secondary; +} + +.mcolorbg1 { + @extend .bg-secondary; +} + +.mcolorbg2 { + @extend .bg-warning; +} + +.mcolorbg3 { + @extend .bg-info; +} + +.mcolorbg4 { + @extend .bg-danger; +} + +.bg-white { + @extend .bg-light; +} + +.dark-bg { + background: $dark-bg; +} + +// multi colors with transparent bg +.primarybg.transparent-bg { + background: transparentize($primary, 0.95); +} + +.secondarybg.transparent-bg { + background: transparentize($secondary, 0.95); +} + +.mcolorbg1.transparent-bg { + background: transparentize($secondary, 0.95); +} + +.mcolorbg2.transparent-bg { + background: transparentize($warning, 0.95); +} + +.mcolorbg3.transparent-bg { + background: transparentize($info, 0.95); +} + +.mcolorbg4.transparent-bg { + background: transparentize($danger, 0.95); +} + +/* tooltip */ +.tooltip { + display: block; + + .tooltip-inner { + font-size: 13px; + text-align: left; + display: block; + @extend .bg-secondary; + border-radius: 2px; + } + + .arrow:before { + border-top-color: $secondary; + } +} + +/* section padding */ +.section--padding { + padding-top: 100px; + padding-bottom: 100px; +} + +.section--padding2 { + padding: 105px 0 75px; +} + +.section--padding3 { + padding-top: 30px; + padding-bottom: 105px; +} + +/* section title */ +.section-title { + text-align: center; + padding-bottom: 45px; + + h1 { + margin-bottom: 24px; + + span { + @extend .color-primary; + } + } + + p { + padding: 0 200px; + line-height: 32px; + margin-bottom: 0; + color: $text-color2; + font-size: 18px; + } +} + +.section-title2 { + margin-bottom: 50px; + + ul { + display: flex; + justify-content: space-between; + margin: 0; + flex-wrap: wrap; + + @include xs { + margin: -10px 0; + } + + li { + display: flex; + align-items: center; + + @include xs { + margin: 10px 0; + } + } + } +} + +.section-title-light { + h1 { + color: #fff; + } +} + +/* Blockquote */ +blockquote, +.blockquote { + background: #f2f8fe; + line-height: 38px; + color: $text-color2; + font-style: normal; + padding: 45px 25px 45px 40px; + @extend .b-left-3-primary; + margin-bottom: 20px; +} + +/* section product title area */ +.product-title-area { + + &:before, + &:after { + display: table; + content: ""; + clear: both; + } + + background: #fff; + padding: 32px 30px 32px; + margin-bottom: 30px; + border-radius: 4px; + + .product__slider-nav { + float: right; + @extend .bg-secondary; + + span { + line-height: 45px; + color: #fff; + cursor: pointer; + width: 52px; + display: inline-block; + text-align: center; + } + } + + .date_area { + form { + display: flex; + flex-wrap: wrap; + } + + p { + float: left; + } + + .input_with_icon, + .select-wrap { + margin-right: 10px; + } + + .select-wrap { + select { + height: 50px; + } + } + + .btn { + height: 48px; + } + + .btn:hover { + @extend .bg-primary; + color: #fff; + } + } + + &.product-title-area2 { + padding: 0 30px; + margin-bottom: 0; + } +} + +.product__title { + float: left; + + h2 { + line-height: 45px; + } +} + +.filter__menu { + float: right; + position: relative; + margin-top: 10px; + + p { + margin-bottom: 0; + display: inline-block; + vertical-align: middle; + color: #747b86; + margin-right: 15px; + } + + .filter__menu_icon { + display: inline-block; + vertical-align: middle; + margin-top: 6px; + width: 17px; + + svg { + height: 16px; + cursor: pointer; + + &:hover { + circle { + fill: #0673ec; + } + } + + circle { + fill: #a3b1c4; + } + } + + .filter_dropdown { + position: absolute; + min-width: 183px; + padding: 20px 27px; + top: 45px; + z-index: 3; + background: #fff; + right: -15px; + box-shadow: 0 5px 40px transparentize(#52555a, .8); + display: none; + + &.active { + display: block; + } + + &:before { + position: absolute; + content: ""; + border-bottom: 10px solid #fff; + border-left: 10px solid transparent; + right: 15px; + bottom: 100%; + border-right: 10px solid transparent; + } + + li { + a { + color: #747b86; + display: block; + transition: $transition; + line-height: 28px; + + &:hover { + @extend .color-primary; + } + } + } + } + } +} + +// transparent bg +.transparent { + background: transparent; +} + +// for rounded area +.rounded { + border-radius: 200px; +} + +// background colors +.bgcolor { + background: $bgcolor; +} + +.bgcolor2 { + background: $bgcolor2; +} + +// rating +.rating { + display: inline-block; + vertical-align: middle; + + ul { + float: left; + + li { + float: left; + margin-right: 3px; + + span.fa-star, + span.fa-star-half-o { + color: #ffc000; + } + + span.fa-star-o { + color: #7e7e7e; + } + } + } + + .rating__count { + display: inline-block; + color: #6f7d8d; + vertical-align: middle; + margin-left: 5px; + } +} + +/* cardify any area */ +.cardify { + @include cardify; +} + +/* common toggle module css */ +.toggle_title { + display: block; + padding: 30px 30px 25px; + + span.lnr { + float: right; + line-height: 20px; + font-size: 14px; + } +} + +/* content area title */ +.content_title { + @extend .cardify; + padding: 30px; + border-radius: 4px; + margin-bottom: 30px; +} + +.shortcode_module_title { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 30px; + background: #fff; + margin-bottom: 30px; + border-radius: 3px; +} + +//go top scss +.go_top { + line-height: 40px; + cursor: pointer; + width: 40px; + @extend .bg-primary; + color: #fff; + position: fixed; + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); + border-radius: 50%; + right: calc((100% - 1110px) / 2); + z-index: 111; + bottom: 72px; + font-size: 13px; + + span { + display: inline-block; + } +} + +@include customScrollbar(messages); +@include customScrollbar(offcanvas-menu); \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_btn-shadow.scss b/public/theme_assets/sass/mixins/_btn-shadow.scss new file mode 100644 index 0000000..333e2ac --- /dev/null +++ b/public/theme_assets/sass/mixins/_btn-shadow.scss @@ -0,0 +1,18 @@ +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +@each $key, $color in ($theme-colors) { + .btn-shadow-#{$key} { + -webkit-box-shadow: 0 10px 20px transparentize($color, 0.8); + -moz-box-shadow: 0 10px 20px transparentize($color, 0.8); + box-shadow: 0 10px 20px transparentize($color, 0.8); + } +} + +//border opacity +@each $key, $color in ($theme-colors) { + .outline-lg-#{$key} { + border: 2px solid $color; + background: none; + color: $color; + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_colors-classes.scss b/public/theme_assets/sass/mixins/_colors-classes.scss new file mode 100644 index 0000000..e25a43c --- /dev/null +++ b/public/theme_assets/sass/mixins/_colors-classes.scss @@ -0,0 +1,87 @@ +// generates theming classes based on theme color from $theme-colors map in bootstrap +@each $key, $color in ($theme-colors) { + .color-#{$key}{ + color: #{$color}; + } + .bg-#{$key} { + background: #{$color}; + } + .iborder-#{$key}{ + color: #{$color}; + } + .outline-#{$key}{ + border: 1px solid #{$color}; + color: #{$color} + } + .active-color-#{$key}{ + label input:checked + span { + background: #{$color}; + border-color: #{$color}; + } + } + //generate bg with opacity and and text color + .circle-#{$key}{ + color: #{$color}; + background: rgba($color, 0.1); + } + + //generate border color + .border-#{$key}{ + border: 1px solid #{$color}; + } + .b-#{$key}{ + border-color: #{$color} !important; + } + .b-bottom-10-#{$key}{ + border-bottom: 10px solid #{$color}; + } +} + +// generating classes based on other colors used in the theme +@each $key, $color in ($other-colors) { + .color-#{$key}{ + color: #{$color}; + } + .bg-#{$key} { + background: #{$color}; + } +} + +//generate social colors +@each $key, $color in ($social-colors){ + .color-#{$key}{ + color: #{$color}; + } +} + +//Generate border colors with four directions +@mixin border_generator($from, $to, $jump, $side){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + @each $key, $color in ($theme-colors){ + .b-#{$side}-#{$i}-#{$key}{ + border-#{$side}: #{$i}px solid #{$color}; + } + } + } + } + +} +@include border_generator(0, 5, 1, top); +@include border_generator(0, 5, 1, right); +@include border_generator(0, 5, 1, bottom); +@include border_generator(0, 5, 1, left); + +//Generate border colors +@mixin border_generator2($from, $to, $jump){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + @each $key, $color in ($theme-colors){ + .b-#{$i}-#{$key}{ + border: #{$i}px solid #{$color} !important; + } + } + } + } +} +@include border_generator2(0, 5, 1); \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_custom-scrollbar.scss b/public/theme_assets/sass/mixins/_custom-scrollbar.scss new file mode 100644 index 0000000..fc13231 --- /dev/null +++ b/public/theme_assets/sass/mixins/_custom-scrollbar.scss @@ -0,0 +1,16 @@ +// this file contains the necessaru scss for the custm scrollbar +@mixin custom_scroll($selector){ + #{$selector}::-webkit-scrollbar-track { + background-color: rgba($dark, .05); + } + #{$selector}::-webkit-scrollbar { + width: 6px; + background-color: transparent + } + + #{$selector}::-webkit-scrollbar-thumb { + background-color: $border-color; + -webkit-border-radius: 5px; + border-radius: 5px + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_forms.scss b/public/theme_assets/sass/mixins/_forms.scss new file mode 100644 index 0000000..fbc3df2 --- /dev/null +++ b/public/theme_assets/sass/mixins/_forms.scss @@ -0,0 +1,31 @@ +//checkbox solid bg +@each $key, $color in ($theme-colors){ + .checkbox-#{$key}{ + .custom-control-label::before{ + background: #{$color}; + } + .custom-control-input:checked ~ .custom-control-label::before{ + background: #{$color}; + border: 1px solid #{$color}; + } + .custom-control-input:checked ~ .custom-control-label::after{ + color: $light; + } + } +} + +//checkbox outline generator +@each $key, $color in ($theme-colors){ + .checkbox-outline-#{$key}{ + .custom-control-label:before{ + border: 1px solid $border-color; + } + .custom-control-input:checked ~ .custom-control-label::before{ + border: 1px solid #{$color}; + background: #{$color}; + } + .custom-control-input:checked ~ .custom-control-label::after{ + color: #fff; + } + } +} diff --git a/public/theme_assets/sass/mixins/_functions.scss b/public/theme_assets/sass/mixins/_functions.scss new file mode 100644 index 0000000..480f729 --- /dev/null +++ b/public/theme_assets/sass/mixins/_functions.scss @@ -0,0 +1,3 @@ +@function remy($value, $base: 15px) { + @return ($value / $base) * 1rem; +} diff --git a/public/theme_assets/sass/mixins/_gradient.scss b/public/theme_assets/sass/mixins/_gradient.scss new file mode 100644 index 0000000..95dee4d --- /dev/null +++ b/public/theme_assets/sass/mixins/_gradient.scss @@ -0,0 +1,39 @@ +@mixin linear-gradient($from, $to) { + background: $from; + background: -moz-linear-gradient(to right, $from, $to); + background: -webkit-linear-gradient(to right, $from, $to); + background: -o-linear-gradient(to right, $from, $to); + background: linear-gradient(to right, $from, $to); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$from}, endColorstr=#{$to}) +} + +// gradient +//$gradient: linear-gradient(to left, $secondary 0%, $primary 100%); +@mixin gradient{ + background-image: linear-gradient(to left, $secondary 0%, $primary 100%); + /* Fallback (could use .jpg/.png alternatively) */ + background-color: $secondary; + + /* SVG fallback for IE 9 (could be data URI, or could use filter) */ + background: $primary; + + /* Safari 4, Chrome 1-9, iOS 3.2-4.3, Android 2.1-3.0 */ + background-image: + -webkit-gradient(linear, left top, right top, from($secondary), to($primary)); + + /* Safari 5.1, iOS 5.0-6.1, Chrome 10-25, Android 4.0-4.3 */ + background-image: + -webkit-linear-gradient(left, $secondary, $primary); + + /* Firefox 3.6 - 15 */ + background-image: + -moz-linear-gradient(left, $secondary, $primary); + + /* Opera 11.1 - 12 */ + background-image: + -o-linear-gradient(left, $secondary, $primary); + + /* Opera 15+, Chrome 25+, IE 10+, Firefox 16+, Safari 6.1+, iOS 7+, Android 4.4+ */ + background-image: + linear-gradient(to right, $secondary, $primary); +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_helpers.scss b/public/theme_assets/sass/mixins/_helpers.scss new file mode 100644 index 0000000..10d7d37 --- /dev/null +++ b/public/theme_assets/sass/mixins/_helpers.scss @@ -0,0 +1,127 @@ +//Normal responsive font size + +@mixin ofs($size, $lineHeight, $weight) { + @if $size !=null { + @include rfs($size); //Added responsive font size for use bootstrap.Just include this mixin and normally put the font size + } + @if $lineHeight !=null { + line-height: $lineHeight; + } + @if $weight !=null { + font-weight: $weight; + } + +} + +@mixin padding_tb($top, $bottom){ + padding-top: $top; + padding-bottom: $bottom; +} + +@mixin radius($width){ + -webkit-border-radius: remy($width); + -moz-border-radius: remy($width); + border-radius: remy($width); +} + +.content-center{ + display: flex; + align-items: center; + justify-content: center; +} + + +//center mixin +@mixin centered{ + display: flex; + align-items: center; + justify-content: center; +} + +/* HELPER CLASSES: this file contains classes for quick uses */ +/***************************** + -- HELPER +*****************************/ +.no-padding{ + padding: 0 !important; +} +.no-margin{ + margin: 0; +} +.padding-left0{ + padding-left: 0; +} +.r-padding{ + padding-right: 100px; +} +.l-padding{ + padding-left: 100px; +} +.ltr{ + text-align: right; +} +.rtl{ + text-align: left; +} +.br_0{ + border-right: none!important; +} +.bt1{ + border-top: 1px solid #e4e4e4; +} +.btop{ + border-top: 1px solid $border-color !important; + border-right: 0 !important; + border-bottom: 0 !important; + border-left: 0 !important; +} +.bbottom{ + border-top: 0 !important; + border-right: 0 !important; + border-bottom: 1px solid $border-color !important; + border-left: 0 !important; +} +.v_middle{ + display: inline-block; + vertical-align: middle; + margin-right: -3px; + float: none; +} +.inline{ + display: inline-block; +} +.text--white{ + color: #fff; +} +.rounded{ + border-radius: 200px; +} + +// border +.border-right1{ + border-right: 1px solid $border-color; +} + +.border-default{ + border: 1px solid $border-color; +} + +.border-none{ + border: 0 none !important; +} + +.big-border{ + border: 3px solid $border-color; +} + +.bold{ + font-weight: 500; +} + + + +/* vertically middle */ +.ver_mid{ + display: table-cell; + vertical-align: middle; +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_media-queries.scss b/public/theme_assets/sass/mixins/_media-queries.scss new file mode 100644 index 0000000..a132864 --- /dev/null +++ b/public/theme_assets/sass/mixins/_media-queries.scss @@ -0,0 +1,98 @@ + +// Device Screen Breakpoint +$desktop-width-1: 1599px; +$desktop-width-2: 1399px; + +$laptop-width-1: 1199px; + +$tablet-width-1: 991px; +$tablet-width-2: 767px; + +$mobile-width-1: 575px; +$mobile-width-2: 479px; +$mobile-width-3: 375px; + +// Media Queries + +// XX. Extra Small Devices (less than 380px) +@mixin xxs() { + @media only screen and (max-width: #{$mobile-width-3}){ + @content + } +} + +// XX. Small Devices (less than 480px) +@mixin xs() { + @media only screen and (max-width: #{$mobile-width-2}){ + @content + } +} + + + +// XX. Medium Devices (less than 576px) +@mixin ssm() { + @media only screen and (max-width: #{$mobile-width-1}){ + @content + } +} + + + +// XX. Medium Devices (less than 768px) +@mixin sm() { + @media only screen and (max-width: #{$tablet-width-2}){ + @content + } +} + + + +// XX. Medium Devices (less than 991px) +@mixin md() { + @media only screen and (max-width: #{$tablet-width-1}){ + @content + } +} + + + +// XX. Large Devices (less than 1200px) +@mixin lg() { + @media only screen and (max-width: #{$laptop-width-1}){ + @content + } +} + + + +// XX. Extra Large Devices (Less than 1400px) +@mixin xl() { + @media only screen and (max-width: #{$desktop-width-2}) { + @content + } +} + + +// XX. Extra Large Devices (Less than 1600px) +@mixin xxl() { + @media only screen and (max-width: #{$desktop-width-1}) { + @content + } +} + + + +// XX. Custom Devices +@mixin cMq($min-width, $max-width){ + @media only screen and (min-width: $min-width) and (max-width: $max-width){ + @content + } +} + +// XX. Custom Devices 2 +@mixin cMq2($max-width) { + @media only screen and (max-width: $max-width) { + @content + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_overlay.scss b/public/theme_assets/sass/mixins/_overlay.scss new file mode 100644 index 0000000..bcb89f3 --- /dev/null +++ b/public/theme_assets/sass/mixins/_overlay.scss @@ -0,0 +1,15 @@ +@mixin overlay($color, $opacity){ + &:before{ + background: rgba($color, $opacity); + } +} +@mixin overlay-gradient($from, $to){ + &:before{ + background: $from; + background: -moz-linear-gradient(to right, $from, $to); + background: -webkit-linear-gradient(to right, $from, $to); + background: -o-linear-gradient(to right, $from, $to); + background: linear-gradient(to right, $from, $to); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$from}, endColorstr=#{$to}) + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/mixins/_utility-classes.scss b/public/theme_assets/sass/mixins/_utility-classes.scss new file mode 100644 index 0000000..e8761be --- /dev/null +++ b/public/theme_assets/sass/mixins/_utility-classes.scss @@ -0,0 +1,64 @@ +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +// @margin_generator generates a series of margin css classes based on three parameter +// $from defines the start point +// $to defines the end point +// $side defines a particular side, like left, right, top, bottom +// $jump defines the difference between each class +@mixin margin_generator($from, $to, $jump ,$side){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + .m-#{$side}-#{$i}{ + margin-#{$side}: #{$i}px; + } + } + } +} +@include margin_generator(0, 150, 5 ,top); +@include margin_generator(0, 150, 5 ,right); +@include margin_generator(0, 150, 5 ,bottom); +@include margin_generator(0, 150, 5 ,left); + +// @padding_generator generates a series of padding css classes based on three parameter +// $from defines the start point +// $to defines the end point +// $side defines a particular side, like left, right, top, bottom +// $jump defines the difference between each class +@mixin padding_generator($from, $to, $jump ,$side){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + .p-#{$side}-#{$i}{ + padding-#{$side}: #{$i}px; + } + } + } +} +@include padding_generator(0, 150, 5 , left); +@include padding_generator(0, 150, 5 , right); +@include padding_generator(0, 150, 5 , top); +@include padding_generator(0, 150, 5 , bottom); + + +@mixin height_generator($from, $to, $jump){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + .h-#{$i}{ + height: #{$i}px; + } + } + } +} +@include height_generator(5, 150, 5); + +//width height generator +@mixin area_generator($from, $to, $jump){ + @for $i from $from through $to{ + @if $i%$jump == 0{ + .icon-#{$i}x#{$i}{ + width: #{$i}px; + height: #{$i}px; + } + } + } +} +@include area_generator(10, 100, 10); diff --git a/public/theme_assets/sass/mixins/mixins.scss b/public/theme_assets/sass/mixins/mixins.scss new file mode 100644 index 0000000..113d336 --- /dev/null +++ b/public/theme_assets/sass/mixins/mixins.scss @@ -0,0 +1,66 @@ +// this file is the access point for composing all the available mixins +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +@import "functions"; +@import "utility-classes"; +@import "colors-classes"; +@import "overlay"; +@import "btn-shadow"; +@import "forms"; +@import "custom-scrollbar"; +@import "helpers"; +@import "gradient"; +@import "media-queries"; + + +/* container sizes for various devices */ +$container-size: 1170px; + +@mixin vertically_middle{ + display: inline-block; + vertical-align: middle; + margin-right: -3px; +} +@mixin cardShadow{ + -webkit-box-shadow: 0 2px 4px transparentize(#6c6f73, .9); + -moz-box-shadow: 0 2px 4px transparentize(#6c6f73, .9); + box-shadow: 0 2px 4px transparentize(#6c6f73, .9); +} + +@mixin cardify{ + background: #fff; + border-radius: 4px; + //@include cardShadow; +} + +@mixin rounded{ + border-radius: 200px; +} + +@mixin gradient{ + background: linear-gradient(to left, $secondary, $primary); +} +// @param $parent is the parent of the element that will get focus on click +@mixin focusOnClick($focusecondary){ + &:active{ + background: darken($focusecondary, 3%); + } +} + + +/* Custom scrollbar */ +@mixin customScrollbar($bla){ + #{$bla}::-webkit-scrollbar-track{ + background-color: transparent; + } + #{$bla}::-webkit-scrollbar{ + width: 6px; + background-color: transparent; + } + #{$bla}::-webkit-scrollbar-thumb{ + background-color: #e9eef2; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + } +} \ No newline at end of file diff --git a/public/theme_assets/sass/modules/_dashboard.scss b/public/theme_assets/sass/modules/_dashboard.scss new file mode 100644 index 0000000..23a2974 --- /dev/null +++ b/public/theme_assets/sass/modules/_dashboard.scss @@ -0,0 +1,2380 @@ +/*************************************** + START DASHBOARD AREA +****************************************/ +.dashboard-area { + background: $bgcolor; +} + +.dashboard_menu_area { + box-shadow: 0 3px 10px transparentize(#798796, .9); + background: darken($primary, 2%); + + .dashboard_menu { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + li { + &:last-child { + margin-right: 0; + } + + a { + color: rgba(#fff, 0.6); + font-size: 16px; + padding: 8px 0; + display: inline-block; + line-height: 70px; + + &:hover { + color: #fff; + } + + span.lnr { + font-size: 18px; + margin-right: 10px; + } + } + + &:first-child { + a { + padding-left: 0; + } + } + + &:last-child { + a { + padding-right: 0; + } + } + + &.active { + a { + color: #fff; + border-bottom: 3px solid #fff; + } + } + } + } + + .dashboard_menu--two { + justify-content: flex-start; + + li { + margin-right: 30px; + + &:last-child { + margin-right: 0; + } + } + } +} + +.dashboard_contents { + &.padding-0 { + padding: 0; + } + + .dashboard_title_area { + @extend .product-title-area; + display: flex; + align-items: center; + } +} + +.author-info--dashboard { + background: #fff; + padding: 30px; + min-height: 150px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 30px; + border-radius: 4px; + text-align: center; + + h1 { + margin: 7px 0; + } + + p { + margin-bottom: 0; + } +} + +/* DEFAULT DASHBOARD PAGE OR AREA */ +.dashboard_module { + @include cardify; + margin-bottom: 30px; + + .dashboard__title { + padding: 26px 30px 24px; + border-bottom: 1px solid $border-color; + overflow: hidden; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + @include xs{ + justify-content: center; + } + + h5 { + flex: 1; + } + + .select-wrap { + .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + border-radius: 2px; + &:focus{ + outline: none; + border: none !important; + } + } + } + } + + .loading { + a { + display: flex; + align-items: center; + @extend .color-secondary; + + span { + margin-left: 5px; + } + } + + a:hover { + @extend .color-primary; + } + } + + .dashboard__content { + padding: 0 28px 30px; + + >ul { + li { + padding-top: 25px; + } + } + } + + &.recent_message { + .dashboard__content { + .messages { + .message { + .actions { + display: none; + } + + padding: 30px 0; + + .message_data { + width: calc(100% - 56px); + } + } + } + } + } +} + +/* dashboard statistics area */ +.statistics_module { + .dashboard__title { + border-bottom: 1px solid $border-color; + margin-bottom: 25px; + } + + .select-wrap, + #stat_legend { + flex: 1; + } + + .select-wrap { + display: flex; + justify-content: flex-end; + } + + #stat_legend { + margin-top: 0; + + ul { + display: flex; + justify-content: center; + flex-wrap: wrap; + + li { + margin-right: 20px; + + &:last-child { + margin-right: 0; + } + + div { + span:last-child { + width: auto; + } + } + + &>span { + display: none; + } + } + } + } +} + +.statistics_data { + border-top: 1px solid $border-color; + padding-top: 25px; + margin-top: 25px; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + .row { + width: 100%; + } + + .single_stat_data { + display: inline-block; + text-align: center; + + .single_stat__title { + line-height: 30px; + font-weight: 500; + } + + p { + margin: 7px 0 0 0; + } + } +} + +/*dashboard statistic area 2*/ +.legend { + margin-top: 20px; + + ul { + li { + display: inline-block; + margin-right: 30px; + color: #747a86; + + span { + height: 12px; + width: 12px; + display: inline-block; + border-radius: 50%; + margin-right: 3px; + } + } + } +} + +/*chart*/ +.visit_data { + .select-wrap { + select { + padding-right: 15px; + } + + span { + right: 0; + } + + .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + } + } + + .dashboard__content { + padding: 0; + } + + .tab-content .tab-pane { + padding-bottom: 0; + } + + .v_refer { + padding: 26px 30px 0; + margin-bottom: 30px; + border-bottom: 1px solid $border-color; + + .nav.nav-tabs { + li { + border: none; + display: inline-block; + margin-right: 30px; + + &:last-child { + margin-right: 0; + } + + a { + padding-bottom: 17px; + font-size: 18px; + color: #363940; + font-weight: 500; + + &.active { + &:before { + height: 1px; + width: 100%; + left: 0; + bottom: -1px; + } + } + } + + &:before { + display: none; + } + } + } + + .select-wrap { + float: right; + } + } + + .charts { + padding: 0 13px 30px 30px; + } + + .referrals_data { + padding-right: 17px; + + ul { + li { + overflow: hidden; + padding: 15px 0; + border-bottom: 1px solid $border-color; + + &:first-child { + border-top: 1px solid $border-color; + } + + &:last-child { + border-bottom: 0; + padding-bottom: 0; + } + + p { + margin-bottom: 0; + color: #747a86; + line-height: 28px; + + img { + margin-right: 10px; + } + } + + .site { + float: left; + } + + .visit { + float: right; + color: #000; + + span { + margin-right: 6px; + color: #747a86; + text-transform: capitalize; + } + } + } + } + } + + #pie-legend { + width: 100%; + height: 100%; + overflow: hidden; + + .piechart1-legend { + display: flex; + flex-wrap: wrap; + height: 103px; + width: 100%; + overflow-y: scroll; + box-sizing: content-box; + + /* width */ + &::-webkit-scrollbar { + width: 10px; + } + + /* Track */ + &::-webkit-scrollbar-track { + box-shadow: none; + border-radius: 10px; + border: 1px solid $border-color; + } + + /* Handle */ + &::-webkit-scrollbar-thumb { + background: #c7c7c7; + border-radius: 10px; + } + + li { + width: 100%; + display: flex; + justify-content: space-between; + padding-bottom: 10px; + margin-right: 10px; + margin-bottom: 9px; + border-bottom: 1px solid $border-color; + + &:last-child { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; + } + + &>span { + width: auto; + } + } + } + } +} + +.chart_top { + .v_refer { + .nav-tabs { + display: inline-block; + border-bottom: 0; + + li { + &.active { + a { + color: #000; + } + } + + a { + &:hover { + background: none; + } + + border: 0; + font-size: 22px; + line-height: 28px; + font-weight: 400; + color: #747a86; + } + } + } + } +} + +/* country visit statistic */ +.country_statistics { + .select-wrap { + select { + padding-right: 15px; + } + + span { + right: 0; + } + } + + .dashboard__content { + padding: 0 28px; + } + + table { + margin-bottom: 0; + + thead { + tr { + th { + border-bottom: 1px solid $border-color; + padding: 15px 0; + color: #333; + border-top: 0; + + &:last-child { + text-align: right; + padding-right: 0 !important; + } + } + } + } + + tbody { + tr { + border-bottom: 0; + + &+tr { + border-top: 0 none; + } + + td { + color: #747a86; + font-size: 16px; + padding: 15px 0; + border: 0; + white-space: nowrap; + + &:nth-child(2) { + @extend .color-secondary; + } + + &:last-child { + text-align: right; + @extend .color-primary; + } + + .country_flag { + height: 40px; + width: 40px; + display: inline-block; + + img { + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + width: 100%; + } + } + + span { + line-height: 28px; + padding-left: 16px; + } + } + } + } + } + + .dashboard__content { + padding: 0 28px 25px; + } + + .select-wrap { + float: right; + + .period_selector { + width: auto; + height: auto; + border: 0 none; + line-height: 15px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + } + } +} + +/* recent sells */ +.recent_sells { + .single_sell { + overflow: hidden; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + .single_sell__thumb-title { + flex-grow: 4; + display: flex; + align-items: center; + + .prod_thumbnail { + img { + max-width: 100%; + border-radius: 3px; + } + } + + .prod_title { + padding-left: 20px; + + h6 { + line-height: 24px; + padding-bottom: 4px; + } + + .category { + color: $text-color2; + font-weight: 300; + } + } + } + + .ammount { + padding-top: 15px; + flex-grow: 1; + display: flex; + justify-content: flex-end; + + p { + line-height: 28px; + margin-bottom: 0; + + &:last-child { + margin-right: 0; + @extend .color-primary; + } + } + } + } +} + +/* popular sells */ +.popular_sells { + @extend .recent_sells; + + .single_sell .ammount { + justify-content: space-between; + } +} + +/* recent activity */ +.recent_activity { + ul { + li { + display: flex; + + &+li { + padding-top: 20px !important; + } + + &:last-child { + .icon:before { + content: none; + } + } + + .icon { + margin-right: 13px; + position: relative; + + &:before { + position: absolute; + content: ''; + width: 1px; + top: 30px; + left: 50%; + border: 1px dashed #ebedf2; + height: 100%; + transform: translateX(-50%); + } + + span { + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + font-weight: 500; + color: #fff; + border-radius: 50%; + } + } + + .activity-contents { + h6 { + margin-bottom: 5px; + } + + p { + line-height: 20px; + margin-bottom: 8px; + } + + p, + span { + font-size: 13px; + display: block; + } + } + } + } +} + +/* single item visitor*/ +.single_item_visitor { + .dashboard__title { + margin-bottom: 37px; + + #visit_legend { + float: right; + } + } + + .dashboard__content { + .item_info { + .select-wrap { + select { + min-height: 48px; + border: 1px solid $border-color; + } + + span { + right: 15px; + } + } + + margin-bottom: 28px; + overflow: hidden; + + .select-wrap { + float: left; + margin-top: 9px; + + select { + font-weight: 400; + color: $title-color; + } + } + + .info { + float: right; + text-align: right; + + h2 { + line-height: 36px; + font-weight: 500; + @extend .color-secondary; + } + + p { + margin-bottom: 0; + font-size: 15px; + line-height: 30px; + color: $text-color; + } + } + } + } +} + +/* total revenue */ +.total_revenue { + .dashboard__title #visit_legend { + margin-top: 0; + + ul li>span { + display: none; + } + } +} + +/* recent buyers */ +.recent_buyers { + .single_buyer { + overflow: hidden; + + .buyer__thumb_title { + overflow: hidden; + float: left; + + h6 { + line-height: 28px; + font-weight: 400; + } + + .thumb { + float: left; + height: 50px; + width: 50px; + + img { + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + max-width: 1000%; + } + } + + .title { + float: left; + padding-left: 20px; + + p { + color: #747a86; + margin-bottom: 0; + font-size: 14px; + line-height: 18px; + } + } + } + + .price { + float: right; + padding-top: 15px; + @extend .color-primary; + + p { + margin: 0; + } + } + } +} + +/* recent comment */ +.recent_comment { + .dashboard__content { + .thread { + .single-thread { + &:last-child { + .media { + padding-bottom: 0; + } + } + + &+.single-thread { + border-bottom: 0; + border-top: 1px solid $border-color; + } + + display: block; + + .media { + padding: 30px 0; + + .media-left { + a { + width: 50px; + height: 50px; + + img { + border-radius: 50%; + } + } + } + + .media-body { + .media-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + .media-heading { + div a { + h4 { + display: inline-block; + font-weight: 500; + } + } + + .comment-tag { + color: #fff; + } + + p { + padding-top: 4px; + } + } + } + + a.reply-link { + padding-top: 0; + margin-left: 15px; + } + } + + &.depth-2 { + margin-left: 0; + padding-top: 0; + border-top: 0; + margin-top: 6px; + } + } + } + } + } +} + +/* product que */ +.product_que { + ul { + li { + display: flex; + justify-content: space-between; + + } + } + + .uploaded_product { + padding-right: 15px; + + h6 { + line-height: 24px; + } + + p { + margin-bottom: 0; + font-size: 15px; + } + } + + .cross { + @extend .color-danger; + font-size: 14px; + + span { + width: 35px; + height: 35px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: $transition-base; + } + + &:hover { + span { + @extend .bg-danger; + color: #fff; + } + } + } +} + +/* DASHBOARD SETTING AREA */ +.information_module { + @include cardify; + margin-bottom: 30px; + + .information__set { + border-top: 1px solid $border-color; + + .information_wrapper { + padding: 30px; + + &.form--fields { + padding: 30px; + } + } + } + + #authbio { + height: 180px; + } +} + +// profile images module +.profile_images { + .information_wrapper { + padding: 40px !important; + } + + input[type='file'] { + visibility: hidden; + opacity: 0; + position: absolute; + } + + p { + margin-bottom: 0; + } + + .subtitle { + font-size: 14px; + color: #898f96; + } + + .bold { + color: #000; + } + + .profile_image_area { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: center; + + .upload_btn { + margin-bottom: 0; + + .btn-danger { + margin-left: 4px; + } + } + + .img_info, + img { + display: inline-block; + vertical-align: middle; + } + + .img_info { + @include xs{ + padding: 10px 0; + } + } + + img { + border-radius: 50%; + padding-right: 14px; + } + } + + .prof_img_upload { + img { + width: 100%; + } + + p { + display: inline-block; + } + + .bold { + padding-bottom: 9px; + } + + .upload_title { + overflow: hidden; + padding-top: 20px; + + p { + padding-top: 10px; + } + } + + .upload_btn { + padding: 0; + } + } +} + +// Social profiles module +.social_profile { + .social__single { + margin-bottom: 30px; + display: flex; + + .link_field { + width: 100%; + padding-left: 12px; + } + } + + .social__single:last-child { + margin-bottom: 0; + } +} + +/* Mail setting area */ +.mail_setting { + .information_wrapper { + padding: 15px 30px 12px !important; + } + + .custom_checkbox { + position: relative; + padding-bottom: 18px; + margin-top: 15px; + border-bottom: 1px solid #e8ebf0; + + &:last-child { + border-bottom: 0; + } + + label { + cursor: pointer; + + .radio_title { + display: block; + font-weight: 500; + color: #000; + padding-left: 75px; + } + + .shadow_checkbox { + position: absolute; + top: 5px; + } + + .desc { + padding-left: 75px; + font-size: 14px; + color: #898f96; + } + + .circle { + position: absolute; + left: 0; + top: 5px; + } + + span { + line-height: 26px; + font-size: 16px; + } + } + } +} + +.dashboard_setting_btn { + text-align: left; + margin: -5px; + margin-top: 20px; + + .btn { + margin: 5px; + } +} + +/*---- end dashboard settigs area ----*/ + +/* DASHBOARD PURCHASE AREA */ +.dashboard_purchase { + .modules__content { + border-radius: 4px; + } + + .dashboard_menu { + display: flex; + + li.active { + a { + @extend .b-bottom-2-primary; + } + } + } + + .dashboard_contents { + .table_module { + .table_header { + border-bottom: 1px solid $border-color; + + h3 { + padding: 25px; + } + } + } + } + + .dashboard__title { + padding: 30px 0; + } + + .filter__option { + margin-right: 28px; + margin-left: 0; + } + + .filter-bar .filter__option p { + font-size: 18px; + } +} + +.product_archive { + background: #fff; + @include cardify; + + .title_area { + padding: 30px; + border-bottom: 1px solid $border-color; + } + + .add_info { + padding-left: 35px; + } + + &.added_to__cart { + padding-bottom: 40px; + + .single_product { + padding: 0; + } + + .cart_calculation { + padding: 25px 30px 0 0; + } + + .product__price_download .item_action { + float: none; + } + + .short_desc a { + h5 { + transition: $transition; + } + + &:hover { + h4 { + @extend .color-primary; + } + } + } + } + + .pagination-default { + margin-bottom: 30px; + } +} + +.single_product { + padding: 30px 45px; + border-bottom: 1px solid $border-color; + + .product__description { + display: flex; + align-items: center; + + img { + border-radius: 4px; + } + + .short_desc { + padding-left: 20px; + flex: 2; + + h5 { + line-height: 28px; + + a { + color: inherit; + + &:hover { + @extend .color-primary; + } + } + } + + p { + margin: 5px 0 0 0; + } + } + } + + .product__additional_info { + padding-left: 35px; + height: 100%; + display: flex; + align-items: center; + + ul li a { + &:hover { + @extend .color-secondary; + } + + img { + margin-right: 5px; + } + } + + p { + span { + color: #555; + } + + margin: 0; + color: #000; + } + } + + .license p { + @extend .color-primary; + font-weight: 400; + } + + .product__price_download { + display: table; + width: 100%; + height: 100%; + align-items: center; + + .item_price { + display: table-cell; + + span { + line-height: 32px; + display: inline-block; + padding: 0 15px; + color: $title-color; + margin-right: 10px; + font-size: 24px; + font-weight: 400; + } + } + + .item_action { + float: right; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + + .btn { + display: block; + + &+.btn { + margin-top: 12px; + } + } + + .rating--btn { + position: relative; + background: none; + @extend .b-1-secondary; + min-width: 154px; + + &:focus { + outline: 0; + } + + .rating { + position: relative; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + top: 0; + + ul li { + &+li { + margin-left: 5px; + margin-right: 0; + } + + span.fa-star-o { + color: #898f96; + } + } + } + + .rate_it { + position: absolute; + opacity: 0; + visibility: hidden; + left: 0; + margin-bottom: 0; + top: -10%; + text-align: center; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + width: 100%; + } + } + + .not--rated:hover { + .rate_it { + visibility: visible; + opacity: 1; + top: 50%; + transform: translateY(-50%); + @extend .color-secondary; + } + + .rating { + top: 20px; + opacity: 0; + visibility: hidden; + } + } + + .remove_from_cart { + &:hover { + span { + @extend .bg-danger; + color: #fff; + } + } + + span { + font-size: 18px; + transition: 0.2s; + line-height: 50px; + width: 50px; + text-align: center; + background: transparentize($primary, 0.9); + border-radius: 50%; + display: inline-block; + @extend .color-primary; + } + } + } + } +} + +// dashboard purchase modal content +.rating_modal { + .modal-header { + display: block; + + h4 { + display: inline-block; + font-weight: 400; + } + + P { + display: inline-block; + margin-left: 14px; + + a { + @extend .color-primary; + } + } + } + + .modal-body { + ul li { + margin-bottom: 30px; + + p { + min-width: 138px; + display: inline-block; + margin-bottom: 0; + color: #333; + font-weight: 400; + + &:after { + content: ':'; + } + } + + .right_content { + display: inline-block; + background: none; + border: 1px solid $border-color; + } + + &:last-child { + .right_content { + border: 0 none; + } + } + } + + .rating_field { + label { + margin-bottom: 16px; + } + } + + .text_field { + border-radius: 4px; + height: 200px; + margin-bottom: 20px; + padding: 15px 25px; + } + + .notice { + margin-bottom: 35px; + } + } +} + +/*---- end dashboard PURCHASE area ----*/ +.btn .br-wrapper { + position: relative; + z-index: 1; +} + +/***************************** + DASHBOARD ADD CREDIT AREA + *****************************/ +.shortcode_modules { + @extend .credit_modules; + + .btn { + margin-bottom: 25px; + margin-left: 6px; + } + + .form-group { + margin-bottom: 45px; + } + + .typog { + + h1, + h2, + h3, + h4, + h5, + h6 { + margin-bottom: 30px; + } + + h6 { + margin-bottom: 20px; + } + } +} + +.credit_modules { + margin-bottom: 30px; + @extend .cardify; + + .modules__title { + border-bottom: 1px solid $border-color; + padding: 30px; + } + + .custom_amount { + .input-group-addon { + font-weight: 500; + font-size: 22px; + } + + input { + height: 55px; + font-size: 20px; + font-weight: 400; + background: $section-bg; + border: 0 none; + } + } + + .modules__content { + padding: 30px 30px 10px 30px; + + &.credit--contents { + display: flex; + align-items: center; + padding: 30px 30px 40px; + } + + .subtitle { + font-size: 16px; + color: $text-color; + margin-bottom: 25px; + } + + .amounts { + display: flex; + + ul { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + + li { + margin-right: 20px; + + &:last-child { + margin-right: 0; + } + + p { + font-size: 30px; + line-height: normal; + cursor: pointer; + font-weight: 400; + background: $section-bg; + padding: 10px 20px; + text-align: center; + border-radius: 3px; + color: $title-color; + margin: 0; + + &.selected { + @extend .bg-primary; + color: #fff; + } + } + } + + span { + font-weight: 300; + font-size: 20px; + color: $text-color2; + padding-top: 15px; + } + } + + .or { + font-size: 20px; + @extend .color-secondary; + font-weight: 500; + padding: 12px 30px; + } + } + + .payment_method { + li { + display: inline-block; + margin-right: 15px; + margin-bottom: 30px; + } + } + + .custom_radio--big { + label { + text-align: center; + + img { + display: block; + max-width: 192px; + height: 123px; + border: 3px solid #e0e3ea; + } + + span.circle { + margin-top: 20px; + } + } + } + } + + .payment_info { + padding-top: 0; + + .btn { + margin-top: 30px; + } + } +} + +.payment_module { + @extend .cardify; + + .modules__title { + border-bottom: 1px solid $border-color; + padding: 30px; + } + + .payment_tabs { + padding: 30px 30px 10px; + position: relative; + + ul.nav-tabs { + position: absolute; + display: block; + left: 30px; + top: 30px; + + li { + display: inline-block; + border: 0; + + a { + border: 1px solid $border-color; + padding: 0 40px; + border-radius: 25px; + line-height: 50px; + color: $title-color; + + &.active { + color: #fff; + @extend .bg-secondary; + @extend .bg-secondary; + position: relative; + z-index: 1; + + &:before { + content: none; + } + } + } + + &+li { + margin-left: -38px; + } + } + } + + .modules__content { + .cards-logo { + display: flex; + justify-content: flex-end; + margin-bottom: 40px; + @include xs{ + margin: -5px; + margin-bottom: 40px; + flex-wrap: wrap; + li{ + margin:5px; + } + } + + li { + margin-right: 10px; + + &:last-child { + margin-right: 0; + } + } + } + + .payment_info { + .select-wrap select { + border-radius: 2px; + } + } + } + } +} + +/* END DASHBOARD ADD CREDIT AREA */ + +/* DASHBOARD STATEMENT AREA */ +.dashboard_title_area .dashboard__title { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + + h3 { + line-height: 47px; + } +} + +.dashboard_title_area .add-payment-btn { + width: 27%; +} + +.statement_info_card { + @extend .cardify; + width: 100%; + margin-bottom: 30px; + + .info_wrap { + display: flex; + justify-content: center; + align-items: center; + min-height: 150px; + padding: 0 20px; + } + + .icon { + @include rounded; + line-height: 60px; + margin-right: 15px; + width: 60px; + display: inline-block; + text-align: center; + font-size: 24px; + } + + .info { + display: inline-block; + @extend .v_middle; + + p { + font-size: 30px; + line-height: 34px; + font-weight: 500; + margin-bottom: 5px; + } + + span { + color: #54667a; + font-size: 18px; + font-weight: 300; + display: block; + } + } +} + +.statement_table { + @extend .cardify; + + .pagination-default { + margin-bottom: 30px; + margin-right: 28px; + } +} + +/*---- end dashboard statement area ----*/ + +/* DASHBOARD INVOICE AREA */ +.invoice-page { + .dashboard_title_area { + padding: 25px 30px 25px; + } + + .dashboard__title { + h3 { + line-height: 45px; + } + } +} + +.print_btn { + margin-right: 20px; + + span { + margin-right: 8px; + } +} + +.invoice { + @include cardify; + + .invoice__head { + overflow: hidden; + padding: 30px; + border-bottom: 1px solid $border-color; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + + .invoice_logo {} + + .info { + text-align: right; + + h4 { + margin-bottom: 5px; + line-height: 32px; + color: #333; + font-weight: 500; + } + + p { + margin-bottom: 0; + } + } + } + + .invoice__meta { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + p { + line-height: 30px; + } + + .address { + h5 { + color: #000; + line-height: 30px; + } + } + + .date_info { + text-align: right; + + p { + span { + color: #000; + font-weight: 500; + margin-right: 5px; + + &:after { + content: ':'; + margin-left: 2px; + } + } + + &.status { + @extend .color-secondary; + } + } + } + } + + .invoice__meta { + padding: 45px 30px; + + p { + margin-bottom: 0; + } + } + + .pricing_info { + padding: 0 30px 30px; + margin-top: 30px; + text-align: right; + + p { + margin: 0; + color: #000; + line-height: 36px; + } + + .bold { + font-size: 18px; + } + } + + .invoice__detail { + margin-top: 100px; + + table { + display: inline-table; + } + } +} + +/*---- end dashboard statement area ----*/ + +/* DASHBOARD UPLOAD AREA */ +.upload_modules { + @include cardify; + @extend .credit_modules; + + .form-group { + margin-bottom: 30px; + + p { + margin: 0; + } + } + + .custom-radio { + label { + font-size: 16px; + } + } + + &.pricing--info { + .modules__content { + padding: 30px 30px 10px; + } + + .form-group { + .input-group { + position: relative; + + input { + padding-left: 26px; + } + + span { + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); + font-size: 16px; + color: $text-color; + } + } + } + } + + .modules__content { + .pricing-single { + .pricing-wrapper { + p { + color: red; + } + } + } + + .checkbox-outline { + border: 1px solid $border-color; + height: 50px; + border-radius: 3px; + + .toggle-switch .slider { + top: -5px; + left: auto; + right: 20px; + } + + .toggle-switch input:checked+.slider { + @extend .bg-secondary; + } + + .check-confirm { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 20px; + } + } + } +} + +/* DASHBOARD EDIT PAGE */ +.dashboard-edit { + .product { + .product__thumbnail { + &:before { + display: none; + } + } + + .prod_option { + position: absolute; + top: 20px; + left: 20px; + + &.open { + .options.dropdown-menu { + visibility: visible; + opacity: 1; + } + } + + .setting-icon { + font-size: 20px; + line-height: 45px; + width: 45px; + text-align: center; + background: #000; + color: #fff; + display: inline-block; + @extend .bg-primary; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + cursor: pointer; + } + + .options { + position: absolute; + width: 120px; + background: #fff; + padding: 20px; + border-radius: 4px; + opacity: 0; + display: initial; + transition: $transition; + visibility: hidden; + top: calc(100% + 20px); + + &:before { + content: ''; + position: absolute; + bottom: 100%; + left: 10px; + border-bottom: 10px solid #fff; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + } + + ul { + li { + a { + color: #54667a; + padding: 5px 0; + transition: $transition; + display: inline-block; + + span { + margin-right: 5px; + font-size: 14px; + } + + &:hover { + @extend .color-primary; + } + + &.delete:hover { + @extend .color-danger; + } + } + } + } + } + } + } +} + +/* trumboyg*/ +.trumbowyg-button-pane { + background: #e1e7ee; +} + +.trumbowyg-box, +.trumbowyg-editor { + border: none; + min-height: 200px; + background: #f4f5f8; + margin-bottom: 0; +} + +.upload_wrapper { + >p { + font-weight: 500; + margin-top: 0; + color: #000; + margin-bottom: 6px; + font-size: 16px; + + span { + font-size: 15px; + color: #555; + font-weight: 400; + margin-left: 10px; + } + } + + label { + margin-bottom: 0; + } + + .upload-field { + display: flex; + align-items: center; + flex-wrap: wrap; + + .custom_upload { + margin-right: 45px; + flex: 2; + + span i { + margin-right: 8px; + position: relative; + top: 2px; + } + } + + p { + flex: 3; + margin: 0; + } + } +} + +.filter-bar.dashboard_title_area { + padding: 24px 30px; + + .dashboard__title { + h3 { + line-height: 45px; + } + } + + .filter__option { + margin-right: 0; + padding: 0; + + p { + font-size: 18px; + } + } +} + +/*dashboard withdraw page */ +.dashboard-withdraw { + .dashboard_title_area { + padding: 23px 30px; + + h3 { + line-height: 45px; + } + } +} + +.withdraw_module { + @extend .upload_modules; + background: transparent; + + .modules__content { + .subtitle { + font-size: 20px; + line-height: 28px; + font-weight: 400; + + a { + @extend .color-primary; + } + } + } + + .option-single { + padding-bottom: 30px; + border-bottom: 1px solid $border-color; + margin-bottom: 30px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + position: relative; + + &:last-child { + border-bottom: 0; + margin-bottom: 0; + } + + .custom-radio { + margin-bottom: 0; + } + + .op_action { + display: flex; + align-items: center; + + .exp_date { + padding-right: 45px; + + &.expired { + color: $red; + } + } + + .ac_btn { + position: absolute; + right: 0; + top: 5px; + + .dropdown-menu { + left: auto !important; + right: 0; + border-radius: 0; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.13); + border: 0 none; + padding: 15px 0; + + .dropdown-item { + &:hover { + @extend .color-primary; + background: none; + } + } + } + + .dropdown-toggle { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transition: $transition-base; + + &:hover, + &:focus { + @extend .bg-primary; + + .svg { + fill: #fff; + } + } + } + + .dropdown-toggle { + &:after { + content: none; + } + + span { + width: 18px; + display: block; + margin-right: -3px; + + .svg { + fill: $text-color; + transition: $transition-base; + width: 14px; + } + } + } + } + } + } + + .custom-radio { + margin-bottom: 10px; + + label { + color: #333; + + .card-name { + margin-left: 20px; + } + + .c_active { + margin-left: 20px; + line-height: 30px; + } + } + + .bold { + font-size: 16px; + } + + &:last-child { + margin-bottom: 0; + } + } + + .withdraw_amount { + margin-top: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + margin-bottom: 15px; + + .input-group { + width: auto; + position: relative; + + .input-group-addon { + width: auto; + position: absolute; + left: 15px; + font-size: 16px; + top: 50%; + transform: translateY(-50%); + color: $text-color; + } + + input { + width: 235px; + font-weight: 400; + background: #eff1f5; + border: 0 none; + padding-left: 27px; + } + } + + .fee { + display: block; + margin-left: 15px; + color: #555; + } + } + + .button_wrapper { + margin-top: 40px; + + a { + margin-left: 6px; + } + } +} + +.withdraw_history { + padding-bottom: 10px; +} + +.withdraw_table_header { + padding: 33px 25px 30px; + border-bottom: 1px solid $border-color; +} + +.withdraw__table { + tbody { + tr { + td { + + &:nth-child(1), + &:nth-child(2) { + color: $text-color; + } + } + } + } + + thead>tr>th { + padding: 20px 30px; + } +} + +/* end dashboard withdraw page*/ \ No newline at end of file diff --git a/public/theme_assets/sass/modules/_product-single.scss b/public/theme_assets/sass/modules/_product-single.scss new file mode 100644 index 0000000..9586290 --- /dev/null +++ b/public/theme_assets/sass/modules/_product-single.scss @@ -0,0 +1,829 @@ +/* Product single styles */ + +.product-single { + padding: 30px; + background: #fff; + position: relative; + overflow: hidden; + border-radius: 3px; +} + +.product-single .featured-badge { + position: absolute; + line-height: 35px; + width: 200px; + @extend .bg-warning; + text-align: center; + left: -60px; + top: 20px; + transform: rotate(-45deg); + z-index: 2; + color: #333; +} + +.product-single .product-thumb { + position: relative; + border-radius: 4px 4px 0 0; + overflow: hidden; + /* Promotion Badge */ + .s-promotion { + position: absolute; + right: 0; + top: 15px; + @extend .bg-danger; + color: #fff; + line-height: 36px; + padding: 0 20px; + border-radius: 25px 0 0 25px; + z-index: 2; + } + + /* Product rating */ + .product-rating2 { + position: absolute; + padding: 10px 20px; + background: #fff; + border-radius: 0 25px 25px 0; + left: 0; + bottom: 7px; + ul { + li { + font-size: 15px; + @extend .color-warning; + line-height: 0; + } + } + } + + figure { + position: relative; + margin: 0; + img { + width: 100%; + } + ul li a { + &:hover { + color: #fff; + @extend .bg-secondary; + } + } + &:hover { + figcaption { + visibility: visible; + background: rgba(88, 103, 221, 0.9); + ul { + top: 50%; + opacity: 1; + } + } + } + .prod_option { + position: absolute; + top: 20px; + left: 20px; + .dropdown-toggle { + &:after { + content: none; + } + } + .setting-icon { + font-size: 20px; + line-height: 45px; + width: 45px; + text-align: center; + color: #fff; + display: inline-block; + @extend .bg-primary; + -webkit-border-radius: 200px; + border-radius: 200px; + cursor: pointer; + } + .options { + width: 120px; + background: #fff; + padding: 15px 20px; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + top: 25px !important; + position: relative; + &:before { + position: absolute; + content: ""; + bottom: 100%; + left: 7%; + border-bottom: 10px solid #fff; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + } + ul li { + padding: 0; + &:focus, &:active, &:hover { + background: none; + } + + a { + color: #54667a; + padding: 2px 0; + -webkit-transition: 0.3s; + -o-transition: 0.3s; + transition: 0.3s; + display: inline-block; + font-size: 14px; + span { + display: inline-block; + padding-right: 5px; + } + &:hover { + @extend .color-primary; + background: none; + } + &.delete:hover { + @extend .color-danger; + } + } + } + + } + + } + figcaption { + position: absolute; + width: 100%; + left: 0; + top: 0; + height: 100%; + background: rgba(88, 103, 221, 0); + visibility: hidden; + transition: $transition; + border-radius: 4px 4px 0 0; + z-index: 1; + ul { + position: absolute; + width: 100%; + top: 65%; + transform: translateY(-50%); + left: 0; + text-align: center; + transition: $transition; + opacity: 0; + li { + display: inline-block; + a { + display: block; + background: #fff; + @extend .color-primary; + padding: 15px 20px; + border-radius: 3px; + } + &:first-child { + margin-right: 10px; + } + } + } + } + } +} + +.product-excerpt { + padding: 10px 0 0; + h3 { + margin: 15px 0 13px 0; + padding-bottom: 0 !important; + line-height: 30px; + text-align: left; + a { + color: $title-color; + &:hover { + @extend .color-primary; + } + } + } + ul.titlebtm { + display: flex; + justify-content: flex-start; + align-items: center; + flex-wrap: wrap; + li { + color: #b8bece; + margin-bottom: 8px; + &:last-child { + margin-right: 0; + margin-left: 10px; + } + img, p { + display: inline-block; + margin-bottom: 0; + } + img { + margin-right: 5px; + width: 25px; + height: 25px; + } + a { + color: $text-color2; + &:hover { + @extend .color-primary; + } + } + } + } + .product-facts { + padding-top: 20px; + margin-top: 12px; + border-top: 1px solid #ebedf2; + display: flex; + align-items: center; + flex-wrap: wrap; + li { + margin-right: 15px; + &:last-child { + margin-right: 0; + } + &.price { + @extend .color-primary; + line-height: 30px; + padding: 0 10px; + font-size: 16px; + background: rgba($primary, 0.08); + border-radius: 3px; + } + &.sells { + color: $title-color; + span { + padding-right: 10px; + color: $text-color2; + } + } + &.product-fav { + position: relative; + margin-left: 15px; + &::before { + position: absolute; + content: ""; + height: 20px; + width: 1px; + background: #ececec; + left: -15px; + top: 0; + } + span { + color: $text-color2; + padding: 0 5px; + cursor: pointer; + } + } + &.product-rating { + margin-left: auto; + @include xxs{ + margin-left: unset; + margin-top: 10px; + margin-bottom: 10px; + } + ul { + display: flex; + align-items: center; + li { + display: flex; + margin-right: 1px; + span { + &.rate_active{ + &:before{ + content: '\f318'; + font-family: "LineAwesome"; + } + } + &.rate_disabled{ + &:before{ + content: '\f31b'; + font-family: "LineAwesome"; + } + } + @extend .color-warning; + } + &.total-rating { + color: $text-color2; + } + } + } + } + } + } +} + +.single--vendor .product-excerpt ul.titlebtm li { + margin-left: 0; +} + +.more-item-btn { + text-align: center; + margin-top: 50px; +} + +/* Featured Products 2 */ +.featured-products2 { + border-bottom: 1px solid $border-color; + .product-single { + padding: 0; + .product-excerpt { + border: 1px solid $border-color; + } + } +} + +/*************************************** + START SINGLE PRODUCT DESCRIPTION AREA +****************************************/ +.single-product-desc { + padding: 100px 0; +} + +.single-product-desc2 { + .item-navigation { + text-align: center; + border-bottom: 1px solid $border-color; + } + .item-info { + padding: 0 30px 30px; + } + .sidebar--single-product .card-pricing .price { + box-shadow: none; + } + .item-info .tab-content #product-details .item_social_share { + border-top: 1px solid $border-color; + p, img { + margin-bottom: 0; + } + .social { + ul { + padding-bottom: 0; + li:before { + display: none; + } + } + } + } +} + +/* ********* items preview area ********** */ +.item-prev-area { + position: relative; + .prev-nav { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + padding: 0 30px; + width: 100%; + display: flex; + justify-content: space-between; + } +} +.item-preview--excerpt{ + padding: 0 30px 30px; +} +.item__preview-img{ + position: relative; +} +.item-preview { + padding:0; + .prev-slide img { + border-radius: 4px 4px 0 0; + } + img { + max-width: 100%; + } + @extend .sidebar-card; + .item__preview-thumb { + padding: 30px 30px 0; + .thumb-slider { + width: 100%; + } + .item-thumb { + margin-right: 3px; + cursor: pointer; + outline: 0; + text-align: center; + } + } + .prev-nav { + span { + line-height: 40px; + font-size: 13px; + padding: 0 15px; + background: #fff; + cursor: pointer; + display: inline-block; + border-radius: 3px; + @include focusOnClick($secondary); + &:hover { + @extend .bg-primary; + transition: $transition; + color: #fff; + } + } + span + span { + margin-left: 16px; + } + } + + .item-preview--action { + border-top: 1px solid $border-color; + padding-top: 30px; + margin-top: 30px; + text-align: center; + a + a { + margin-left: 25px; + } + &.border-none { + padding-top: 0; + } + } + + .item_social_share { + padding-top: 30px; + text-align: center; + p { + margin-right: 30px; + display: inline-block; + img { + width: 20px; + } + span { + display: inline-block; + vertical-align: middle; + line-height: 20px; + } + } + } + + /* item preview2 style */ + &.item-preview2 { + .item-preview--action { + padding-top: 0; + border-top: 0; + border-bottom: 1px solid $border-color; + padding-bottom: 30px; + } + } +} +/* Item Activity */ +.item-preview--activity { + display: flex; + justify-content: space-between; + margin-top: 30px; + padding-top: 30px; + border-top: 1px solid $border-color; + + @include md{ + margin: -15px; + flex-wrap: wrap; + justify-content: center; + margin-top: 30px; + } + .activity-single { + padding: 10px 0; + width: calc(40% - 60px); + margin-right: 30px; + border: 3px solid $border-color; + border-radius: 3px; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + @include md{ + width: unset; + padding: 10px 30px; + margin: 15px; + } + &:last-child { + margin-right: 0; + } + p { + font-size: 15px; + font-weight: 300; + margin: 0; + span { + @extend .color-primary; + margin-right: 8px; + } + &:last-child { + font-weight: 400; + color: $title-color; + font-size: 18px; + margin-top: 5px; + } + } + ul { + display: flex; + justify-content: center; + margin-top: 7px; + li { + color: $text-color2; + &:first-child { + margin-right: 7px; + @extend .color-warning; + } + } + } + } +} + +/* ********* items detail information area ********** */ +.item-info { + border: 1px solid $border-color; + border-radius: 4px; + background: #fff; + .tab-content-wrapper { + padding: 30px 30px 0; + } +} + +.tab-content-wrapper { + padding: 30px; +} + +#product-details { + h1 { + padding-bottom: 35px; + } + h2 + p, p:last-child { + margin-bottom: 62px; + } + img { + margin-bottom: 35px; + margin-top: 5px; + width: 100%; + } + h3 { + padding-bottom: 20px; + line-height: normal; + } + li { + font-size: 16px; + line-height: 34px; + } + .item_social_share { + img { + margin-bottom: 0; + } + } + .social { + ul li:before { + display: none; + } + } + ol { + padding-left: 20px; + padding-bottom: 30px; + margin-bottom: 0; + li { + list-style: decimal; + color: $text-color2; + font-weight: 300; + } + } + ul { + padding-bottom: 30px; + li { + position: relative; + padding-left: 20px; + color: $text-color2; + font-weight: 300; + &:before { + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + left: 0; + top: 13px; + background: #b8bece; + } + } + } + iframe { + width: 100%; + } +} + +/* ********* items comment area********** */ +.thread { + .thread-list { + .single-thread { + border-bottom: 1px solid $border-color; + &:last-child { + border-bottom: 0 none; + } + .media { + padding: 30px 30px 26px; + } + .media-left { + padding-right: 19px; + a { + display: inline-block; + height: 70px; + width: 70px; + img { + max-width: 100%; + } + } + } + .media-body { + .media-heading, .comment-tag { + display: inline-block; + } + .media-heading { + h4 { + margin-bottom: 5px; + line-height: 26px; + } + span { + color: #7e7e7e; + font-size: 15px; + line-height: 26px; + } + } + .comment-tag { + vertical-align: top; + font-size: 12px; + color: #fff; + line-height: 28px; + text-transform: capitalize; + border-radius: 3px; + font-weight: 400; + padding: 0 10px; + margin-left: 15px; + &.buyer { + @extend .bg-secondary; + } + &.author { + @extend .bg-primary; + } + } + a.reply-link { + float: right; + display: inline-block; + font-size: 16px; + @extend .color-primary; + padding-top: 18px; + &:hover { + @extend .color-secondary; + } + } + p { + padding-top: 14px; + margin-bottom: 0; + } + } + + /* nested comment area css */ + .depth-2 { + margin-left: 93px; + border-top: 1px solid $border-color; + border-bottom: 0; + } + } + } + + /* ********* items review area********** */ + &.thread_review { + .thread-list { + .single-thread { + &.depth-2 { + .media-body .media-heading { + display: inline-block; + span { + margin: 0; + } + } + } + .media-body { + position: relative; + .media-heading { + display: block; + a { + display: inline-block; + } + span { + margin-left: 20px; + } + .rev_item { + margin-left: 15px; + @extend .color-secondary; + } + + } + p { + padding-top: 18px; + } + .rating { + display: inline-block; + } + } + } + + .review_tag { + background: rgba($primary, 0.2); + border-radius: 3px; + line-height: 25px; + padding: 0 10px; + display: inline-block; + color: #222; + font-weight: 400; + margin-left: 10px; + font-size: 13px; + } + + } + } + + /* thread review2 */ + &.thread_review2 { + border: 1px solid $border-color; + background: #fff; + border-radius: 4px; + .rev_time { + font-size: 15px; + color: #7e7e7e; + line-height: 26px; + margin-left: auto; + } + } +} + +/* comment reply form */ +.comment-reply-form { + textarea { + height: 79px; + border: 1px solid $border-color; + resize: none; + border-radius: 4px; + padding: 15px; + } + button { + margin-top: 20px; + } +} + +.comment-form-area { + padding: 30px 30px 0; + h4 { + line-height: 26px; + padding-bottom: 30px; + } + .media-left { + padding-right: 15px; + } + .comment-form { + @extend .comment-reply-form; + } + .support__comment { + .trumbowyg-box { + margin-top: 0; + } + } +} + +/* ********* item support area ********** */ +.support { + .support__title { + padding: 30px; + border-bottom: 1px solid $border-color; + h3 { + line-height: 26px; + padding-bottom: 0; + } + } + .support__form { + padding: 30px 30px 0; + .usr-msg { + p { + color: #333; + margin-bottom: 26px; + a { + @extend .color-primary; + } + } + } + label { + font-size: 16px; + line-height: 32px; + margin-bottom: 15px; + } + } +} + +/* ********* related item area ********** */ +.more_product_area { + border-top: 1px solid $border-color; + .section-title h2 { + margin-bottom: 0; + span { + @extend .color-primary; + } + } +} +/* END PRODUCT DESCRIPTION AREA */ \ No newline at end of file diff --git a/public/theme_assets/sass/modules/modules.scss b/public/theme_assets/sass/modules/modules.scss new file mode 100644 index 0000000..1795e19 --- /dev/null +++ b/public/theme_assets/sass/modules/modules.scss @@ -0,0 +1,5 @@ +@import "../mixins/functions"; +@import "../../../vendor_assets/css/bootstrap/config.bs"; + +@import "dashboard"; +@import "product-single"; diff --git a/public/theme_assets/sass/responsive.scss b/public/theme_assets/sass/responsive.scss new file mode 100644 index 0000000..0309533 --- /dev/null +++ b/public/theme_assets/sass/responsive.scss @@ -0,0 +1,1843 @@ +/***************************** + RESPONSIVE +*****************************/ +/**/ +/*this is responsive scss*/ +$tablet: 768px; +$laptop: 1070px; +$ipad: 992px; + +/* 1200 TO 1399 */ +@media (min-width: 1200px) and (max-width: 1399px) { + .has_megamenu .dropdown_megamenu { + width: 150%; + } + .mainmenu__menu .navbar-nav > li { + margin-right: 30px; + } + .top-menu-area .logo-top { + padding-right: 25px; + } + .top-menu-area .d_menu { + padding-left: 25px; + } +} + + +@media (min-width: 991px) { + .mainmenu__menu .navbar-nav > li > a span{ + display: none; + } + } + +/* 992 TO 1199 */ +@media (min-width: $ipad) and (max-width: 1199px) { + .mobile_content { + display: flex; + justify-content: flex-end; + .menu_icon { + display: inline-block; + } + } + .author-area { + display: none; + } + .top-menu-area .menu-fullwidth .author-menu { + flex: inherit; + margin-right: 20px; + } + + /* menu area scss */ + .mainmenu__menu .navbar-nav > li { + margin-right: 30px; + } + .has_megamenu .dropdown_megamenu { + width: 100%; + } + .searc-wrap input { + width: 300px; + } + .search_box .text_field { + width: 100%; + } + .search_box .search__select { + width: 50%; + } + .search_box .search-btn { + min-width: 190px; + } + .search_box2 .text_field { + flex: 2; + } + .product-excerpt .product-facts li.product-fav { + margin-left: 0; + } + .product-excerpt .product-facts li { + margin-right: 5px; + } + .product-excerpt .product-facts li.product-fav::before { + content: none; + } + .dashboard_menu_area .dashboard_menu { + justify-content: flex-start; + li { + margin-right: 30px; + &:last-child { + margin-right: 0; + } + } + } + + .cta2 .cta-content { + display: block; + text-align: center; + } + .cta-content .cta-text h2 { + line-height: 15px; + } + .cta-content .cta-text { + margin-bottom: 30px; + } + .blog--card .blog__meta .comment_view { + text-align: left; + padding-left: 10px; + p.view { + margin-left: 10px; + } + } + .featured_event .countdown li { + padding: 15px 15px; + } + .featured_event .date_place, + .featured_event h1 { + margin-bottom: 20px; + } + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + } + .single_speaker .speaker__detail { + width: calc(100% - 150px); + } + .author-card .author-infos .author-btn .btn:first-child { + margin-bottom: 15px; + } + .author-card .author-infos { + padding: 15px; + } + .clients-logo .logo-single { + width: 25%; + text-align: center; + } + .section-title p { + padding: 0 130px; + } + .product-excerpt h2 a { + line-height: 30px; + } + .latest-single .product-excerpt { + padding: 20px; + } + .go_top { + right: calc((100% - 991px) / 2); + } + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 20px; + } + .messaging_sidebar .messaging__header { + padding: 25px; + } + .card_style2 .card_style2__location_type { + margin-bottom: 0; + p, .type { + margin-bottom: 15px; + } + } + .credit_modules .modules__content .amounts ul li p { + font-size: 25px; + line-height: 55px; + padding: 0 17px; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats { + position: static; + left: 0; + top: 0; + transform: none; + margin-top: 20px; + } + .google_map .location_address { + left: calc((100vw - 930px) / 2); + } + .featured_event .featured_event_detail { + padding-left: 0; + } +} + +/* 991 */ +@media (max-width: $ipad - 1) { + + .top-menu-area .menu-fullwidth { + justify-content: space-between; + position: relative; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: auto; + order: 1; + .logo-top { + justify-content: center; + } + } + .top-menu-area .menu-fullwidth .menu-container { + order: 0; + flex: inherit; + margin-top: 0; + } + .top-menu-area .menu-fullwidth .author-menu { + order: 2; + flex: inherit; + } + .logo { + padding: 10px 14px; + } + .top-menu-area .d_menu { + padding-left: 15px; + } + .top-menu-area .d_menu .navbar { + position: static; + } + .menu--light .mainmenu__menu .navbar-toggler { + border-color: #bababa; + } + .menu--light .mainmenu__menu .navbar-toggler .icon-menu { + color: #bababa; + } + + /* MOBILE MENU AREA */ + .navbar-header { + .navbar-toggle { + z-index: 5; + float: left; + span { + font-size: 22px; + width: 40px; + line-height: 40px; + background: #fff; + display: inline-block; + border-radius: 5px; + color: #000; + border: 1px solid $border-color; + } + } + .mainmenu__search { + position: relative; + z-index: 1; + padding: 18px 0; + .searc-wrap { + input { + width: 210px; + line-height: 40px; + } + } + } + } + .mainmenu__menu { + min-height: 0; + .navbar-collapse { + .navbar-nav { + margin: 0; + } + position: absolute; + top: 100%; + left: 0; + width: 100%; + z-index: 5; + height: 280px; + background: #fff; + padding: 15px 15px 0; + overflow: scroll; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + } + .navbar-nav > li { + display: block; + padding: 0; + margin-right: 0; + a { + line-height: 40px; + } + } + .has_dropdown, .has_megamenu { + .dropdown, .dropdown_megamenu { + position: initial; + display: none; + box-shadow: 0 0 0; + opacity: 1; + padding: 5px; + visibility: visible; + transition: 0s; + ul { + li a { + line-height: 35px; + } + } + } + & a{ + display: block; + position: relative; + &:before{ + content: none; + } + span { + position: absolute; + right: 0; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + display: inline-block; + cursor: pointer; + line-height: normal; + } + } + } + .has_megamenu .dropdown_megamenu { + display: none; + &.contained { + width: 100%; + } + } + .megamnu_module { + float: none; + .menu_items { + display: block; + } + } + } + .menu--light .mainmenu__menu .navbar-nav > li > a { + color: inherit; + } + .mainmenu__menu { + padding: 15px 0; + .navbar-toggler { + border: 1px solid $text-color2; + padding: 3px; + } + .icon-menu { + line-height: 30px; + color: $text-color2; + } + } + .logo img { + width: 70%; + } + .top-menu-area .logo-top { + padding: 10px 0; + } + .mobile_content .menu_icon { + position: relative; + right: 15px; + top: 0; + transform: none; + } + .megamnu_module .menu_items .menu_column { + width: 100%; + } + .megamnu_module .menu_items { + overflow: scroll; + height: 180px; + } + .searc-wrap { + position: relative; + display: none; + } + .sidebar .sidebar-card .searc-wrap { + display: block; + } + + .has_megamenu .dropdown_megamenu { + width: 100%; + } + + .mobile_content { + display: flex; + justify-content: flex-end; + .menu_icon { + display: inline-block; + } + } + .author-area { + display: none; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: 50%; + } + .top-menu-area .logo-top { + border-right: 0 none; + } + .top-menu-area .d_menu { + padding-left: 20px; + } + + /* Hero Search */ + .search-area .text_field, .search-area .search__select { + margin-right: 0; + } + .search-area .search__select { + width: 42%; + margin-left: 10px; + margin-right: 10px; + } + .search_box .search-btn { + float: none; + width: auto; + } + .search_box form { + flex-wrap: wrap; + justify-content: center; + } + .search_box .search__select span { + top: 40%; + } + .search_box .text_field { + width: 50%; + } + + /* section title */ + .section-title p { + padding: 0; + } + + /* latest product */ + .product-excerpt .product-facts li.product-fav { + margin-left: 10px; + } + .product-list .pagination-2 { + margin-bottom: 0; + } + + /* Footer */ + .footer-menu { + padding-left: 0; + } + + .dashboard_menu_area .dashboard_menu { + justify-content: flex-start; + padding: 30px 0 20px 0; + li { + margin-right: 30px; + margin-bottom: 10px; + &:last-child { + margin-right: 0; + } + } + } + .dashboard_menu_area .dashboard_menu li a { + line-height: 30px; + } + .cta2 .cta-content { + display: block; + text-align: center; + } + .cta-content .cta-text h2 { + line-height: normal; + } + .cta-content .cta-text { + margin-bottom: 30px; + } + .user_area .user_single .user__status { + margin-top: 30px; + } + .user_area .user_single .user__short_desc, + .user_area .user_single .user__meta, + .user_area .user_single .user__status { + max-width: 100%; + display: block; + margin-right: 0; + border: 0 none; + } + .user_area .user_single .user__meta, + .user_area .user_single .user__status { + margin-left: 86px; + } + .card_style2 .save_job { + right: 20px; + } + .content_block5_content { + margin-bottom: 30px; + } + .product_archive h4 { + padding: 15px 0; + } + .product_archive .add_info { + padding-left: 0; + } + .single_product .product__additional_info { + padding-left: 0; + margin: 15px 0 10px 0; + } + .single_product .product__price_download { + display: flex; + align-items: center; + } + .single_product .product__price_download .item_price span { + padding: 0 20px 0 0; + } + .contact_form { + border: 0 none; + } + .single_product .product__description .short_desc { + width: 100%; + } + .product__price_download .item_action .btn--md { + max-width: 100% !important; + } + .single_product { + padding: 30px; + } + .dashboard-area .single_product .product__description { + margin-bottom: 30px; + } + .dashboard-area .single_product .product__description .short_desc { + width: auto; + } + .upload_sidebar { + margin-top: 30px; + } + .featured_event .col-md-12 { + padding-right: 0; + } + .featured_event .event_img { + margin-bottom: 0; + padding-right: 0; + img { + width: 100%; + } + } + .featured_event .featured_event_detail { + padding: 30px; + } + .event_module .list_item { + width: 100%; + } + .how_it_works_module .area_image { + margin: 20px 0; + } + .job_detail_module .job__content .informations li { + width: 50%; + } + .dwqa-container .dwqa-questions-archive .dwqa-questions-list .dwqa-question-stats { + position: relative; + right: auto; + top: auto; + transform: translateY(0); + margin: -7.50px; + margin-top: 40px; + span{ + margin: 7.50px; + } + } + .pricing-wrapper .package-single { + padding: 20px 20px 25px; + } + .product-excerpt h2 a { + line-height: 30px; + } + + .author-social { + margin-top: 30px; + width: 100%; + ul { + display: flex; + flex-wrap: wrap; + justify-content: center; + li { + margin-right: 30px; + margin-left: 0; + &:last-child { + margin-right: 0; + } + } + } + } + .go_top { + right: calc((100% - 780px) / 2); + } + .product-filter-area { + margin-bottom: 25px; + .filter-bar .filter__option { + padding: 0 0 15px 0; + } + } + .statistics_module { + .dashboard__title { + h4 { + flex: 1; + width: 100%; + } + #stat_legend { + margin-top: 15px; + flex: auto; + width: 100%; + } + .select-wrap { + justify-content: flex-start; + display: inline-flex; + flex: auto; + margin-top: 15px; + span { + position: relative; + margin-top: 10px; + } + select { + padding-left: 0; + } + } + } + } + .statistics_module #stat_legend ul { + justify-content: flex-start; + li { + margin-right: 0; + } + } + .m-bottom-md { + margin-bottom: 40px !important; + } + .m-top-md { + margin-top: 40px; + } + .p-bottom-sm{ + padding-bottom: 30px !important; + } + + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + margin: 0 auto; + display: block; + text-align: center; + margin-bottom: 20px; + img { + display: inline-block; + } + } + .single_speaker .speaker__detail { + width: 100%; + text-align: center; + padding-left: 0; + } + .tab4 .item-navigation { + width: 30%; + } + .tab4 .tab-content { + width: 70%; + margin-top: 10px; + } + .sidebar--single-product { + margin-top: 60px; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button { + display: flex; + .btn { + margin: 0 5px !important; + } + } + .author-card .author-infos .author-btn { + justify-content: flex-start; + .btn { + margin-right: 10px; + &:last-child { + margin-right: 0; + } + } + } + .author-profile .author-stats ul li { + margin-bottom: 15px; + } + .chat_area { + margin-top: 30px; + } + .chat_area .chat_area--conversation .body { + padding-left: 0 !important; + } + .profile_images .profile_image_area .upload_btn { + margin-top: 15px; + } + .product_archive .single_product .product__additional_info { + margin: 0 0 30px 0; + } + .filter-bar.filter-bar2 .filter__option { + padding: 0 0 30px 0; + } + .filter-bar.filter-bar2 .filter--text, + .filter-bar.filter-bar2 .filter--select { + padding: 0; + } + .credit_modules .modules__content.credit--contents { + display: block; + } + .credit_modules .modules__content .amounts { + margin-bottom: 30px; + } + .credit_modules .modules__content .amounts ul li p { + font-size: 25px; + line-height: 55px; + padding: 0 17px; + } + .credit_modules .modules__content .subtitle { + margin-bottom: 15px; + } + .payment_module .payment_tabs .tab-pane { + padding-bottom: 0; + } + .dashboard_statement_area .dashboard_title_area .dashboard__title h3 { + margin-bottom: 15px; + } + .withdraw_module .option-single.active .op_action { + margin: 15px 0 0 35px; + } + .support--sidebar { + margin-top: 45px; + } + .support--sidebar .sidebar-card:last-child { + margin-bottom: 0; + } + .how_it_works { + .how_it_works_module { + padding: 100px 0; + } + } + .content_block1 .content_area .content_area--title, + .content_block2 .content_area .content_area--title { + margin-bottom: 25px; + } + .testimonial-slider .owl-nav { + display: none !important; + } + .affliate_rule_module { + margin-top: 0; + } + .badges.community-badges .author-badges .badge-single { + width: 33.3333%; + } + //testimonial + .testimonial2 { + padding: 80px 0 110px 0; + .section-title h1 { + margin-bottom: 0; + } + } + .slider-for .tsingle p { + font-size: 18px; + line-height: 32px; + margin: 20px 0 30px 0; + } + .about_hero { + padding: 120px 0; + } + .content_block1{ + padding: 50px 0; + } + .content_block2{ + padding: 80px 0; + } + .author-info-tabs ul.nav li a{ + padding: 0 20px; + } +} + +/* 768 TO 992*/ +@media (min-width: $tablet) and (max-width: $ipad - 1px) { + /*--------------- General scss goes here -------------- */ + /* search area */ + .search-area { + .search_box { + text-align: center; + padding: 30px; + .search-btn { + margin-top: 0; + } + } + .text_field { + margin-bottom: 20px; + } + .search_box2 { + .text_field { + margin-bottom: 0; + } + } + } + + .hero-area2 .search_box .search-btn { + margin-top: 0; + } + .hero-area2 .search_box .text_field { + margin-bottom: 0; + } + + /* hero area */ + .hero-content { + .hero__content__title h1 { + font-size: 50px; + line-height: 60px; + } + } + .hero-area4, .hero-area2 { + .hero-content { + .hero__content__title h1 { + font-size: 36px; + line-height: normal; + margin-bottom: 30px; + } + } + } + + /* Top Menu */ + .searc-wrap input { + width: 100%; + } + .top-menu-area .logo-top { + display: flex; + align-items: center; + height: 90%; + } + .author-area__seller-btn { + padding: 0 10px; + font-size: 14px; + } + + /* Testimonial Carousel */ + span.slick-prev { + left: 0; + top: auto; + bottom: 0; + z-index: 1; + } + span.slick-next { + right: 0; + top: auto; + bottom: 0; + z-index: 1; + } + + /* Clients logo */ + .clients-logo .logo-single { + width: 33.3333%; + text-align: center; + } + + /* Featured Product Slider */ + .product-excerpt .product-facts li { + margin-right: 10px; + } + .product-excerpt .product-facts li.product-rating ul li.total-rating { + display: none; + } + .product-excerpt .product-facts li.product-fav::before { + left: -5px; + } + + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 20px; + } + .google_map .location_address { + left: calc((100vw - 750px) / 2); + } + + .messaging_sidebar .messaging__contents .messages .message { + padding: 15px; + } + .messaging_sidebar .messaging__contents .messages .message_data .time { + position: relative; + font-size: 13px; + top: 5px; + } + .chat_area .chat_area--conversation .body { + padding-left: 30px; + } + .chat_area .message_composer .attached-files li { + margin-bottom: 15px; + } + .chat_area .message_composer .btns { + margin-top: 15px; + } + .messaging_sidebar .messaging__header .messaging_action .btn { + padding: 0 15px; + .text { + display: none; + } + } + .messaging_sidebar .messaging__header { + padding: 15px; + } + .messaging_sidebar .messaging__header .messaging_action .icon-refresh { + display: none; + } + .r-padding { + padding-right: 50px; + } + .l-padding { + padding-left: 50px; + } + .author-profile .author-social ul li.split{ + width: 33.33%; + } +} + + +/* 767 */ +@media screen and (max-width: $tablet - 1) { + + /* typography */ + h1 { + font-size: 30px; + } + h2 { + font-size: 26px; + } + h3 { + font-size: 22px; + } + + /*-------------- general scss ----------------*/ + + .top-menu-area .menu-fullwidth { + justify-content: space-between; + position: relative; + } + .top-menu-area .menu-fullwidth .logo-wrapper { + width: auto; + order: 1; + } + .top-menu-area .menu-fullwidth .menu-container { + order: 0; + flex: inherit; + margin-top: 0; + } + .top-menu-area .menu-fullwidth .author-menu { + order: 2; + flex: inherit; + } + .logo { + padding: 10px 14px; + } + .top-menu-area .d_menu { + padding-left: 15px; + } + .top-menu-area .d_menu .navbar { + position: static; + } + + /* MOBILE MENU AREA */ + .navbar-header { + .navbar-toggle { + z-index: 5; + float: left; + span { + font-size: 22px; + width: 40px; + line-height: 40px; + background: #fff; + display: inline-block; + border-radius: 5px; + color: #000; + border: 1px solid $border-color; + } + } + .mainmenu__search { + position: relative; + z-index: 1; + padding: 18px 0; + .searc-wrap { + input { + width: 210px; + line-height: 40px; + } + } + } + } + .mainmenu__menu { + min-height: 0; + .navbar-collapse { + .navbar-nav { + margin: 0; + } + position: absolute; + top: 100%; + left: 0; + width: 100%; + z-index: 5; + height: 280px; + background: #fff; + padding: 15px 15px 0; + overflow: scroll; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); + } + .navbar-nav > li { + display: block; + padding: 0; + margin-right: 0; + a { + line-height: 40px; + } + } + .has_dropdown, .has_megamenu { + .dropdown, .dropdown_megamenu { + position: initial; + display: none; + box-shadow: 0 0 0; + opacity: 1; + padding: 5px; + visibility: visible; + transition: 0s; + ul { + li a { + line-height: 35px; + } + } + } + & a span { + float: right; + display: inline-block; + cursor: pointer; + line-height: normal; + } + } + .has_megamenu .dropdown_megamenu { + display: none; + &.contained { + width: 100%; + } + } + .megamnu_module { + float: none; + .menu_items { + display: block; + } + } + } + .menu--light .mainmenu__menu .navbar-nav > li > a { + color: inherit; + } + .mainmenu__menu { + padding: 15px 0; + .navbar-toggler { + border: 1px solid $text-color2; + padding: 3px; + } + .icon-menu { + line-height: 30px; + color: $text-color2; + } + } + .logo img { + width: 70%; + } + .menu--light .top-menu-area .logo-top, + .top-menu-area .logo-top { + padding: 10px 0; + } + .mobile_content .menu_icon { + position: relative; + right: 15px; + top: 0; + transform: none; + } + .megamnu_module .menu_items .menu_column { + width: 100%; + } + .megamnu_module .menu_items { + overflow: scroll; + height: 180px; + } + .searc-wrap { + position: relative; + display: none; + } + .sidebar .sidebar-card .searc-wrap { + display: block; + } + + .dashboard_menu_area { + padding: 20px 0; + .menu-toggler { + background: none; + color: #bfcad7; + border: 1px solid #bfcad7; + display: flex; + align-items: center; + padding: 10px 15px; + border-radius: 3px; + span { + padding-right: 10px; + } + } + .dashboard_menu { + display: block; + height: 0; + overflow: hidden; + transition: $transition-base; + position: absolute; + width: 100%; + left: 0; + top: 60px; + background: #6645f6; + z-index: 2; + padding: 0 20px; + &.active { + height: 250px; + overflow: scroll; + padding: 15px 20px 10px; + } + } + } + + /*--------------- components sccs ---------------*/ + /*btn*/ + .btn--lg { + min-width: 165px; + line-height: 50px; + } + .m-bottom-sm{ + margin-bottom: 20px; + } + span.slick-prev, span.slick-next { + display: none !important; + } + /* Hero Area */ + .hero__content__title h1 { + font-size: 45px; + line-height: 60px; + } + .search_box .text_field, + .search_box .search__select { + width: 100%; + margin-bottom: 15px; + margin-left: 0; + margin-right: 0; + } + .mobile_content { + margin-right: 0; + } + .hero-area2 .search_box .text_field { + margin-bottom: 0; + } + .hero-area2, .hero-area4 { + .hero__content__title h1 { + font-size: 36px; + line-height: normal; + margin-bottom: 30px; + } + } + .search-area .text_field { + margin-right: 0; + } + .search_box .search__select span { + top: 50%; + } + .hero-area2 .search_box .search-btn { + margin-top: 20px; + } + .hero-area2 .search_box .text_field, + .hero-area2 .search_box .search-btn { + border-radius: 3px; + } + + /* Newest Products */ + .product-single .product-thumb figure img { + width: 100%; + } + + /* Counter Up area */ + .counter-up .counter { + width: 50%; + flex: auto; + &:nth-child(1), &:nth-child(2) { + margin-bottom: 50px; + } + } + + /* How It Works Area */ + .working-process .step-single .step-text, + .working-process .step-single .step-image { + padding-left: 15px; + padding-right: 15px; + text-align: center; + div { + width: 100%; + } + } + .working-process .step-single .step-text h2 { + margin: 20px 0; + } + .working-process .step-single .step-count:before { + content: none; + } + .working-process .step-single .step-count span:last-child { + bottom: -20px; + } + + /* Call To Action */ + .cta .cta-divider { + margin: 50px 0; + } + + /* Clients Logo */ + .clients-logo .logo-single { + width: 50%; + text-align: center; + } + .product-slide-area .owl-nav { + position: relative; + top: 0; + display: flex; + justify-content: center; + margin-top: 50px; + z-index: 1; + } + .product-slide-area .owl-nav .owl-prev, .product-slide-area .owl-nav .owl-next { + float: none !important; + margin: 0; + } + .product-slide-area .owl-nav .owl-prev { + margin-right: 15px; + } + .product-excerpt .product-facts li.product-rating ul li.total-rating { + display: none; + } + .product-excerpt .product-facts li.product-fav::before { + left: -5px; + } + + .timeline { + .happening { + &:nth-child(2n+2) { + .happening--detail { + padding: 50px 30px 0 0; + } + } + .happening--period { + padding: 45px 30px 0 0; + } + .happening--detail { + padding: 45px 0 0 30px; + } + } + } + .gallery_area .gallery_contents h3 { + font-size: 28px; + line-height: 40px; + margin-bottom: 20px; + } + .dashboard_contents .dashboard_title_area .date_area .input_with_icon { + margin-bottom: 10px; + } + .withdraw_module .payment-method-module { + margin-bottom: 30px; + } + .featured_event .countdown { + text-align: center; + li { + margin: 0 15px 15px 15px; + } + } + .google_map .location_address { + position: initial; + top: auto; + left: auto; + transform: translate(0); + text-align: center; + width: 100%; + } + .google_map .location_address .addres_module { + background: #f7f7f7; + } + .single_speaker { + width: 100%; + margin-bottom: 80px; + &:last-child{ + margin-bottom: 50px; + } + } + .single_speaker:nth-child(2n+1), .single_speaker:nth-child(2n+2) { + padding-left: 0; + padding-right: 0; + } + .single_speaker .speaker__thumbnail { + width: 150px; + height: 150px; + margin: 0 auto; + display: block; + text-align: center; + margin-bottom: 15px; + img { + display: inline-block; + } + } + .single_speaker .speaker__detail { + width: 100%; + text-align: center; + padding-left: 0; + .ocuup{ + margin-bottom: 10px; + } + .speaker_social{ + margin-top:20px; + } + } + .event_module .event_module__title { + text-align: left; + } + + .job_detail_module .job__content .informations li { + width: 100%; + } + + .chat_area { + margin-top: 30px; + } + .notifications_module .notification .notification__icons { + .icon-close { + position: absolute; + right: 30px; + top: 30px; + } + } + .single-product-desc ul.nav-tabs { + li { + flex: auto; + width: 50%; + } + } + .item-preview .item-activity { + flex-wrap: wrap; + } + .item-preview .item-activity .activity-single { + margin-right: 0; + width: 100%; + margin-bottom: 15px; + } + .dwqa-container .dwqa-questions-archive .dwqa-question-filter { + flex-wrap: wrap; + justify-content: flex-start; + } + .dwqa-container .dwqa-questions-archive .dwqa-question-filter select#dwqa-sort-by { + margin-left: 0; + margin-top: 15px; + } + .pricing-wrapper { + display: block; + } + .pricing-wrapper .package-single { + margin-top: 0; + } + .pricing-wrapper .package-single.featured-plan { + margin-top: 80px; + } + .author-social ul { + margin-bottom: 30px; + justify-content: flex-start; + } + //shopping cart + .single_product .product__description .p_image { + display: none; + } + .single_product .product__description .short_desc { + padding-left: 0; + } + .go_top { + right: calc((100% - 576px) / 2); + } + .working-process .step-single { + margin-bottom: 80px; + padding: 30px 15px 50px 15px; + } + .cta .section-title h1 { + margin-bottom: 0; + } + .single_item_visitor .dashboard__content .item_info .info { + margin-top: 20px; + } + .statistics_data { + justify-content: center; + .single_stat_data { + margin: 15px 15px; + } + } + .thread.thread_review .thread-list .single-thread .media-body .media-heading { + margin-bottom: 10px; + .rev_item { + margin-left: 0; + } + } + .thread.thread_review2 .rev_time { + margin-left: 0; + margin-top: 10px; + float: left !important; + } + .tab4 .item-navigation { + float: none; + width: 100%; + } + .tab4 .tab-content { + width: 100%; + } + ul.nav-tabs.nav--tabs2 li a { + padding: 0 25px; + } + .author-profile .author-stats ul { + align-items: center; + } + .author-profile .author-stats ul li { + margin-bottom: 0; + } + .product_archive .title_area { + padding-bottom: 15px; + h5 { + margin-bottom: 10px; + } + } + .dashboard-area .single_product .product__description .short_desc { + margin-left: 15px; + } + .recent_sells .single_sell .ammount { + justify-content: flex-start; + } + .popular_sells .single_sell .ammount { + p { + margin-right: 15px; + &:last-child { + margin-right: 0; + } + } + } + .filter-bar.filter-bar2 .filter__option { + padding: 0 0 20px 0; + margin-right: 0; + width: 100%; + } + .credit_modules .modules__content .amounts { + display: block; + .or { + padding: 10px 0 0 0; + } + } + .credit_modules .modules__content .amounts ul li { + margin-bottom: 20px; + } + .payment_module .payment_tabs ul.nav-tabs { + position: relative; + left: 0; + top: 0; + margin-bottom: 30px; + } + .payment_module .payment_tabs .modules__content .cards-logo { + justify-content: flex-start; + } + .withdraw_module .option-single .op_action { + margin: 15px 0 0 35px; + } + .event_module .list_item li { + width: 100%; + } + .event_module .list_item li:nth-child(2n + 1) { + padding-right: 0; + } + .google_map .location_address .addres_module h3 { + margin-bottom: 30px; + } + .badges.community-badges .author-badges .badge-single { + width: 50%; + } + .menu--light .mainmenu__menu .navbar-toggler { + border-color: #bababa; + .icon-menu { + color: #bababa; + } + } + .withdraw_module .custom-radio label .c_active { + margin-left: 37px; + } + .withdraw_module .custom-radio label { + padding-right: 40px; + } + .withdraw_module .option-single .op_action .ac_btn .dropdown-menu { + right: -20px; + } + .dashboard_contents .dashboard_title_area { + flex-wrap: wrap; + .add-payment-btn{ + margin-left: 0 !important; + } + } + .filter-bar.filter-bar2 .filter__items { + width: 100%; + } + .filter-bar.filter-bar2{ + padding-right: 30px; + padding-bottom: 20px; + } + .dashboard_contents .dashboard_title_area .date_area form div{ + flex: 1; + } + .withdraw_module .withdraw_amount{ + display: block; + .fee{ + margin: 10px 0 0 0; + } + } + .how_it_works .how_it_works_module{ + padding: 60px 0; + } + .contact_form .contact_form--wrapper{ + padding-bottom: 0; + } +} + +/* 320 TO 576 */ +@media screen and (max-width: 575px) { + /* section padding */ + .section--padding { + padding: 80px 0; + } + .xs-fullwidth { + width: 100%; + } + .logo img { + width: 70%; + } + .hero__content__title h1 { + font-size: 32px; + line-height: 46px; + } + .hero-area2 .search_box .text_field { + width: 97%; + border-radius: 3px; + } + .hero-area2 .search_box .search-btn { + width: auto; + margin-top: 15px; + border-radius: 3px; + } + .hero__content__title p.tagline { + font-size: 18px; + } + .hero-area4 .hero-content .search_box2 { + box-shadow: none; + } + .hero-area3 { + padding: 50px 0; + } + .search_box2 { + form { + flex-direction: column; + align-items: center; + .text_field { + margin-bottom: 15px; + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); + } + .text_field, .search-btn { + border-radius: 3px; + } + } + } + .product-sorting ul li { + margin-right: 0; + margin-bottom: 15px; + width: 100%; + } + .about_hero .about_hero_contents .about_hero_btns { + display: flex; + justify-content: center; + flex-wrap: wrap; + .play_btn { + margin-left: 28px; + } + .btn { + margin-bottom: 15px; + } + } + .cta-content .cta-text h2 { + line-height: 40px; + } + .filter-bar.filter-bar2 .filter__option { + margin-bottom: 50px; + } + + .product-title-area .date_area .input_with_icon, .dashboard_contents .dashboard_title_area .date_area .input_with_icon, .product-title-area .date_area .select-wrap, .dashboard_contents .dashboard_title_area .date_area .select-wrap { + max-width: 100%; + margin-right: 0; + margin-bottom: 10px; + float: none; + } + .dashboard_contents .dashboard_title_area .date_area { + width: 100%; + } + + .messaging_sidebar .messaging__header .messaging_action .btn { + .text { + display: none; + } + } + .chat_area .chat_area--conversation .name_time h4 { + display: block; + } + .chat_area .chat_area--conversation .name_time p { + float: none; + } + .item-preview .item-action a { + margin-bottom: 10px; + } + .item-preview .item-action a + a { + margin-left: 0; + margin-top: 0; + } + .clients-logo .logo-single { + width: 100%; + } + .go_top { + right: 15px; + } + .services { + padding: 80px 0 30px 0; + } + .gradient_overlay .search_box2 { + box-shadow: none; + } + .product-filter-area .filter-bar .filter__option, + .filter-bar .dropdown-trigger { + width: 100%; + } + ul.nav-tabs { + padding: 30px 0 0 0 !important; + li { + width: 100%; + margin-bottom: 15px; + &:last-child { + margin-bottom: 0; + } + a { + text-align: left; + line-height: normal; + padding: 0 0 20px 0 !important; + } + } + } + .author-info-tabs ul.nav-tabs li a { + padding-left: 25px !important; + } + .tab4 ul.nav-tabs { + padding-top: 0 !important; + } + .tab4 ul.nav-tabs li a { + margin-right: 0; + line-height: 35px; + } + .tab4 ul.nav-tabs li a:before { + left: 0; + width: 100%; + height: 3px; + } + .tab4 .tab-content { + width: 100%; + } + .thread .thread-list .single-thread .media-left { + display: none; + } + .thread .thread-list .single-thread .media-body .d-flex { + display: block; + } + .filter-area2 .filter-bar .filter__option { + margin-left: 0; + } + .single-product-desc ul.nav-tabs li { + width: 100%; + padding: 0 30px; + a:before { + left: 0; + width: 100%; + } + } + .thread .thread-list .single-thread .depth-2 { + margin-left: 40px; + } + .sidebar--single-product .sidebar-card.card-pricing .purchase-button { + flex-wrap: wrap; + .btn { + margin-bottom: 10px !important; + } + } + .author-card .author-infos .author-btn .btn { + margin-bottom: 10px; + } + .author-profile .author-stats ul li { + margin-bottom: 15px; + margin-right: 30px; + &:last-child { + margin-right: 0; + } + } + .chat_area .message_composer.composing .cancel_btn { + margin-left: 0; + } + .chat_area .message_composer .btns { + label { + margin-right: 15px; + } + .btn, label { + margin-bottom: 10px; + } + } + .card_style2 .card_style2__location_type { + margin-bottom: 0; + p, .type { + margin-bottom: 15px; + } + } + .recent_sells .single_sell .ammount { + justify-content: flex-start; + } + .popular_sells .single_sell .ammount { + p { + margin-right: 30px; + &:last-child { + margin-right: 0; + } + } + } + .popular_sells .single_sell .single_sell__thumb-title { + width: 100%; + } + .single_product .product__price_download .item_action .btn { + margin-right: 10px; + margin-bottom: 10px; + } + .single_product .product__price_download .item_action .btn + .btn { + margin-top: 0; + } + .single_product .product__price_download { + display: block; + } + .single_product .product__price_download .item_action, + .single_product .product__price_download .item_price { + display: block; + float: none; + } + .single_product .product__price_download .item_action { + margin-top: 20px; + } + .filter-bar.filter-bar2 .filter__option.filter--search { + margin-bottom: 0; + } + .payment_module .payment_tabs ul.nav-tabs { + padding-top: 0 !important; + } + .payment_module .payment_tabs ul.nav-tabs li a { + border-radius: 4px; + padding: 0 15px !important; + } + .payment_module .payment_tabs ul.nav-tabs li + li { + margin-left: 0; + } + .dashboard_contents .dashboard_title_area .date_area .input_with_icon, + .dashboard_contents .dashboard_title_area .date_area .select-wrap { + width: 100%; + } + .upload_wrapper .upload-field .custom_upload { + margin-right: 30px; + } + .dashboard-area .dashboard_contents .btns button { + margin-bottom: 15px; + } + .filter-bar.filter-bar2 .dashboard__title { + flex: auto; + } + .filter-bar.filter-bar2 .filter--text, .filter-bar.filter-bar2 .filter--select { + margin-bottom: 0; + } + .withdraw_module .custom-radio label .c_active { + margin-top: 10px; + } + .withdraw_module .withdraw_amount .fee { + margin: 15px 0 0 0; + } + .featured_event .countdown { + li { + min-width: 130px; + + } + } + .event_detail_breadcrumb .social-share { + width: 100%; + border-radius: 0; + } + .badges.community-badges .author-badges .badge-single { + width: 100%; + } + /* Counter Up area */ + .counter-up .counter { + width: 100%; + flex: auto; + margin-bottom: 50px; + &:last-child { + margin-bottom: 0; + } + } + + .profile_images #cover_photo { + width: 240px; + } + .profile_images .profile_image_area .upload_btn { + .btn { + margin-top: 15px; + } + } + .withdraw_module .option-single .op_action .ac_btn .dropdown-menu { + right: -70px; + } + .dashboard_contents .dashboard_title_area { + flex-wrap: wrap; + .ml-auto { + margin-left: 0 !important; + } + } + .invoice .invoice__meta .date_info { + text-align: left; + } + .dashboard_contents .dashboard_title_area .date_area form div{ + flex: auto; + } + + .top-menu-area .d_menu { + padding-left: 0; +} +.mobile_content .menu_icon{ + right: 0; +} + +} \ No newline at end of file diff --git a/public/theme_assets/sass/style.scss b/public/theme_assets/sass/style.scss new file mode 100644 index 0000000..c2114dc --- /dev/null +++ b/public/theme_assets/sass/style.scss @@ -0,0 +1,14 @@ +@import "table-of-contents"; +@import "mixins/mixins"; +@import "general/general"; +@import "element/elements"; +@import "component/components"; +@import "modules/modules"; + +@import "../../vendor_assets/css/bootstrap/config.bs"; + +// theme specific scss +@import "themes"; + +// responsive styles +@import "responsive"; diff --git a/public/theme_assets/sass/table-of-contents.scss b/public/theme_assets/sass/table-of-contents.scss new file mode 100644 index 0000000..bce8a0f --- /dev/null +++ b/public/theme_assets/sass/table-of-contents.scss @@ -0,0 +1,93 @@ +/* + Name: Digipro - Digital Products Marketplace + Author: AazzTech + Version: 2.1.0 + Website: https://www.aazztech.com +*/ + +/** ** +** TABLE OF CONTENTS ** +** ** +-----------------------------------*/ +/* + 01.COMMON + -- General + -- Helper + -- Mixins + -- Reset + + 02.COMPONENTS + -- Accordion + -- Alerts + -- Breadcrumbs + -- BTNs + -- Cards + -- Content Block + -- Datepicker + -- Dropdown + -- Features + -- Forms + -- Menu + -- Modal + -- Pagination + -- Pricing + -- Product + -- Progressbar + -- Sidebar + -- Social + -- Tabs + -- Tables + -- Team + -- Timeline + + 03. MENU AREA + 04. HERO AREA + 05. PRODUCT SORTING + 06. FEATURED AREA + 07. LATEST PRODUCT + 08. SERVICES + 09. COUNTER UP + 10. HOW IT WORKS + 11. TESTIMONIAL + 12. CALL TO ACTION + 13. CLIENTS LOGO + 14. SUBSCRIBE + 15. FOOTER AREA + 16. FILTER AREA + 17. SINGLE PRODUCT DESC AREA + 18. AUTHOR AREA + 19. DASHBOARD + 20. DASHBOARD ADD CREDIT + 21. DASHBOARD STATEMENT + 22. DASHBOARD INVOICE + 23. DASHBOARD UPLOAD + 24. DASHBOARD EDIT PAGE + 25. DASHBOARD WITHDRAW + 26. NOTIFICATION + 27. MESSAGE AREA + 28. SHOPPING CART + 29. CHECKOUT + 30. HOW IT WORKS + 31. ABOUT US + 32. PARTNERS AREA + 33. TESTIMONIAL + 34. FAQ AREA + 35. AFFILIATE PAGE + 36. TERMS & CONDITION + 37. CONTACT AREA + 38. ORDER CONFIRMATION + 39. LOGIN + 40. SIGNUP + 41. SUPPORT + 42. SUPPORT DETAILS + 43. 404 + 44. CAREER + 45. CAREER DETAILS + 46. APPLY FORM + 47. EVENT AREA + 48. EVENT DETAILS + 49. MAP + 50. BLOG + 51. BADGES + 52. RESPONSIVE CSS +***************************/ \ No newline at end of file diff --git a/public/theme_assets/sass/themes.scss b/public/theme_assets/sass/themes.scss new file mode 100644 index 0000000..ed3c562 --- /dev/null +++ b/public/theme_assets/sass/themes.scss @@ -0,0 +1,3893 @@ +/***************************** + Start Hero Area +******************************/ +.hero-area { + position: relative; + min-height: 723px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + + &::before { + position: absolute; + height: 100%; + width: 100%; + content: ''; + background: rgba(0, 0, 0, 0.8); + top: 0; + left: 0; + } +} + +.hero-content { + width: 100%; + + @include xxs { + padding: 30px 0; + } +} + +.hero__content__title { + text-align: center; + + h1 { + color: #fff; + line-height: 65px; + } + + h3 { + color: #fff; + } +} + +.hero__content__title p.tagline { + margin: 30px 0 55px 0; + font-size: 20px; + color: #fff; +} + +.search_box { + background: rgba(255, 255, 255, 1); + padding: 30px; + border-radius: 3px; + + form { + display: flex; + } +} + +.search_box .text_field { + width: 57%; + margin-right: 12px; + height: 55px; + padding: 0 30px; + background: #fff; + border-radius: 3px; + font-weight: 400; + + &::placeholder { + opacity: 0.8; + } +} + +.search_box .search__select { + width: 20%; + margin-right: 12px; + position: relative; + + .select--field { + border-radius: 3px; + appearance: none; + -webkit-appearance: none; + color: #8991a5; + cursor: pointer; + height: 55px; + + &:focus, + &:active { + box-shadow: none; + border: 1px solid $border-color !important; + } + } + + span { + position: absolute; + right: 20px; + top: 52%; + transform: translateY(-50%); + font-size: 10px; + color: #8991a5; + } + + option { + padding: 15px 0; + } +} + +.search_box .search-btn { + width: 22%; + min-width: auto; + cursor: pointer; +} + +.search_box2 { + margin-top: 20px; + + form { + display: flex; + flex-wrap: wrap; + } + + .text_field { + border-radius: 3px 0 0 3px; + border: 0 none; + flex: 3; + height: 60px; + + @include ssm { + flex: unset; + } + + &:focus { + border: 0 none !important; + } + } + + .search-btn { + border-radius: 0 3px 3px 0; + padding: 0 25px; + min-width: auto; + height: 60px; + cursor: pointer; + } +} + +.hero-area2 { + @extend .hero-area; + min-height: 500px; + + .hero__content__title { + p.tagline { + font-size: 18px; + font-weight: 400; + margin: 5px 0 35px 0; + color: rgba(#fff, 0.7); + } + } +} + +.hero-area3 { + min-height: 260px; + padding-bottom: 20px; + + .hero__content__title { + h3 { + line-height: 40px; + } + } +} + +.hero-area4 { + @extend .hero-area; + min-height: 500px; + background: #fff; + + &:before { + content: none; + } + + .hero-content { + .hero__content__title { + h1 { + color: $title-color; + + span { + @extend .color-primary; + } + } + + .tagline { + color: inherit; + margin: 7px 0 40px; + } + } + + .search_box2 { + box-shadow: $box-shadow-lg2; + } + } +} + +.intro-area { + position: relative; + @extend .bg-primary; + + .menu-area {} + + .hero-area { + &:before { + content: none; + } + } + +} + +.gradient_overlay { + &:before { + background: linear-gradient(to right, rgba(#f8f9fd, 1), rgba(#f8f9fd, 1), rgba(255, 255, 255, 0)); + } + + .hero__content__title { + h1 { + color: $title-color; + + span { + @extend .color-primary; + } + } + + p.tagline { + color: $text-color; + opacity: 1; + } + } + + .search_box2 { + box-shadow: $box-shadow-lg2; + } +} + +/***************************** + Product Sorting +******************************/ +.product-sorting { + padding: 40px 0 25px 0; + box-shadow: $box-shadow-lg2; + + ul { + text-align: center; + display: flex; + justify-content: center; + flex-wrap: wrap; + + li { + margin-right: 40px; + margin-bottom: 15px; + + &:last-child { + margin-right: 0; + } + + span { + font-size: 18px; + @extend .color-primary; + margin-right: 10px; + } + + a { + color: $text-color2; + + &:hover { + @extend .color-primary; + } + } + + span, + a { + display: inline-block; + vertical-align: middle; + line-height: 20px; + } + + &.active { + a { + @extend .color-primary; + } + } + } + } +} + +/***************************** + Start Featured Area +******************************/ +.product-slide-area { + position: relative; + + .owl-nav { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 100%; + z-index: 0; + + .owl-prev, + .owl-next { + float: left; + width: 50px; + height: 50px; + border-radius: 50%; + background: #fff; + color: #b8bece; + transition: $transition; + font-size: 13px; + display: flex !important; + justify-content: center; + align-items: center; + box-shadow: 0 3px 5px rgba(#6c757d, .05); + + &:hover { + @extend .bg-primary; + color: #fff; + } + } + + .owl-prev { + margin-left: -60px; + + @include xl { + margin-left: -30px; + } + } + + .owl-next { + float: right; + margin-right: -60px; + + @include xl { + margin-right: -30px; + } + } + } +} + + + +/***************************** + Start Latest Product +******************************/ +.product-list { + .more-item-btn { + margin-top: 0; + } + + .tab-content .tab-pane { + padding-bottom: 0; + } +} + +.nav__product-list { + border: 1px solid #ebedf2; + padding: 30px 0 17px; + text-align: center; + display: block; + margin-bottom: 35px; + + li { + display: inline-block; + margin-right: 7px; + margin-left: 7px; + margin-bottom: 13px; + + a { + background: $bgcolor; + color: $text-color2; + line-height: 30px; + font-size: 15px; + padding: 0 15px; + border-radius: 3px; + transition: $transition; + + &:hover, + &.active { + @extend .bg-primary; + color: #fff; + } + } + } +} + +.latest-single { + padding: 0; + margin-bottom: 30px; + + .product-excerpt { + padding: 17px 25px 15px; + border: 1px solid #ebedf2; + border-radius: 0 0 4px 4px; + + h5 { + margin-top: 0; + margin-bottom: 12px; + + a { + color: inherit; + display: block; + + &:hover { + @extend .color-primary; + } + } + } + + } +} + +/***************************** + Start Services +******************************/ +.services { + padding: 100px 0 50px 0; + border-top: 1px solid $border-color; +} + +.service-single { + text-align: center; + margin-bottom: 50px; + + span { + @extend .color-primary; + display: block; + margin-bottom: 30px; + font-size: 36px; + } + + h4 { + margin: 0 0 20px 0; + } + + p { + margin-bottom: 0; + } +} + +/*************************************** + Start Counter Up CSS +*****************************************/ +.counter-up-area { + position: relative; + + &:before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + background: transparentize(#0d0f13, 0.2); + } + + &.counter-up--area2 { + background-image: none; + + &:before { + display: none; + } + + .counter-up { + padding: 60px 0px; + + .counter { + p { + color: #555; + } + } + } + } +} + +span.counter { + display: block; +} + +.counter-up { + overflow: hidden; + padding: 96px 0; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + .counter { + flex: 1; + + span { + display: block; + font-size: 48px; + } + + .count_up { + font-size: 36px; + margin-top: 35px; + } + + p { + color: #ffffff; + margin-top: 7px; + font-size: 18px; + margin-bottom: 0; + } + + text-align: center; + } +} + +/*************************************** + Start How It Works +****************************************/ +.step-single { + position: relative; + padding: 30px 15px 50px 15px; + margin-bottom: 30px; + + &:last-child { + margin-bottom: 0; + } + + .step-count { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 0; + width: 100px; + height: 100%; + + &:before { + position: absolute; + content: ""; + left: 50%; + transform: translateX(-50%); + width: 1px; + height: 92%; + background: $border-color; + bottom: 5px; + } + + span:first-child { + position: absolute; + left: 50%; + top: 0; + width: 100%; + @extend .color-primary; + line-height: 32px; + padding: 0 25px; + border-radius: 15px; + background: #eef0fc; + transform: translateX(-50%); + text-align: center; + } + + span:last-child { + position: absolute; + left: 50%; + bottom: 0; + color: $info; + transform: translateX(-50%); + } + } + + .step-count2 { + span:first-child { + background: #ebf6fe; + @extend .color-info; + } + + span:last-child { + @extend .color-danger; + } + } + + .step-last { + span:first-child { + background: #feedf0; + @extend .color-danger; + } + + span:last-child { + @extend .color-secondary; + font-size: 30px; + border-radius: 50%; + padding: 20px; + background: #eaf8f6; + } + } + + .step-text, + .step-image { + display: flex; + align-items: center; + } + + .step-text { + h2 { + margin: 0 0 25px 0; + } + + p { + margin: 0; + color: $text-color2; + line-height: 30px; + } + } +} + + +/*************************************** + Start Call To Action +*****************************************/ +.cta { + padding: 135px 0 100px 0; +} + +.cta-single { + text-align: center; + + h3 { + margin: 0 0 30px 0; + } + + p { + color: $text-color2; + line-height: 30px; + margin-bottom: 30px; + } +} + +.cta-divider { + display: flex; + align-items: center; + text-align: center; + + span { + width: 60px; + height: 60px; + border-radius: 50%; + background: #fddde3; + display: block; + margin: 0 auto; + position: relative; + padding-top: 20px; + @extend .color-danger; + + &:before { + position: absolute; + content: ""; + width: 70px; + height: 70px; + background: rgba(244, 81, 108, 0.1); + border-radius: 50%; + left: -5px; + top: -5px; + } + } +} + +/*************************************** + Start Clients Logo +*****************************************/ +.clients-logo { + padding: 80px 0 70px; + border-top: 1px solid $border-color; + + .partners { + margin-top: 0; + } +} + +/*************************************** + Start Subscribe +*****************************************/ +.subscribe { + padding: 90px 0; + background-color: #121519; + + .envelope-svg { + width: 80px; + height: 80px; + margin: 0 auto 50px auto; + + svg { + fill: $secondary; + } + } + + p { + margin-bottom: 44px; + text-align: center; + color: #fff; + font-size: 18px; + font-weight: 300; + opacity: 0.6; + } +} + + +// filter area +.filter-area { + position: relative; +} + +.filter-bar { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + .filter__option { + padding: 0 0 40px 0; + + p { + font-size: 24px; + color: #000; + line-height: 46px; + margin-bottom: 0; + + span { + font-weight: 500; + } + } + } + + .dropdown-trigger { + font-size: 16px; + line-height: 46px; + display: inline-block; + padding: 0 30px; + width: 220px; + color: $text-color2; + position: relative; + border-radius: 3px; + border: 1px solid $border-color; + + span { + font-size: 10px; + position: absolute; + right: 30px; + top: 50%; + transform: translateY(-50%); + } + } + + .dropdown-toggle::after { + content: none; + } + + .filter--dropdown { + &.filter--range { + .dropdown { + width: 350px; + + .range-slider.ui-slider { + margin-top: 14px; + } + } + } + + position: relative; + + .dropdown { + opacity: 1; + transform: translate(0); + visibility: visible; + position: relative; + top: 100%; + } + } + + .filter--dropdown:first-child { + .dropdown-trigger { + display: block; + } + } + + .filter--select { + width: 217px; + } + + .filter--text { + a { + font-size: 16px; + color: #555555; + line-height: 42px; + transition: $transition; + + &:hover { + @extend .color-primary; + } + } + + a+a { + margin-left: 40px; + } + } + + &.filter-bar2 { + background: #fff; + border-radius: 4px; + margin-bottom: 30px; + padding-left: 30px; + display: flex; + justify-content: space-between; + + .filter__option { + padding: 20px 0; + } + + .dashboard__title { + flex: 1; + } + + .filter__items { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + + p { + margin-right: 30px; + } + } + } + + .filter--search { + form { + position: relative; + + input { + padding-right: 65px; + border-radius: 4px; + } + + button { + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 50px; + background: none; + border: 0; + color: $text-color; + } + } + } +} + +// filter option for layout control +.filter__option.filter--layout { + padding: 10px 20px; + border: 1px solid $border-color; + border-radius: 4px; + margin: 29px 0; + + .svg-icon { + display: inline-block; + width: 20px; + height: 20px; + cursor: pointer; + + .svg { + fill: #747b86; + } + + } + + .svg-icon+.svg-icon { + margin-left: 10px; + } +} + +.product-filter-area { + margin-top: 100px; +} + +.filter-area2 .filter-bar { + justify-content: flex-end; +} + +.filter-area2 .filter-bar .filter__option { + margin-left: 30px; +} + +/* Call To Action 2 */ +.cta2 { + padding: 90px 0 70px 0; + @extend .bg-secondary; +} + +.cta2 .cta-content { + display: flex; + justify-content: space-between; + align-items: center; +} + +.cta-content .cta-text { + h2 { + line-height: 34px; + color: #fff; + margin: 0 0 20px 0; + } + + p { + color: rgba(255, 255, 255, 0.7); + font-size: 18px; + margin: 0; + font-weight: 300; + } +} + + + +/*************************************** + START AUTHOR AREA +****************************************/ +.author-profile-area { + padding: 100px 0 40px; + background: $section-bg; + + .product-title-area { + background: none; + padding: 0; + margin: 0; + + .btn { + float: right; + } + } +} + +.author-profile { + background: $light; + padding: 30px; + border-radius: 4px 4px 0 0; + + .row { + align-items: center; + } + + .author-desc { + display: flex; + align-items: center; + flex-wrap: wrap; + + img { + border-radius: 50%; + margin-right: 18px; + } + + .infos { + @include xs{ + padding: 10px 0; + } + + h4 { + margin-bottom: 5px; + } + + &>span { + margin-bottom: 15px; + display: block; + } + + ul { + display: flex; + + li { + margin-right: 6px; + + &:last-child { + margin-right: 0; + } + } + } + } + } + + .author-social { + ul { + display: flex; + align-items: center; + flex-wrap: wrap; + + li { + display: block; + margin: 5px 0; + width: 100%; + + &.split { + width: 50%; + } + + a { + color: $text-color; + font-size: remy(14px); + + span { + color: #fff; + margin-right: 4px; + } + } + } + } + } + + .author-stats { + ul { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + .t_items, + .t_sells { + span { + font-size: 24px; + font-weight: 500; + } + + p { + color: $title-color; + margin: 0; + } + } + + .t_items { + span { + @extend .color-primary; + } + } + + .t_sells { + span { + @extend .color-secondary; + } + } + + .t_reviews { + .ratings { + color: #ffc000; + } + + .avg_r { + font-size: 13px; + color: $title-color; + padding-left: 3px; + } + + p { + margin: 3px 0 0 0; + } + } + + li { + margin-bottom: 33px; + + &:last-child { + margin-bottom: 0; + } + } + } + } +} + +.author-info-tabs { + ul.nav { + border-top: 1px solid $border-color; + border-radius: 0 0 4px 4px; + margin-bottom: 30px; + display: flex; + justify-content: flex-start; + background: $light; + padding: 0 40px; + + li { + flex: none; + border-bottom: 0; + + a { + padding: 0 30px; + font-weight: 400; + } + } + } +} + +/**/ +.author_module { + border: 1px solid $border-color; + background: #fff; +} + +.tab-pane { + h3 { + line-height: 48px; + padding-bottom: 22px; + + span { + font-weight: 500; + @extend .color-primary; + } + } + + .pagination-default { + margin-bottom: 5px; + } +} + +.about_author { + padding: 25px 30px 30px; + border-radius: 4px; + margin-bottom: 50px; + + p+p { + margin-bottom: 0; + } +} + +.tab-pane .author_featured_items { + h2 span { + @extend .color-primary; + } +} + +/* AUTHOR FOLLOWERS AREA */ +.user-single { + border: 0 none; + background: $light; + margin-bottom: 30px; + + &.card--dark { + background: $section-bg; + + .card-footer { + background: $section-bg; + } + } + + .card-body { + padding: 30px; + text-align: center; + + h6 { + font-weight: 500; + margin: 20px 0 5px; + } + + p { + margin: 8px; + } + + .ratings { + span i { + color: #ffc000; + } + + span:last-child { + font-size: 13px; + } + } + } + + .card-footer { + background: $light; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 15px 20px; + + .stats { + p { + margin: 0; + + span { + @extend .color-primary; + } + + &:last-child { + span { + @extend .color-secondary; + } + } + } + } + + .user__status { + .btn { + margin: 0; + } + } + + .user--following { + .btn { + min-width: 116px; + } + + .btn:hover { + @extend .bg-danger; + border-color: $danger; + } + } + } +} + +/*************************************** + END AUTHOR AREA +****************************************/ + + +/*************************************** + START NOTIFICATIONS AREA +****************************************/ +.notifications_module { + padding-bottom: 30px; + + .notification__unread { + .info_avatar { + position: relative; + + &:before { + position: absolute; + content: ""; + width: 12px; + height: 12px; + border: 2px solid #fff; + @extend .bg-danger; + border-radius: 50%; + top: 0; + right: 0; + } + } + + .info { + p.time { + @extend .color-secondary; + } + } + } + + .notification { + overflow: hidden; + padding: 20px 30px; + border-bottom: 1px solid $border-color; + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + + &:last-child { + border-bottom: 0; + } + + .line { + width: 13px; + left: 0; + height: 2px; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + @extend .bg-primary; + position: absolute; + display: inline-block; + + &:before, + &:after { + width: 18px; + height: 2px; + content: ''; + position: absolute; + @extend .bg-primary; + } + + &:before { + top: -7px; + } + + &:after { + top: 7px; + } + } + + .notification__info { + flex: 2; + display: flex; + align-items: center; + + p { + margin: 0; + } + + .info_avatar { + height: 50px; + width: 50px; + margin-right: 16px; + + img { + border-radius: 50%; + width: 100%; + } + } + + .info { + p { + color: #747a86; + font-size: 14px; + line-height: 23px; + + span { + color: #000; + font-weight: 400; + } + + a { + @extend .color-primary; + } + } + + .time { + font-size: 13px; + margin-top: 5px; + color: #747a86; + } + } + } + + .notification__icons { + .noti_icon { + line-height: 40px; + width: 40px; + text-align: center; + font-size: 16px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + display: inline-block; + margin-right: 10px; + border-radius: 50%; + + &.loved { + background: transparentize($primary, 0.9); + @extend .color-primary; + } + + &.commented { + background: transparentize($secondary, 0.9); + @extend .color-secondary; + } + + &.purchased { + @extend .color-danger; + background: transparentize($danger, 0.9); + } + + &.reviewed { + @extend .color-secondary; + background: transparentize($secondary, 0.9); + } + } + + span.icon-close { + color: #c1c7d2; + font-size: 16px; + cursor: pointer; + + &:hover { + @extend .color-secondary; + } + } + } + } + + .pagination-area { + border-bottom: 0; + } +} + +.dashboard_contents { + .notifications_module .notification .notification__info .info { + padding-right: 30px; + + p { + font-size: 16px; + } + } +} + +/*************************************** + END NOTIFICATIONS AREA +****************************************/ + +/*************************************** + START MESSAGE AREA +****************************************/ +.message_area { + background: $section-bg; + padding: 100px 0; +} + +.messaging_sidebar { + position: relative; + + .messaging__header { + @extend .bg-primary; + border-radius: 3px 3px 0 0; + padding: 30px; + position: absolute; + width: 100%; + z-index: 1; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + @include xxs{ + position: unset; + } + + .messaging_menu { + color: #fff; + font-size: 16px; + + a { + color: #fff; + } + + .msg { + line-height: 20px; + width: 20px; + display: inline-block; + text-align: center; + margin: 0 10px; + color: #fff; + @extend .bg-danger; + -webkit-border-radius: 50%; + font-size: 14px; + -moz-border-radius: 50%; + border-radius: 50%; + } + + .icon-arrow-down { + font-size: 12px; + color: #fff; + cursor: pointer; + } + + span { + margin-right: 10px; + } + + .dropdown { + top: 99px !important; + transform: translate(0) !important; + + a { + color: $text-color2; + + &:hover { + @extend .color-primary; + } + } + + &:before { + border-bottom: 10px solid #fff; + } + } + + a.dropdown-toggle:after { + content: none; + } + } + + .messaging_action { + color: #fff; + @include xxs{ + margin: 10px 0; + } + + .icon-trash { + margin-right: 5px; + } + + .btn { + margin-left: 10px; + + span { + margin-right: 5px; + } + } + + a { + @extend .color-primary; + } + } + } + + .messaging__contents { + padding-top: 102px; + @include xxs{ + padding-top: 0; + } + + .message_search { + position: relative; + + input { + border-left: none; + border-right: none; + border-top: none; + padding-left: 50px; + border-bottom: 1px solid $border-color; + line-height: 50px; + } + + span { + position: absolute; + left: 25px; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 15px; + color: #898f96; + } + } + + .messages { + &.active { + background: #f5fafe; + } + + max-height: 1094px; + overflow-Y: scroll; + margin-right: 2px; + + /* width */ + &::-webkit-scrollbar { + width: 10px; + } + + /* Track */ + &::-webkit-scrollbar-track { + box-shadow: none; + border-radius: 10px; + border: 1px solid $border-color; + } + + /* Handle */ + &::-webkit-scrollbar-thumb { + background: #c7c7c7; + border-radius: 10px; + } + + .message__actions_avatar { + display: inline-block; + vertical-align: middle; + + .actions, + .avatar { + display: inline-block; + vertical-align: middle; + } + + .avatar { + height: 50px; + width: 50px; + } + + .actions { + margin-right: 13px; + + span.fa { + margin-left: 3px; + + &.fa-star { + color: #ffc000; + } + + &.fa-star-o { + color: #b9b9b9; + } + } + } + + .avatar { + img { + width: 50px; + height: 50px; + border-radius: 50%; + } + } + } + + .message_data { + display: inline-block; + width: calc(100% - 90px); + cursor: pointer; + padding-left: 10px; + vertical-align: middle; + + .name_time { + @include xs{ + display: grid; + } + >p { + margin-bottom: 0; + margin-top: 10px; + } + } + + .name { + display: inline-block; + + p { + display: inline-block; + font-weight: 400; + color: #000; + margin-bottom: 0; + } + + span { + display: inline-block; + @extend .color-primary; + font-size: 15px; + margin-left: 10px; + } + } + + .time { + float: right; + @extend .color-primary; + font-size: 15px; + } + } + + .message { + padding: 30px; + border-bottom: 1px solid $border-color; + display: flex; + + &.active { + background: #f5fafe; + position: relative; + + &:before { + content: ""; + height: 100%; + width: 3px; + @extend .bg-primary; + position: absolute; + top: 0; + left: 0; + } + } + } + } + } +} + +.chat_area { + .chat_area--title { + background: #fff; + padding: 36px 28px; + box-shadow: 0 3px 6px rgba(108, 111, 115, 0.15); + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + h3 { + display: inline-block; + line-height: 28px; + + span { + font-weight: 400; + @extend .color-primary; + } + } + + .message_toolbar { + position: relative; + + span { + color: #54667a; + margin-right: 12px; + font-size: 16px; + line-height: 28px; + } + + a { + &:hover { + span { + @extend .color-primary; + } + } + } + + a.dropdown-toggle:after { + content: none; + } + + ul.dropdown { + width: 120px; + top: 62px !important; + right: 0; + transform: translateX(-50%) !important; + } + } + + .dropdown { + right: 0; + left: auto; + top: 100%; + min-width: 195px; + + &:before { + right: 20px; + } + } + } + + .chat_area--conversation { + padding: 30px; + + .conversation { + border-bottom: 1px solid $border-color; + padding-bottom: 26px; + + &+.conversation { + padding-top: 30px; + } + + .head { + display: flex; + } + } + + .chat_avatar { + img { + width: 50px; + height: 50px; + border-radius: 50%; + } + } + + .name_time { + padding-left: 15px; + flex: 2; + + div { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + } + + h4 { + display: inline-block; + font-weight: 400; + } + + p { + margin-bottom: 0; + color: #747a86; + font-size: 15px; + } + + .email { + color: #54667a; + margin-top: 5px; + display: inline-block; + } + } + + .body { + padding-left: 66px; + margin-top: 19px; + + p { + margin-bottom: 0; + } + + .attachments { + margin-top: 30px; + + .attachment_head { + p { + display: inline-block; + font-size: 15px; + line-height: 26px; + color: #54667a; + } + + a { + display: inline-block; + @extend .color-primary; + margin-left: 20px; + } + } + + .attachment { + margin-top: 15px; + + ul { + margin: -13px; + li { + display: inline-block; + margin: 13px; + } + } + + } + } + } + } + + .message_composer { + padding: 0 30px 30px; + + .trumbowyg-box { + margin-top: 0; + } + + .attached { + margin-top: 20px; + + p { + display: inline-block; + font-size: 15px; + font-weight: 500; + line-height: 36px; + @extend .color-primary; + background: #f2f4f8; + padding: 0 15px; + border-radius: 3px; + margin-right: 13px; + margin-bottom: 13px; + + span { + font-size: 16px; + vertical-align: middle; + display: inline-block; + color: #647485; + margin-left: 14px; + cursor: pointer; + } + } + } + + .attached-files { + display: flex; + align-items: center; + flex-wrap: wrap; + + li { + margin-right: 15px; + display: flex; + align-items: center; + padding: 10px; + background: #f2f4f8; + border-radius: 3px; + + &:last-child { + margin-right: 0; + } + + a { + @extend .color-primary; + font-weight: 500; + line-height: 0; + + span { + color: $text-color2; + } + + &:last-child { + margin-left: 15px; + } + } + } + } + + .composer_field { + min-height: 140px; + } + + .btns { + margin-top: 17px; + display: flex; + align-items: center; + flex-wrap: wrap; + + .send { + margin-right: 16px; + padding: 0 40px; + } + + label { + @extend .color-primary; + font-weight: 400; + font-size: 15px; + margin-bottom: 0; + cursor: pointer; + + span { + @extend .color-primary; + } + + input { + display: none; + } + } + } + + &.composing { + padding-top: 30px; + + .recipient_field { + line-height: 38px; + border: 1px solid #d0d9e2; + border-radius: 3px; + margin-bottom: 20px; + } + + .cancel_btn { + @extend .bg-secondary; + margin-left: auto; + } + } + } +} + +/*************************************** + END MESSAGE AREA +****************************************/ + +/* bar rating scss */ +.br-theme-fontawesome-stars { + .br-widget { + white-space: nowrap; + + a { + font: normal normal normal 15px/1 FontAwesome; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + text-decoration: none; + margin-right: 2px; + + &+a { + margin-left: 2px; + } + } + + a:after { + content: "\f006"; + color: #898f96; + } + + a.br-active:after { + color: #ffc000; + content: "\f005"; + } + + a.br-selected:after { + color: #ffc000; + content: "\f005"; + } + + .br-current-rating { + display: none; + } + } + + .br-readonly { + a { + cursor: default; + } + } +} + +//Shopping Cart +.cart_area { + .single_product { + padding: 0; + } + + .table thead>tr>th { + font-weight: 500; + } + + tbody { + tr td { + padding: 30px 0 30px 30px; + } + + .item_price span { + color: #363940; + font-size: 24px; + font-weight: 500; + } + + .item_action .remove_from_cart span { + font-size: 18px; + -webkit-transition: .2s; + -o-transition: .2s; + transition: .2s; + line-height: 50px; + width: 50px; + text-align: center; + background: rgba(88, 103, 221, .1); + -webkit-border-radius: 50%; + border-radius: 50%; + display: inline-block; + @extend .color-primary; + + &:hover { + color: #fff; + @extend .bg-danger; + } + } + } + + .cart_calculation { + padding: 25px 30px 0 0; + + .cart--subtotal, + .cart--total { + p { + color: #333; + + span { + display: inline-block; + padding-right: 30px; + color: $text-color2; + } + } + } + } +} + +/*************************************** + START CHECKOUT CSS +****************************************/ +.order_summary { + ul { + li { + padding: 24px 30px; + border-top: 1px solid $border-color; + + &.item { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + a { + @extend .color-primary; + font-size: 16px; + line-height: 28px; + font-weight: 400; + } + } + + &.total_ammount { + font-weight: 500; + font-size: 22px; + + p { + font-size: 22px; + font-weight: 500; + color: #000; + } + } + + p { + display: inline-block; + margin-bottom: 0; + } + + span { + color: #333; + } + } + } +} + +.payment_options { + ul { + li { + padding: 30px; + border-top: 1px solid $border-color; + + .custom-radio { + display: inline-block; + + label { + font-size: 16px; + color: #333; + } + } + + img, + p { + float: right; + line-height: 37px; + + span { + font-weight: 500; + color: #000; + } + } + } + } + + .payment_info { + padding: 0 30px 30px; + } +} + +/*************************************** + END CHECKOUT CSS +****************************************/ + +/*************************************** + START HOW IT WORKS +****************************************/ +.how_it_works { + h2 { + line-height: 46px; + color: #000000; + padding-bottom: 30px; + } + + p { + margin-bottom: 20px; + } +} + +.content_block3 { + padding: 100px 0; + + .area_content { + a:hover { + @extend .bg-primary; + color: #fff; + } + + p { + margin: 0; + } + + .btn { + margin-top: 40px; + } + } +} + +/*************************************** + END HOW IT WORKS +****************************************/ + +/*************************************** + START ABOUT US HERO AREA CSS +****************************************/ +.about_hero { + position: relative; + text-align: center; + padding: 191px 0; + + &:before { + content: ''; + position: absolute; + height: 100%; + left: 0; + top: 0; + width: 100%; + background: rgba(18, 21, 25, 0.8); + opacity: 0.8; + } + + .about_hero_contents { + h1 { + span { + @extend .color-secondary; + } + } + + h1, + p { + line-height: 62px; + color: #fff; + } + + p { + span { + font-weight: 500; + } + } + + .about_hero_btns { + padding-top: 44px; + + .play_btn { + color: #fff; + font-size: 16px; + margin-right: 28px; + display: inline-block; + + span { + display: inline-block; + margin-right: 8px; + } + } + + a { + display: inline-block; + vertical-align: middle; + } + } + } +} + +/*************************************** + END ABOUT US HERO AREA CSS +****************************************/ + +/*************************************** + ABOUT_MISSION CSS +****************************************/ +.about_mission { + .content_block1 { + padding-bottom: 100px; + } + + .content_block2 { + padding-top: 100px; + } + + .content_area { + h1 { + margin: 0 0 40px 0; + + span { + @extend .color-primary; + } + } + } +} + +.counter-up--area2 { + .counter-up { + .counter { + span:first-child { + margin-bottom: 30px; + } + + span.count { + font-size: 36px; + } + } + } +} + +/*************************************** + START PARTNER AREA +****************************************/ +.partner-area { + background: $bgcolor2 no-repeat center; + + &.partner--area2 { + background: #fff no-repeat center; + border-bottom: 1px solid $border-color; + } +} + +.partners { + margin-top: 30px; + + .owl-item { + text-align: center; + height: 100%; + } +} + +.partners .partner { + display: inline-block; +} + +.partners .partner+.partner { + margin-left: 90px; +} + +/*************************************** + END PARTNER AREA + ****************************************/ + +/*************************************** + START FAQ AREA +*****************************************/ +.faq-area { + padding: 100px 0 70px 0; + + .faq-box { + margin-bottom: 30px; + border: 1px solid $border-color; + border-radius: 3px; + + .faq-head { + padding: 30px; + border-bottom: 1px solid $border-color; + + h4 { + @extend .color-primary; + } + } + + .faq-content { + padding: 30px; + + ul { + li { + margin-bottom: 30px; + padding-left: 22px; + position: relative; + + &:last-child { + margin-bottom: 0; + } + + &:before { + position: absolute; + content: ""; + width: 7px; + height: 7px; + border-radius: 50%; + background: #898b96; + left: 0; + top: 8px; + } + + a { + font-size: 16px; + font-weight: 300; + color: $text-color2; + + &:hover { + @extend .color-primary; + } + } + } + } + + a.link-more { + margin-top: 30px; + display: block; + } + + span.icon { + display: inline-block; + padding-left: 5px; + } + + p { + &:last-child { + margin: 0; + } + } + + img { + margin: 10px 0 30px 0; + } + } + } + + .faq-votes { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + padding: 30px; + margin-bottom: 30px; + border: 1px solid $border-color; + align-items: center; + + p { + margin-bottom: 0; + } + + ul { + li { + display: inline-block; + margin-right: 10px; + + &:last-child { + margin-right: 0; + } + + a span { + display: inline-block; + padding-right: 5px; + } + } + } + } +} + +/*************************************** + START AFFILIATE PAGE +****************************************/ +.affiliate_area { + .affiliate_form { + padding: 30px; + border: 1px solid $border-color; + } + + .generated { + text-align: center; + background: transparentize($secondary, .9); + padding: 30px; + border-radius: 2px; + margin-top: 50px; + + p { + margin-bottom: 0; + color: #010101; + font-weight: 500; + } + + .link { + @extend .color-secondary; + } + } +} + +.affliate_rules { + border-top: 1px solid $border-color; + padding-bottom: 75px; +} + +.affliate_rule_module { + margin-bottom: 30px; + @extend .faq--sidebar; + border: 1px solid $border-color; + + .affiliate_title { + padding: 37px 30px 25px; + border-bottom: 1px solid $border-color; + + span { + font-size: 24px; + vertical-align: middle; + margin-right: 13px; + } + + span.lnr-checkmark-circle { + @extend .color-primary; + } + + span.lnr-cross-circle { + @extend .color-danger; + } + + h3 { + display: inline-block; + vertical-align: middle; + } + } + + .collapsible-content { + padding: 25px 30px; + + ul li a { + color: $text-color2 !important; + + &:hover { + @extend .color-primary; + } + } + } +} + +/*************************************** + Start Terms & Condition +****************************************/ +.term-condition-area { + padding: 100px 0; + + .content-block { + margin-bottom: 55px; + + &:last-child { + margin-bottom: 0; + } + + h3 { + margin: 0 0 15px 0; + } + + p { + margin: 0; + } + + ul { + margin: 25px 0 0 40px; + + li { + padding-left: 22px; + position: relative; + color: $text-color2; + + &:last-child { + margin-bottom: 0; + } + + &:before { + position: absolute; + content: ""; + width: 7px; + height: 7px; + border-radius: 50%; + background: #898b96; + left: 0; + top: 8px; + } + } + } + } +} + +/*************************************** + START CONTACT AREA +****************************************/ +.contact_tile { + padding: 55px 38px 45px; + border: 1px solid $border-color; + @extend .cardify; + margin-bottom: 30px; + text-align: center; + + .tiles__icon { + font-size: 36px; + @extend .color-primary; + width: 80px; + height: 80px; + border-radius: 50%; + display: inline-block; + background: transparentize($primary, 0.9); + padding-top: 20px; + } + + .tiles__title { + padding: 25px 0 20px 0; + line-height: 30px; + margin: 0; + } + + .tiles__content { + p { + margin-bottom: 0; + } + } +} + +.contact_form { + border: 1px solid $border-color; + margin-top: 0; + + .contact_form__title { + padding: 26px 30px 30px; + border-bottom: 1px solid $border-color; + text-align: center; + } + + .form-group { + margin-bottom: 30px; + } + + .contact_form--wrapper { + padding: 50px 0; + } + + input { + line-height: 48px; + height: 48px; + color: #9e9e9e; + border: 1px solid #e7e7e7; + } + + textarea { + border: 1px solid #e7e7e7; + padding-top: 20px; + height: 129px; + transition: $transition; + } + + .sub_btn { + text-align: center; + margin-top: 30px; + } +} + +// Google Map +#map { + height: 400px; +} + +/*************************************** + Start Order Confirmation +****************************************/ +.order-confirm-area { + padding: 100px 0; + + .order-confirm-wrapper { + text-align: center; + background: #fff; + border-radius: 3px; + padding: 100px 30px; + + h2 { + margin: 0 0 30px 0; + } + + p { + margin: 0 0 30px 0; + } + } +} + +/*************************************** + Start Login CSS +****************************************/ +.login_area { + background: $section-bg; +} + +.login { + padding: 45px 0 43px; + + .login--header { + border-bottom: 1px solid $border-color; + text-align: center; + padding: 0 50px 26px; + + h3 { + padding-bottom: 15px; + } + + p { + margin-bottom: 0; + line-height: 28px; + } + } + + .login--form { + padding: 25px 50px 0; + } + + .login_assist { + margin-top: 40px; + + p a { + @extend .color-secondary; + } + + p:last-child { + margin-bottom: 0; + } + } +} + +/*************************************** + START SIGNUP CSS +****************************************/ +.signup_area { + @extend .login_area; + + .register_btn { + margin-top: 10px; + } +} + +.signup_form { + @extend .login; +} + +.pass_recover_area { + @extend .login_area; +} + +.recover_pass { + padding-bottom: 50px; + @extend .login; + + .login--header { + text-align: left; + } +} + +/*************************************** + START 404 AREA +****************************************/ +.not_found { + margin-top: 20px; + + h2 { + line-height: 80px; + color: #000; + margin-bottom: 16px; + } +} + +/*************************************** + END 404 AREA +****************************************/ + +/*************************************** + START JOB HERO HERO +****************************************/ +.job_hero_area { + padding-top: 130px; + padding-bottom: 140px; + position: relative; + text-align: center; + + &:before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: transparentize(#171c23, 0.2); + } + + h1 { + color: #fff; + line-height: 62px; + + .highlight { + @extend .color-primary; + } + } + + p { + padding: 30px 0 73px; + color: #fff; + font-size: 20px; + line-height: 34px; + } +} + +/*************************************** + START JOB AREA +****************************************/ +.job_area { + background: $bgcolor3; +} + +/*************************************** + START FEATURE AREA +****************************************/ +.feature_area { + padding-bottom: 45px; +} + +.content_block5 { + .content_block5_content { + h1 { + line-height: 46px; + margin-bottom: 34px; + + span { + @extend .color-primary; + } + } + + p { + margin: 0; + } + + .btn { + margin-top: 45px; + } + } +} + +/*************************************** + START JOB DETAIL +****************************************/ +.job_detail { + .je_hero_content { + margin-bottom: 55px; + + .je_date { + display: inline-block; + margin-top: 22px; + + p { + padding: 0 25px; + display: inline-block; + color: #d7d7d7; + font-size: 18px; + margin-bottom: 0; + } + } + } +} + +.job_detail_module { + @include cardify; + + &.dark-bg { + background: $dark-bg; + + .job__title { + color: #fff !important; + border-bottom: 1px solid #424852; + padding: 18px 30px 15px; + } + } + + .job__title { + padding: 23px 0 11px; + line-height: 50px; + } + + .job__content { + padding: 0 0 16px; + + .informations { + overflow: hidden; + + li { + float: left; + width: 33%; + margin-bottom: 34px; + + .info_title, + .info { + display: inline-block; + } + + .info_title { + min-width: calc(100% - 228px); + + span { + display: inline-block; + font-size: 18px; + @extend .color-secondary; + vertical-align: middle; + margin-right: 12px; + width: 40px; + height: 40px; + border-radius: 50%; + background: transparentize($secondary, 0.9); + text-align: center; + padding-top: 10px; + } + + p { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + color: #fff; + line-height: 30px; + vertical-align: middle; + } + } + + .info { + p { + margin-bottom: 0; + } + } + } + } + + .content_list { + padding-left: 30px; + margin-top: 25px; + + li { + padding-left: 26px; + position: relative; + line-height: 30px; + color: $text-color2; + + &:before { + content: ""; + height: 7px; + width: 7px; + background: #c5cad4; + position: absolute; + left: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); + } + } + } + + .social-share { + margin-top: 45px; + border: 1px solid $border-color; + padding: 20px 30px; + border-radius: 3px; + display: inline-flex; + align-items: center; + + p { + display: inline-block; + font-weight: 400; + color: $text-color2; + margin-right: 20px; + margin-bottom: 0; + } + + ul { + li { + padding-right: 15px; + display: inline-block; + + &:last-child { + margin-right: 0; + } + + a { + color: $text-color2; + + &:hover { + @extend .color-primary; + } + } + } + } + } + } + + &.information { + margin-bottom: 40px; + + .job__title { + @extend .color-primary; + } + + .job__content { + padding: 34px 30px 0; + } + } + + .apply-btn { + margin-top: 60px; + } +} + +/*************************************** + START APPLY FORM +****************************************/ +.apply_area { + border-top: 1px solid $border-color; +} + +.apply_form { + @extend .contact_form; + border: 0 none; +} + +.cv_upload { + width: 100%; + border: 1px solid $border-color; + height: 48px; + padding: 0 20px; + margin-bottom: 0; + + input { + width: 100%; + display: none; + } + + span { + line-height: 48px; + } + + .up_icon { + float: right; + font-size: 16px; + @extend .color-primary; + } +} + +/*************************************** + START EVENT AREA +****************************************/ +.event_area { + .date_place { + span { + @extend .color-secondary; + } + + li:last-child { + margin-bottom: 0; + } + } + + .card_style1__info { + figcaption { + border: 1px solid $border-color; + } + } +} + +.featured_event { + overflow: hidden; + background: $dark-bg; + @extend .cardify; + margin: 0 15px 30px; + + .col-md-12 { + padding: 0; + } + + .event_img { + padding-right: 15px; + border-radius: 4px 0 0 4px; + + img { + max-width: 100%; + } + } + + .featured_event_detail { + padding-left: 7px; + } + + h2 { + line-height: 40px; + margin-bottom: 32px; + + a { + color: #fff; + + &:hover { + @extend .color-secondary; + } + } + } + + .date_place { + margin-bottom: 40px; + + li { + &+li { + margin-left: 32px; + } + + display: inline-block; + + span, + p { + display: inline-block; + @include vertically_middle; + } + + span { + @extend .color-secondary; + font-size: 20px; + margin-right: 12px; + } + + p { + font-size: 18px; + font-weight: 400; + margin-bottom: 0; + } + } + } + + .countdown { + li { + display: inline-block; + @extend .color-secondary; + font-size: 40px; + font-weight: 400; + text-align: center; + padding: 20px 25px; + background: transparentize($secondary, 0.9); + + &+li { + margin-left: 15px; + } + + span { + display: block; + font-size: 16px; + color: #fff; + line-height: 20px; + text-transform: capitalize; + } + } + } +} + +/*************************************** + START EVENT DETAIL AREA +****************************************/ +.event_details_intro { + @extend .job_hero_area; + @extend .job_detail; + + &:before { + background: transparentize(#171c23, 0.6); + } + + .social-share { + position: absolute; + left: 50%; + bottom: 0; + transform: translate(-50%, 50%); + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.08); + padding: 20px 30px; + border-radius: 3px; + display: inline-flex; + align-items: center; + background: #fff; + flex-wrap: wrap; + + p { + display: inline-block; + font-weight: 400; + color: $text-color2; + margin-right: 20px; + margin-bottom: 0; + padding: 0; + font-size: 15px; + } + + ul { + li { + padding-right: 15px; + display: inline-block; + + &:last-child { + margin-right: 0; + } + + a { + color: #cfd4e2; + font-size: 16px; + + &:hover { + @extend .color-primary; + } + } + } + } + } +} + +.module--upload { + .modules__content { + padding-bottom: 30px + } +} + +.event_module { + border-bottom: 1px solid $border-color; + padding-bottom: 32px; + margin-bottom: 80px; + + &:before, + &:after { + content: ''; + display: table; + clear: both; + } + + .event_module__title { + line-height: 40px; + padding-bottom: 43px; + color: $title-color; + } + + .list_item { + width: 100%; + padding-top: 23px; + display: flex; + flex-wrap: wrap; + + li { + width: 50%; + position: relative; + padding-left: 25px; + + &:nth-child(2n + 1) { + padding-right: 15px; + } + + &:before { + content: "\f00c"; + font-family: FontAwesome, sans-serif; + @extend .color-primary; + position: absolute; + left: 0; + top: 0; + } + + color: #333; + font-weight: 400; + font-size: 16px; + line-height: 26px; + margin-bottom: 15px; + } + } + + &.sponsor--area { + border-bottom: 0; + padding-bottom: 0; + } +} + +.sponsores { + text-align: center; + + li { + background: #fff; + border: 1px solid $border-color; + + img { + max-width: 250px; + } + + &+li { + margin-left: 40px; + } + } +} + +.single_speaker { + width: 50%; + float: left; + margin-bottom: 60px; + + .speaker__thumbnail { + height: 263px; + width: 263px; + @include vertically_middle; + + img { + border: 1px solid $border-color; + width: 100% + } + } + + .speaker__detail { + @include vertically_middle; + padding-left: 30px; + + h3 { + line-height: 30px; + margin-bottom: 5px; + } + + p { + line-height: 30px; + } + + .ocuup { + color: #555; + font-weight: 400; + line-height: 30px; + margin-bottom: 15px; + font-size: 18px; + display: inline-block; + } + + width: calc(100% - 268px); + } + + .speaker_social { + margin-top: 30px; + + ul { + li { + display: inline-block; + margin-right: 4px; + + a:hover { + span { + @extend .bg-primary; + color: #fff; + } + } + + span { + transition: $transition; + line-height: 40px; + color: transparentize($primary, 0.5); + width: 40px; + border-radius: 50%; + text-align: center; + background: transparentize($primary, 0.9); + } + } + } + } + + &:nth-child(2n+2) { + padding-left: 15px; + } + + &:nth-child(2n+1) { + padding-right: 15px; + } +} + +.sign_up_area { + padding-top: 90px; + + .sign_up_title { + line-height: 40px; + padding-bottom: 55px; + } +} + +/*************************************** + START GOOGLE MAP AREA +****************************************/ +.google_map { + position: relative; + + #map { + height: 500px; + } + + .location_address { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 361px; + left: calc((100vw - 1110px) / 2); + + z-index: 1; + + .addres_module { + @extend .cardify; + padding: 50px 40px; + box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.08); + + h3 { + line-height: 34px; + margin-bottom: 55px; + } + + p { + font-weight: 400; + font-size: 18px; + margin-bottom: 0; + + &+p { + margin-top: 15px; + } + + span { + @extend .color-primary; + margin-right: 12px; + } + } + } + } +} + +/*************************************** + START BLOG AREA +****************************************/ +.blog_area { + + .date_time, + .comment_view, + .author { + span { + color: $text-color2 !important; + } + } +} + +.single_blog { + @include cardify; + border: 1px solid $border-color; + border-radius: 4px; + + figure { + img { + border-radius: 4px 4px 0 0; + width: 100%; + } + } + + .blog__content { + padding-left: 30px; + padding-right: 30px; + } + + .blog__title { + h3 { + color: $title-color; + transition: 0.3s; + } + + &:hover { + h3 { + @extend .color-primary; + } + } + } +} + +/* Blog Card Modifier */ +.blog--card { + margin-bottom: 30px; + + figure { + margin: 0; + } + + .blog__content { + padding-top: 30px; + padding-bottom: 26px; + + p { + margin-bottom: 0; + } + } + + .blog__title { + display: inline-block; + margin-bottom: 15px; + + h4 { + transition: $transition-base; + + &:hover { + @extend .color-primary; + } + } + } + + .blog__meta { + padding: 13px 30px; + border-top: 1px solid $border-color; + + &:before, + &:after { + content: ''; + display: table; + clear: both; + } + + .date_time, + .comment_view { + width: 50%; + float: left; + + p { + display: inline-block; + margin-bottom: 0; + color: #7e7e7e; + font-size: 15px; + line-height: 30px; + + span { + margin-right: 6px; + } + } + } + + .date_time { + text-align: left; + position: relative; + + span { + @extend .color-primary; + vertical-align: middle; + line-height: 30px; + } + + &:before { + content: ''; + width: 1px; + height: 100%; + right: 0; + top: 0; + background: $border-color; + position: absolute; + } + } + + .comment_view { + text-align: right; + + p+p { + margin-left: 26px; + } + } + } +} + +/* Blog default */ +.blog--default { + margin-bottom: 30px; + + figure { + margin: 0; + } + + .blog__title { + padding-top: 23px; + display: inline-block; + padding-bottom: 10px; + + h3 { + line-height: 32px; + } + } + + .blog__content { + border-bottom: 1px solid $border-color; + padding-bottom: 10px; + + .blog__meta { + + .date_time, + .comment_view, + .author { + display: inline-block; + + p { + display: inline-block; + margin-right: 25px; + color: #898f96; + + span { + margin-right: 6px; + } + } + } + + .author { + .lnr-user { + margin-right: 7px; + } + } + + .date_time { + span { + margin-right: 6px; + } + } + } + } + + .btn_text { + padding: 25px 30px 30px; + + .btn { + margin-top: 10px; + } + } +} + +.single_blog_content { + padding: 25px 30px 30px; + + p { + line-height: 30px; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + margin-top: 10px; + margin-bottom: 20px; + } + + ol { + margin-bottom: 30px; + + li { + list-style-type: decimal; + line-height: 32px; + font-size: 16px; + color: #555; + } + } + + img { + margin-bottom: 20px; + width: 100%; + } + + ul { + margin: 0 0 30px 30px; + + li { + line-height: 32px; + font-size: 16px; + position: relative; + padding-left: 27px; + color: $text-color2; + + &:before { + content: ''; + height: 8px; + width: 8px; + position: absolute; + border-radius: 50px; + background: #555555; + left: 0; + top: 50%; + transform: translateY(-50%); + } + } + } + + .share_tags { + background: $bgcolor; + padding: 20px; + margin-top: 45px; + position: relative; + border-radius: 3px; + + ul { + margin: 0; + } + + li { + display: inline-block; + + &:before { + display: none; + } + + padding-left: 0; + } + + .share { + display: flex; + align-items: center; + + p { + color: #777; + margin: 0 15px 0 0; + } + + .social_share { + display: inline-block; + + ul { + li { + margin-right: 10px; + + a { + color: #b1b3b5; + + &:hover { + @extend .color-primary; + } + } + } + } + } + } + + .tags { + float: right; + margin-top: 4px; + + ul { + li { + display: inline-block; + + &+li { + padding-left: 10px; + } + + a { + font-size: 15px; + @extend .color-primary; + background: transparentize($primary, .93); + line-height: 30px; + padding: 0 14px; + display: inline-block; + -webkit-border-radius: 200px; + -moz-border-radius: 200px; + border-radius: 200px; + } + } + } + } + + overflow: hidden; + } +} + +.author_info { + @extend .cardify; + display: flex; + flex-wrap: wrap; + margin-bottom: 30px; + padding: 36px 26px; + + .author__img { + img { + min-width: 100%; + border-radius: 50%; + } + } + + .author__info { + flex: 2; + padding-left: 30px; + + h4 { + margin-bottom: 20px; + } + + ul { + li { + display: inline-block; + + &+li { + margin-left: 16px; + } + } + + a { + font-size: 14px; + color: #a9a9a9; + transition: 0.3s; + + &:hover { + @extend .color-primary; + } + } + } + + p { + margin-bottom: 15px; + } + } +} + +.comment_area { + @extend .cardify; + + &.comment--form { + margin-top: 40px; + } + + .comment__title { + padding: 28px 30px 19px 0; + border-bottom: 1px solid #ececec; + + h4 { + line-height: 42px; + } + } + + .comment___wrapper { + .media-list { + li { + &+li { + border-top: 1px solid $border-color; + } + } + + .media { + padding-bottom: 15px; + padding-top: 24px; + } + + .cmnt_avatar { + height: 90px; + width: 90px; + + img { + border-radius: 200px; + max-width: 100%; + } + } + + .media_top { + overflow: hidden; + margin-bottom: 15px; + display: flex; + justify-content: space-between; + } + + .media-heading { + font-size: 18px; + line-height: 28px; + color: #000; + } + + .media-body { + padding-left: 20px; + } + + .heading_left { + a { + h4 { + line-height: 28px; + margin-bottom: 0; + } + } + + span { + color: #555; + font-size: 15px; + line-height: 28px; + } + } + + .reply.visible-xs-m { + display: none; + } + + .children>.depth-2 { + padding-left: 114px; + + .media { + border-top: 1px solid $border-color; + } + } + } + } + + .commnet_form_wrapper { + padding: 30px 0; + } + + .cmnt_reply_form { + @extend .contact_form; + border: 0 none; + } +} + + +/*************************************** + END BLOG AREA +****************************************/ + + + +//charts// + +.visit_data { + ul.nav-tabs { + padding: 0 !important; + } +} + +.visit_data .v_refer .select-wrap { + @include xs { + float: unset; + + .period_selector { + padding: 10px 0; + margin: 10px 0; + width: 100%; + } + } +} + +//404 page +.four_o_four_area img{ + width: 100%; +} \ No newline at end of file diff --git a/public/vendor/livewire/livewire.js b/public/vendor/livewire/livewire.js new file mode 100644 index 0000000..4d9ef6e --- /dev/null +++ b/public/vendor/livewire/livewire.js @@ -0,0 +1,14 @@ +!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?module.exports=factory():"function"==typeof define&&define.amd?define(factory):(global="undefined"!=typeof globalThis?globalThis:global||self).Livewire=factory()}(this,(function(){"use strict";function ownKeys$1(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i0&&void 0!==arguments[0]?arguments[0]:"right";return this.modifiers.includes("up")?"up":this.modifiers.includes("down")?"down":this.modifiers.includes("left")?"left":this.modifiers.includes("right")?"right":fallback}}]),Directive}();function walk(root,callback){if(!1!==callback(root))for(var node=root.firstElementChild;node;)walk(node,callback),node=node.nextElementSibling}function dispatch(eventName){var event=document.createEvent("Events");return event.initEvent(eventName,!0,!0),document.dispatchEvent(event),event}function getCsrfToken(){var _window$livewire_toke,tokenTag=document.head.querySelector('meta[name="csrf-token"]');return tokenTag?tokenTag.content:null!==(_window$livewire_toke=window.livewire_token)&&void 0!==_window$livewire_toke?_window$livewire_toke:void 0}function kebabCase(subject){return subject.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()} +/*! + * isobject + * + * Copyright (c) 2014-2017, Jon Schlinkert. + * Released under the MIT License. + */var isobject=function(val){return null!=val&&"object"==typeof val&&!1===Array.isArray(val)},getValue=function(target,path,options){if(isobject(options)||(options={default:options}),!isValidObject(target))return void 0!==options.default?options.default:target;"number"==typeof path&&(path=String(path));const isArray=Array.isArray(path),isString="string"==typeof path,splitChar=options.separator||".",joinChar=options.joinChar||("string"==typeof splitChar?splitChar:".");if(!isString&&!isArray)return target;if(isString&&path in target)return isValid(path,target,options)?target[path]:options.default;let segs=isArray?path:split$1(path,splitChar,options),len=segs.length,idx=0;do{let prop=segs[idx];for("number"==typeof prop&&(prop=String(prop));prop&&"\\"===prop.slice(-1);)prop=join([prop.slice(0,-1),segs[++idx]||""],joinChar,options);if(prop in target){if(!isValid(prop,target,options))return options.default;target=target[prop]}else{let hasProp=!1,n=idx+1;for(;n + * + * Copyright (c) 2014-2018, Jon Schlinkert. + * Released under the MIT License. + */function join(segs,joinChar,options){return"function"==typeof options.join?options.join(segs):segs[0]+joinChar+segs[1]}function split$1(path,splitChar,options){return"function"==typeof options.split?options.split(path):path.split(splitChar)}function isValid(key,target,options){return"function"!=typeof options.isValid||options.isValid(key,target)}function isValidObject(val){return isobject(val)||Array.isArray(val)||"function"==typeof val}var _default$6=function(){function _default(el){var skipWatcher=arguments.length>1&&void 0!==arguments[1]&&arguments[1];_classCallCheck(this,_default),this.el=el,this.skipWatcher=skipWatcher,this.resolveCallback=function(){},this.rejectCallback=function(){},this.signature=(Math.random()+1).toString(36).substring(8)}return _createClass(_default,[{key:"toId",value:function(){return btoa(encodeURIComponent(this.el.outerHTML))}},{key:"onResolve",value:function(callback){this.resolveCallback=callback}},{key:"onReject",value:function(callback){this.rejectCallback=callback}},{key:"resolve",value:function(thing){this.resolveCallback(thing)}},{key:"reject",value:function(thing){this.rejectCallback(thing)}}]),_default}(),_default$5=function(_Action){_inherits(_default,_Action);var _super=_createSuper(_default);function _default(event,params,el){var _this;return _classCallCheck(this,_default),(_this=_super.call(this,el)).type="fireEvent",_this.payload={id:_this.signature,event:event,params:params},_this}return _createClass(_default,[{key:"toId",value:function(){return btoa(encodeURIComponent(this.type,this.payload.event,JSON.stringify(this.payload.params)))}}]),_default}(_default$6),MessageBus=function(){function MessageBus(){_classCallCheck(this,MessageBus),this.listeners={}}return _createClass(MessageBus,[{key:"register",value:function(name,callback){this.listeners[name]||(this.listeners[name]=[]),this.listeners[name].push(callback)}},{key:"call",value:function(name){for(var _len=arguments.length,params=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)params[_key-1]=arguments[_key];(this.listeners[name]||[]).forEach((function(callback){callback.apply(void 0,params)}))}},{key:"has",value:function(name){return Object.keys(this.listeners).includes(name)}}]),MessageBus}(),HookManager={availableHooks:["component.initialized","element.initialized","element.updating","element.updated","element.removed","message.sent","message.failed","message.received","message.processed","interceptWireModelSetValue","interceptWireModelAttachListener","beforeReplaceState","beforePushState"],bus:new MessageBus,register:function(name,callback){if(!this.availableHooks.includes(name))throw"Livewire: Referencing unknown hook: [".concat(name,"]");this.bus.register(name,callback)},call:function(name){for(var _this$bus,_len=arguments.length,params=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)params[_key-1]=arguments[_key];(_this$bus=this.bus).call.apply(_this$bus,[name].concat(params))}},DirectiveManager={directives:new MessageBus,register:function(name,callback){if(this.has(name))throw"Livewire: Directive already registered: [".concat(name,"]");this.directives.register(name,callback)},call:function(name,el,directive,component){this.directives.call(name,el,directive,component)},has:function(name){return this.directives.has(name)}},store$2={componentsById:{},listeners:new MessageBus,initialRenderIsFinished:!1,livewireIsInBackground:!1,livewireIsOffline:!1,sessionHasExpired:!1,sessionHasExpiredCallback:void 0,directives:DirectiveManager,hooks:HookManager,onErrorCallback:function(){},components:function(){var _this=this;return Object.keys(this.componentsById).map((function(key){return _this.componentsById[key]}))},addComponent:function(component){return this.componentsById[component.id]=component},findComponent:function(id){return this.componentsById[id]},getComponentsByName:function(name){return this.components().filter((function(component){return component.name===name}))},hasComponent:function(id){return!!this.componentsById[id]},tearDownComponents:function(){var _this2=this;this.components().forEach((function(component){_this2.removeComponent(component)}))},on:function(event,callback){this.listeners.register(event,callback)},emit:function(event){for(var _this$listeners,_len=arguments.length,params=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)params[_key-1]=arguments[_key];(_this$listeners=this.listeners).call.apply(_this$listeners,[event].concat(params)),this.componentsListeningForEvent(event).forEach((function(component){return component.addAction(new _default$5(event,params))}))},emitUp:function(el,event){for(var _len2=arguments.length,params=new Array(_len2>2?_len2-2:0),_key2=2;_key2<_len2;_key2++)params[_key2-2]=arguments[_key2];this.componentsListeningForEventThatAreTreeAncestors(el,event).forEach((function(component){return component.addAction(new _default$5(event,params))}))},emitSelf:function(componentId,event){var component=this.findComponent(componentId);if(component.listeners.includes(event)){for(var _len3=arguments.length,params=new Array(_len3>2?_len3-2:0),_key3=2;_key3<_len3;_key3++)params[_key3-2]=arguments[_key3];component.addAction(new _default$5(event,params))}},emitTo:function(componentName,event){for(var _len4=arguments.length,params=new Array(_len4>2?_len4-2:0),_key4=2;_key4<_len4;_key4++)params[_key4-2]=arguments[_key4];var components=this.getComponentsByName(componentName);components.forEach((function(component){component.listeners.includes(event)&&component.addAction(new _default$5(event,params))}))},componentsListeningForEventThatAreTreeAncestors:function(el,event){for(var parentIds=[],parent=el.parentElement.closest("[wire\\:id]");parent;)parentIds.push(parent.getAttribute("wire:id")),parent=parent.parentElement.closest("[wire\\:id]");return this.components().filter((function(component){return component.listeners.includes(event)&&parentIds.includes(component.id)}))},componentsListeningForEvent:function(event){return this.components().filter((function(component){return component.listeners.includes(event)}))},registerDirective:function(name,callback){this.directives.register(name,callback)},registerHook:function(name,callback){this.hooks.register(name,callback)},callHook:function(name){for(var _this$hooks,_len5=arguments.length,params=new Array(_len5>1?_len5-1:0),_key5=1;_key5<_len5;_key5++)params[_key5-1]=arguments[_key5];(_this$hooks=this.hooks).call.apply(_this$hooks,[name].concat(params))},changeComponentId:function(component,newId){var oldId=component.id;component.id=newId,component.fingerprint.id=newId,this.componentsById[newId]=component,delete this.componentsById[oldId],this.components().forEach((function(component){var children=component.serverMemo.children||{};Object.entries(children).forEach((function(_ref){var _ref2=_slicedToArray(_ref,2),key=_ref2[0],_ref2$=_ref2[1],id=_ref2$.id;_ref2$.tagName,id===oldId&&(children[key].id=newId)}))}))},removeComponent:function(component){component.tearDown(),delete this.componentsById[component.id]},onError:function(callback){this.onErrorCallback=callback},getClosestParentId:function(childId,subsetOfParentIds){var _this3=this,distancesByParentId={};subsetOfParentIds.forEach((function(parentId){var distance=_this3.getDistanceToChild(parentId,childId);distance&&(distancesByParentId[parentId]=distance)}));var closestParentId,smallestDistance=Math.min.apply(Math,_toConsumableArray(Object.values(distancesByParentId)));return Object.entries(distancesByParentId).forEach((function(_ref3){var _ref4=_slicedToArray(_ref3,2),parentId=_ref4[0];_ref4[1]===smallestDistance&&(closestParentId=parentId)})),closestParentId},getDistanceToChild:function(parentId,childId){var distanceMemo=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,parentComponent=this.findComponent(parentId);if(parentComponent){var childIds=parentComponent.childIds;if(childIds.includes(childId))return distanceMemo;for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:null;null===node&&(node=document);var allEls=Array.from(node.querySelectorAll("[wire\\:initial-data]")),onlyChildEls=Array.from(node.querySelectorAll("[wire\\:initial-data] [wire\\:initial-data]"));return allEls.filter((function(el){return!onlyChildEls.includes(el)}))},allModelElementsInside:function(root){return Array.from(root.querySelectorAll("[wire\\:model]"))},getByAttributeAndValue:function(attribute,value){return document.querySelector("[wire\\:".concat(attribute,'="').concat(value,'"]'))},nextFrame:function(fn){var _this=this;requestAnimationFrame((function(){requestAnimationFrame(fn.bind(_this))}))},closestRoot:function(el){return this.closestByAttribute(el,"id")},closestByAttribute:function(el,attribute){var closestEl=el.closest("[wire\\:".concat(attribute,"]"));if(!closestEl)throw"\nLivewire Error:\n\nCannot find parent element in DOM tree containing attribute: [wire:".concat(attribute,"].\n\nUsually this is caused by Livewire's DOM-differ not being able to properly track changes.\n\nReference the following guide for common causes: https://laravel-livewire.com/docs/troubleshooting \n\nReferenced element:\n\n").concat(el.outerHTML,"\n");return closestEl},isComponentRootEl:function(el){return this.hasAttribute(el,"id")},hasAttribute:function(el,attribute){return el.hasAttribute("wire:".concat(attribute))},getAttribute:function(el,attribute){return el.getAttribute("wire:".concat(attribute))},removeAttribute:function(el,attribute){return el.removeAttribute("wire:".concat(attribute))},setAttribute:function(el,attribute,value){return el.setAttribute("wire:".concat(attribute),value)},hasFocus:function(el){return el===document.activeElement},isInput:function(el){return["INPUT","TEXTAREA","SELECT"].includes(el.tagName.toUpperCase())},isTextInput:function(el){return["INPUT","TEXTAREA"].includes(el.tagName.toUpperCase())&&!["checkbox","radio"].includes(el.type)},valueFromInput:function(el,component){if("checkbox"===el.type){var modelName=wireDirectives(el).get("model").value,modelValue=component.deferredActions[modelName]?component.deferredActions[modelName].payload.value:getValue(component.data,modelName);return Array.isArray(modelValue)?this.mergeCheckboxValueIntoArray(el,modelValue):!!el.checked&&(el.getAttribute("value")||!0)}return"SELECT"===el.tagName&&el.multiple?this.getSelectValues(el):el.value},mergeCheckboxValueIntoArray:function(el,arrayValue){return el.checked?arrayValue.includes(el.value)?arrayValue:arrayValue.concat(el.value):arrayValue.filter((function(item){return item!=el.value}))},setInputValueFromModel:function(el,component){var modelString=wireDirectives(el).get("model").value,modelValue=getValue(component.data,modelString);"input"===el.tagName.toLowerCase()&&"file"===el.type||this.setInputValue(el,modelValue)},setInputValue:function(el,value){if(store$2.callHook("interceptWireModelSetValue",value,el),"radio"===el.type)el.checked=el.value==value;else if("checkbox"===el.type)if(Array.isArray(value)){var valueFound=!1;value.forEach((function(val){val==el.value&&(valueFound=!0)})),el.checked=valueFound}else el.checked=!!value;else"SELECT"===el.tagName?this.updateSelect(el,value):(value=void 0===value?"":value,el.value=value)},getSelectValues:function(el){return Array.from(el.options).filter((function(option){return option.selected})).map((function(option){return option.value||option.text}))},updateSelect:function(el,value){var arrayWrappedValue=[].concat(value).map((function(value){return value+""}));Array.from(el.options).forEach((function(option){option.selected=arrayWrappedValue.includes(option.value)}))}},ceil=Math.ceil,floor=Math.floor,toInteger=function(argument){return isNaN(argument=+argument)?0:(argument>0?floor:ceil)(argument)},requireObjectCoercible=function(it){if(null==it)throw TypeError("Can't call method on "+it);return it},createMethod$3=function(CONVERT_TO_STRING){return function($this,pos){var first,second,S=String(requireObjectCoercible($this)),position=toInteger(pos),size=S.length;return position<0||position>=size?CONVERT_TO_STRING?"":void 0:(first=S.charCodeAt(position))<55296||first>56319||position+1===size||(second=S.charCodeAt(position+1))<56320||second>57343?CONVERT_TO_STRING?S.charAt(position):first:CONVERT_TO_STRING?S.slice(position,position+2):second-56320+(first-55296<<10)+65536}},stringMultibyte={codeAt:createMethod$3(!1),charAt:createMethod$3(!0)},commonjsGlobal="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function createCommonjsModule(fn,basedir,module){return fn(module={path:basedir,exports:{},require:function(path,base){return commonjsRequire(path,null==base?module.path:base)}},module.exports),module.exports}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var check=function(it){return it&&it.Math==Math&&it},global_1=check("object"==typeof globalThis&&globalThis)||check("object"==typeof window&&window)||check("object"==typeof self&&self)||check("object"==typeof commonjsGlobal&&commonjsGlobal)||function(){return this}()||Function("return this")(),fails=function(exec){try{return!!exec()}catch(error){return!0}},descriptors=!fails((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]})),isObject=function(it){return"object"==typeof it?null!==it:"function"==typeof it},document$3=global_1.document,EXISTS=isObject(document$3)&&isObject(document$3.createElement),documentCreateElement=function(it){return EXISTS?document$3.createElement(it):{}},ie8DomDefine=!descriptors&&!fails((function(){return 7!=Object.defineProperty(documentCreateElement("div"),"a",{get:function(){return 7}}).a})),anObject=function(it){if(!isObject(it))throw TypeError(String(it)+" is not an object");return it},toPrimitive=function(input,PREFERRED_STRING){if(!isObject(input))return input;var fn,val;if(PREFERRED_STRING&&"function"==typeof(fn=input.toString)&&!isObject(val=fn.call(input)))return val;if("function"==typeof(fn=input.valueOf)&&!isObject(val=fn.call(input)))return val;if(!PREFERRED_STRING&&"function"==typeof(fn=input.toString)&&!isObject(val=fn.call(input)))return val;throw TypeError("Can't convert object to primitive value")},$defineProperty=Object.defineProperty,f$5=descriptors?$defineProperty:function(O,P,Attributes){if(anObject(O),P=toPrimitive(P,!0),anObject(Attributes),ie8DomDefine)try{return $defineProperty(O,P,Attributes)}catch(error){}if("get"in Attributes||"set"in Attributes)throw TypeError("Accessors not supported");return"value"in Attributes&&(O[P]=Attributes.value),O},objectDefineProperty={f:f$5},createPropertyDescriptor=function(bitmap,value){return{enumerable:!(1&bitmap),configurable:!(2&bitmap),writable:!(4&bitmap),value:value}},createNonEnumerableProperty=descriptors?function(object,key,value){return objectDefineProperty.f(object,key,createPropertyDescriptor(1,value))}:function(object,key,value){return object[key]=value,object},setGlobal=function(key,value){try{createNonEnumerableProperty(global_1,key,value)}catch(error){global_1[key]=value}return value},SHARED="__core-js_shared__",store$1=global_1[SHARED]||setGlobal(SHARED,{}),sharedStore=store$1,functionToString=Function.toString;"function"!=typeof sharedStore.inspectSource&&(sharedStore.inspectSource=function(it){return functionToString.call(it)});var inspectSource=sharedStore.inspectSource,WeakMap$1=global_1.WeakMap,nativeWeakMap="function"==typeof WeakMap$1&&/native code/.test(inspectSource(WeakMap$1)),toObject=function(argument){return Object(requireObjectCoercible(argument))},hasOwnProperty={}.hasOwnProperty,has$1=Object.hasOwn||function(it,key){return hasOwnProperty.call(toObject(it),key)},shared=createCommonjsModule((function(module){(module.exports=function(key,value){return sharedStore[key]||(sharedStore[key]=void 0!==value?value:{})})("versions",[]).push({version:"3.15.2",mode:"global",copyright:"© 2021 Denis Pushkarev (zloirock.ru)"})})),id=0,postfix=Math.random(),uid=function(key){return"Symbol("+String(void 0===key?"":key)+")_"+(++id+postfix).toString(36)},keys=shared("keys"),sharedKey=function(key){return keys[key]||(keys[key]=uid(key))},hiddenKeys$1={},OBJECT_ALREADY_INITIALIZED="Object already initialized",WeakMap=global_1.WeakMap,set$1,get,has,enforce=function(it){return has(it)?get(it):set$1(it,{})},getterFor=function(TYPE){return function(it){var state;if(!isObject(it)||(state=get(it)).type!==TYPE)throw TypeError("Incompatible receiver, "+TYPE+" required");return state}};if(nativeWeakMap||sharedStore.state){var store=sharedStore.state||(sharedStore.state=new WeakMap),wmget=store.get,wmhas=store.has,wmset=store.set;set$1=function(it,metadata){if(wmhas.call(store,it))throw new TypeError(OBJECT_ALREADY_INITIALIZED);return metadata.facade=it,wmset.call(store,it,metadata),metadata},get=function(it){return wmget.call(store,it)||{}},has=function(it){return wmhas.call(store,it)}}else{var STATE=sharedKey("state");hiddenKeys$1[STATE]=!0,set$1=function(it,metadata){if(has$1(it,STATE))throw new TypeError(OBJECT_ALREADY_INITIALIZED);return metadata.facade=it,createNonEnumerableProperty(it,STATE,metadata),metadata},get=function(it){return has$1(it,STATE)?it[STATE]:{}},has=function(it){return has$1(it,STATE)}}var internalState={set:set$1,get:get,has:has,enforce:enforce,getterFor:getterFor},$propertyIsEnumerable={}.propertyIsEnumerable,getOwnPropertyDescriptor$3=Object.getOwnPropertyDescriptor,NASHORN_BUG=getOwnPropertyDescriptor$3&&!$propertyIsEnumerable.call({1:2},1),f$4=NASHORN_BUG?function(V){var descriptor=getOwnPropertyDescriptor$3(this,V);return!!descriptor&&descriptor.enumerable}:$propertyIsEnumerable,objectPropertyIsEnumerable={f:f$4},toString={}.toString,classofRaw=function(it){return toString.call(it).slice(8,-1)},split="".split,indexedObject=fails((function(){return!Object("z").propertyIsEnumerable(0)}))?function(it){return"String"==classofRaw(it)?split.call(it,""):Object(it)}:Object,toIndexedObject=function(it){return indexedObject(requireObjectCoercible(it))},$getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,f$3=descriptors?$getOwnPropertyDescriptor:function(O,P){if(O=toIndexedObject(O),P=toPrimitive(P,!0),ie8DomDefine)try{return $getOwnPropertyDescriptor(O,P)}catch(error){}if(has$1(O,P))return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O,P),O[P])},objectGetOwnPropertyDescriptor={f:f$3},redefine=createCommonjsModule((function(module){var getInternalState=internalState.get,enforceInternalState=internalState.enforce,TEMPLATE=String(String).split("String");(module.exports=function(O,key,value,options){var state,unsafe=!!options&&!!options.unsafe,simple=!!options&&!!options.enumerable,noTargetGet=!!options&&!!options.noTargetGet;"function"==typeof value&&("string"!=typeof key||has$1(value,"name")||createNonEnumerableProperty(value,"name",key),(state=enforceInternalState(value)).source||(state.source=TEMPLATE.join("string"==typeof key?key:""))),O!==global_1?(unsafe?!noTargetGet&&O[key]&&(simple=!0):delete O[key],simple?O[key]=value:createNonEnumerableProperty(O,key,value)):simple?O[key]=value:setGlobal(key,value)})(Function.prototype,"toString",(function(){return"function"==typeof this&&getInternalState(this).source||inspectSource(this)}))})),path=global_1,aFunction$1=function(variable){return"function"==typeof variable?variable:void 0},getBuiltIn=function(namespace,method){return arguments.length<2?aFunction$1(path[namespace])||aFunction$1(global_1[namespace]):path[namespace]&&path[namespace][method]||global_1[namespace]&&global_1[namespace][method]},min$2=Math.min,toLength=function(argument){return argument>0?min$2(toInteger(argument),9007199254740991):0},max=Math.max,min$1=Math.min,toAbsoluteIndex=function(index,length){var integer=toInteger(index);return integer<0?max(integer+length,0):min$1(integer,length)},createMethod$2=function(IS_INCLUDES){return function($this,el,fromIndex){var value,O=toIndexedObject($this),length=toLength(O.length),index=toAbsoluteIndex(fromIndex,length);if(IS_INCLUDES&&el!=el){for(;length>index;)if((value=O[index++])!=value)return!0}else for(;length>index;index++)if((IS_INCLUDES||index in O)&&O[index]===el)return IS_INCLUDES||index||0;return!IS_INCLUDES&&-1}},arrayIncludes={includes:createMethod$2(!0),indexOf:createMethod$2(!1)},indexOf=arrayIncludes.indexOf,objectKeysInternal=function(object,names){var key,O=toIndexedObject(object),i=0,result=[];for(key in O)!has$1(hiddenKeys$1,key)&&has$1(O,key)&&result.push(key);for(;names.length>i;)has$1(O,key=names[i++])&&(~indexOf(result,key)||result.push(key));return result},enumBugKeys=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"],hiddenKeys=enumBugKeys.concat("length","prototype"),f$2=Object.getOwnPropertyNames||function(O){return objectKeysInternal(O,hiddenKeys)},objectGetOwnPropertyNames={f:f$2},f$1=Object.getOwnPropertySymbols,objectGetOwnPropertySymbols={f:f$1},ownKeys=getBuiltIn("Reflect","ownKeys")||function(it){var keys=objectGetOwnPropertyNames.f(anObject(it)),getOwnPropertySymbols=objectGetOwnPropertySymbols.f;return getOwnPropertySymbols?keys.concat(getOwnPropertySymbols(it)):keys},copyConstructorProperties=function(target,source){for(var keys=ownKeys(source),defineProperty=objectDefineProperty.f,getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f,i=0;i=74)&&(match=engineUserAgent.match(/Chrome\/(\d+)/),match&&(version=match[1])));var engineV8Version=version&&+version,nativeSymbol=!!Object.getOwnPropertySymbols&&!fails((function(){var symbol=Symbol();return!String(symbol)||!(Object(symbol)instanceof Symbol)||!Symbol.sham&&engineV8Version&&engineV8Version<41})),useSymbolAsUid=nativeSymbol&&!Symbol.sham&&"symbol"==typeof Symbol.iterator,WellKnownSymbolsStore=shared("wks"),Symbol$1=global_1.Symbol,createWellKnownSymbol=useSymbolAsUid?Symbol$1:Symbol$1&&Symbol$1.withoutSetter||uid,wellKnownSymbol=function(name){return has$1(WellKnownSymbolsStore,name)&&(nativeSymbol||"string"==typeof WellKnownSymbolsStore[name])||(nativeSymbol&&has$1(Symbol$1,name)?WellKnownSymbolsStore[name]=Symbol$1[name]:WellKnownSymbolsStore[name]=createWellKnownSymbol("Symbol."+name)),WellKnownSymbolsStore[name]},ITERATOR$5=wellKnownSymbol("iterator"),BUGGY_SAFARI_ITERATORS$1=!1,returnThis$2=function(){return this},IteratorPrototype$2,PrototypeOfArrayIteratorPrototype,arrayIterator;[].keys&&(arrayIterator=[].keys(),"next"in arrayIterator?(PrototypeOfArrayIteratorPrototype=objectGetPrototypeOf(objectGetPrototypeOf(arrayIterator)),PrototypeOfArrayIteratorPrototype!==Object.prototype&&(IteratorPrototype$2=PrototypeOfArrayIteratorPrototype)):BUGGY_SAFARI_ITERATORS$1=!0);var NEW_ITERATOR_PROTOTYPE=null==IteratorPrototype$2||fails((function(){var test={};return IteratorPrototype$2[ITERATOR$5].call(test)!==test}));NEW_ITERATOR_PROTOTYPE&&(IteratorPrototype$2={}),has$1(IteratorPrototype$2,ITERATOR$5)||createNonEnumerableProperty(IteratorPrototype$2,ITERATOR$5,returnThis$2);var iteratorsCore={IteratorPrototype:IteratorPrototype$2,BUGGY_SAFARI_ITERATORS:BUGGY_SAFARI_ITERATORS$1},objectKeys=Object.keys||function(O){return objectKeysInternal(O,enumBugKeys)},objectDefineProperties=descriptors?Object.defineProperties:function(O,Properties){anObject(O);for(var key,keys=objectKeys(Properties),length=keys.length,index=0;length>index;)objectDefineProperty.f(O,key=keys[index++],Properties[key]);return O},html=getBuiltIn("document","documentElement"),GT=">",LT="<",PROTOTYPE="prototype",SCRIPT="script",IE_PROTO=sharedKey("IE_PROTO"),EmptyConstructor=function(){},scriptTag=function(content){return LT+SCRIPT+GT+content+LT+"/"+SCRIPT+GT},NullProtoObjectViaActiveX=function(activeXDocument){activeXDocument.write(scriptTag("")),activeXDocument.close();var temp=activeXDocument.parentWindow.Object;return activeXDocument=null,temp},NullProtoObjectViaIFrame=function(){var iframeDocument,iframe=documentCreateElement("iframe"),JS="java"+SCRIPT+":";return iframe.style.display="none",html.appendChild(iframe),iframe.src=String(JS),(iframeDocument=iframe.contentWindow.document).open(),iframeDocument.write(scriptTag("document.F=Object")),iframeDocument.close(),iframeDocument.F},activeXDocument,NullProtoObject=function(){try{activeXDocument=document.domain&&new ActiveXObject("htmlfile")}catch(error){}NullProtoObject=activeXDocument?NullProtoObjectViaActiveX(activeXDocument):NullProtoObjectViaIFrame();for(var length=enumBugKeys.length;length--;)delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];return NullProtoObject()};hiddenKeys$1[IE_PROTO]=!0;var objectCreate=Object.create||function(O,Properties){var result;return null!==O?(EmptyConstructor[PROTOTYPE]=anObject(O),result=new EmptyConstructor,EmptyConstructor[PROTOTYPE]=null,result[IE_PROTO]=O):result=NullProtoObject(),void 0===Properties?result:objectDefineProperties(result,Properties)},defineProperty$1=objectDefineProperty.f,TO_STRING_TAG$3=wellKnownSymbol("toStringTag"),setToStringTag=function(it,TAG,STATIC){it&&!has$1(it=STATIC?it:it.prototype,TO_STRING_TAG$3)&&defineProperty$1(it,TO_STRING_TAG$3,{configurable:!0,value:TAG})},iterators={},IteratorPrototype$1=iteratorsCore.IteratorPrototype,returnThis$1=function(){return this},createIteratorConstructor=function(IteratorConstructor,NAME,next){var TO_STRING_TAG=NAME+" Iterator";return IteratorConstructor.prototype=objectCreate(IteratorPrototype$1,{next:createPropertyDescriptor(1,next)}),setToStringTag(IteratorConstructor,TO_STRING_TAG,!1),iterators[TO_STRING_TAG]=returnThis$1,IteratorConstructor},aPossiblePrototype=function(it){if(!isObject(it)&&null!==it)throw TypeError("Can't set "+String(it)+" as a prototype");return it},objectSetPrototypeOf=Object.setPrototypeOf||("__proto__"in{}?function(){var setter,CORRECT_SETTER=!1,test={};try{(setter=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(test,[]),CORRECT_SETTER=test instanceof Array}catch(error){}return function(O,proto){return anObject(O),aPossiblePrototype(proto),CORRECT_SETTER?setter.call(O,proto):O.__proto__=proto,O}}():void 0),IteratorPrototype=iteratorsCore.IteratorPrototype,BUGGY_SAFARI_ITERATORS=iteratorsCore.BUGGY_SAFARI_ITERATORS,ITERATOR$4=wellKnownSymbol("iterator"),KEYS="keys",VALUES="values",ENTRIES="entries",returnThis=function(){return this},defineIterator=function(Iterable,NAME,IteratorConstructor,next,DEFAULT,IS_SET,FORCED){createIteratorConstructor(IteratorConstructor,NAME,next);var CurrentIteratorPrototype,methods,KEY,getIterationMethod=function(KIND){if(KIND===DEFAULT&&defaultIterator)return defaultIterator;if(!BUGGY_SAFARI_ITERATORS&&KIND in IterablePrototype)return IterablePrototype[KIND];switch(KIND){case KEYS:case VALUES:case ENTRIES:return function(){return new IteratorConstructor(this,KIND)}}return function(){return new IteratorConstructor(this)}},TO_STRING_TAG=NAME+" Iterator",INCORRECT_VALUES_NAME=!1,IterablePrototype=Iterable.prototype,nativeIterator=IterablePrototype[ITERATOR$4]||IterablePrototype["@@iterator"]||DEFAULT&&IterablePrototype[DEFAULT],defaultIterator=!BUGGY_SAFARI_ITERATORS&&nativeIterator||getIterationMethod(DEFAULT),anyNativeIterator="Array"==NAME&&IterablePrototype.entries||nativeIterator;if(anyNativeIterator&&(CurrentIteratorPrototype=objectGetPrototypeOf(anyNativeIterator.call(new Iterable)),IteratorPrototype!==Object.prototype&&CurrentIteratorPrototype.next&&(objectGetPrototypeOf(CurrentIteratorPrototype)!==IteratorPrototype&&(objectSetPrototypeOf?objectSetPrototypeOf(CurrentIteratorPrototype,IteratorPrototype):"function"!=typeof CurrentIteratorPrototype[ITERATOR$4]&&createNonEnumerableProperty(CurrentIteratorPrototype,ITERATOR$4,returnThis)),setToStringTag(CurrentIteratorPrototype,TO_STRING_TAG,!0))),DEFAULT==VALUES&&nativeIterator&&nativeIterator.name!==VALUES&&(INCORRECT_VALUES_NAME=!0,defaultIterator=function(){return nativeIterator.call(this)}),IterablePrototype[ITERATOR$4]!==defaultIterator&&createNonEnumerableProperty(IterablePrototype,ITERATOR$4,defaultIterator),iterators[NAME]=defaultIterator,DEFAULT)if(methods={values:getIterationMethod(VALUES),keys:IS_SET?defaultIterator:getIterationMethod(KEYS),entries:getIterationMethod(ENTRIES)},FORCED)for(KEY in methods)(BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME||!(KEY in IterablePrototype))&&redefine(IterablePrototype,KEY,methods[KEY]);else _export({target:NAME,proto:!0,forced:BUGGY_SAFARI_ITERATORS||INCORRECT_VALUES_NAME},methods);return methods},charAt=stringMultibyte.charAt,STRING_ITERATOR="String Iterator",setInternalState$2=internalState.set,getInternalState$2=internalState.getterFor(STRING_ITERATOR);defineIterator(String,"String",(function(iterated){setInternalState$2(this,{type:STRING_ITERATOR,string:String(iterated),index:0})}),(function(){var point,state=getInternalState$2(this),string=state.string,index=state.index;return index>=string.length?{value:void 0,done:!0}:(point=charAt(string,index),state.index+=point.length,{value:point,done:!1})}));var aFunction=function(it){if("function"!=typeof it)throw TypeError(String(it)+" is not a function");return it},functionBindContext=function(fn,that,length){if(aFunction(fn),void 0===that)return fn;switch(length){case 0:return function(){return fn.call(that)};case 1:return function(a){return fn.call(that,a)};case 2:return function(a,b){return fn.call(that,a,b)};case 3:return function(a,b,c){return fn.call(that,a,b,c)}}return function(){return fn.apply(that,arguments)}},iteratorClose=function(iterator){var returnMethod=iterator.return;if(void 0!==returnMethod)return anObject(returnMethod.call(iterator)).value},callWithSafeIterationClosing=function(iterator,fn,value,ENTRIES){try{return ENTRIES?fn(anObject(value)[0],value[1]):fn(value)}catch(error){throw iteratorClose(iterator),error}},ITERATOR$3=wellKnownSymbol("iterator"),ArrayPrototype$1=Array.prototype,isArrayIteratorMethod=function(it){return void 0!==it&&(iterators.Array===it||ArrayPrototype$1[ITERATOR$3]===it)},createProperty=function(object,key,value){var propertyKey=toPrimitive(key);propertyKey in object?objectDefineProperty.f(object,propertyKey,createPropertyDescriptor(0,value)):object[propertyKey]=value},TO_STRING_TAG$2=wellKnownSymbol("toStringTag"),test={};test[TO_STRING_TAG$2]="z";var toStringTagSupport="[object z]"===String(test),TO_STRING_TAG$1=wellKnownSymbol("toStringTag"),CORRECT_ARGUMENTS="Arguments"==classofRaw(function(){return arguments}()),tryGet=function(it,key){try{return it[key]}catch(error){}},classof=toStringTagSupport?classofRaw:function(it){var O,tag,result;return void 0===it?"Undefined":null===it?"Null":"string"==typeof(tag=tryGet(O=Object(it),TO_STRING_TAG$1))?tag:CORRECT_ARGUMENTS?classofRaw(O):"Object"==(result=classofRaw(O))&&"function"==typeof O.callee?"Arguments":result},ITERATOR$2=wellKnownSymbol("iterator"),getIteratorMethod=function(it){if(null!=it)return it[ITERATOR$2]||it["@@iterator"]||iterators[classof(it)]},arrayFrom=function(arrayLike){var length,result,step,iterator,next,value,O=toObject(arrayLike),C="function"==typeof this?this:Array,argumentsLength=arguments.length,mapfn=argumentsLength>1?arguments[1]:void 0,mapping=void 0!==mapfn,iteratorMethod=getIteratorMethod(O),index=0;if(mapping&&(mapfn=functionBindContext(mapfn,argumentsLength>2?arguments[2]:void 0,2)),null==iteratorMethod||C==Array&&isArrayIteratorMethod(iteratorMethod))for(result=new C(length=toLength(O.length));length>index;index++)value=mapping?mapfn(O[index],index):O[index],createProperty(result,index,value);else for(next=(iterator=iteratorMethod.call(O)).next,result=new C;!(step=next.call(iterator)).done;index++)value=mapping?callWithSafeIterationClosing(iterator,mapfn,[step.value,index],!0):step.value,createProperty(result,index,value);return result.length=index,result},ITERATOR$1=wellKnownSymbol("iterator"),SAFE_CLOSING=!1;try{var called=0,iteratorWithReturn={next:function(){return{done:!!called++}},return:function(){SAFE_CLOSING=!0}};iteratorWithReturn[ITERATOR$1]=function(){return this},Array.from(iteratorWithReturn,(function(){throw 2}))}catch(error){}var checkCorrectnessOfIteration=function(exec,SKIP_CLOSING){if(!SKIP_CLOSING&&!SAFE_CLOSING)return!1;var ITERATION_SUPPORT=!1;try{var object={};object[ITERATOR$1]=function(){return{next:function(){return{done:ITERATION_SUPPORT=!0}}}},exec(object)}catch(error){}return ITERATION_SUPPORT},INCORRECT_ITERATION$1=!checkCorrectnessOfIteration((function(iterable){Array.from(iterable)}));_export({target:"Array",stat:!0,forced:INCORRECT_ITERATION$1},{from:arrayFrom}),path.Array.from;var UNSCOPABLES=wellKnownSymbol("unscopables"),ArrayPrototype=Array.prototype;null==ArrayPrototype[UNSCOPABLES]&&objectDefineProperty.f(ArrayPrototype,UNSCOPABLES,{configurable:!0,value:objectCreate(null)});var addToUnscopables=function(key){ArrayPrototype[UNSCOPABLES][key]=!0},$includes=arrayIncludes.includes;_export({target:"Array",proto:!0},{includes:function(el){return $includes(this,el,arguments.length>1?arguments[1]:void 0)}}),addToUnscopables("includes");var call=Function.call,entryUnbind=function(CONSTRUCTOR,METHOD,length){return functionBindContext(call,global_1[CONSTRUCTOR].prototype[METHOD],length)};entryUnbind("Array","includes");var isArray=Array.isArray||function(arg){return"Array"==classofRaw(arg)},flattenIntoArray=function(target,original,source,sourceLen,start,depth,mapper,thisArg){for(var element,targetIndex=start,sourceIndex=0,mapFn=!!mapper&&functionBindContext(mapper,thisArg,3);sourceIndex0&&isArray(element))targetIndex=flattenIntoArray(target,original,element,toLength(element.length),targetIndex,depth-1)-1;else{if(targetIndex>=9007199254740991)throw TypeError("Exceed the acceptable array length");target[targetIndex]=element}targetIndex++}sourceIndex++}return targetIndex},flattenIntoArray_1=flattenIntoArray,SPECIES$3=wellKnownSymbol("species"),arraySpeciesCreate=function(originalArray,length){var C;return isArray(originalArray)&&("function"!=typeof(C=originalArray.constructor)||C!==Array&&!isArray(C.prototype)?isObject(C)&&null===(C=C[SPECIES$3])&&(C=void 0):C=void 0),new(void 0===C?Array:C)(0===length?0:length)};_export({target:"Array",proto:!0},{flat:function(){var depthArg=arguments.length?arguments[0]:void 0,O=toObject(this),sourceLen=toLength(O.length),A=arraySpeciesCreate(O,0);return A.length=flattenIntoArray_1(A,O,O,sourceLen,0,void 0===depthArg?1:toInteger(depthArg)),A}}),addToUnscopables("flat"),entryUnbind("Array","flat");var push=[].push,createMethod$1=function(TYPE){var IS_MAP=1==TYPE,IS_FILTER=2==TYPE,IS_SOME=3==TYPE,IS_EVERY=4==TYPE,IS_FIND_INDEX=6==TYPE,IS_FILTER_OUT=7==TYPE,NO_HOLES=5==TYPE||IS_FIND_INDEX;return function($this,callbackfn,that,specificCreate){for(var value,result,O=toObject($this),self=indexedObject(O),boundFunction=functionBindContext(callbackfn,that,3),length=toLength(self.length),index=0,create=specificCreate||arraySpeciesCreate,target=IS_MAP?create($this,length):IS_FILTER||IS_FILTER_OUT?create($this,0):void 0;length>index;index++)if((NO_HOLES||index in self)&&(result=boundFunction(value=self[index],index,O),TYPE))if(IS_MAP)target[index]=result;else if(result)switch(TYPE){case 3:return!0;case 5:return value;case 6:return index;case 2:push.call(target,value)}else switch(TYPE){case 4:return!1;case 7:push.call(target,value)}return IS_FIND_INDEX?-1:IS_SOME||IS_EVERY?IS_EVERY:target}},arrayIteration={forEach:createMethod$1(0),map:createMethod$1(1),filter:createMethod$1(2),some:createMethod$1(3),every:createMethod$1(4),find:createMethod$1(5),findIndex:createMethod$1(6),filterOut:createMethod$1(7)},$find=arrayIteration.find,FIND="find",SKIPS_HOLES=!0;FIND in[]&&Array(1)[FIND]((function(){SKIPS_HOLES=!1})),_export({target:"Array",proto:!0,forced:SKIPS_HOLES},{find:function(callbackfn){return $find(this,callbackfn,arguments.length>1?arguments[1]:void 0)}}),addToUnscopables(FIND),entryUnbind("Array","find");var $assign=Object.assign,defineProperty=Object.defineProperty,objectAssign=!$assign||fails((function(){if(descriptors&&1!==$assign({b:1},$assign(defineProperty({},"a",{enumerable:!0,get:function(){defineProperty(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var A={},B={},symbol=Symbol();return A[symbol]=7,"abcdefghijklmnopqrst".split("").forEach((function(chr){B[chr]=chr})),7!=$assign({},A)[symbol]||"abcdefghijklmnopqrst"!=objectKeys($assign({},B)).join("")}))?function(target,source){for(var T=toObject(target),argumentsLength=arguments.length,index=1,getOwnPropertySymbols=objectGetOwnPropertySymbols.f,propertyIsEnumerable=objectPropertyIsEnumerable.f;argumentsLength>index;)for(var key,S=indexedObject(arguments[index++]),keys=getOwnPropertySymbols?objectKeys(S).concat(getOwnPropertySymbols(S)):objectKeys(S),length=keys.length,j=0;length>j;)key=keys[j++],descriptors&&!propertyIsEnumerable.call(S,key)||(T[key]=S[key]);return T}:$assign;_export({target:"Object",stat:!0,forced:Object.assign!==objectAssign},{assign:objectAssign}),path.Object.assign;var propertyIsEnumerable=objectPropertyIsEnumerable.f,createMethod=function(TO_ENTRIES){return function(it){for(var key,O=toIndexedObject(it),keys=objectKeys(O),length=keys.length,i=0,result=[];length>i;)key=keys[i++],descriptors&&!propertyIsEnumerable.call(O,key)||result.push(TO_ENTRIES?[key,O[key]]:O[key]);return result}},objectToArray={entries:createMethod(!0),values:createMethod(!1)},$entries=objectToArray.entries;_export({target:"Object",stat:!0},{entries:function(O){return $entries(O)}}),path.Object.entries;var $values=objectToArray.values;_export({target:"Object",stat:!0},{values:function(O){return $values(O)}}),path.Object.values;var Result=function(stopped,result){this.stopped=stopped,this.result=result},iterate=function(iterable,unboundFunction,options){var iterator,iterFn,index,length,result,next,step,that=options&&options.that,AS_ENTRIES=!(!options||!options.AS_ENTRIES),IS_ITERATOR=!(!options||!options.IS_ITERATOR),INTERRUPTED=!(!options||!options.INTERRUPTED),fn=functionBindContext(unboundFunction,that,1+AS_ENTRIES+INTERRUPTED),stop=function(condition){return iterator&&iteratorClose(iterator),new Result(!0,condition)},callFn=function(value){return AS_ENTRIES?(anObject(value),INTERRUPTED?fn(value[0],value[1],stop):fn(value[0],value[1])):INTERRUPTED?fn(value,stop):fn(value)};if(IS_ITERATOR)iterator=iterable;else{if("function"!=typeof(iterFn=getIteratorMethod(iterable)))throw TypeError("Target is not iterable");if(isArrayIteratorMethod(iterFn)){for(index=0,length=toLength(iterable.length);length>index;index++)if((result=callFn(iterable[index]))&&result instanceof Result)return result;return new Result(!1)}iterator=iterFn.call(iterable)}for(next=iterator.next;!(step=next.call(iterator)).done;){try{result=callFn(step.value)}catch(error){throw iteratorClose(iterator),error}if("object"==typeof result&&result&&result instanceof Result)return result}return new Result(!1)},$AggregateError=function(errors,message){var that=this;if(!(that instanceof $AggregateError))return new $AggregateError(errors,message);objectSetPrototypeOf&&(that=objectSetPrototypeOf(new Error(void 0),objectGetPrototypeOf(that))),void 0!==message&&createNonEnumerableProperty(that,"message",String(message));var errorsArray=[];return iterate(errors,errorsArray.push,{that:errorsArray}),createNonEnumerableProperty(that,"errors",errorsArray),that};$AggregateError.prototype=objectCreate(Error.prototype,{constructor:createPropertyDescriptor(5,$AggregateError),message:createPropertyDescriptor(5,""),name:createPropertyDescriptor(5,"AggregateError")}),_export({global:!0},{AggregateError:$AggregateError});var objectToString=toStringTagSupport?{}.toString:function(){return"[object "+classof(this)+"]"};toStringTagSupport||redefine(Object.prototype,"toString",objectToString,{unsafe:!0});var nativePromiseConstructor=global_1.Promise,redefineAll=function(target,src,options){for(var key in src)redefine(target,key,src[key],options);return target},SPECIES$2=wellKnownSymbol("species"),setSpecies=function(CONSTRUCTOR_NAME){var Constructor=getBuiltIn(CONSTRUCTOR_NAME),defineProperty=objectDefineProperty.f;descriptors&&Constructor&&!Constructor[SPECIES$2]&&defineProperty(Constructor,SPECIES$2,{configurable:!0,get:function(){return this}})},anInstance=function(it,Constructor,name){if(!(it instanceof Constructor))throw TypeError("Incorrect "+(name?name+" ":"")+"invocation");return it},SPECIES$1=wellKnownSymbol("species"),speciesConstructor=function(O,defaultConstructor){var S,C=anObject(O).constructor;return void 0===C||null==(S=anObject(C)[SPECIES$1])?defaultConstructor:aFunction(S)},engineIsIos=/(?:iphone|ipod|ipad).*applewebkit/i.test(engineUserAgent),engineIsNode="process"==classofRaw(global_1.process),location=global_1.location,set=global_1.setImmediate,clear=global_1.clearImmediate,process$2=global_1.process,MessageChannel=global_1.MessageChannel,Dispatch=global_1.Dispatch,counter=0,queue={},ONREADYSTATECHANGE="onreadystatechange",defer,channel,port,run=function(id){if(queue.hasOwnProperty(id)){var fn=queue[id];delete queue[id],fn()}},runner=function(id){return function(){run(id)}},listener=function(event){run(event.data)},post=function(id){global_1.postMessage(id+"",location.protocol+"//"+location.host)};set&&clear||(set=function(fn){for(var args=[],i=1;arguments.length>i;)args.push(arguments[i++]);return queue[++counter]=function(){("function"==typeof fn?fn:Function(fn)).apply(void 0,args)},defer(counter),counter},clear=function(id){delete queue[id]},engineIsNode?defer=function(id){process$2.nextTick(runner(id))}:Dispatch&&Dispatch.now?defer=function(id){Dispatch.now(runner(id))}:MessageChannel&&!engineIsIos?(channel=new MessageChannel,port=channel.port2,channel.port1.onmessage=listener,defer=functionBindContext(port.postMessage,port,1)):global_1.addEventListener&&"function"==typeof postMessage&&!global_1.importScripts&&location&&"file:"!==location.protocol&&!fails(post)?(defer=post,global_1.addEventListener("message",listener,!1)):defer=ONREADYSTATECHANGE in documentCreateElement("script")?function(id){html.appendChild(documentCreateElement("script"))[ONREADYSTATECHANGE]=function(){html.removeChild(this),run(id)}}:function(id){setTimeout(runner(id),0)});var task$1={set:set,clear:clear},engineIsWebosWebkit=/web0s(?!.*chrome)/i.test(engineUserAgent),getOwnPropertyDescriptor$1=objectGetOwnPropertyDescriptor.f,macrotask=task$1.set,MutationObserver=global_1.MutationObserver||global_1.WebKitMutationObserver,document$2=global_1.document,process$1=global_1.process,Promise$1=global_1.Promise,queueMicrotaskDescriptor=getOwnPropertyDescriptor$1(global_1,"queueMicrotask"),queueMicrotask=queueMicrotaskDescriptor&&queueMicrotaskDescriptor.value,flush,head,last,notify$1,toggle,node,promise,then;queueMicrotask||(flush=function(){var parent,fn;for(engineIsNode&&(parent=process$1.domain)&&parent.exit();head;){fn=head.fn,head=head.next;try{fn()}catch(error){throw head?notify$1():last=void 0,error}}last=void 0,parent&&parent.enter()},engineIsIos||engineIsNode||engineIsWebosWebkit||!MutationObserver||!document$2?Promise$1&&Promise$1.resolve?(promise=Promise$1.resolve(void 0),promise.constructor=Promise$1,then=promise.then,notify$1=function(){then.call(promise,flush)}):notify$1=engineIsNode?function(){process$1.nextTick(flush)}:function(){macrotask.call(global_1,flush)}:(toggle=!0,node=document$2.createTextNode(""),new MutationObserver(flush).observe(node,{characterData:!0}),notify$1=function(){node.data=toggle=!toggle}));var microtask=queueMicrotask||function(fn){var task={fn:fn,next:void 0};last&&(last.next=task),head||(head=task,notify$1()),last=task},PromiseCapability=function(C){var resolve,reject;this.promise=new C((function($$resolve,$$reject){if(void 0!==resolve||void 0!==reject)throw TypeError("Bad Promise constructor");resolve=$$resolve,reject=$$reject})),this.resolve=aFunction(resolve),this.reject=aFunction(reject)},f=function(C){return new PromiseCapability(C)},newPromiseCapability$1={f:f},promiseResolve=function(C,x){if(anObject(C),isObject(x)&&x.constructor===C)return x;var promiseCapability=newPromiseCapability$1.f(C);return(0,promiseCapability.resolve)(x),promiseCapability.promise},hostReportErrors=function(a,b){var console=global_1.console;console&&console.error&&(1===arguments.length?console.error(a):console.error(a,b))},perform=function(exec){try{return{error:!1,value:exec()}}catch(error){return{error:!0,value:error}}},engineIsBrowser="object"==typeof window,task=task$1.set,SPECIES=wellKnownSymbol("species"),PROMISE="Promise",getInternalState$1=internalState.get,setInternalState$1=internalState.set,getInternalPromiseState=internalState.getterFor(PROMISE),NativePromisePrototype=nativePromiseConstructor&&nativePromiseConstructor.prototype,PromiseConstructor=nativePromiseConstructor,PromiseConstructorPrototype=NativePromisePrototype,TypeError$1=global_1.TypeError,document$1=global_1.document,process=global_1.process,newPromiseCapability=newPromiseCapability$1.f,newGenericPromiseCapability=newPromiseCapability,DISPATCH_EVENT=!!(document$1&&document$1.createEvent&&global_1.dispatchEvent),NATIVE_REJECTION_EVENT="function"==typeof PromiseRejectionEvent,UNHANDLED_REJECTION="unhandledrejection",REJECTION_HANDLED="rejectionhandled",PENDING=0,FULFILLED=1,REJECTED=2,HANDLED=1,UNHANDLED=2,SUBCLASSING=!1,Internal,OwnPromiseCapability,PromiseWrapper,nativeThen,FORCED=isForced_1(PROMISE,(function(){var PROMISE_CONSTRUCTOR_SOURCE=inspectSource(PromiseConstructor),GLOBAL_CORE_JS_PROMISE=PROMISE_CONSTRUCTOR_SOURCE!==String(PromiseConstructor);if(!GLOBAL_CORE_JS_PROMISE&&66===engineV8Version)return!0;if(engineV8Version>=51&&/native code/.test(PROMISE_CONSTRUCTOR_SOURCE))return!1;var promise=new PromiseConstructor((function(resolve){resolve(1)})),FakePromise=function(exec){exec((function(){}),(function(){}))};return(promise.constructor={})[SPECIES]=FakePromise,!(SUBCLASSING=promise.then((function(){}))instanceof FakePromise)||!GLOBAL_CORE_JS_PROMISE&&engineIsBrowser&&!NATIVE_REJECTION_EVENT})),INCORRECT_ITERATION=FORCED||!checkCorrectnessOfIteration((function(iterable){PromiseConstructor.all(iterable).catch((function(){}))})),isThenable=function(it){var then;return!(!isObject(it)||"function"!=typeof(then=it.then))&&then},notify=function(state,isReject){if(!state.notified){state.notified=!0;var chain=state.reactions;microtask((function(){for(var value=state.value,ok=state.state==FULFILLED,index=0;chain.length>index;){var result,then,exited,reaction=chain[index++],handler=ok?reaction.ok:reaction.fail,resolve=reaction.resolve,reject=reaction.reject,domain=reaction.domain;try{handler?(ok||(state.rejection===UNHANDLED&&onHandleUnhandled(state),state.rejection=HANDLED),!0===handler?result=value:(domain&&domain.enter(),result=handler(value),domain&&(domain.exit(),exited=!0)),result===reaction.promise?reject(TypeError$1("Promise-chain cycle")):(then=isThenable(result))?then.call(result,resolve,reject):resolve(result)):reject(value)}catch(error){domain&&!exited&&domain.exit(),reject(error)}}state.reactions=[],state.notified=!1,isReject&&!state.rejection&&onUnhandled(state)}))}},dispatchEvent=function(name,promise,reason){var event,handler;DISPATCH_EVENT?((event=document$1.createEvent("Event")).promise=promise,event.reason=reason,event.initEvent(name,!1,!0),global_1.dispatchEvent(event)):event={promise:promise,reason:reason},!NATIVE_REJECTION_EVENT&&(handler=global_1["on"+name])?handler(event):name===UNHANDLED_REJECTION&&hostReportErrors("Unhandled promise rejection",reason)},onUnhandled=function(state){task.call(global_1,(function(){var result,promise=state.facade,value=state.value;if(isUnhandled(state)&&(result=perform((function(){engineIsNode?process.emit("unhandledRejection",value,promise):dispatchEvent(UNHANDLED_REJECTION,promise,value)})),state.rejection=engineIsNode||isUnhandled(state)?UNHANDLED:HANDLED,result.error))throw result.value}))},isUnhandled=function(state){return state.rejection!==HANDLED&&!state.parent},onHandleUnhandled=function(state){task.call(global_1,(function(){var promise=state.facade;engineIsNode?process.emit("rejectionHandled",promise):dispatchEvent(REJECTION_HANDLED,promise,state.value)}))},bind=function(fn,state,unwrap){return function(value){fn(state,value,unwrap)}},internalReject=function(state,value,unwrap){state.done||(state.done=!0,unwrap&&(state=unwrap),state.value=value,state.state=REJECTED,notify(state,!0))},internalResolve=function(state,value,unwrap){if(!state.done){state.done=!0,unwrap&&(state=unwrap);try{if(state.facade===value)throw TypeError$1("Promise can't be resolved itself");var then=isThenable(value);then?microtask((function(){var wrapper={done:!1};try{then.call(value,bind(internalResolve,wrapper,state),bind(internalReject,wrapper,state))}catch(error){internalReject(wrapper,error,state)}})):(state.value=value,state.state=FULFILLED,notify(state,!1))}catch(error){internalReject({done:!1},error,state)}}};if(FORCED&&(PromiseConstructor=function(executor){anInstance(this,PromiseConstructor,PROMISE),aFunction(executor),Internal.call(this);var state=getInternalState$1(this);try{executor(bind(internalResolve,state),bind(internalReject,state))}catch(error){internalReject(state,error)}},PromiseConstructorPrototype=PromiseConstructor.prototype,Internal=function(executor){setInternalState$1(this,{type:PROMISE,done:!1,notified:!1,parent:!1,reactions:[],rejection:!1,state:PENDING,value:void 0})},Internal.prototype=redefineAll(PromiseConstructorPrototype,{then:function(onFulfilled,onRejected){var state=getInternalPromiseState(this),reaction=newPromiseCapability(speciesConstructor(this,PromiseConstructor));return reaction.ok="function"!=typeof onFulfilled||onFulfilled,reaction.fail="function"==typeof onRejected&&onRejected,reaction.domain=engineIsNode?process.domain:void 0,state.parent=!0,state.reactions.push(reaction),state.state!=PENDING&¬ify(state,!1),reaction.promise},catch:function(onRejected){return this.then(void 0,onRejected)}}),OwnPromiseCapability=function(){var promise=new Internal,state=getInternalState$1(promise);this.promise=promise,this.resolve=bind(internalResolve,state),this.reject=bind(internalReject,state)},newPromiseCapability$1.f=newPromiseCapability=function(C){return C===PromiseConstructor||C===PromiseWrapper?new OwnPromiseCapability(C):newGenericPromiseCapability(C)},"function"==typeof nativePromiseConstructor&&NativePromisePrototype!==Object.prototype)){nativeThen=NativePromisePrototype.then,SUBCLASSING||(redefine(NativePromisePrototype,"then",(function(onFulfilled,onRejected){var that=this;return new PromiseConstructor((function(resolve,reject){nativeThen.call(that,resolve,reject)})).then(onFulfilled,onRejected)}),{unsafe:!0}),redefine(NativePromisePrototype,"catch",PromiseConstructorPrototype.catch,{unsafe:!0}));try{delete NativePromisePrototype.constructor}catch(error){}objectSetPrototypeOf&&objectSetPrototypeOf(NativePromisePrototype,PromiseConstructorPrototype)}_export({global:!0,wrap:!0,forced:FORCED},{Promise:PromiseConstructor}),setToStringTag(PromiseConstructor,PROMISE,!1),setSpecies(PROMISE),PromiseWrapper=getBuiltIn(PROMISE),_export({target:PROMISE,stat:!0,forced:FORCED},{reject:function(r){var capability=newPromiseCapability(this);return capability.reject.call(void 0,r),capability.promise}}),_export({target:PROMISE,stat:!0,forced:FORCED},{resolve:function(x){return promiseResolve(this,x)}}),_export({target:PROMISE,stat:!0,forced:INCORRECT_ITERATION},{all:function(iterable){var C=this,capability=newPromiseCapability(C),resolve=capability.resolve,reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve),values=[],counter=0,remaining=1;iterate(iterable,(function(promise){var index=counter++,alreadyCalled=!1;values.push(void 0),remaining++,$promiseResolve.call(C,promise).then((function(value){alreadyCalled||(alreadyCalled=!0,values[index]=value,--remaining||resolve(values))}),reject)})),--remaining||resolve(values)}));return result.error&&reject(result.value),capability.promise},race:function(iterable){var C=this,capability=newPromiseCapability(C),reject=capability.reject,result=perform((function(){var $promiseResolve=aFunction(C.resolve);iterate(iterable,(function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject)}))}));return result.error&&reject(result.value),capability.promise}}),_export({target:"Promise",stat:!0},{allSettled:function(iterable){var C=this,capability=newPromiseCapability$1.f(C),resolve=capability.resolve,reject=capability.reject,result=perform((function(){var promiseResolve=aFunction(C.resolve),values=[],counter=0,remaining=1;iterate(iterable,(function(promise){var index=counter++,alreadyCalled=!1;values.push(void 0),remaining++,promiseResolve.call(C,promise).then((function(value){alreadyCalled||(alreadyCalled=!0,values[index]={status:"fulfilled",value:value},--remaining||resolve(values))}),(function(error){alreadyCalled||(alreadyCalled=!0,values[index]={status:"rejected",reason:error},--remaining||resolve(values))}))})),--remaining||resolve(values)}));return result.error&&reject(result.value),capability.promise}});var PROMISE_ANY_ERROR="No one promise resolved";_export({target:"Promise",stat:!0},{any:function(iterable){var C=this,capability=newPromiseCapability$1.f(C),resolve=capability.resolve,reject=capability.reject,result=perform((function(){var promiseResolve=aFunction(C.resolve),errors=[],counter=0,remaining=1,alreadyResolved=!1;iterate(iterable,(function(promise){var index=counter++,alreadyRejected=!1;errors.push(void 0),remaining++,promiseResolve.call(C,promise).then((function(value){alreadyRejected||alreadyResolved||(alreadyResolved=!0,resolve(value))}),(function(error){alreadyRejected||alreadyResolved||(alreadyRejected=!0,errors[index]=error,--remaining||reject(new(getBuiltIn("AggregateError"))(errors,PROMISE_ANY_ERROR)))}))})),--remaining||reject(new(getBuiltIn("AggregateError"))(errors,PROMISE_ANY_ERROR))}));return result.error&&reject(result.value),capability.promise}});var NON_GENERIC=!!nativePromiseConstructor&&fails((function(){nativePromiseConstructor.prototype.finally.call({then:function(){}},(function(){}))}));if(_export({target:"Promise",proto:!0,real:!0,forced:NON_GENERIC},{finally:function(onFinally){var C=speciesConstructor(this,getBuiltIn("Promise")),isFunction="function"==typeof onFinally;return this.then(isFunction?function(x){return promiseResolve(C,onFinally()).then((function(){return x}))}:onFinally,isFunction?function(e){return promiseResolve(C,onFinally()).then((function(){throw e}))}:onFinally)}}),"function"==typeof nativePromiseConstructor){var method=getBuiltIn("Promise").prototype.finally;nativePromiseConstructor.prototype.finally!==method&&redefine(nativePromiseConstructor.prototype,"finally",method,{unsafe:!0})}var domIterables={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0},ARRAY_ITERATOR="Array Iterator",setInternalState=internalState.set,getInternalState=internalState.getterFor(ARRAY_ITERATOR),es_array_iterator=defineIterator(Array,"Array",(function(iterated,kind){setInternalState(this,{type:ARRAY_ITERATOR,target:toIndexedObject(iterated),index:0,kind:kind})}),(function(){var state=getInternalState(this),target=state.target,kind=state.kind,index=state.index++;return!target||index>=target.length?(state.target=void 0,{value:void 0,done:!0}):"keys"==kind?{value:index,done:!1}:"values"==kind?{value:target[index],done:!1}:{value:[index,target[index]],done:!1}}),"values");iterators.Arguments=iterators.Array,addToUnscopables("keys"),addToUnscopables("values"),addToUnscopables("entries");var ITERATOR=wellKnownSymbol("iterator"),TO_STRING_TAG=wellKnownSymbol("toStringTag"),ArrayValues=es_array_iterator.values;for(var COLLECTION_NAME in domIterables){var Collection=global_1[COLLECTION_NAME],CollectionPrototype=Collection&&Collection.prototype;if(CollectionPrototype){if(CollectionPrototype[ITERATOR]!==ArrayValues)try{createNonEnumerableProperty(CollectionPrototype,ITERATOR,ArrayValues)}catch(error){CollectionPrototype[ITERATOR]=ArrayValues}if(CollectionPrototype[TO_STRING_TAG]||createNonEnumerableProperty(CollectionPrototype,TO_STRING_TAG,COLLECTION_NAME),domIterables[COLLECTION_NAME])for(var METHOD_NAME in es_array_iterator)if(CollectionPrototype[METHOD_NAME]!==es_array_iterator[METHOD_NAME])try{createNonEnumerableProperty(CollectionPrototype,METHOD_NAME,es_array_iterator[METHOD_NAME])}catch(error){CollectionPrototype[METHOD_NAME]=es_array_iterator[METHOD_NAME]}}}path.Promise,_export({target:"Promise",stat:!0},{try:function(callbackfn){var promiseCapability=newPromiseCapability$1.f(this),result=perform(callbackfn);return(result.error?promiseCapability.reject:promiseCapability.resolve)(result.value),promiseCapability.promise}});var MATCH$1=wellKnownSymbol("match"),isRegexp=function(it){var isRegExp;return isObject(it)&&(void 0!==(isRegExp=it[MATCH$1])?!!isRegExp:"RegExp"==classofRaw(it))},notARegexp=function(it){if(isRegexp(it))throw TypeError("The method doesn't accept regular expressions");return it},MATCH=wellKnownSymbol("match"),correctIsRegexpLogic=function(METHOD_NAME){var regexp=/./;try{"/./"[METHOD_NAME](regexp)}catch(error1){try{return regexp[MATCH]=!1,"/./"[METHOD_NAME](regexp)}catch(error2){}}return!1},getOwnPropertyDescriptor=objectGetOwnPropertyDescriptor.f,$startsWith="".startsWith,min=Math.min,CORRECT_IS_REGEXP_LOGIC=correctIsRegexpLogic("startsWith"),MDN_POLYFILL_BUG=!(CORRECT_IS_REGEXP_LOGIC||(descriptor=getOwnPropertyDescriptor(String.prototype,"startsWith"),!descriptor||descriptor.writable)),descriptor;_export({target:"String",proto:!0,forced:!MDN_POLYFILL_BUG&&!CORRECT_IS_REGEXP_LOGIC},{startsWith:function(searchString){var that=String(requireObjectCoercible(this));notARegexp(searchString);var index=toLength(min(arguments.length>1?arguments[1]:void 0,that.length)),search=String(searchString);return $startsWith?$startsWith.call(that,search,index):that.slice(index,index+search.length)===search}}),entryUnbind("String","startsWith");var global$1="undefined"!=typeof globalThis&&globalThis||"undefined"!=typeof self&&self||void 0!==global$1&&global$1,support={searchParams:"URLSearchParams"in global$1,iterable:"Symbol"in global$1&&"iterator"in Symbol,blob:"FileReader"in global$1&&"Blob"in global$1&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in global$1,arrayBuffer:"ArrayBuffer"in global$1};function isDataView(obj){return obj&&DataView.prototype.isPrototypeOf(obj)}if(support.arrayBuffer)var viewClasses=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],isArrayBufferView=ArrayBuffer.isView||function(obj){return obj&&viewClasses.indexOf(Object.prototype.toString.call(obj))>-1};function normalizeName(name){if("string"!=typeof name&&(name=String(name)),/[^a-z0-9\-#$%&'*+.^_`|~!]/i.test(name)||""===name)throw new TypeError('Invalid character in header field name: "'+name+'"');return name.toLowerCase()}function normalizeValue(value){return"string"!=typeof value&&(value=String(value)),value}function iteratorFor(items){var iterator={next:function(){var value=items.shift();return{done:void 0===value,value:value}}};return support.iterable&&(iterator[Symbol.iterator]=function(){return iterator}),iterator}function Headers(headers){this.map={},headers instanceof Headers?headers.forEach((function(value,name){this.append(name,value)}),this):Array.isArray(headers)?headers.forEach((function(header){this.append(header[0],header[1])}),this):headers&&Object.getOwnPropertyNames(headers).forEach((function(name){this.append(name,headers[name])}),this)}function consumed(body){if(body.bodyUsed)return Promise.reject(new TypeError("Already read"));body.bodyUsed=!0}function fileReaderReady(reader){return new Promise((function(resolve,reject){reader.onload=function(){resolve(reader.result)},reader.onerror=function(){reject(reader.error)}}))}function readBlobAsArrayBuffer(blob){var reader=new FileReader,promise=fileReaderReady(reader);return reader.readAsArrayBuffer(blob),promise}function readBlobAsText(blob){var reader=new FileReader,promise=fileReaderReady(reader);return reader.readAsText(blob),promise}function readArrayBufferAsText(buf){for(var view=new Uint8Array(buf),chars=new Array(view.length),i=0;i-1?upcased:method}function Request(input,options){if(!(this instanceof Request))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');var body=(options=options||{}).body;if(input instanceof Request){if(input.bodyUsed)throw new TypeError("Already read");this.url=input.url,this.credentials=input.credentials,options.headers||(this.headers=new Headers(input.headers)),this.method=input.method,this.mode=input.mode,this.signal=input.signal,body||null==input._bodyInit||(body=input._bodyInit,input.bodyUsed=!0)}else this.url=String(input);if(this.credentials=options.credentials||this.credentials||"same-origin",!options.headers&&this.headers||(this.headers=new Headers(options.headers)),this.method=normalizeMethod(options.method||this.method||"GET"),this.mode=options.mode||this.mode||null,this.signal=options.signal||this.signal,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&body)throw new TypeError("Body not allowed for GET or HEAD requests");if(this._initBody(body),!("GET"!==this.method&&"HEAD"!==this.method||"no-store"!==options.cache&&"no-cache"!==options.cache)){var reParamSearch=/([?&])_=[^&]*/;if(reParamSearch.test(this.url))this.url=this.url.replace(reParamSearch,"$1_="+(new Date).getTime());else{this.url+=(/\?/.test(this.url)?"&":"?")+"_="+(new Date).getTime()}}}function decode(body){var form=new FormData;return body.trim().split("&").forEach((function(bytes){if(bytes){var split=bytes.split("="),name=split.shift().replace(/\+/g," "),value=split.join("=").replace(/\+/g," ");form.append(decodeURIComponent(name),decodeURIComponent(value))}})),form}function parseHeaders(rawHeaders){var headers=new Headers;return rawHeaders.replace(/\r?\n[\t ]+/g," ").split("\r").map((function(header){return 0===header.indexOf("\n")?header.substr(1,header.length):header})).forEach((function(line){var parts=line.split(":"),key=parts.shift().trim();if(key){var value=parts.join(":").trim();headers.append(key,value)}})),headers}function Response(bodyInit,options){if(!(this instanceof Response))throw new TypeError('Please use the "new" operator, this DOM object constructor cannot be called as a function.');options||(options={}),this.type="default",this.status=void 0===options.status?200:options.status,this.ok=this.status>=200&&this.status<300,this.statusText=void 0===options.statusText?"":""+options.statusText,this.headers=new Headers(options.headers),this.url=options.url||"",this._initBody(bodyInit)}Request.prototype.clone=function(){return new Request(this,{body:this._bodyInit})},Body.call(Request.prototype),Body.call(Response.prototype),Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url})},Response.error=function(){var response=new Response(null,{status:0,statusText:""});return response.type="error",response};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(-1===redirectStatuses.indexOf(status))throw new RangeError("Invalid status code");return new Response(null,{status:status,headers:{location:url}})};var DOMException=global$1.DOMException;try{new DOMException}catch(err){DOMException=function(message,name){this.message=message,this.name=name;var error=Error(message);this.stack=error.stack},DOMException.prototype=Object.create(Error.prototype),DOMException.prototype.constructor=DOMException}function fetch$1(input,init){return new Promise((function(resolve,reject){var request=new Request(input,init);if(request.signal&&request.signal.aborted)return reject(new DOMException("Aborted","AbortError"));var xhr=new XMLHttpRequest;function abortXhr(){xhr.abort()}xhr.onload=function(){var options={status:xhr.status,statusText:xhr.statusText,headers:parseHeaders(xhr.getAllResponseHeaders()||"")};options.url="responseURL"in xhr?xhr.responseURL:options.headers.get("X-Request-URL");var body="response"in xhr?xhr.response:xhr.responseText;setTimeout((function(){resolve(new Response(body,options))}),0)},xhr.onerror=function(){setTimeout((function(){reject(new TypeError("Network request failed"))}),0)},xhr.ontimeout=function(){setTimeout((function(){reject(new TypeError("Network request failed"))}),0)},xhr.onabort=function(){setTimeout((function(){reject(new DOMException("Aborted","AbortError"))}),0)},xhr.open(request.method,function(url){try{return""===url&&global$1.location.href?global$1.location.href:url}catch(e){return url}}(request.url),!0),"include"===request.credentials?xhr.withCredentials=!0:"omit"===request.credentials&&(xhr.withCredentials=!1),"responseType"in xhr&&(support.blob?xhr.responseType="blob":support.arrayBuffer&&request.headers.get("Content-Type")&&-1!==request.headers.get("Content-Type").indexOf("application/octet-stream")&&(xhr.responseType="arraybuffer")),!init||"object"!=typeof init.headers||init.headers instanceof Headers?request.headers.forEach((function(value,name){xhr.setRequestHeader(name,value)})):Object.getOwnPropertyNames(init.headers).forEach((function(name){xhr.setRequestHeader(name,normalizeValue(init.headers[name]))})),request.signal&&(request.signal.addEventListener("abort",abortXhr),xhr.onreadystatechange=function(){4===xhr.readyState&&request.signal.removeEventListener("abort",abortXhr)}),xhr.send(void 0===request._bodyInit?null:request._bodyInit)}))}fetch$1.polyfill=!0,global$1.fetch||(global$1.fetch=fetch$1,global$1.Headers=Headers,global$1.Request=Request,global$1.Response=Response),null==Element.prototype.getAttributeNames&&(Element.prototype.getAttributeNames=function(){for(var attributes=this.attributes,length=attributes.length,result=new Array(length),i=0;i=0&&matches.item(i)!==this;);return i>-1}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(s){var el=this;do{if(el.matches(s))return el;el=el.parentElement||el.parentNode}while(null!==el&&1===el.nodeType);return null});var Connection=function(){function Connection(){_classCallCheck(this,Connection),this.headers={}}return _createClass(Connection,[{key:"onMessage",value:function(message,payload){message.component.receiveMessage(message,payload)}},{key:"onError",value:function(message,status,response){return message.component.messageSendFailed(),store$2.onErrorCallback(status,response)}},{key:"showExpiredMessage",value:function(response,message){store$2.sessionHasExpiredCallback?store$2.sessionHasExpiredCallback(response,message):confirm("This page has expired.\nWould you like to refresh the page?")&&window.location.reload()}},{key:"sendMessage",value:function(message){var _this=this,payload=message.payload(),csrfToken=getCsrfToken(),socketId=this.getSocketId();if(window.__testing_request_interceptor)return window.__testing_request_interceptor(payload,this);fetch("".concat(window.livewire_app_url,"/livewire/message/").concat(payload.fingerprint.name),{method:"POST",body:JSON.stringify(payload),credentials:"same-origin",headers:_objectSpread2(_objectSpread2(_objectSpread2({"Content-Type":"application/json",Accept:"text/html, application/xhtml+xml","X-Livewire":!0},this.headers),{},{Referer:window.location.href},csrfToken&&{"X-CSRF-TOKEN":csrfToken}),socketId&&{"X-Socket-ID":socketId})}).then((function(response){if(response.ok)response.text().then((function(response){_this.isOutputFromDump(response)?(_this.onError(message),_this.showHtmlModal(response)):_this.onMessage(message,JSON.parse(response))}));else{if(!1===_this.onError(message,response.status,response))return;if(419===response.status){if(store$2.sessionHasExpired)return;store$2.sessionHasExpired=!0,_this.showExpiredMessage(response,message)}else response.text().then((function(response){_this.showHtmlModal(response)}))}})).catch((function(){_this.onError(message)}))}},{key:"isOutputFromDump",value:function(output){return!!output.match(/ + + + + +@endpush + +@section('content') +
    + + +
    +
    +
    + + @if ($message = Session::get('success')) +
    +
    +
    + + + + +
    +
    + {{ $message }} +
    +
    + +
    + @endif + +
    + @csrf +
    + + +
    + + +
    + @error('name') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('name') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('price') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('quantity') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('categories') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('areas') +
    {{ $message }}
    + @enderror + +
    + + + @error('images') +
    {{ $message }}
    + @enderror +
    + +
    + + + @error('description') +
    {{ $message }}
    + @enderror +
    + @error('description') +
    {{ $message }}
    + @enderror + +
    + + + @error('description') +
    {{ $message }}
    + @enderror +
    + @error('description') +
    {{ $message }}
    + @enderror +
    + + + +
    + +
    +
    + +@endsection diff --git a/resources/views/admin/products/edit.blade.php b/resources/views/admin/products/edit.blade.php new file mode 100644 index 0000000..f0e1565 --- /dev/null +++ b/resources/views/admin/products/edit.blade.php @@ -0,0 +1,174 @@ +@extends('layouts.app') + +@section('title', 'Edit Product') +@push('css') + + + + + + @endpush + @section('content')
    + + +
    +
    +
    + + @if ($message = Session::get('success')) +
    +
    +
    + + + + +
    +
    + {{ $message }} +
    +
    + +
    @endif +
    + @csrf +
    + +
    + + +
    + @error('name') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('name') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('price') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('quantity') +
    {{ $message }}
    + @enderror + +
    + +
    + + + @error('category_id') +
    {{ $message }}
    + @enderror +
    +
    + @error('categories') +
    {{ $message }}
    + @enderror + +
    + + +
    + @error('areas') +
    {{ $message }}
    + @enderror + +
    + @foreach ($product->getMedia() as $media) +
    + + + @csrf + @method('DELETE') + + +
    + @endforeach +
    + +
    + + + @error('description') +
    {{ $message }}
    + @enderror +
    + @error('description') +
    {{ $message }}
    + @enderror + +
    + + + @error('description') +
    {{ $message }}
    + @enderror +
    + @error('description') +
    {{ $message }}
    + @enderror + +
    + + + + +
    +
    +@endsection diff --git a/resources/views/admin/products/index.blade.php b/resources/views/admin/products/index.blade.php new file mode 100644 index 0000000..fa93d25 --- /dev/null +++ b/resources/views/admin/products/index.blade.php @@ -0,0 +1,98 @@ +@extends('layouts.app') + +@section('content') +
    + + +
    + + +
    + @foreach ($products as $product) +
    +
    + + {{ $product->getFirstMedia() }} + +
    +
    {{ $product['name'] }}
    + show more + info + +
    + +
    + + +
    +
    +
    +
    +
    + @endforeach +
    +
    + {{ $products->withQueryString() }} +
    +@endsection +@push('css') + +@endpush diff --git a/resources/views/admin/products/show.blade.php b/resources/views/admin/products/show.blade.php new file mode 100644 index 0000000..d896c3c --- /dev/null +++ b/resources/views/admin/products/show.blade.php @@ -0,0 +1,35 @@ +@extends('layouts.app') + +@section('title' . ' - ' . $product->name) + +@section('content') +
    +
    +
    +
    +

    {{ $product->name }}

    +
    +
    +
    + @foreach ($product->getMedia() as $media) + {{ $media }} + @endforeach + +
    +

    Basic Info

    +

    +

    PRICE:

    {{ $product->price }} SYP
    + {{--

    COLOR:

    {{ $product->colors->reduce(function ($carry, $color) {return $carry . $color->name . ', ';}) }}
    --}} + {{--

    COUNTRY:

    {{ $car->country }}
    --}} +

    MORE DETIALS:

    {!! $product->description !!}
    +

    +
    +
    +
    +
    +@endsection + diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php index b129108..7f5a439 100644 --- a/resources/views/auth/login.blade.php +++ b/resources/views/auth/login.blade.php @@ -1,52 +1,66 @@ @extends('layouts.guest') @section('content') -
    - @csrf +
    @endsection diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php index 9158d0b..be9a847 100644 --- a/resources/views/auth/register.blade.php +++ b/resources/views/auth/register.blade.php @@ -1,64 +1,79 @@ @extends('layouts.guest') @section('content') -
    - @csrf +
    @endsection diff --git a/resources/views/categories.blade.php b/resources/views/categories.blade.php new file mode 100644 index 0000000..1b8f223 --- /dev/null +++ b/resources/views/categories.blade.php @@ -0,0 +1,255 @@ +@extends('layouts.guest') + +@section('content') +
    +
    + background-image +
    +
    +
    +
    +
    +
    +
    +

    Many options to get the best product for you

    +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    + @include('partials.product') +
    +
    + @include('partials.product') +
    + +
    + + @include('partials.pagination') +
    + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +

    Ready To Join Our Marketplace!

    +

    Grow your marketing and be happy with your online business

    +
    + +
    +
    +
    +
    +
    +@endsection diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php index d8cb934..290822e 100644 --- a/resources/views/layouts/guest.blade.php +++ b/resources/views/layouts/guest.blade.php @@ -6,27 +6,58 @@ - {{ config('app.name', 'Laravel') }} - - @vite('resources/sass/app.scss') + {{ config('app.name', 'Markit') }} + + + + + + + + + + + + + + + - - -
    -
    -
    - - - -
    - - @yield('content') - -
    -
    - - @vite('resources/js/app.js') + + @include('partials.navbar') + + @yield('content') + + @include('sections.footer') + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/views/partials/comment.blade.php b/resources/views/partials/comment.blade.php new file mode 100644 index 0000000..7bf7c44 --- /dev/null +++ b/resources/views/partials/comment.blade.php @@ -0,0 +1,122 @@ +
    +
      +
    • +
      +
      + + Commentator Avatar + +
      +
      +
      +
      + +

      Themexylum

      +
      + 9 Hours Ago +
      + Purchased + Reply +
      +

      Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis.

      +
      +
      + +
        +
      • +
        +
        + + Commentator Avatar + +
        +
        +
        +

        AazzTech

        + 6 Hours Ago +
        + Author +

        Nunc placerat mi id nisi interdum mollis. Praesent pharetra, + justo ut sceleris que the mattis, leo quam aliquet congue + placerat mi id nisi interdum mollis.

        +
        +
        +
      • + +
      + +
      +
      + + Commentator Avatar + +
      +
      +
      + + +
      +
      +
      +
    • +
    • +
      +
      + + Commentator Avatar + +
      +
      +
      +
      + +

      EchoTheme

      +
      + 9 Hours Ago +
      + Reply +
      +

      Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis.

      +
      +
      + + +
      +
      + + Commentator Avatar + +
      +
      +
      + + +
      +
      +
      +
    • + +
    + + @include('partials.pagination') +
    +

    Leave a comment

    +
    +
    + + Commentator Avatar + +
    +
    +
    + + +
    +
    +
    +
    +
    diff --git a/resources/views/partials/faq.blade.php b/resources/views/partials/faq.blade.php new file mode 100644 index 0000000..32d6da6 --- /dev/null +++ b/resources/views/partials/faq.blade.php @@ -0,0 +1,164 @@ +
    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    + +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut + sceleris que the mattis, leo quam aliquet congue placerat mi id nisi + interdum mollis. Aliquip placeat salvia cillum iphone. Seitan + aliquip + quis cardigan american apparel, butcher. Nunc placerat mi id nisi + interdum mollis. Praesent pharetra, justo ut sceleris que the + mattis, + leo quam aliquet congue placerat mi id nisi interdum mollis. Aliquip + placeat salvia cillum iphone. Seitan aliquip quis cardigan american + apparel, butcher .

    +
    +
    +
    +
    +
    +
    +
    diff --git a/resources/views/partials/navbar.blade.php b/resources/views/partials/navbar.blade.php new file mode 100644 index 0000000..5f29212 --- /dev/null +++ b/resources/views/partials/navbar.blade.php @@ -0,0 +1,467 @@ + + diff --git a/resources/views/partials/support.blade.php b/resources/views/partials/support.blade.php new file mode 100644 index 0000000..37eb409 --- /dev/null +++ b/resources/views/partials/support.blade.php @@ -0,0 +1,25 @@ +
    +
    +
    +

    Contact the Author

    +
    +
    +
    +

    Please + sign in to contact this author. +

    +
    +
    + + +
    +
    + + +
    + +
    +
    +
    +
    +
    diff --git a/resources/views/posts/comments.blade.php b/resources/views/posts/comments.blade.php new file mode 100644 index 0000000..f3d9b93 --- /dev/null +++ b/resources/views/posts/comments.blade.php @@ -0,0 +1,17 @@ +@extends('layouts.guest') + +@section('content') +
    + +
    +
    +
    + @include('partials.comment') + +
    +
    + +
    + +
    +@endsection diff --git a/resources/views/posts/index.blade.php b/resources/views/posts/index.blade.php new file mode 100644 index 0000000..5ce0e82 --- /dev/null +++ b/resources/views/posts/index.blade.php @@ -0,0 +1,38 @@ +@extends('layouts.guest') + +@section('content') + + +
    +
    +
    +
    +
    + @include('partials.post') + +
    +
    + +
    +
    +@endsection diff --git a/resources/views/posts/show.blade.php b/resources/views/posts/show.blade.php new file mode 100644 index 0000000..c229819 --- /dev/null +++ b/resources/views/posts/show.blade.php @@ -0,0 +1,111 @@ +@extends('layouts.guest') + +@section('content') +
    +
    +
    +
    +
    +
    +
    + Blog image +
    +
    + +

    Top Web Design Trends You Must Know in 2017

    +
    +
    +
    + +

    by + AazzTech +

    +
    +
    + +

    24 Feb 2019

    +
    +
    +

    + 45 comments +

    +

    + 345 likes +

    +
    +
    +
    +
    +

    Nunc placerat mi id nisi interdum mollis. Praesent pharetra, justo ut scelerisque the + mattis, leo quam aliquet congue. incididunt ut labore et dolore magna aliqua. Ut + enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex + ea commodo consequat. Duis aute irure dolor in henderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat sunt in culpa qui + officia + sunt in culpa qui officia.

    + +
    +
    +
    +
    +
    +
    + Auth Image +
    +
    +

    About Admin

    +

    Passages and more recently with desktop publishing software like Aldus the PageMaker they + including + versions of Lorem Ipsum.

    + +
    +
    + +
    + +
    +

    Leave A Comment

    +
    +
    + +
    +
    +
    +
    + +
    + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +@endsection diff --git a/resources/views/products/index.blade.php b/resources/views/products/index.blade.php index b6e981f..faca42e 100644 --- a/resources/views/products/index.blade.php +++ b/resources/views/products/index.blade.php @@ -1,102 +1,77 @@ -@extends('layouts.app') +@extends('layouts.guest') @section('content') -
    - - - - -
    - @foreach ($products as $product) -
    -
    - - {{ $product->getFirstMedia() }} - -
    -
    {{ $product['name'] }}
    - show more - info - -
    - -
    - - + diff --git a/resources/views/sections/registeroptions.blade.php b/resources/views/sections/registeroptions.blade.php new file mode 100644 index 0000000..112001f --- /dev/null +++ b/resources/views/sections/registeroptions.blade.php @@ -0,0 +1,29 @@ +
    +
    +
    +
    +
    +

    Join Our Community Club

    +
    +
    + +
    +

    Want to Sell Your Products

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga repudiandae veritatis qui officiis + molestiae + quas ipsa id sint quia amet consectetur adipisicing elit.

    + Become an Author +
    +
    + OR +
    +
    +

    Start Shopping Today

    +

    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga repudiandae veritatis qui officiis + molestiae + quas ipsa id sint quia amet consectetur adipisicing elit.

    + Create an Account +
    +
    +
    +
    diff --git a/resources/views/sections/services.blade.php b/resources/views/sections/services.blade.php new file mode 100644 index 0000000..38ff16a --- /dev/null +++ b/resources/views/sections/services.blade.php @@ -0,0 +1,34 @@ +
    +
    +
    +
    +
    + +

    Secure Paument

    +

    Pellentesque facilisis kamcorper sapien interdum magna.

    +
    +
    +
    +
    + +

    Quality Products

    +

    Pellentesque facilisis kamcorper sapien interdum magna.

    +
    +
    +
    +
    + +

    14 Days Money Backs

    +

    Pellentesque facilisis kamcorper sapien interdum magna.

    +
    +
    +
    +
    + +

    24/7 Customer Care

    +

    Pellentesque facilisis kamcorper sapien interdum magna.

    +
    +
    +
    +
    +
    diff --git a/resources/views/sections/testimonial.blade.php b/resources/views/sections/testimonial.blade.php new file mode 100644 index 0000000..df703b8 --- /dev/null +++ b/resources/views/sections/testimonial.blade.php @@ -0,0 +1,129 @@ +
    +
    + +
    +
    +
    +
    +
    +

    We’ve Made Happy Over 2 Million Customers

    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    + + + +
    +
    +
    +
    +
    +
    diff --git a/resources/views/terms&conditions.blade.php b/resources/views/terms&conditions.blade.php new file mode 100644 index 0000000..71c18f4 --- /dev/null +++ b/resources/views/terms&conditions.blade.php @@ -0,0 +1,119 @@ +@extends('layouts.guest') + +@section('content') + +
    +
    +
    +
    +
    +

    Terms of Use

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing elit sed diam nonmy ni euism laore dolore magna aluam + eravolutpaterat + consectetuerni +

    +
    +
    +

    Communications

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing elit sed diam nonmy ni euism laore dolore magna aluam + eravolutpaterat + consectetuerni +

    +
    +
    +

    Accounts

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing elit sed diam nonmy ni euism laore dolore magna aluam + eravolutpaterat + consectetuerni +

    +
    +
    +

    Product Delivery

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing. +

    +
      +
    • You can not earn commissions on your own affiliate purchases.
    • +
    • Your domain name must not contain DigiPro unless
    • +
    • Seller must have used the DigiPro Time Tracker App to track the time.
    • +
    • You can not earn commissions on your own affiliate purchases.
    • +
    • You can not earn commissions on your own affiliate purchases.
    • +
    +
    +
    +

    Product Updates

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing. +

    +
      +
    • You can not earn commissions on your own affiliate purchases.
    • +
    • Your domain name must not contain DigiPro unless
    • +
    • Seller must have used the DigiPro Time Tracker App to track the time.
    • +
    • You can not earn commissions on your own affiliate purchases.
    • +
    • You can not earn commissions on your own affiliate purchases.
    • +
    +
    +
    +

    Unauthorized/Illegal Usage

    +

    laoreet dolore magna aluam erat volutpaterat consectetuerni euism laoreet dolore magna aliquam + erat + volutpaterat . Consectetuer elit, sed diam nonmy dolor sit amet consectetuer adipiscing elit, + sed diam nonmy ipsum dolor sit amet, consectetuer adipiscing elit sed diam nonmy ni euism laor + dolore magna aliquam erat volutpat consectetuerni euism laoreet dolore magna aliqm volutpat + onsectetuer + amet consectetuer adipiscing. +

    +
    +
    +
    +
    +
    +@endsection diff --git a/resources/views/users/homepage.blade.php b/resources/views/users/homepage.blade.php new file mode 100644 index 0000000..e5f3590 --- /dev/null +++ b/resources/views/users/homepage.blade.php @@ -0,0 +1,11 @@ +@extends('layouts.auth') + +@section('content') + @include('sections.hero') + @include('sections.featueredproducts') + @include('sections.newestproducts') + @include('sections.services') + @include('sections.counter') + @include('sections.registeroptions') + @include('sections.testimonial') +@endsection diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index de23392..37f9b48 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,132 +1,11 @@ - - - - - - - Laravel - - - - - - - - - - -
    - @if (Route::has('login')) - - @endif - -
    -
    - - - - - -
    - -
    -
    -
    - - -
    -
    - Laravel has wonderful, thorough documentation covering every aspect of the framework. Whether you are new to the framework or have previous experience with Laravel, we recommend reading all of the documentation from beginning to end. -
    -
    -
    - -
    -
    - - -
    - -
    -
    - Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process. -
    -
    -
    - -
    -
    - - -
    - -
    -
    - Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials. -
    -
    -
    - -
    -
    - -
    Vibrant Ecosystem
    -
    - -
    -
    - Laravel's robust library of first-party tools and libraries, such as Forge, Vapor, Nova, and Envoyer help you take your projects to the next level. Pair them with powerful open source libraries like Cashier, Dusk, Echo, Horizon, Sanctum, Telescope, and more. -
    -
    -
    -
    -
    - -
    -
    -
    - - - - - - Shop - - - - - - - - Sponsor - -
    -
    - -
    - Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}) -
    -
    -
    -
    - - +@extends('layouts.guest') + +@section('content') + @include('sections.hero') + @include('sections.featueredproducts') + @include('sections.newestproducts') + @include('sections.services') + @include('sections.counter') + @include('sections.registeroptions') + @include('sections.testimonial') +@endsection diff --git a/routes/web.php b/routes/web.php index 2ab6de2..25a19bf 100644 --- a/routes/web.php +++ b/routes/web.php @@ -23,9 +23,19 @@ Route::get('/', function () { return view('welcome'); }); - +//for auth user +Route::view('/homepage', 'users.homepage')->name('homepage'); +//for guest +Route::view('/userhome', 'welcome')->name('userhome'); +Route::view('/products', 'products.index')->name('products'); +Route::view('/product', 'products.show')->name('showproduct'); +Route::view('/terms&conditions', 'terms&conditions')->name('terms&conditions'); +Route::view('/categories', 'categories')->name('categories'); +Route::view('/posts', 'posts.index')->name('posts'); +Route::view('/post', 'posts.show')->name('post'); +Route::view('/comments', 'posts.comments')->name('comments'); Auth::routes(); - +//for admin Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home'); Route::middleware('auth')->group(function () {