/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
	 /* 
Theme Name: Denticare
Theme URI: http://denticare.bold-themes.com
Description: DentiCare is a WordPress Theme for dentists, dental practices and dental tourism practices. Its unique and diverse design and ready-made contents make this theme an excellent choice for dentist business.
Version: 1.2.4
Author: BoldThemes
Author URI: http://bold-themes.com
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: denticare
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses

All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License

[Table of contents]

1. Base
2. Typography
3. Bootstrap grid
4. Bold themes grid 
5. Template
6. Header
7. Footer
8. Post
9. Comments
10. Widgets
11. Elements
12. Menu Item
13. Organic animation
14. Floating image
15. Woocommerce
16. Cost calculator
17. Typography etc responsive
18. Woocommerce screens
19. Fixes
20. RTL
21. Gutenberg
22. IE

*/
/* Fonts */
/* Template fonts, edit in config.php  */
/* Base font */
/* Base menu font */
/* Headline fond */
/* Headline supertitle font */
/* Headline subtitle font */
/* Button font */
/* Variables  */
/* Base font size */
/* Base font color */
/* Base bg color */
/* Base border color */
/* Base border color for forms */
/* Sub bg color */
/* Light bg color 10% */
/* Light bg color 15% */
/* Light bg color 20% */
/* Light bg color 50% */
/* Light bg color 50% */
/* Light bg color 5% */
/* Base font color */
/* Base bg color */
/* Base border color */
/* Base border color for forms */
/* Sub bg color */
/* Dark bg color 10% */
/* Dark bg color 15% */
/* Dark bg color 20% */
/* Dark bg color 50% */
/* Dark bg color 5% */
/* Main color */
/* Dark main color */
/* Secondary color  */
/* Base gutter width */
/* Sidebar width (%) */
/* Padding between sidebar and sontent */
/* Left and right page padding for boxed content */
/* Default spacing in grid gallery */
/* Defines logo height and menu line height */
/* Defines menu height whwn below menu */
/* Top and bottom padding of the whole horizontal menu (px) */
/* Padding between horizontal menu elements (px) */
/* Width of the vertical menu (px) */
/* dropdown width (px) */
/* Base font size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Small icon size */
/* Soft border radius */
/* Soft border radius */
/* Mixins */
/* include btMaxLines(lines, line-height); */
/* fragment btClear; */
/* Aliases */
/* Cost calculator specific */
/* Reset */


* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul, ol {
    padding-left: 20px;
}
html {
  /* font-size: 10px; */

  /* 10px / 16px = 0.625 = 62.5% */
  /* Percentage of user's browser font-size setting */
  font-size: 62.5%;
/*  overflow-x: hidden;*/

  /* Does NOT work on Safari */
  /* scroll-behavior: smooth; */
}

body {
  font-family: "Rubik", sans-serif;
  line-height: 1;
  font-weight: 400;
  font-size: 1.6rem;
  color: #555;

  /* Only works if there is nothing absolutely positioned in relation to body */
  overflow-x: hidden;
}
img {
    max-width: 100%;
}
/**************************/
/* GENRAL REUSABLE COMPONENTS */
/**************************/

.container {
    max-width: 144rem;
    padding: 0 2rem;
    margin: 0 auto;
}
.align-center {
    align-items: center;
}
.grid {
  display: grid;
  column-gap: 2rem;
 row-gap: 2rem;

  /* margin-bottom: 9.6rem; */
}

/* .grid:last-child {
  margin-bottom: 0;
} */



.grid--2-cols {
  grid-template-columns: repeat(2, 1fr);
}

.grid--3-cols {
  grid-template-columns: repeat(3, 1fr);
}

.grid--4-cols {
  grid-template-columns: repeat(4, 1fr);
}

 .grid--5-cols {
  grid-template-columns: repeat(5, 1fr);
} 

.grid--center-v {
  align-items: center;
}

.heading-primary,
.heading-secondary,
.heading-tertiary {
  font-weight: 700;
  color: #333;
  /* color: #45260a; */
  /* color: #343a40; */
  letter-spacing: -0.5px;
}

.heading-primary {
  font-size: 5.2rem;
  line-height: 1.05;
  margin-bottom: 3.2rem;
}

.heading-secondary {
  font-size: 4.4rem;
  line-height: 1.2;
  margin-bottom: 9.6rem;
}

.heading-tertiary {
  font-size: 3rem;
  line-height: 1.2;
  margin-bottom: 3.2rem;
}

.subheading {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #cf711f;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
  letter-spacing: 0.75px;
}

.btn,
.btn:link,
.btn:visited {
  display: inline-block;

  text-decoration: none;
  font-size: 2rem;
  font-weight: 600;
  padding: 1.6rem 3.2rem;
  border-radius: 9px;

  /* Only necessary for .btn */
  border: none;
  cursor: pointer;
  font-family: inherit;

  /* Put transition on original "state" */
  /* transition: background-color 0.3s; */
  transition: all 0.3s;
}

.btn--full:link,
.btn--full:visited {
  background-color: #e67e22;
  color: #fff;
}

.btn--full:hover,
.btn--full:active {
  background-color: #cf711f;
}

.btn--outline:link,
.btn--outline:visited {
  background-color: #fff;
  color: #555;
}

.btn--outline:hover,
.btn--outline:active {
  background-color: #fdf2e9;

  /* border: 3px solid #fff; */

  /* Trick to add border inside */
  box-shadow: inset 0 0 0 3px #fff;
}

.btn--form {
  background-color: #45260a;
  color: #fdf2e9;
  align-self: end;
  padding: 1.2rem;
}

.btn--form:hover {
  background-color: #fff;
  color: #555;
}

.link:link,
.link:visited {
  display: inline-block;
  color: #e67e22;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  transition: all 0.3s;
}

.link:hover,
.link:active {
  color: #cf711f;
  border-bottom: 1px solid transparent;
}

.list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.list-item {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  line-height: 1.2;
}

.list-icon {
  width: 3rem;
  height: 3rem;
  color: #e67e22;
}

*:focus {
  outline: none;
  /* outline: 4px dotted #e67e22; */
  /* outline-offset: 8px; */
}

/* HELPER/SETTINGS CLASSES */
.margin-right-sm {
  margin-right: 1.6rem !important;
}

.margin-bottom-md {
  margin-bottom: 4.8rem !important;
}

.center-text {
  text-align: center;
}

strong {
    font-weight: bold;
}