You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.4 KiB
105 lines
2.4 KiB
4 months ago
|
/*-----------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
Theme Name: Bizzpro - Digital Agency HTML5 Template
|
||
|
|
Author: wowtheme7
|
||
|
|
Support:
|
||
|
|
Description: Bizzpro – is a Digital Agency HTML5 Template that comes with high-quality 3 Pre build Home Pages and many built-in awesome inner pages which are perfect for any creative agencies, designers, digital agencies, freelancers, developers, designers, marketing, startup, blog and portfolio.
|
||
|
|
Version: 1.0
|
||
|
|
|
||
|
|
-----------------------------------------------------------------------------------
|
||
|
|
|
||
|
|
/************ TABLE OF CONTENTS ***************
|
||
|
|
|
||
|
|
01. VARIBALES DECLARARION
|
||
|
|
02. MIXIN DECLARATION
|
||
|
|
03. TYPOGRAPHY CSS START
|
||
|
|
04. THEME CSS START
|
||
|
|
05. BUTTON CSS START
|
||
|
|
06. TITLE CSS START
|
||
|
|
07. WIDGET CSS START
|
||
|
|
08. ANIMATION CSS START
|
||
|
|
09. LOADING CSS START
|
||
|
|
10. MENU CSS START
|
||
|
|
11. MODAL CSS START
|
||
|
|
12. HEADER CSS START
|
||
|
|
13. OFFCANVAS CSS START
|
||
|
|
14. HERO CSS START
|
||
|
|
15. FEATURE CSS START
|
||
|
|
16. ABOUT CSS START
|
||
|
|
17. SERVICE CSS START
|
||
|
|
18. COUNTER CSS START
|
||
|
|
19. TESTIMONIAL CSS START
|
||
|
|
20. PROCESS CSS START
|
||
|
|
21. TEAM CSS START
|
||
|
|
22. PORTFOLIO CSS START
|
||
|
|
23. HIRE CSS START
|
||
|
|
24. PRICE CSS START
|
||
|
|
25. BRAND CSS START
|
||
|
|
26. BLOG CSS START
|
||
|
|
27. CONTACT CSS START
|
||
|
|
28. FOOTER CSS START
|
||
|
|
|
||
|
|
**********************************************/
|
||
|
|
|
||
|
|
|
||
|
|
/*----------------------------------------*/
|
||
|
|
/* 01. VARIBALES DECLARARION
|
||
|
|
/*----------------------------------------*/
|
||
|
|
:root {
|
||
|
|
// Colors
|
||
|
|
--main-color-one: #B69974;
|
||
|
|
--secondary: #1F242C;
|
||
|
|
|
||
|
|
|
||
|
|
--white: #fff;
|
||
|
|
--white-2: #E3E3E3;
|
||
|
|
|
||
|
|
--black: #000;
|
||
|
|
--black-2: #252525;
|
||
|
|
--black-3: #1F242C;
|
||
|
|
--black-4: #232323;
|
||
|
|
--black-5: #2B2B5E;
|
||
|
|
|
||
|
|
--gray: #616161;
|
||
|
|
--gray-2: #F4F5FA;
|
||
|
|
--gray-3: #333F4D;
|
||
|
|
--gray-4: #82828A;
|
||
|
|
--gray-5: #3C4958;
|
||
|
|
--gray-6: #757474;
|
||
|
|
|
||
|
|
--blue: #0058AA;
|
||
|
|
--blue-2: #064BB5;
|
||
|
|
|
||
|
|
--yellow: #B8FB5E;
|
||
|
|
--yellow-2: #D8FF36;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
// Download Fonts
|
||
|
|
// @font-face {
|
||
|
|
// font-family: 'Euclid Circular';
|
||
|
|
// src: url(../fonts/euclid-circular/Euclid-Circular-B-Light.ttf);
|
||
|
|
// font-weight: 300;
|
||
|
|
// }
|
||
|
|
|
||
|
|
|
||
|
|
// Google Fonts
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Font Family
|
||
|
|
$font_barlow: 'Barlow', sans-serif;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Responsive Variable
|
||
|
|
$xxxl: '(min-width: 1920px)';
|
||
|
|
$xxl: '(max-width: 1919px)';
|
||
|
|
$xl: '(max-width: 1399px)';
|
||
|
|
$lg: '(max-width: 1199px)';
|
||
|
|
$md: '(max-width: 991px)';
|
||
|
|
$sm: '(max-width: 767px)';
|
||
|
|
$xs: '(max-width: 574px)';
|