/*
Theme Name: Yoga Vibes
Author: Kathleen Cook
Author URI: www.leenatheyogi.com
Description: A theme designed for simplicity and ease of use.
Version: 1.94
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
Tags: responsive, white, bootstrap
Domain Path:
*/

/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');


// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.noto-serif-normal {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



/* Mobile Sizing */
@media only screen and (min-width: 575px) and (max-width: 800px) {
  .display-1 {
  letter-spacing:normal !important;
  font-size: 3rem !important;
}

}

@media only screen and (max-width: 575px) {
  .display-1 {
  font-size: 4.5rem !important;
}
  
}

/* Body Styles */

sub {
  display:none;
}

body {
	background-color:white;
	font-family:"Lato", sans-serif;
	font-size:12pt;
	color:black;
}

img {
  margin:5px 10px 10px 5px;
}


/* Header Styles */

.display-1 {
  font-family:"Noto Serif", italic;
  font-weight:500;
  font-style:italic;
  padding:0rem;
}

.jumbotron {
  background-color:#fff ;
  margin-bottom:2rem;
}

.jumbo-b {
  border-top:double 1rem #000;
  background-color:#fff !important;
}

/* Div Styles */

.rnd-box {
  border-radius: 15px;
  background-color:#f7e6ff;
  margin:1rem; !important
}

/* Search Bar */

.search-bar {
  color:white !important;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

/* Text Styles */
pre {
  font-size:1rem;
  font-family:"Lato", sans-serif;
}

p, ul, ol{
  font-size:.85rem;
  font-family:"Lato", sans-serif;
  color:black;
}

.lead {
  color:#000 !important;
  margin:10px 0px 15px 0px;
  letter-spacing:2px;
  font-weight:100;
  font-family:"Noto Serif", italic;
  font-style:italic;
}

.cat-ex {
  clear:none;
}



/* Widget Styles */
.widget {
  margin:5px 0px 20px 0px;
}
.widget p {
  font-size:.85rem;
}
.widget ol {
  font-size:.85rem;
}
.widget ul  {
  font-size:.85rem;
}

form {
  padding:25px 20px 10px 10px ;
}

sub, sup {
  line-height:normal !important;
  font-size:100% !important;
}
/* Header Styles */

h1, h2, h3, h4, h5, h6 {
 font-family: "Noto Serif", italic;
  color:#3e1f87;
  font-weight:600;
  padding:0rem 1rem 0rem 1rem;
}
h1 {
  font-size:2.5rem;
}
h2 {
  font-size:2.25rem;
}
h3 {
  font-size:2rem;
}
h4 {
  font-size:1.75rem;
}
h5 {
  font-size:1.45rem;
}
h6 {
  font-size:1.25rem;
}

h1, h2, h3 {
  padding:.5rem 0rem 0.5rem 0rem;
}
h4, h5, h6 {
  padding:0.25rem 0rem 0.25rem 0rem;
}



/* Link Styles */

.dropdown-menu a {
  color:#000 !important;}

a {
  color:#a11345;
  font-family:"Lato", sans-serif;
}

a:hover {
  text-decoration:none ;
  color:#aaa;
}
  
nav a {
  font-family:"Noto Serif", serif;
  font-weight:400;
  font-size:1.5rem;
  color:#000 !important;
  padding:3rem 5rem 3rem 5rem;
  
}

nav a:hover {
  color:#000 !important;
  font-weight:900;
}

nav a:active {
  font-style:underline;
}

/* Meta Data */

.postmetadata {
  padding-bottom: 20px;
  margin-bottom: 20px;
}