/*
 * Vedic Healing Foundation — site theme styles
 * (base typography, color, and layout rules)
 */

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */
 
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.block-navigation .block-navigation-item a:hover,
.block-navigation .block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.block-search__button,
.block-file .block-file__button {
	background-color: var(---preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(---preset--color--background);
	font-size: var(---preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.block-search__button:hover,
.block-file .block-file__button:hover,
.block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.block-group.alignfull,
.block-group.has-background,
.block-cover.alignfull,
.is-root-container .block[data-align="full"] > .block-group,
.is-root-container .block[data-align="full"] > .block-cover {
	padding-left: var(---custom--spacing--outer);
	padding-right: var(---custom--spacing--outer);
}

.site-blocks .alignfull,
.site-blocks > .block-group.has-background,
.site-blocks > .block-cover,
.site-blocks > .block-template-part > .block-group.has-background,
.site-blocks > .block-template-part > .block-cover,
body > .is-root-container > .block-cover,
body > .is-root-container > .block-template-part > .block-group.has-background,
body > .is-root-container > .block-template-part > .block-cover,
.is-root-container .block[data-align="full"] {
	margin-left: calc(-1 * var(---custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(---custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.site-blocks .block-columns .block-column .alignfull,
.is-root-container .block-columns .block-column .block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.site-blocks .alignfull:not(.block-group) .alignfull,
.is-root-container .block[data-align="full"] > *:not(.block-group) .block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.block-navigation__responsive-container.is-menu-open {
	padding-top: var(---custom--spacing--outer);
	padding-bottom: var(---custom--spacing--large);
	padding-right: var(---custom--spacing--outer);
	padding-left: var(---custom--spacing--outer);
}

/*bootstrap*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	font-family: 'Libre Baskerville', serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	margin: 0;
	font-family: 'Libre Baskerville', serif;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}



ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

blockquote {
	margin: 0 0 1rem;
}

b,
strong {
	font-weight: bolder;
}

a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
	color: #0056b3;
	text-decoration: underline;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

table {
	border-collapse: collapse;
}


/*
* custom Style
*/


.title-top-bar::before {
    content: "";
    background-color: #3a79a0;
    width: 66px;
    height: 6px;
    position: absolute;
}

a {
    color: #3A79A0 !important;
}
a:hover {
    text-decoration: underline 2px #7a99bb;
}
.contact a svg {
    width: 48px !important;
    padding: 14px;
    vertical-align: middle;
    margin-left: -15px;
}
.block-gallery.has-nested-images figure.block-image:not(#individual-image) {
    width: inherit !important;
    margin: 0;
}
.block-gallery.has-nested-images figure.block-image figcaption{
    font-size:inherit;
}

 .block-gallery.has-nested-images figure.block-image figcaption {
        background: none;
        color: #000000 !important;
        position: initial;
    }

@media only screen and (max-width:1350px){
    .block-gallery.has-nested-images figure.block-image figcaption {
        background: none;
        color: #000000 !important;
        position: initial;
    }
}

.block-gallery.has-nested-images{
    margin: 0;
}

.lineage {
    padding: 0;
}

@media only screen and (max-width:781px){
   p.contact a {
       display: flex;
       padding-bottom: 15px;
       align-items: self-start;
       font-size: 1.2rem;
   }
   
   p.contact svg {
      padding: 2px 12px;
      overflow: visible;
   }
}