.about-posts a {
	font-size: 14px; 
}

/* fixes image size under RECENT POSTS on the homepage */

.wp-block-newspack-blocks-homepage-articles.wpnbha .post-thumbnail img {
	max-height: 230px;
	object-fit: cover;
}

/*.single code:not(wp-block-code ) {
	color: #ff6ec7;
}*/

/* edit spacing between list items */
li:not(.toc-list-item) {
    padding-bottom: 10px;
}

.single, .page, .wp-block-quote {
	font-size: 16px;
	line-height: 1.8;
}

/* changes font size of category links on blog posts */ 
.cat-links {
	font-size: 8pt !important;
}

/* make tables easier to read; note that in most cases, you should use the "fixed width table cells" setting in the block editor! */ 
.wp-block-table table {
	overflow-y: auto;
	min-width: 40rem;
}



/* Archive Category page */
/* Subcategories */
.c-subcategories-list {
  display: flex;
  display: -webkit-flex;
  flex-flow: wrap;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0;
}
.c-subcategories-list li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}
.c-subcategories-list li:last-child span {
  display: none;
}


/* Setting featured image fixed height and width for blog posts block on computers */
@media only screen and (min-width: 800px) {
	/* blog page */ 
	.page-id-1158 .wp-block-newspack-blocks-homepage-articles img {
  width:165px !important; 
  height: 125px !important;
  object-fit: cover;
	}
	
	
	/* press page*/
	.page-id-9012 .wp-block-newspack-blocks-homepage-articles img {
  width:165px !important;
  height: 125px !important;
  object-fit: cover;
	}
	
	
	
	
	/* homepage  
	.page-id-4 .wp-block-newspack-blocks-homepage-articles img {
  width: 303px;
  height: 227px;
  object-fit: cover;
	}*/
	
}

/* Fix featured image width on Archive and Search templates | | 5420460-zen GH */

@media only screen and (max-width: 600px) {
.archive .wp-block-post-featured-image,
.search .wp-block-post-featured-image {
  width: 100% !important;
}
	.post-on-mobile-crop .post-thumbnail img {
		height: 250px !important; 
		object-fit: cover;
	}
}

/*Add spacing of 25px on top of headings in single posts */
.single-post h2:not(.wp-block-post-title) {
  padding-top: 25px;
}
.single-post h3, .single-post h4, .single-post h5 {
	padding-top: 25px;
	margin-bottom: -10px !important;
}


/* resume PAGE only  
.page-id-23  h2:not(.wp-block-post-title) {
  padding-top: 25px;
}
.page-id-23 h3, .page-id-23 h4, .page-id-23 h5 {
	padding-top: 25px;
	margin-bottom: -10px !important;
}*/


/* menu list height*/ 
.wp-block-navigation ul {
	line-height: unset;
}

/* Temporary remove indent space list block */
ol ul, ol ol, ul ol, ul ul {
	padding-left: var(--wp--custom--gap--horizontal);
}

/* Make list indent consistents on lists without backgrounds */
.wp-block-post-content ul.plain-list { 
	padding: 0em 2.375em;
}

/* change menu item color to black */
a.wp-block-navigation-item__content {
	color: black !important;
}


/* Change site title black and hover color blue */
.site-brand a {
		color: black;
}

.site-brand a:hover {
	color: #0081cc !important;
}

/* Remove link underline */
a {
	text-decoration: none !important;
}

/* Page/post links green ---> this reverses other stuff. Will be emailing me to update me.*/ 
a:hover:not(.wp-block-navigation-item__content) { 
	color: #32b883 !important;
} 


/* button hover */ 
.wp-block-newspack-blocks-homepage-articles button:hover {
	color:black;
}

/* Reduce spacing in Blog's Categories list */
.wp-block-coblocks-accordion .olivia-categories, .wp-block-coblocks-accordion ul ul {
	margin: 0; 
	padding-top: 1.2rem;
	
}

/* Remove bold on blog post block*/
.wp-block-newspack-blocks-homepage-articles a { font-weight: 300;}

/* Unbolden menu links */
nav a{font-weight:100 !important;}

/* Black color on parent menu */
.wp-block-navigation .wp-block-navigation-item.has-child > a:hover {
	color: #000000 !important;
}


/* Temporary load more button CSS on blog post */
.wp-block-newspack-blocks-homepage-articles button {
  border-radius: 100px;
  background: linear-gradient(135deg,rgb(108,208,250) 0%,rgb(152,150,240) 50%,rgb(255,110,199) 100%);
  border-width: 0;
  color: #fff;
	font-family: 'Libre Baskerville', Times, serif;
  padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width));
  padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
  padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
  padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
  text-decoration: none;
  font-weight: var(--wp--custom--button--typography--font-weight);
}

/* CSS fix to get rid of empty bar after footer */
.wp-site-blocks > div.wp-block-group:last-of-type{
	display:none;
}

/* change the logo font weight */
.site-brand a {
    font-weight: 250;
}

/* Adjust block margins on Work Experience page with media screen restrictions */
@media only screen and (min-width: 610px) {
    .wp-block-post-content .has-media-on-the-right .wp-block-media-text__content {
     margin-left: -24px;
    }
}

/* increase spacing between media & text on mobile stacked images*/
@media only screen and (max-width: 500px) {
    .page-id-9833 .wp-container-6, .wp-block-media-text .wp-block-media-text__content :first-child {
        padding-top: 30px;
    } 

    .site-footer-container .wp-block-media-text .wp-block-media-text__content :first-child {
        padding-top: 0;
    }
}


/* align media and text on mobile*/
@media (max-width: 500px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding:unset;
    }
}

/*Adjust font size on blog carousel homepage */
.swiper-slide, .swiper-slide-thumbnail {
    font-size: 10px;
}

/* libre font on subscribe button*/
.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline form button {
    font-family: "Libre Baskerville", serif;
} 

/* make text visible for subscription email field - theme overriding block settting */
.wp-block-jetpack-subscriptions {
	color: #000000;
}

/* reduce search block height */
.wp-block-search .wp-block-search__input {
	height: 60px;
	border-color: #dcb3ff;
	font-family: "Libre Baskerville", serif;
	color: #000000;
}

.wp-block-search .wp-block-search__button {
	border: 1.5px solid #dcb3ff;
	height: 59px;
}

/* use ".search-button" on a block to change position of the search button in a search block to the left */
.search-button .wp-block-search__inside-wrapper {
    display: flex;
    flex-direction: row-reverse;
}

.wp-block-search__button {
    margin-right: .625em;
    margin-left: 0;
}

/* QUERY */
.wp-block-query .wp-block-post-title a {
	font-weight: var(--wp--custom--heading--typography--font-weight);
	font-size: 1.2rem;
	line-height: 1.389;
	color: black;
	/*margin-top: -7px;
	margin-bottom: -7px;*/
}

.wp-block-query .wp-block-post-template {
	font-weight: 300;
	font-size: 14px;
	color: gray;
	margin-left: -0.1em;
}

.wp-block-query .wp-block-post-date {
	font-size: .9em;
	margin: .4em;
	margin-left: 0em;
	margin-bottom: -20px;
}

/* Mobile only edits */ 

/* Reduce site title font size on mobile so all on one line */
@media screen and (max-width: 500px) {
	.wp-block-site-title {
		font-size: 2rem !important;
	}
	
	.wp-block-group.wp-container-4 {
		font-size: .88rem !important;
	}
	
	.site-footer-container h1 {
		font-size: 1.1rem !important;
	}

}

/* Adjust the width of the "Load more posts" button on mobile layout */
@media screen and (max-width: 500px) {
  .page-id-1158 .wp-block-newspack-blocks-homepage-articles button {
     width: 100%;
  }
}

/*Add spacing between images and text wherever Media-Text blocks are uses*/
@media only screen and (max-width: 500px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { /*25 -> 10*/
	padding-bottom: 30px !important;
} 
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { /* 25 */
	padding-top:  0px !important;
	}
	
	/* reduce space between sandwich button and title on mobile */
	div.wp-container-5 {
		margin-top: 1px;
		text-align: center; 
	}
}

/* remove image on mobile */ 
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
		.remove-mobile {
		display: none; 
	}

}

/* remove image on computer */ 
@media (min-width: 1024px) {
    .remove-desktop {
        display: none;
    }
}

/* fixes padding issues on travel page columns */ 
figure.wp-block-image > img {
    width: 100%;
}

figure.wp-block-image {
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/* fixes margin and padding issues on photoblog pages */ 
figure.wp-block-gallery.has-nested-images.columns-default.is-cropped {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0px;
}

figure.wp-block-gallery {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-block-start: 0px;
}


/* make table headers adjust size to fit word length. | hc36775079 (pax) */
.wp-block-column {
    overflow-wrap: unset;
    word-break: unset;
}


/* Codeable Additional CSS */
.toc-list {
	/*margin-left: 100px;*/
	padding-left: 15px;
}
/*.toc-list ol, ul {
	margin-left: 15px;
	padding-left: 3px;
}*/
.toc-list-item a {
    font-size: 16px;
    padding-bottom: 5px;
    display: block;
    font-weight: 500;
    padding-top: 5px;
}
.is-active-link {
	font-weight: 700 !important;
}
.is-active-link::before {
    background-color: #32b883 !important;
}

@media (max-width: 781px) {
    .toc-container {
        display: none;
    }
    .toc--mobile {
        position: relative;
        overflow: hidden;
    }
	.toc-list {
		list-style: none;
	}
}

@media (min-width: 782px) {
	.toc--mobile {
        display: none;
    }
    .toc-container {
        display: block;
        --offset: 2rem;
        flex-grow: 1;
        flex-basis: 300px;
        align-self: start;
        position: sticky;
        top: 2rem;
    }
}







/* Dark Mode */	

	
/* Dark Styles - Add style for any element when in dark mode by adding body.dark before its class/ID */	


/* Theme toggle animation - disabled*/

/*body,
body .has-foreground-background-color{  	
	transition: background-color .3s ease-in-out;
;}
*/

body.dark{
  --white: rgb(255,255,255);
	--dark-grey: rgb(33, 33, 33);
	--black: rgb(5, 5, 5);
	/* line below was commented out */ 
	--wp--custom--color--background: var(--dark-grey);
	--wp--preset--color--background: var(--dark-grey);
	--wp--custom--color--foreground: var(--white);
	
	--base-3:var(--black);
	color:white;

	--hcb-color--text: var(--white);
	--hcb-color--bg: #f7f6f6;
	--hcb-color--lang--text: var(--white);
	--hcb-color--lang--bg: #dedede;
	--hcb-color--line-numbers: var(--white);
}

body.dark .has-foreground-background-color{
	background-color:var(--black)!important;
}

body.dark .wp-block-navigation__responsive-container-close, body.dark .wp-block-navigation__responsive-container-open,
body.dark .wp-block-query .wp-block-post-template a,
.wp-block-query .wp-block-post-template{
	color:var(--white);
}

body.dark .site-brand a,
body.dark header .wp-block-navigation-item__content,
body.dark .wp-block-navigation .wp-block-navigation-item.has-child > a:hover,
body.dark .has-foreground-background-color a,
body.dark .wp-block-site-tagline,
body.dark .wp-block-table.is-style-stripes figcaption, body.dark .wp-block-table figcaption{
	color:var(--white)!important;
}

body.dark a:hover:not(.wp-block-navigation-item__content),
body.dark header .wp-block-navigation-item__content:hover{
	color:#32b883 !important
}
	
body.dark ul.has-background,
body.dark ol.has-background,
body.dark p.has-background,
body.dark .has-background,
body.dark .has-background:not(.has-white-background-color) *,
body.dark .has-background blockquote p,
body.dark .hcb_wrap .line-numbers-rows>span:before,
body.dark .hcb_wrap pre[data-file]:before{
  color:var(--dark-grey);
}	

body.dark blockquote p{
	color:white;
}

body.dark .has-background:not(.has-white-background-color) a,
body.dark .has-background:not(.has-white-background-color) a em{
	color:var(--wp--preset--color--custom-blue-link-color);
}

.hcb_wrap .line-numbers .line-numbers-rows{
	border-right-color:var(--dark-grey);
}

body.dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	background-color:black;
}

body.dark figure.wp-block-table.is-style-stripes td,
body.dark figure.wp-block-table.is-style-stripes th,
body.dark figure.wp-block-table.is-style-stripes tr {
    border: 1px solid;
}
	
body.dark .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
	stroke:white;
}

/* olivia added 14 july 2024 to change menu background */ 

body.dark .wp-block-navigation .has-child .wp-block-navigation__submenu-container {

	background-color: #212121;
}

/* olivia added 14 july 2024 to fix header menu on OG health & fitness, make the dark blue "Learn About Olivia" paragraph's white */ 
body.dark a.wp-block-navigation-item__content, body.dark .wp-elements-4f9746510f56be4df877cd10f27735e2 p, body.dark .wp-elements-ff89109e23f191e49d771fcb5ce9e3b2 p {
	color: white !important;
}


/* added 2 june 2025 for offensive services page */ 
.page-id-74326 {
    background-color: #990000;
	color: #ffffff;
}

/* ensure links are also styled */
.page-id-74326 a {
    color: #8ec5ff; /* example: yellow links */ 
} 

/*
.page-id-74326 a:hover {
    color: #ffffff; 
}*/



body.dark .wp-block-search .wp-block-search__input,
body.dark .wp-block-coblocks-accordion summary,
body.dark .hcb_wrap.hcb_wrap code, body.dark .hcb_wrap.hcb_wrap pre{
	color:var(--black)!important;
	text-shadow:none!important;
}

body.dark.has-white-background-color{
	background-color:transparent!important;
}

body.dark .has-background-color,
body.dark .has-background.has-white-background-color {
	color:white!important;
}

body.dark .wp-block-quote {
	border-color:white
}

body.dark .wp-block-jetpack-subscriptions__subscount{
	color:white!important;
}

/* Borders*/

.wpnbha.is-style-borders.columns-3 article:nth-of-type(3n + 1), .wpnbha.is-style-borders.columns-3 article:nth-of-type(3n + 2), .wpnbha.is-style-borders.columns-6 article:nth-of-type(3n + 1), .wpnbha.is-style-borders.columns-6 article:nth-of-type(3n + 2),
.wpnbha.is-style-borders article{
	border-color:#666;
}

/* Switch */

body #toggler .switch .trigger{
	background-image:url('/wp-content/themes/heiwa-child/img/dark.svg')
}	
	
body.dark #toggler .switch .trigger{
	background-image:url('/wp-content/themes/heiwa-child/img/light.svg');
}

body{
	position:relative;
}
	
#toggler{
	display:block;
	z-index:9;	
}	
	
.admin-bar #toggler{
    top:52px;	
}	
	
#toggler .switch{
    display: block;
    border-radius:25px;
    padding: 4px;
	cursor:pointer;	
    width:44px;
    height:24px;
}

body #toggler .switch{	
    background: linear-gradient(135deg,rgb(108,208,250) 0%,rgb(152,150,240) 50%,rgb(255,110,199) 100%);
}
	
body.dark #toggler .switch{
    background: linear-gradient(135deg,rgb(58,158,200) 0%,rgb(102,100,190) 50%,rgb(205,90,149) 100%);
}
	
#toggler .trigger{
    width: 20px;
    height: 20px;
    background-color: white;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    transition: transform 0.3s linear; 
}

#toggler .switch .trigger{
    background-size:cover;
    background-position:center center;
}	

body.light #toggler .switch .trigger{
    transform: translateX(20px);
}
	
/* Switch Respomsive positioning / sizing */

@media only screen and (min-width: 769px) {
   
	
	#toggler .switch{
		/* tweak the size of the switch */
		transform: scale(1.25);
		transform-origin:0 0;
	}
	
	#toggler{
		left:20px;
		top:20px;
		position:fixed;
	}	
}	
	
@media only screen and (max-width: 768px) {
	#toggler .switch{
		 transform: scale(1);
	}
	
	#toggler{
		left:20px;
		right:20px;
		margin:auto;
		top:20px;
		position:absolute;
		display:flex;
		
		/*The following setting controls the toggler positioning on mobile. It can be flex-start, center or flex-end */
		
		justify-content:flex-end;
	}	
	
}	

/* Table borders shown // 5636838-ZEN SK*/
figure.wp-block-table.is-style-stripes td,
figure.wp-block-table.is-style-stripes th,
figure.wp-block-table.is-style-stripes tr {
    border: 1px solid #000;
}


.wp-block-jetpack-subscriptions.wp-block-jetpack-subscriptions__supports-newline.wp-block-jetpack-subscriptions__use-newline .wp-block-jetpack-subscriptions__form-elements{  
    display: block !important;
    text-align: center;
}


.wpnbha.image-alignbehind.light-overlay .post-has-image .post-thumbnail:after {
	background: rgba(0,0,0,.3) !important;
}