/*Welcome to Custom CSS! To learn how this works, see https://wp.me/PEmnE-Bt*/


/***LOGO***/

/*makes logo smaller*/
.custom-logo {
	max-width: 200px;
}


/***HEADER ***/

/**Main Header**/

/*removes extra white space at top of homepage and between logo & menu*/
#post-68045 #masthead {
	margin-top: -30px;
	padding-bottom: 0;
}

/*removes extra white space at top of other pages and between logo & menu*/
#masthead {
	margin-top: -30px;
	padding-bottom: 0;
}

/**Archive Pages Header**/

/*sticky header for archive pages, works for those pages, but doesn't shrink on scroll so I left it off the rest of the site*/
.archive header#masthead.site-header.responsive-max-width.has-logo.has-menu {
	position: sticky; top: 0px;
	position: -webkit-sticky; /* Safari */  
	position: sticky;
	z-index:10;
	background-color:#fff;
	max-width: 1000%;
	width: auto;
	margin-top: -30;
  padding-bottom: 0;
	overflow-y: hidden;
	max-height: 10000;
	transition: max-height 0.7s ease-in-out;
}


/***MENU***/

/**Main Menu**/

/*makes system header (widget menu) spaced correctly and not bold*/
body:not(.fse-enabled) .main-navigation a {
	font-weight: normal;
  padding: 10px;
}

/*makes active header menu color pink*/
.main-navigation li.current-menu-item a {
	color:#961475;
}

/*makes menu hover pink*/
.main-navigation ul li:hover a {
	color: #961475;
}

/**Social Menu**/

/*hides system social menu in header on all pages (displayed in archive pages*/
.social-navigation > div > ul {
	display: none;
}

/**Social Menu - Archive Pages**/

/*displays social menu on archive pages only*/
.archive .social-navigation > div > ul {
	display:flex;
	z-index:10;
	justify-content: center;
	position: relative;
	top: 10px;
	padding-bottom:20px;
}

/*makes social menu hover pink*/
.social-navigation ul li:hover a {
	color: #961475;
}

/*increases size of social menu icons and space between them*/
.social-navigation svg {
	vertical-align: middle;
  width: 60px;
	height: 28px;
}

/*replaces square FB icon on archive pages header with round one*/
#menu-item-82 .svg-icon {
    background-image: url(https://kurilane.com/wp-content/uploads/2022/09/Facebook-Round-Black.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
		height: 24px;
		background-color: rgba(255, 255, 255,0);
}

/*hides FB icon on archive pages header so FB rounded image above will show*/
#menu-item-82 .svg-icon {
    color: rgba(255, 255, 255,0) !important;
}

/*makes rounded FB icon hover pink*/
#menu-item-82 .svg-icon:hover{
    background-image: url(https://kurilane.com/wp-content/uploads/2022/09/Facebook-Round-Pink.png); no-repeat;
}

/**Mobile Menu**/

/*custom mobile menu Hamburger style (Left Alt) icon for mobile*/
.main-navigation #toggle-menu {
    background-image: url(https://kurilane.com/wp-content/uploads/2022/08/mobile-menu-12px.png);
	background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
	width: 70px;
	margin-left: 10px;
	background-color: #fff;
}

/*hides system menu icon on mobile*/
.main-navigation #toggle-menu a {
	color: rgba(255, 255, 255,0) !important;
  display: block;
}

/*hides "menu label' from system mobile menu*/
label#toggle-menu.button {
	color: rgba(255, 255, 255,0) !important;
}


/***HOME PAGE***/

/**Desktop & Tablet Home Page**/

/*hides mobile homepage hero on desktop & landscape tablet*/
@media screen and (min-width: 1000px) {
	.HeroVideoMobile{ 
		display:none;
	}
}

/*hides pause button on autoplay post carousel on homepage*/
.wp-block-newspack-blocks-carousel.wp-block-newspack-blocks-carousel__autoplay-playing .amp-carousel-button-pause, .wp-block-newspack-blocks-carousel.wp-block-newspack-blocks-carousel__autoplay-playing .swiper-button-pause, .wp-block-newspack-blocks-carousel .amp-carousel-button-play, .wp-block-newspack-blocks-carousel .swiper-button-play {
	display: none !important;
}

/*makes home page latest posts links hover pink*/
.wp-block-latest-posts > li > a:hover {
	color:#961475!important;
}

/**Mobile Home Page**/

/*hides desktop homepage hero on mobile & portrait tablet */
@media screen and (max-width: 867px) {
	.HeroVideo{ 
		display:none;
	}
}


/***ALL PAGES***/

/*hides number of comments on category archive blog pages, also hides 'edit' link, so only activate this when no edits needed*/
.entry-meta > span, .entry-footer > span {
	display: none;
}

/*hide comments on all pages and posts*/
ol {
	display: none;
}

/**Links & Buttons**/

/*makes links hover pink*/
a.more-link:hover {
	color:#961475!important;
}

/*makes buttons hover pink outline*/
a.wp-block-button__link.wp-element-button:hover {
	color:#961475 !important;
	background-color:rgba(255, 255, 255,0) !important;
	border:3px solid #961475!important;
	transition: 0.7s;
}

/*makes form buttons hover pink*/
.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius:hover{
	color:white!important;
	background-color:#961475!important;
	border:#961475!important;
}


/**Mobile Pages**/

/*makes page hero title white on mobile only*/
@media screen and (max-width: 768px) {
.wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container {
	color:#ffffff
	}
}


/***ABOUT PAGE #71548***/

/*hide about page title*/
#post-71548 .entry-title {
	display: none;
}

/**Mobile**/

/*makes hero image smaller on mobile only*/
@media screen and (max-width: 768px) {
	.popsicles{
		min-height: 340px !important;
	}
}


/***AFFIRMATIONS (INSPIRE) PAGE #72925 ***/

/*hide positive affirmations (Inspire) page title*/
#post-72925 .entry-title {
	display: none;
}


/***SERVICES (MANIFEST) PAGE #65231***/

/*hide services (Manifest) page title*/
#post-65231 .entry-title {
	display: none;
}

/*hides pause button on services consult slideshow*/
.wp-block-jetpack-slideshow_button-pause {
	display: none !important;
}

/*hides previous / next buttons on services consult slideshow*/
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev {
	display: none !important;
}

/*hides paginatin dots on services consult slideshow*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	display: none !important;
}

/**Mobile Page**/

/*center services page title on mobile only*/
@media screen and (max-width: 768px) {
	.servicespinktitle {
		display:contents;
	}
}

/*shortens outer cover on services page on mobile only*/
@media screen and (max-width: 1000px) {
	div.wp-block-cover.alignfull.is-light.servicesoutercover{
		min-height:400px !important;
	}
}

/*shortens inner cover on services page on mobile only*/
@media screen and (max-width: 1000px) {
	div.wp-block-cover.alignfull.is-light.servicesinnercover{
		min-height:300px !important;
	}
}


/***SERVICES CONSULT PAGE #65593***/

/*hide services consult page title*/
#post-65593 .entry-title {
	display: none;
}


/***TESTIMONIALS PAGE #65863***/

/*hide testimonials page title*/
#post-65863 .entry-title {
	display: none;
}


/***CONTACT PAGE #487***/

/*hide contact page title*/
#post-487 .entry-title {
	display: none;
}


/***PRIVACY POLICY PAGE #382***/

/*hide Privacy Policy page title*/
#post-382 .entry-title {
	display: none;
}


/***TERMS OF SERVICE PAGE #383***/

/*hide Terms of Service page title*/
#post-383 .entry-title {
	display: none;
}


/***DISCLAIMER PAGE #384***/

/*hide disclaimer page title*/
#post-384 .entry-title {
	display: none;
}


/***BLOG MAIN PAGE #394***/

/*hides blog page title*/
#post-394 h1.entry-title {
	display: none;
}

/*makes post titles hover pink on blog page only*/
#post-394 a:hover{
	color:#961475!important;
}

/*makes 'load more' button square*/
.wpnbha.has-more-button button {
	border-radius: 0px;
}

/*makes blog post “load more posts” button text capital case & same font / size as the rest of the site*/
.wpnbha.has-more-button button{
	text-transform: capitalize;
	font-family: "Source Sans Pro" !important;
	font-size: 16.6666px;
}

/*gives 'load more posts' button pink hover color*/
.wpnbha.has-more-button button:hover {
	background-color:#961475!important;
	border:#961475!important;
}

/**Search**/

/*makes magnifying glass on blog search pages white*/
.wp-block-search .wp-block-search__button.has-icon svg{
	color: #fff; 
}

/*makes blog search 90% on desktop*/
@media screen and (min-width: 1025px) {
	.blogsearch{ 
	width:90%;
	}
}

/**Search Mobile & Tablet**/

/*makes blog search corners square on mobile and tablet (Exford Bug)*/
[type="search"] {
	-webkit-appearance: none;
}

/** Blog Page Sidebar **/

/*makes featured series links on blog page hover pink*/
span.wp-block-navigation-item__label:hover {
	color:#961475!important;
}

/*aligns featured series navigation links on main blog page*/
.featuredblogsidebar {
	text-align:center;
	display:inline-block;
	padding: 3px 12px;
}

/*adds underline to each menu item of ‘featured series’ blog sidebar menu for black box*/
.featuredblogsidebar ul li {
	border-bottom: 1px solid #8c979e;
	width: 100%;
	text-align:left;
}

/*center 'tags' title on main blog page*/
.tags{
	text-align:center;
}

/**Mobile Blog Page**/

/*makes hero image smaller on mobile only*/
@media screen and (max-width: 768px) {
	.daisy{
		min-height: 300px !important;
	}
}

/*makes featured series title font smaller on mobile only*/
@media screen and (max-width: 768px) {
	.featuredtitle { 
		font-size: 54px !important;
	}
}


/***ALL BLOG POST PAGES***/

/*hides post author*/
span.byline {
	display: none;
}

/*hide post date*/
span.posted-on {
	display: none;
}

/*hide post category*/
span.cat-links {
	display: none;
}

/*hide post tags*/
span.tags-links {
	display: none;
}

/*hide pingbacks*/
.pingback {
	display: none;
}

/*hides comment on number of comments on blog posts*/
.comments-area > *:first-child {
	display: none;
}

/*hides "comments closed" comment on blog posts*/
.comments-area > *:last-child {
	margin-bottom: 0;
  display: none;
}

/*hides system related posts on blog post pages*/
#jp-relatedposts.jp-relatedposts {
	display:none !important;
}

/*centers related posts title on blog post pages*/
.jp-related-posts-i2__post-link {
	text-align: center;
}

/*makes related posts title on blog post pages hover pink*/
li.jp-related-posts-i2__post-link:hover a {
	color:#961475!important;
}

/*centers related posts category on blog post pages*/
.jp-related-posts-i2__post-context, .jp-related-posts-i2__post-date, .jp-related-posts-i2__post-heading, .jp-related-posts-i2__post-img-link {
	text-align: center;
}

/*removes extra space between related separator line and related title*/
.wp-block-columns .wp-block-column > * {
	margin-bottom: 12px;
}

/*removes space between related separator line closer and related posts block elements*/
.relatedseperatoris-style-default {
	margin-left:10px;
}

/*hides system previous / next links on blog posts*/
.nav-links {
	display: none;
}

/*makes previous / next bold on blog posts*/
.post-navigation-link__title {
	font-weight: bold;
}

/*makes previous / next hover pink on blog posts*/
.post-navigation-link__title:hover
{
	color: #961475;
}

/*makes previous / next links hover pink*/
.post-navigation .post-title:hover {
	color:#961475!important;
}

	
/***BLOG CATEGORY PAGES***/

/*lowers blog category pages title from menu, makes it not bold, pink & same font as menu*/
.site-branding, .main-navigation, .entry-header, .entry-footer, .page-title, .author-title, .comments-title, .comment-reply-title, .logged-in-as, .comment-notes {
	margin-top: 20px;
	font-family: "Source Sans Pro" !important;
	font-size: 20px;
	font-weight: normal;
}

/*lowers blog category pages title more to accommodate sticky menu on safari and removes extra white space between archive title and blog list*/
.archive .page-title {
	margin-top: 50px;
	margin-bottom:-50px;
}

/*makes blog category title pink*/
span.page-description {
	color:#961475!important;
}

/*makes archive / category pages post titles hover pink*/
.entry-title:hover a, .page-title:hover a, .a8c-posts-list .a8c-posts-list-item__title:hover a, .wp-block-newspack-blocks-homepage-articles article .entry-title:hover a {
	color:#961475!important;
}

/*increases space between posts on archive blog post list pages only*/
.archive .entry-content .more-link {
	padding-bottom: 52px;
}


/**SEARCH RESULTS PAGES***/

/*sticky header for search results pages, works for those pages, but doesn't shrink on scroll so I left it off the rest of the site*/
.search-results header#masthead.site-header.responsive-max-width.has-logo.has-menu {
	position: sticky; top: 0px;
	position: -webkit-sticky; /* Safari */  
	position: sticky;
	z-index:10;
	background-color:#fff;
	max-width: 1000%;
	width: auto;
	margin-top: -30;
  padding-bottom: 0;
	overflow-y: hidden;
	max-height: 10000;
	transition: max-height 0.7s ease-in-out;
}

/*displays social menu on search results pages*/
.search-results .social-navigation > div > ul {
	display:flex;
	z-index:10;
	justify-content: center;
	position: relative;
	top: 10px;
	padding-bottom:20px;
}

/*lowers blog search results pages title more to accommodate sticky menu on safari and removes extra white space between archive title and blog list*/
.search-results .page-title {
	margin-top: 50px;
	margin-bottom:-50px;
}

/*increases space between posts on search results blog posts list pages only*/
.search-results .entry-content .more-link {
	padding-bottom: 52px;
}

/*displays entire colophon on search results pages*/
.search-results #colophon {
	display:block;
	background-color:#f1f1ee!important;
	max-width: 1000%;
	width: auto;
	height: 136px !important;
}

/*shortens extra green space in footer on search results pages on mobile only*/
@media screen and (max-width: 768px) {
.search-results #colophon {
    height: 120px !important;
	}
}

/*adds copyright (site info) to Kurilane link (site name) on footer menu on search results pages and centers text*/
.search-results div.site-info::before {
	content: "© 2024 Kurilane.com";
	height:100px;
	font-size: 10px;
	color: #111111;
	font-weight: regular;
	letter-spacing: .5px;
	font-family: "Source Sans Pro" !important;
	margin-top:7px;
}


/***FOOTER***/

/*decreases extra white space after copyright which makes Chrome better but Brave and Safari don't have enough white under copyright*/
.site-header, .site-main, .site-footer {
	padding-bottom: 10px;
}

/*hides entire colophon*/
footer#colophon {
	display:none;
}

/*makes footer menus same fonts as header menu*/
.wp-block-navigation-item__label {
	font-family: "Source Sans Pro" !important;
}

/*makes social icons hover pink - FB*/
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook:hover {
	color:#961475!important;
}

/*makes social icons hover pink - TW*/
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter:hover {
	color:#961475!important;
}

/*makes social icons hover pink - IG*/
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram:hover {
	color:#961475!important;
}

/*makes social icons hover pink - Pinterest*/
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest:hover {
	color:#961475!important;
}

/**Desktop & Landscape Tablet Footer**/

/*makes active page link on desktop & tablet footer menu color pink*/
.desktoptabletfootermenu li.current-menu-item a {
	color:#961475;
}

/*makes active page link on desktop & tablet footer legal menu color pink*/
.desktoptabletfooterlegalmenu li.current-menu-item a {
	color:#961475;
}

/*hides mobile footer vertical menu on desktop & landscape tablet*/
@media screen and (min-width: 1000px) {
	.footermobile { 
		display:none;
	}
}

/**Mobile & Portrait Tablet Footer**/

/*makes active page link on mobile footer menu color pink*/
.mobilefootermenu li.current-menu-item a {
	color:#961475;
}

/*makes active page link on mobile footer legal menu color pink*/
.mobilefooterlegalmenu li.current-menu-item a {
	color:#961475;
}

/*hides desktop footer horizontal menu on mobile*/
@media screen and (max-width: 867px) {
	.footerdesktop { 
		display:none;
	}
}

/*hides desktop copyright / legal menu on mobile & portrait tablet*/
@media screen and (max-width: 1000px) {
	.copyrightlegalmenudesktop { 
		display:none;
	}
}

/**Copyright**/

/*makes copyright same font as header menu*/
p.has-text-align-center {
	font-family: "Source Sans Pro" !important;
}

/***FOOTER BLOG ARCHIVE / CATEGORY PAGES***/

/*displays entire colophon on archive pages only*/
.archive #colophon {
	display:block;
	background-color:#f1f1ee!important;
	max-width: 1000%;
	width: auto;
	height: 136px !important;
}

/*shortens extra green space more in footer on archive pages on mobile only*/
@media screen and (max-width: 768px) {
	.archive #colophon {
    height: 120px !important;
	}
}

/*makes footer menu on archive pages not bold*/
ul#menu-legal.footer-menu a {
	font-weight: normal;
	font-size: 12px;
}

/*makes footer menu hover on archive pages color pink*/
ul#menu-legal.footer-menu a:hover {
	color:#961475;
}

/*makes footer menu on archive pages centered*/
.footer-navigation {
	display: flex;
  justify-content: center;
}

/**KL Site Name Link & Copyright – Archive Pages**/

/*adds copyright (site info) to Kurilane link (site name) on footer menu on archive pages and centers text*/
.archive div.site-info::before {
	content: "© 2024 Kurilane.com";
	height:100px;
	font-size: 10px;
	color: #111111;
	font-weight: regular;
	letter-spacing: .5px;
	font-family: "Source Sans Pro" !important;
	margin-top:7px;
}

/*hides Kurilane link on archive pages footer*/
a.site-name {
	display:none;
}

/*centers KL link / copyright on footer menu on archive pages*/
div.site-info {
	display:flex;
	justify-content: center;
}

/**Desktop Blog Archive / Category Pages**/

/*increases space between footer menu and copyright on desktop on archive pages*/
@media screen and (min-width: 1025px) {
.footer-navigation {
	padding-bottom:10px;
	}
}

/***BLOG POSTS PAGES FOOTER***/

/*shortens white space under footer on blog post pages only*/
.post {
	margin-bottom: -91px;
}


/***404 PAGE #79776***/

/*hide about page title*/
#post-79776 .entry-title {
	display: none;
}

/*makes the "here" link hover pink on 404 page*/
.wp-elements-ad873747a79293091d26d37d9d95ac16 a:hover {
	color: #961475;
}