/*
Theme Name: Mishteek Theme
Theme URI: https://madebysaleem.com/
Description: Custom branded child theme based on Astra.
Author: Made By Saleem
Author URI: https://madebysaleem.com/
Template: astra
Version: 1.0.0
Text Domain: mishteek-theme
*/

:root{
  --mishteek-primary:#C5AA66;
  --mishteek-secondary:#1d1b1e;
  --mishteek-white:#ffffff;
  --mishteek-black:#000000;
}

html{
  scroll-behavior:smooth;
}

body,
button,
input,
select,
textarea{
  font-family:'Outfit', sans-serif;
  font-weight:400;
  color:var(--mishteek-secondary);
}

body{
  background:#ffffff;
}

h1,
.entry-content h1,
.editor-styles-wrapper h1{
  font-family:'Outfit', sans-serif;
  font-weight:500;
  color:var(--mishteek-secondary);
}

h2,
.entry-content h2,
.editor-styles-wrapper h2{
  font-family:'Outfit', sans-serif;
  font-weight:400;
  color:var(--mishteek-secondary);
}

h3,h4,h5,h6,
p,li,a,span,div{
  font-family:'Outfit', sans-serif;
  font-weight:400;
}

a,
.menu-link,
.ast-header-navigation a{
  color:var(--mishteek-primary);
}

a:hover,
a:focus,
.menu-link:hover,
.menu-link:focus,
.ast-header-navigation a:hover,
.ast-header-navigation a:focus{
  color:var(--mishteek-secondary);
}

button,
.wp-block-button__link,
.ast-button,
.button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
  background:var(--mishteek-primary);
  color:var(--mishteek-secondary);
  border-color:var(--mishteek-primary);
  font-family:'Outfit', sans-serif;
  font-weight:400;
}

button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
  background:var(--mishteek-secondary);
  color:var(--mishteek-white);
  border-color:var(--mishteek-secondary);
}

.has-dark-background,
.dark-section,
.site-footer,
[data-section="section-header-mobile-trigger"],
.ast-primary-header-bar,
.ast-builder-menu-mobile{
  color:var(--mishteek-white);
}

.has-dark-background h1,
.has-dark-background h2,
.has-dark-background h3,
.has-dark-background h4,
.has-dark-background h5,
.has-dark-background h6,
.has-dark-background p,
.has-dark-background li,
.has-dark-background span,
.has-dark-background a,
.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section p,
.dark-section li,
.dark-section span,
.dark-section a,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer li,
.site-footer span,
.site-footer a{
  color:var(--mishteek-white);
}

.has-dark-background .highlight,
.dark-section .highlight,
.site-footer .highlight{
  color:var(--mishteek-primary);
}

.has-light-background,
.light-section{
  color:var(--mishteek-secondary);
}

.has-light-background h1,
.has-light-background h2,
.has-light-background h3,
.has-light-background h4,
.has-light-background h5,
.has-light-background h6,
.has-light-background p,
.has-light-background li,
.has-light-background span,
.has-light-background a,
.light-section h1,
.light-section h2,
.light-section h3,
.light-section h4,
.light-section h5,
.light-section h6,
.light-section p,
.light-section li,
.light-section span,
.light-section a{
  color:var(--mishteek-secondary);
}

::selection{
  background:var(--mishteek-primary);
  color:var(--mishteek-secondary);
}