/*
Theme Name: FARMBERG
Theme URI: https://github.com/DmitriyHrachev/pharmberg
Author: the WordPress team
Author URI: https://wordpress.org
Description: FARMBERG is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 7.4
Requires PHP: 7.4
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/*
.open-add-comment{
    font-size: 1.6rem;
    line-height: normal;
    margin-bottom: 2rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.open-add-comment svg {
    height: 1.6rem;
    width: 1.6rem;
    margin-left: 1rem;
}

.open-add-sub-comment{
    color: #2e2d2c;
    font-size: 1.4rem;
    line-height: normal;
    margin-bottom: 2rem;
    margin-top: 2rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.add-comment{
    margin-bottom: 2rem;
}

.post__comment {
    margin-bottom: 1.8rem;
}

.comment__header{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.comment__info{
    display: flex;
    flex-wrap: wrap;
}

.comment__avatar {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    display: block;
}
.comment__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comment__author {
    width: auto;
    overflow: hidden;
    color: var(--black, #2e2d2c);
    text-overflow: ellipsis;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: .3rem;
}

.comment__date {
    color: var(--dark-gray, #6b6b6b);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: .6rem;
}

.comment__text{
    font-size: 1.6rem;
}

.comment__comments {
    margin-left: 4rem;
}


.add-comment__attachment {
    width: 100px;
    height: 100px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .8rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
}*/

@media (min-width: 1200px) {
    .page-template-page-profile .main,.page-template-page-profile-settings .main,.page-template-page-edit-profile .main {
        grid-template-columns:1fr
    }
}

.login-error {
	display: none !important;
}

.notification {
	position: fixed;
	top: 6.4rem;
	left: 0;
	width: 100%;
	padding: 1rem; 
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	color: var(--white, #FFF);
	font-family: Nunito;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.notification--success {
	background: #15AC3F;
}
.notification--error {
	background: #E53935
}

@media (min-width: 1200px) {
	.notification {
		top: 8.2rem;
		left: 24rem;
		width: calc(100% - 24rem);
	}
}



.breadcrumbs {
	margin-left: 26.6rem;
	margin-right: auto;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.breadcrumbs__list  {
	display: flex;
	flex-wrap: wrap;
}

.breadcrumbs li {
	display: flex;
	align-items: center;
}

.breadcrumbs a {
	color: #a1a1a1;
}

.breadcrumbs span {
	color: var(--black, #2e2d2c);
}

.breadcrumbs li:not(:last-child)::after {
	content: ' / ';
	color: #a1a1a1;
	margin: 0 0.5rem;
}

@media (max-width: 1199px) {
	.header .breadcrumbs {
		display: none;
	}
}

@media (min-width: 1200px) {
	.breadcrumbs--mob {
		display: none;
	}
}
@media (max-width: 1199px) {
	.breadcrumbs--mob {
		margin: 0;
		margin-top: -4.2rem;
        margin-bottom: 1.4rem;
		font-size: 1.3rem;
	}
}

/*Tablet width start*/
@media (min-width: 834px) and (max-width: 1199px) {
    .login__img img {
        display: none;
    }
    .login__img {
        height: 15rem;
    }
    .login__logo {
        margin: 0 auto;
    }
    .login {
        padding-top: 3.2rem;
        text-align: center;
    }
    .login__inner {
        max-width: 37.6rem;
        width: 100%;
        margin: 0 auto;
    }
    .login-form .login-form__footer .login-form__link {
        text-align: center!important;
    }
    /*edit page*/
     .main__sidebar-left {
        display: block!important;
        
    }
    .main {
        padding: 10.6rem 5.6rem 5.6rem 26.4rem!important;
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.4rem;
        align-items: flex-start;
    }
    .main__logo {
        padding: 0 2.4rem;
        display: flex;
        align-items: center;
        height: 8rem;
    }
    .main__logo img {
        width: 15rem;
        height: auto;
    }
    .main__sidebar-left {
        position: fixed;
        top: 0;
        left: 0;
        width: 24rem;
        height: 100%;
        z-index: 11;
        background-color: #fff;
        box-shadow: -1px 0 2px #0000000d inset;
        overflow-y: auto;
    }
    .menu-side-bar {
        display: flex;
    }
    .menu-side-bar img {
        margin: 0 auto;
    }
    .main__sidebar-right {
        display: grid;
        gap: 1.6rem;
        position: sticky;
        top: 10rem;
    }
    .main__body {
        padding: 1.6rem 2rem;
        border-radius: 0.8rem;
        background: var(--white, #fff);
    }
    .profile__grid .profile__avatar,
    .profile__body .profile__avatar{
        margin: 0;
    }
    .profile__grid .profile__avatar-wrap {
        align-items: start;
    }
    .profile__form-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .profile__form-footer .button {
        width: 15rem;
    }
    /**/
    .profile__settings-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto auto;
        gap: 2.4rem;
    }
      
    .profile__settings-row .field:nth-child(1) {
        grid-column: 1 / 2;
    }
      
    .profile__settings-row .field:nth-child(2) {
        grid-column: 1 / 2;
    }
      
    .profile__settings-row .field:nth-child(3) {
        grid-column: 2 / 3;
    }  
}
/*end tablet*/  
 

/*menu categories start */
.categories_product {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
}
.menu__category {
    display: flex;
}
.menu__category svg g path {
    fill: #A1A1A1;
}
.category-tabs {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    gap: 1rem;
}
.category-tabs ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #fff;
    border-radius: 0.8rem;
}
.menu__category {
    width: 97rem;
    background: #fff;
    padding-bottom: 0.8rem;
    padding-top: 0.8rem;
    border-bottom-right-radius: 1rem;
    border-top-right-radius: 1rem;
}
.menu__category_ul {
    padding-bottom: 0.8rem;
    padding-top: 1.3rem;
    background: #fff;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    padding-left: 2rem;
}
.menu__category li a {
    color: #2E2D2C;
    font-size: 1.4rem;
    margin-left: 4rem;
    font-weight: bold;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    display: flex;
}

.menu__category li:last-child a {
    margin-left: 0rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.menu__category li:nth-child(1) a{
    color: #2E2D2C;
}

.menu__category li a svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: -0.2rem;
    margin-right: 0.5rem;
}
ul .menu__category_back a{
    font-weight: normal;
    font-size: 1.4rem;
    color: #2E2D2C;
    display: flex;
    gap: 0.8rem;
    align-items: center;
}
.hidden {
    display: none!important;
}
.category-tabs .tab a {
    font-size: 1.6rem;
    font-weight: bold;
    color: #2E2D2C;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 2rem;
    padding-bottom: 1.5rem;
    display: block;
    box-sizing: border-box;
    border: 0.3rem solid transparent;
}
.category-tabs .tab {
    flex: 1;
    text-align: center;
}
 
.category-tabs li a:hover,
.category-tabs .tab.active a{ 
    border-bottom: 0.3rem solid #007bff;
}
.main__body_product {
    width: 108rem;
}
.tabs-wrapper { 
    margin-bottom: 1rem;
}

@media (min-width: 833px) and (max-width: 1199px) {
    .menu__category  {
        width: 100%;
        justify-content: flex-start;
        padding-right: 0.5rem;
    }
    .menu__category_ul {
        width: auto;
    }
    li.menu__category_back {
        width: max-content;
    }
    .menu__category li a {
        padding-left: 0rem;
        padding-right: 0rem;
        font-size: 1.4rem;
    }
    .categories_product {
        justify-content: space-between;
        width: 54rem;
    }
    .main__body_product {
        width: 54rem;
    }
    .category-tabs {
        width: 54rem;
        overflow-x: auto;
        white-space: nowrap;
    }
    .category-tabs .tab a {
        padding-bottom: 1.4rem;
    }
    .tabs-wrapper {
        position: relative;
        width: 54rem;
        overflow: hidden; 
        margin-bottom: 0.5rem;
        border-radius: 1rem;
    }
    .category-tabs {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .category-tabs ul {
        width: auto;
    }
    .category-tabs::-webkit-scrollbar {
        display: none;
    }
    .tabs-wrapper::before,
    .tabs-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 5rem;
        z-index: 1;
        pointer-events: none;
    } 
    .tabs-wrapper::before {
        left: 0;
        background: linear-gradient(to right, white 0%, transparent 100%);
    }      
    .tabs-wrapper::after {
        right: 0;
        background: linear-gradient(to left, white 0%, transparent 100%);
    } 
}

@media (max-width: 833px) {
    .main__body_product {
        width: 29rem;
    }
    .category-tabs {
        width: 29rem;
        overflow-x: auto;
        white-space: nowrap;
    }
    .category-tabs ul {
        width: auto;
    }
    .tabs-wrapper {
        position: relative;
        width: 29rem;
        overflow: hidden;
        margin-bottom: 0.5rem;
        border-radius: 1rem;
    }
    .category-tabs {
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
    }
    .category-tabs::-webkit-scrollbar {
        display: none;
    }

    .tabs-wrapper::before,
    .tabs-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 5rem;
        z-index: 1;
        pointer-events: none;
    } 
    .tabs-wrapper::before {
        left: 0;
        background: linear-gradient(to right, white 0%, transparent 100%);
    }      
    .tabs-wrapper::after {
        right: 0;
        background: linear-gradient(to left, white 0%, transparent 100%);
    } 
    .menu__category {
        width: 29rem;
        padding-right: 0.5rem;
        background: none;
    }
    .menu__category_ul {
        background: none;
    }
    .categories_product {
        flex-direction: row;
        background: #fff;
        border-radius: 1rem;
        margin-bottom: 2rem;
        width: 29rem;
        justify-content: space-between;
    }
    ul .menu__category_back a {
        font-weight: normal;
        font-size: 1.3rem;
        color: #2E2D2C;
        width: max-content;
    }
    .menu__category li a {
        font-size: 1.3rem;
        font-weight: normal;
        padding-left: 0rem;
        padding-right: 0rem;
        display: flex;
        flex-direction: column;
    }
    .menu__category li a svg {
        margin: 0 auto;
    }
    .menu__category li {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .category-tabs .tab a {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    } 
    .menu__category {
        width: auto;
    }
    .menu__category li:nth-child(2) a {
        color: #2E2D2C;
    }     
}  

@media (min-width: 1200px) {
    .main .logo__tablet {
        display: none;
    }
    .main .menu-side-bar {
        display: none;
    }
}
@media (min-width: 833px) and (max-width: 1199px) {
    .visually-hidden {
        display: none;
    }
    .open .visually-hidden {
        display: block;
    }
    .main__sidebar-left {
        width: 8rem;
    }
    .main__sidebar-left.open{
        width: 24rem;
    }
    .nav {
        padding-bottom: 2rem;
    }
    .nav:hover {
        cursor: pointer;
    }
    .main {
        padding: 8.5rem 2rem 5.6rem 10.4rem !important;
    }
    .main.open {
        padding: 10.6rem 5.6rem 5.6rem 26.4rem !important;
    }
    .categories_product,
    .category-tabs,
    .tabs-wrapper,
    .main__body_product {
        width: 70rem;
    }
    .main.open  .categories_product,
    .main.open .category-tabs,
    .main.open .tabs-wrapper,
    .main.open .main__body_product {
        width: 54rem;
    }
    .main.open .menu-side-bar {
        rotate: 180deg;
    }
    .main .login__logo {
        display: none;
    }
    .main .logo__tablet {
        height: 3rem;
    }
    .main.open .logo__tablet {
        display: none;
    }
    .main.open .login__logo {
        display: block;
    }
    .header__logo {
        margin-left: 10.4rem;
    }      
}