Sobhy Elsaady
Members
-
Last visited
-
Posts
1 -
Reputation
0
1 Badge Earned
First Post
Making your first post
Earned
Jump to content
.i-header__buttons {
float: right;
--_font-size: calc(var(--set__i-desktop-logo--fo-si)* 1px);
--_image-size: var(--set__i-logo--he);
display: flex
;
align-items: center;
color: inherit;
font-weight: var(--set__i-logo--fo-we);
font-family: var(--set__i-logo--fo-fa);
text-decoration: none;
height: var(--i-header-row--he, 100%);
font-size: var(--_font-size);
}
:root {
--c--h: 210;
--c-1: hsl(var(--c--h), 40%, 98%);
--c-2: hsl(var(--c--h), 30%, 96%);
--c-3: hsl(var(--c--h), 25%, 91%);
--c-4: hsl(var(--c--h), 22%, 84%);
--c-5: hsl(var(--c--h), 20%, 65%);
--c-6: hsl(var(--c--h), 15%, 46%);
--c-7: hsl(var(--c--h), 15%, 38%);
--c-8: hsl(var(--c--h), 20%, 30%);
--c-9: hsl(var(--c--h), 25%, 22%);
--c-10: hsl(var(--c--h), 30%, 19%);
--c-11: hsl(var(--c--h), 35%, 14%);
--c-12: hsl(var(--c--h), 40%, 10%);
--c-primary--h: 201;
--c-primary--s: 100%;
--c-primary: hsl(var(--c-primary--h), var(--c-primary--s), 23%);
--c-primary-light: hsl(var(--c-primary--h), var(--c-primary--s), 27%);
--c-primary-dark: hsl(var(--c-primary--h), var(--c-primary--s), 15%);
--c-primary-contrast: #fff;
--c-secondary--h: 140;
--c-secondary--s: 62%;
--c-secondary: hsl(var(--c-secondary--h), var(--c-secondary--s), 46%);
--c-secondary-light: hsl(var(--c-secondary--h), var(--c-secondary--s), 50%);
--c-secondary-dark: hsl(var(--c-secondary--h), var(--c-secondary--s), 34%);
--c-gradient-1: #19bc70;
--c-gradient-2: #12b36e;
--c-gradient-3: #00a06b;
--c-gradient-4: #009e7e;
--c-gradient-5: #008d84;
--c-gradient-6: #008a9c;
--c-gradient-7: #007ea5;
--c-gradient-8: #006da2;
--root--ba-co: rgb(var(--theme-page_background));
--root--co: rgb(var(--theme-text_color));
--c-soft: rgb(var(--theme-text_light));
--c-hard: rgb(var(--theme-text_dark));
--c-light: rgb(var(--theme-text_light));
--c-dark: rgb(var(--theme-text_dark));
--z_header-content: 10;
--z_secondary-nav: 5;
--header--he: 70px;
--header__top--he: 40px;
--nav--transition: 0.3s;
--secondary-nav--he: 450px;
--secondary-nav--pa: 40px;
--header--co: var(--c-primary);
--header--ba-co: #fff;
--header-active--co: #fff;
--header-active--ba-co: var(--c-primary-dark);
--header__button--co: var(--c-secondary);
--header__primary-button--co: #fff;
--header__primary-button--ba-co: var(--c-secondary);
--header__primary-button-hover--ba-co: var(--c-secondary-light);
--header__active-overlay--ba-co: rgba(255, 255, 255, .9);
}
.i-main-navigation__link, .i-header__buttons__button{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;margin:0;position:relative;z-index:calc(var(--z_secondary-nav) + 1);color:inherit !important;display:flex;align-items:center;justify-content:center;padding:0 1.4em;line-height:3em;font-weight:500;font-size:14px !important;border-radius:7px;white-space:nowrap;}
.i-header__buttons{margin:0;padding:0;list-style:none;display:flex;flex:0 0 auto;}.i-header__buttons__button{color:var(--header__button--co) !important;position:relative;margin-left:5px;transition:all .15s ease-in-out;}.i-header--active .i-header__buttons__button{--header__button--co:var(--header-active--co);}.i-header__buttons__button--inherit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background:currentColor;opacity:.1;transition:all .15s ease-in-out;}.i-header__buttons__button--inherit:hover::before{opacity:.2;}.i-header__buttons__button span{position:relative;}.i-header__buttons__button--primary{background:var(--header__primary-button--ba-co);color:var(--header__primary-button--co) !important;}.i-header__buttons__button--primary:hover{background:var(--header__primary-button-hover--ba-co);}@media (max-width:1200px){.i-main-navigation__item{flex:1 0 auto;}.i-main-navigation__link, .i-header__buttons__button{font-size:12px !important;}.i-main-navigation__link{padding:0 8px;;}}@media (max-width:550px){.i-header__buttons__button[href*='/clientarea']{display:none;}}