@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Thin.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Thin.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Thin.ttf") format("truetype");
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IranSansX/IRANSansXFaNum-UltraLight.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-UltraLight.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-UltraLight.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Light.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Light.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Light.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Medium.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Medium.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Medium.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/IranSansX/IRANSansXFaNum-DemiBold.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-DemiBold.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-DemiBold.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Bold.ttf") format("truetype")
}


@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/IranSansX/IRANSansXFaNum-ExtraBold.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-ExtraBold.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-ExtraBold.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Black.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Black.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Black.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Heavy.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Heavy.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Heavy.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Bold.ttf") format("truetype")
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranSansX/IRANSansXFaNum-Regular.woff') format('woff'),
        url('../fonts/IranSansX/IRANSansXFaNum-Regular.woff2') format('woff2'),
        url("../fonts/IranSansX/IRANSansXFaNum-Regular.ttf") format("truetype")
}


* {
    font-family: IRANSansX;

}

:root {
    --admin-primary-800: #6100B5;
    --admin-primary-900: #7824C0;
    --admin-primary-1000: #8E49CA;
    --admin-primary-1100: #A56DD5;
    --admin-primary-1200: #BB92DF;
    --admin-primary-1300: #D2B6EA;
    --admin-primary-1400: #E8DBF4;
    --admin-primary-1500: #EDF1F6;
    
    --admin-primary-800-rgb: 97, 0, 181;

    --admin-secondary-800: #592FC1;
    --admin-secondary-900: #714DCA;
    --admin-secondary-1000: #886AD3;
    --admin-secondary-1100: #A088DC;
    --admin-secondary-1200: #B8A6E4;
    --admin-secondary-1300: #D0C4ED;
    --admin-secondary-1400: #E7E1F6;
    --admin-secondary-1500: #E9E5F5;

    --admin-thirdly-800: #DBAB76;
    --admin-thirdly-900: #DFB689;
    --admin-thirdly-1000: #E4C19B;
    --admin-thirdly-1100: #E8CCAE;
    --admin-thirdly-1200: #ECD8C1;
    --admin-thirdly-1300: #F0E3D4;
    --admin-thirdly-1400: #F5EEE6;
    --admin-thirdly-1500: #F5EEE6;

    --admin-fourth-800: #1E0F2F;
    --admin-fourth-900: #3A2A4F;
    --admin-fourth-1000: #5A4A6F;
    --admin-fourth-1100: #7A6A8F;
    --admin-fourth-1200: #9C8CB5;
    --admin-fourth-1300: #B8A8D1;
    --admin-fourth-1400: #D6C8E8;
    --admin-fourth-1500: #EDE7F6;

    --admin-text-light: #EDE7F6;


}

body {
    background: #f1f1f1
}

a,
.about__section a {
    color: var(--admin-primary-800);
}

a:active,
a:focus,
a:hover,
.about__section a:hover {
    color: var(--admin-fourth-1000);
}


.wp-core-ui select {
    color: var(--admin-fourth-800);
}

.wp-core-ui select:hover {
    color: var(--admin-fourth-1000);
}


.about__header-navigation .nav-tab-active {
    color: var(--admin-primary-800);
    border-color: var(--admin-primary-800);
}


.about__header-navigation .nav-tab-active:active,
.about__header-navigation .nav-tab-active:hover {
    background-color: var(--admin-primary-800);
    color: var(--admin-text-light);
    border-color: var(--admin-primary-800);
}


.about__header-navigation .nav-tab:active,
.about__header-navigation .nav-tab:hover {
    background-color: var(--admin-primary-800);
}


#post-body #visibility:before,
#post-body .misc-pub-post-status:before,
#post-body .misc-pub-revisions:before,
.curtime #timestamp:before,
span.wp-media-buttons-icon:before {
    color: currentColor
}

.wp-core-ui .button-link {
    color: var(--admin-primary-800);
}

.wp-core-ui .button-link:active,
.wp-core-ui .button-link:focus,
.wp-core-ui .button-link:hover {
    color: var(--admin-fourth-1000);
}

.media-modal .delete-attachment,
.media-modal .trash-attachment,
.media-modal .untrash-attachment,
.wp-core-ui .button-link-delete {
    color: #a00
}

.media-modal .delete-attachment:focus,
.media-modal .delete-attachment:hover,
.media-modal .trash-attachment:focus,
.media-modal .trash-attachment:hover,
.media-modal .untrash-attachment:focus,
.media-modal .untrash-attachment:hover,
.wp-core-ui .button-link-delete:focus,
.wp-core-ui .button-link-delete:hover {
    color: #dc3232
}

input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E")
}

input[type=radio]:checked::before {
    background: var(--admin-primary-900);
}

.wp-core-ui input[type=reset]:active,
.wp-core-ui input[type=reset]:hover {
    color: var(--admin-fourth-1000);
}

input[type=checkbox]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
    border-color: var(--admin-primary-800);
    box-shadow: 0 0 0 1px var(--admin-primary-800)
}

.wp-core-ui .button {
    border-color: #7e8993;
    color: #32373c
}

.wp-core-ui .button.focus,
.wp-core-ui .button.hover,
.wp-core-ui .button:focus,
.wp-core-ui .button:hover {
    border-color: #717c87;
    color: var(--admin-primary-1000);
}

.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
    border-color: #7e8993;
    color: var(--admin-primary-1000);
    box-shadow: 0 0 0 1px #32373c
}

.wp-core-ui .button:active {
    border-color: #7e8993;
    color: var(--admin-primary-1000);
    box-shadow: none
}

.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
    border-color: var(--admin-primary-800);
    color: var(--admin-primary-1000);
    box-shadow: inset 0 2px 5px -3px var(--admin-primary-800)
}

.wp-core-ui .button.active:focus {
    box-shadow: 0 0 0 1px #32373c
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
    color: var(--admin-primary-800);
    border-color: var(--admin-primary-800)
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button.hover,
.wp-core-ui .button:hover {
    border-color: var(--admin-primary-900);
    color: var(--admin-primary-900);
}

.wp-core-ui .button-secondary:focus,
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
    border-color: var(--admin-primary-1300);
    color: var(--admin-primary-900);
    box-shadow: 0 0 0 1px var(--admin-primary-1300);
}


.wp-core-ui .button-primary {
    background: var(--admin-primary-800);
    border-color: var(--admin-primary-800);
    color: #fff
}

.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
    background: var(--admin-primary-1000);
    border-color: var(--admin-primary-1000);
    color: #fff
}

.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--admin-primary-800)
}

.wp-core-ui .button-primary:active {
    background: var(--admin-primary-1000);
    border-color: var(--admin-primary-1000);
    color: #fff
}

.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover {
    background: var(--admin-primary-800);
    color: #fff;
    border-color: var(--admin-primary-900);
    box-shadow: inset 0 2px 5px -3px #150b04
}

.wp-core-ui .button-group>.button.active {
    border-color: var(--admin-primary-800)
}

.wp-core-ui .wp-ui-primary {
    color: #fff;
    background-color: var(--admin-secondary-800);
}

.wp-core-ui .wp-ui-text-primary {
    color: var(--admin-secondary-800);
}

.wp-core-ui .wp-ui-highlight {
    color: #fff;
    background-color: var(--admin-primary-800)
}

.wp-core-ui .wp-ui-text-highlight {
    color: var(--admin-primary-800)
}

.wp-core-ui .wp-ui-notification {
    color: #000;
    background-color: var(--admin-thirdly-800)
}

.wp-core-ui .wp-ui-text-notification {
    color: var(--admin-thirdly-800)
}

.wp-core-ui .wp-ui-text-icon {
    color: #f3f1f1
}

.wrap .page-title-action,
.wrap .page-title-action:active {
    border: 1px solid var(--admin-primary-800);
    color: var(--admin-primary-800)
}

.wrap .page-title-action:hover {
    color: var(--admin-primary-900);
    border-color: var(--admin-primary-900);
}

.wrap .page-title-action:focus {
    border-color: var(--admin-primary-1200);
    color: var(--admin-primary-900);
    box-shadow: 0 0 0 1px var(--admin-primary-1200);
}

.view-switch a.current:before {
    color: var(--admin-secondary-800);
}

.view-switch a:hover:before {
    color: var(--admin-thirdly-800)
}

#adminmenu,
#adminmenuback,
#adminmenuwrap {
    background: var(--admin-secondary-800);
}

#adminmenu a {
    color: #fff
}

#adminmenu div.wp-menu-image:before {
    color: #f2f2f2
}

#adminmenu a:hover,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub>a.menu-top,
#adminmenu li>a.menu-top:focus {
    color: #fff;
    background-color: var(--admin-primary-800)
}

#adminmenu li.menu-top:hover div.wp-menu-image:before,
#adminmenu li.opensub>a.menu-top div.wp-menu-image:before {
    color: #fff
}

.about-wrap .nav-tab-active,
.nav-tab-active,
.nav-tab-active:hover {
    background-color: #f1f1f1;
    border-bottom-color: #f1f1f1
}

#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu {
    background: var(--admin-fourth-900);
}

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
    border-left-color: var(--admin-fourth-900);
}

#adminmenu .wp-submenu .wp-submenu-head {
    color: var(--admin-primary-1500);
}

#adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a,
#adminmenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a {
    color: var(--admin-primary-1500);
}

#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu a:hover {
    color: var(--admin-primary-1100);
}

#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a {
    color: #fff
}

#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
#adminmenu .wp-submenu li.current a:focus,
#adminmenu .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus+.wp-submenu li.current a:hover {
    color: var(--admin-primary-1100);
}

ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu>li.current>a.current:after {
    border-left-color: #f1f1f1
}

#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top {
    color: #fff;
    background: var(--admin-primary-800)
}

#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before {
    color: #fff
}

#adminmenu .awaiting-mod,
#adminmenu .menu-counter,
#adminmenu .update-plugins {
    color: #000;
    background: var(--admin-thirdly-800)
}

#adminmenu li a.wp-has-current-submenu .update-plugins,
#adminmenu li.current a .awaiting-mod,
#adminmenu li.menu-top:hover>a .update-plugins,
#adminmenu li:hover a .awaiting-mod {
    color: #fff;
    background: var(--admin-fourth-900);
}

input[type="checkbox"],
input[type="radio"] {
    border-color: var(--admin-fourth-900);
}

#collapse-button {
    color: #f3f1f1
}

#collapse-button:focus,
#collapse-button:hover {
    color: var(--admin-primary-1100);
}

#wpadminbar {
    color: #fff;
    background: var(--admin-secondary-800);
}

#wpadminbar .ab-item,
#wpadminbar a.ab-item,
#wpadminbar>#wp-toolbar span.ab-label,
#wpadminbar>#wp-toolbar span.noticon {
    color: #fff
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:after,
#wpadminbar .ab-item:before {
    color: #f2f2f2
}

#wpadminbar .ab-top-menu>li.menupop.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus,
#wpadminbar.nojs .ab-top-menu>li.menupop:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
    color: var(--admin-primary-1400);
    background: var(--admin-fourth-900);
}

#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label,
#wpadminbar:not(.mobile)>#wp-toolbar li.hover span.ab-label,
#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label {
    color: var(--admin-primary-1400);
}

#wpadminbar:not(.mobile) li:hover #adminbarsearch:before,
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover .ab-item:before {
    color: var(--admin-primary-1100);
}

#wpadminbar .menupop .ab-sub-wrapper {
    background: var(--admin-fourth-900);
}

#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    background: #cf6b67
}

#wpadminbar .ab-submenu .ab-item,
#wpadminbar .quicklinks .menupop ul li a,
#wpadminbar .quicklinks .menupop.hover ul li a,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    color: var(--admin-primary-1500);
}

#wpadminbar .menupop .menupop>.ab-item:before,
#wpadminbar .quicklinks li .blavatar {
    color: #f3f1f1
}

#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a,
#wpadminbar .quicklinks .menupop ul li a:focus,
#wpadminbar .quicklinks .menupop ul li a:focus strong,
#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:hover strong,
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
#wpadminbar li #adminbarsearch.adminbar-focused:before,
#wpadminbar li .ab-item:focus .ab-icon:before,
#wpadminbar li .ab-item:focus:before,
#wpadminbar li a:focus .ab-icon:before,
#wpadminbar li.hover .ab-icon:before,
#wpadminbar li.hover .ab-item:before,
#wpadminbar li:hover #adminbarsearch:before,
#wpadminbar li:hover .ab-icon:before,
#wpadminbar li:hover .ab-item:before,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
    color: var(--admin-primary-1100);
}

#wpadminbar .menupop .menupop>.ab-item:hover:before,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar,
#wpadminbar .quicklinks li a:focus .blavatar,
#wpadminbar .quicklinks li a:hover .blavatar,
#wpadminbar.mobile .quicklinks .ab-icon:before,
#wpadminbar.mobile .quicklinks .ab-item:before {
    color: var(--admin-primary-1100);
}

#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
    color: #f3f1f1
}

#wpadminbar #adminbarsearch:before {
    color: #f3f1f1
}

#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
    color: #fff;
    background: var(--admin-primary-800);
}

#wpadminbar #wp-admin-bar-recovery-mode {
    color: #000;
    background-color: var(--admin-thirdly-800)
}

#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
    color: #fff
}

#wpadminbar .ab-top-menu>#wp-admin-bar-recovery-mode.hover>.ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode:hover>.ab-item,
#wpadminbar:not(.mobile) .ab-top-menu>#wp-admin-bar-recovery-mode>.ab-item:focus {
    color: #fff;
    background-color: #b89e0a
}

#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar>a img {
    border-color: var(--admin-primary-800);
    background-color: var(--admin-primary-800);
    border-radius: 9999px;

}

#wpadminbar #wp-admin-bar-user-info .display-name {
    color: #fff
}

#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
    color: var(--admin-primary-1100);
}

#wpadminbar #wp-admin-bar-user-info .username {
    color: var(--admin-primary-1500);
}

.wp-pointer .wp-pointer-content h3 {
    background-color: var(--admin-primary-800);
    border-color: var(--admin-primary-900);
}

.wp-pointer .wp-pointer-content h3:before {
    color: var(--admin-primary-800)
}

.wp-pointer.wp-pointer-top .wp-pointer-arrow,
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
    border-bottom-color: var(--admin-primary-800)
}

.media-item .bar,
.media-progress-bar div {
    background-color: var(--admin-primary-800)
}

.details.attachment {
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px var(--admin-primary-800)
}

.attachment.details .check {
    background-color: var(--admin-primary-800);
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--admin-primary-800)
}

.media-selection .attachment.selection.details .thumbnail {
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--admin-primary-800)
}

.theme-browser .theme.active .theme-name,
.theme-browser .theme.add-new-theme a:focus:after,
.theme-browser .theme.add-new-theme a:hover:after {
    background: var(--admin-primary-800)
}

.theme-browser .theme.add-new-theme a:focus span:after,
.theme-browser .theme.add-new-theme a:hover span:after {
    color: var(--admin-primary-800)
}

.theme-filter.current,
.theme-section.current {
    border-bottom-color: var(--admin-secondary-800);
}

body.more-filters-opened .more-filters {
    color: #fff;
    background-color: var(--admin-secondary-800);
}

body.more-filters-opened .more-filters:before {
    color: #fff
}

body.more-filters-opened .more-filters:focus,
body.more-filters-opened .more-filters:hover {
    background-color: var(--admin-primary-800);
    color: #fff
}

body.more-filters-opened .more-filters:focus:before,
body.more-filters-opened .more-filters:hover:before {
    color: #fff
}

.widgets-chooser li.widgets-chooser-selected {
    background-color: var(--admin-primary-800);
    color: #fff
}

.widgets-chooser li.widgets-chooser-selected:before,
.widgets-chooser li.widgets-chooser-selected:focus:before {
    color: #fff
}

.nav-menus-php .item-edit:focus:before {
    box-shadow: 0 0 0 1px var(--admin-primary-1200), 0 0 2px 1px var(--admin-primary-800)
}

div#wp-responsive-toggle a:before {
    color: #f3f1f1
}

.wp-responsive-open div#wp-responsive-toggle a {
    border-color: transparent;
    background: var(--admin-primary-800)
}

.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
    background: var(--admin-fourth-900);
}

.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
    color: #f3f1f1
}

.mce-container.mce-menu .mce-menu-item-normal.mce-active,
.mce-container.mce-menu .mce-menu-item-preview.mce-active,
.mce-container.mce-menu .mce-menu-item.mce-selected,
.mce-container.mce-menu .mce-menu-item:focus,
.mce-container.mce-menu .mce-menu-item:hover {
    background: var(--admin-primary-800)
}

.wp-core-ui #customize-controls .control-section .accordion-section-title:focus,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section:hover>.accordion-section-title {
    color: var(--admin-primary-800);
    ;
    border-right-color: var(--admin-primary-800)
}

.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
    color: var(--admin-primary-800);
    ;
    border-top-color: var(--admin-primary-800)
}

.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-section-back:focus,
.wp-core-ui .customize-section-back:hover {
    color: var(--admin-primary-800);
    ;
    border-right-color: var(--admin-primary-800)
}

.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .customize-screen-options-toggle:hover {
    color: var(--admin-primary-800);
}

.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus,
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui.wp-customizer button:focus .toggle-indicator:before {
    box-shadow: 0 0 0 1px var(--admin-primary-1200), 0 0 2px 1px var(--admin-primary-800)
}

.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle {
    color: var(--admin-primary-800);
}

.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
    border-right-color: var(--admin-primary-800);
    color: var(--admin-primary-800);
}

.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
    background: var(--admin-primary-800)
}

.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
    color: var(--admin-primary-800);
}

.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover>.accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section:hover>.accordion-section-title:after {
    color: var(--admin-primary-800);
}

.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
    background-color: #fbfbfc;
    border-color: var(--admin-primary-800);
    border-style: solid;
    box-shadow: 0 0 0 1px var(--admin-primary-800);
    outline: 2px solid transparent
}

.wp-core-ui .wp-full-overlay-footer .devices button.active:hover,
.wp-core-ui .wp-full-overlay-footer .devices button:focus {
    border-bottom-color: var(--admin-primary-800)
}

.wp-core-ui .wp-full-overlay-footer .devices button:focus:before,
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before {
    color: var(--admin-primary-800)
}

.wp-core-ui .wp-full-overlay .collapse-sidebar:focus,
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover {
    color: var(--admin-primary-800)
}

.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow {
    box-shadow: 0 0 0 1px var(--admin-primary-1200), 0 0 2px 1px var(--admin-primary-800)
}

.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus,
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover,
.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus,
.wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover,
.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus,
.wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover {
    border-bottom-color: var(--admin-primary-800);
    color: var(--admin-primary-800);
}

#welcome-panel,
.language-switcher,
#contextual-help-columns .contextual-help-sidebar,
#wp-version-message .update-message p:nth-of-type(2),
#wp-version-message a[href*="wordpress.org/news"],
.notice.notice-error.install-elementor,
#message.updated.woocommerce-message,
#wp-version-message,
#wp-admin-bar-wp-logo-default,
#wp-admin-bar-wp-logo-external,
.login h1 a {
    display: none !important;
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before {
    background-image: url('../images/avin.png') !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: rgba(0, 0, 0, 0);
    display: inline-block;
    width: 20px;
    height: 20px;
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon {
    width: 20px;
    height: 20px;
}

/* login */

body.login {
    background-image: url('../images/bg-avin.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

body.login #login {
    height: 93vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px;
    width: 40%;
}

body.login #login form#loginform {
    box-shadow: none;
    border: none;
}


body.login #login .button.button-large {
    padding: 0 50px;
}

.column-comments .post-com-count-approved::after,
.column-comments .post-com-count-no-comments::after,
.column-response .post-com-count-approved::after,
.column-response .post-com-count-no-comments::after {
      border-top: 5px solid var(--admin-primary-800) !important;
}

.column-comments .comment-count-approved,
.column-comments .comment-count-no-comments,
.column-response .comment-count-approved,
.column-response .comment-count-no-comments {
    background-color: var(--admin-primary-800) !important;
}

#pageparentdiv #parent_id,#pageparentdiv #menu_order {
  width: 100%;
}

.filter-count .count, .title-count {
        background-color: var(--admin-primary-800) !important;
}

.theme-browser .theme .more-details {
  background: rgba(var(--admin-primary-800-rgb),.7);
}

#your-profile .user-admin-color-wrap,
#your-profile .user-comment-shortcuts-wrap,
#your-profile .show-admin-bar.user-admin-bar-front-wrap,
#your-profile .user-language-wrap {
    display: none !important;
}

@media (max-width: 768px) {

    body.login #login {
        width: 100%;
        height: 100%;
    }

    body.login #login h1 a {
        background-image: url('../images/avin.png') !important;
        height: 100px;
        background-size: cover;
        width: 107px;
        margin-bottom: 0px;
        display: block;
    }


}