/********************************************/
/*********** UTTU FRONTEND THEME ************/
/********************************************/

/*** BRICKS BUILDER ***/
/* Toolbar Icon: Edit Page */ #wp-admin-bar-edit_with_bricks > .ab-item::before { content: "\f464"; transform: translate(1px, 1px); }
/* Toolbar Icon: Templates */ #wp-admin-bar-templates > .ab-item::before { content: "\f18f"; }

/*** DIVI BUILDER ***/
/* Toolbar Buttons */ #wp-admin-bar-et-use-visual-builder:hover a, #wp-admin-bar-et-use-visual-builder a:hover { transition: none; -webkit-transition: none; -moz-transition: none; background-color: var(--ut2) !important; color: var(--ut4) !important; }
/* Toolbar Icons */ #wp-admin-bar-et-use-visual-builder > .ab-item::before, #wp-admin-bar-et-disable-visual-builder > .ab-item::before { font-family: dashicons !important; font-size: 20px !important; width: unset; margin-top: 0 !important; color: var(--ut4) !important; }
/* > hover */ #wp-admin-bar-et-use-visual-builder:hover > .ab-item::before, #wp-admin-bar-et-disable-visual-builder:hover > .ab-item::before { color: var(--ut4) !important; }
/* Toolbar Icon: Open Editor */ #wp-admin-bar-et-use-visual-builder > .ab-item::before { content: "\f464"; transform: translate(1px, 1px); }
/* Toolbar Icon: Close Editor */ #wp-admin-bar-et-disable-visual-builder > .ab-item::before { content: "\f153"; transform: translate(0px, 2px); }

/****************************/
/***** WORDPRESS ADMIN ******/
/****************************/

/*** TOOLBAR - FRONTEND + BACKEND ***/
/* Item: Spacing */ .ab-item { padding-right: 20px !important; }
/* Item (hover): Background */ .ab-item:hover, .ab-item:focus, .menupop.hover > .ab-item { background: var(--ut2) !important; }
/* Item: Text */ .ab-item, .ab-label, .display-name { color: var(--ut1) !important; font-weight: bold !important; }
/* > hover **/ .ab-item:hover, .ab-item:hover > .ab-label, .display-name:hover { color: var(--ut4) !important; }
/* Item: Icon */ .ab-item::before, .ab-icon::before { color: var(--ut4) !important; }
/* Submenu */ .ab-sub-wrapper { box-shadow: none !important; background: var(--ut2) !important; border-radius: 0px 0px 8px 8px !important; }
/* Submenu Item */ .ab-sub-wrapper .ab-item { font-weight: normal !important; }
/* Icon: LiteSpeed */ #wp-admin-bar-litespeed-purge-all > .ab-item::before { content: "\f137" !important; transform: translate(0px, 2px);}
/* Icon: Log Out */ #wp-admin-bar-logout .ab-item::before { content: "\f310"; float:right; margin-left: 6px; transform: translate(0px, 2px); }
/* Hide on Mobile */ @media screen and (max-width: 782px) { #wpadminbar { display: none !important; } }

/*** TOOLBAR - FRONTEND ONLY ***/
/* Background & Size */ #wpadminbar { background: var(--ut2); height: 39px; padding-top: 3px; }
/* Hide Updates */ #wp-admin-bar-updates { display: none; }
/* Toolbar Icon: Posts */  #wp-admin-bar-posts > .ab-item::before { content: "\f546"; }

/****************************/
/***** WEBSITE **************/
/****************************/

/*** GENERAL ***/
/* Disable Side Scroll */ html, body { overflow-x: hidden; }
/* Site Name: Icon */ #wp-admin-bar-site-name > .ab-item::before { content: "\f11f" !important; transform: translate(0px, 1px); }
#wp-admin-bar-uttu-site-name > .ab-item::before { content: "\f11f" !important; transform: translate(0px, 3.5px); }
/* Selection Highlight */ body ::selection, body ::-moz-selection { background-color: var(--ut4) !important; }

/*** CUSTOM TAGS ***/
w1 { font-weight: 100; }
w2 { font-weight: 200; }
w3 { font-weight: 300; }
w4 { font-weight: 400; }
w5 { font-weight: 500; }
w6 { font-weight: 600; }
w7 { font-weight: 700; }
w8 { font-weight: 800; }
w9 { font-weight: 900; }