@use "../variables/variables" as *;
/*
Theme Name: News And Magazin HTML5 Template
Theme URI:
Design by: Uzzol
Developed by: Asadur Jaman Nur
*/
/*
01. Theme Base
    1.1.Mixin
    1.2. Variable
    1.3. Typography
    1.4. Google Fonts
0.2. Reset
    2.1. Container
    2.2. Grid
    2.3. input
    2.4. Swiper Slider
    2.5. Mobile menu
0.3. Utilities
    3.1. Buttons
    3.2. Titles
    3.3. Common
    3.4. Font
    3.5. Background
    3.6. Text color
    3.7. Ovarlay
    3.8. Animation
0.4. Template style
    4.2. Header
    4.3. Buisness Page
    4.4. Bottom to top
    4.5. Breadcum
    4.6. Category News 
    4.7. Fashion Sale
    4.8. Feature Posts
    4.9. Footer
    4.10. Hero Section
    4.11. Latest News
    4.12. Main Menu
    4.13. Most Popular
    4.14. Single Page
    4.15. Subscribe To Instagram
    4.16. Trending Stories
    4.17. Trending Posts
    4.18. Update News
    4.19. Weekend Top
    4.20. Whats New
*/


/* ===============
    Google Fonts
   =============== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');

body {
  font-family:$body-font;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
  color: $color-paragraph;
  text-transform: none;
  text-decoration: none;
}

/* ================
    Default Value
   ================ */
h1 {
  font-family: "Playfair Display", serif;
  font-size: 60px;
  line-height: 70px;
}

h2 {
  font-size: 48px;
  line-height: 58px;
}

h3 {
  font-size: 36px;
  line-height: 46px;
}

h4 {
  font-size: 30px;
  line-height: 40px;
}

h5 {
  font-size: 24px;
  line-height: 34px;
}

h6 {
  font-size: 20px;
  line-height: 30px;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  color: $color-secondary;
  text-transform: none;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
span a {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}