/*
Theme Name: Portfolio Adjust
Template: meditation
Author: Cats_456
Author URI: http://englishlrn.ru/
Theme URI: http://englishlrn.ru/2025/04/21/portfolio-adjust/
Description: Portfolio Adjust is a nice theme with many options and a unique design. The theme has many CSS3 animation effects. You can choose the look of your website in the admin panel. You can set or remove columns on your pages and archives. You can change most of the colors in the admin panel. Also, you can change or remove animation in the admin panel. This theme will be very good for your blog or portfolio site. You can see demo site at http://englishlrn.ru/wp/.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, grid-layout, custom-logo, custom-background, custom-header, custom-menu, sticky-post, footer-widgets, flexible-header, full-width-template, featured-images, sticky-post, translation-ready, custom-colors, theme-options, threaded-comments, blog, news, portfolio
Text Domain: portfolio-adjust
Tested up to: 6.8
Requires PHP:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Header Navigation ------------------------- */

.header-navigation-wrapper {
	display: none;
}

/* Primary Menu ---------------------------- */

#page ul.primary-menu {
	display: flex;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: -0.0277em;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: -0.8rem 0 0 -1.6rem;
}

#page .primary-menu .icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: rotate(-45deg);
	width: 1.3rem;
}

#page .primary-menu .icon::before,
#page .primary-menu .icon::after {
	content: "";
	display: block;
	background-color: currentColor;
	position: absolute;
	bottom: calc(50% - 0.1rem);
	left: 0;
}

#page .primary-menu .icon::before {
	height: 0.9rem;
	width: 0.2rem;
}

#page .primary-menu .icon::after {
	height: 0.2rem;
	width: 0.9rem;
}

#page .primary-menu li {
	font-size: inherit;
	line-height: 1.25;
	position: relative;
}

#page .primary-menu > li {
	margin: 0.8rem 0 0 1.6rem;
}

#page .primary-menu > li.menu-item-has-children > a {
	padding-right: 2rem;
}

#page .primary-menu > li > .icon {
	right: -0.5rem;
	top: calc(50% - 0.4rem);
}

#page .primary-menu a {
	color: inherit;
	display: block;
	line-height: 1.2;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
}

#page .primary-menu a:hover,
#page .primary-menu a:focus,
#page .primary-menu .current_page_ancestor {
	text-decoration: underline;
}

#page .primary-menu li.current-menu-item > a,
#page .primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: underline;
}

#page .primary-menu li.current-menu-item > a:hover,
#page .primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
#page .primary-menu li.current-menu-item > a:focus,
#page .primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}

/* SUB MENU */
#page .primary-menu ul {
	background: #000;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 1rem;
	opacity: 0;
	padding: 1rem 0;
	position: absolute;
	right: 100px !important;
	left: -200px !important;	
	top: 40px;
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(0.6rem);
	width: 20rem;
	z-index: 1;
}

#page .primary-menu li.menu-item-has-children:hover > ul,
#page .primary-menu li.menu-item-has-children:focus > ul,
#page .primary-menu li.menu-item-has-children.focus > ul {
	right: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.15s linear, transform 0.15s linear;
}

#page .primary-menu ul::before,
#page .primary-menu ul::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
}

#page .primary-menu ul::before {
	height: 2rem;
	left: 0;
	right: 0;
}

#page .primary-menu ul::after {
	border: 0.8rem solid transparent;
	border-bottom-color: #000;
	right: 1.8rem;
}

#page .primary-menu ul a {
	background: transparent;
	border: none;
	color: inherit;
	display: block;
	padding: 1rem 2rem;
	transition: background-color 0.15s linear;
	width: 100%;
}

#page .primary-menu ul li.menu-item-has-children > a {
	padding-right: 4.5rem;
}

#page .primary-menu ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

#page .primary-menu ul ul {
	top: -1rem;
}

#page .primary-menu ul li.menu-item-has-children:hover > ul,
#page .primary-menu ul li.menu-item-has-children:focus > ul,
#page .primary-menu ul li.menu-item-has-children.focus > ul {
	rsight: calc(100% + 2rem);
	left: -400px !important;
}

#page .primary-menu ul ul::before {
	bottom: 0;
	height: auto;
	left: auto;
	right: -2rem;
	top: 0;
	width: 2rem;
}

#page .primary-menu ul ul::after {
	border-bottom-color: transparent;

	/*rtl:ignore*/
	border-left-color: #000;
	bottom: auto;
	right: -1.6rem;
	top: 2rem;
}

#page .rtl .primary-menu ul ul::after {
	transform: rotate(180deg);
}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

	#page .primary-menu > li.menu-item-has-children > a {
		padding-right: 0;
		margin-right: 2rem;
	}

	#page .primary-menu ul li.menu-item-has-children > a {
		margin-right: 4.5rem;
		padding-right: 0;
		width: unset;
	}

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
#page body.touch-enabled .primary-menu > li.menu-item-has-children > a {
	padding-right: 0;
	margin-right: 2rem;
}

#page body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
	margin-right: 4.5rem;
	padding-right: 0;
	width: unset;
}


/* Main menu animation ----------------------- */

#page .menu-wrapper .menu-item {
	position: relative;
}

#page .menu-wrapper .active {
	display: block;
}

#page .menu-wrapper.is-toggling {
	pointer-events: none;
}

#page .menu-wrapper.is-toggling .menu-item {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

#page .menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
	width: auto;
}

#page .menu-wrapper.is-animating .menu-item,
#page .menu-wrapper.is-animating .toggling-target {
	transition-duration: 250ms;
}

#page .menu-wrapper.is-animating .menu-item {
	transition-property: transform;
}

#page .menu-wrapper.is-toggling .toggling-target {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

#page .menu-wrapper.is-toggling .toggling-target.active {
	opacity: 0;
}

#page .menu-wrapper.is-animating.is-toggling .toggling-target {
	display: block;
	transition-property: opacity;
	opacity: 0;
}

#page .menu-wrapper.is-animating.is-toggling .toggling-target.active {
	opacity: 1;
}

#page .menu-wrapper.is-toggling .modal-menu > li:last-child li {
	border-top-color: transparent;
	border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

	#page .menu-wrapper.is-animating .menu-item,
	#page .menu-wrapper.is-animating .toggling-target {
		transition-duration: 1ms !important;
	}

}


/* Expanded Menu ----------------------------- */

#page .expanded-menu {
	display: none;
}

#page .mobile-menu {
	display: block;
}


#page .primary-menu {
	display: none !important;
}
#page .primary-menu ul {
	display: none;
}

#page .menu-1 .primary-menu.visible {
	display: block !important;
	background-color: #1e73be;
	color: white;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
	border: 1px: solid;
}

/* Skip Link --------------------------------- */

@media ( min-width: 680px ) {


	/* Document Setup ------------------------ */

	/* Helper Classes ------------------------ */

	/* Site Header --------------------------- */


	/* HEADER NAVIGATION */

	#page .header-navigation-wrapper {
		align-items: center;
		display: flex;
	}

	#page .primary-menu-wrapper {
		display: block;
		width: 100%;
	}
	#page ul.primary-menu {
		display: flex !important;
	}
	#page .primary-menu ul {
		display: flex;
		flex-direction: column;
	}
	

}

/* link */
#page .content a {
	text-decoration: underline;
}

#page .read-more a,
#page a:hover {
	text-decoration: none;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: 100px !important;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}