@import url('/server/css/fonts_noto_sans.css');

:root {
   /*global*/
   --site-color1: #ff8a00;
   --site-color2: #0038b8;
   --site-color3: #fff8f0;

   --global-color1: #ffffff;
   --global-color2: #15233b;
   --global-color3: #c6d1e0;
   --global-color4: #56657b;

   --window-bg1: linear-gradient(180deg,rgba(255,138,0,.12) 0%,rgba(255,248,240,1) 15%,rgba(255,248,240,0) 100%);
   --window-bg2: linear-gradient(360deg,rgba(255,205,105,1) 0%,rgba(255,249,235,1) 15%,rgba(255,248,240,0) 100%);

   --banner-bg-global: linear-gradient(180deg,rgba(255,138,0,1) 0%,rgba(255,196,0,1) 85%,rgba(255,196,0,0) 100%);
   --footer-bg-global: linear-gradient(360deg,rgba(255,138,0,1) 0%,rgba(255,215,100,1) 85%,rgba(255,215,100,0) 100%);
   --menu-bg-gradient-global: linear-gradient(18deg,rgba(255,243,218,1) 0%,rgba(255,243,218,1) 45%,rgba(255,255,255,0) 100%);
   --popup-bg-gradient: radial-gradient(circle at 100% 0%,rgba(255,174,0,.22),transparent 38%), #fff8f0;

   --transparent-bg: rgba(255,251,246,0.96);
   --font-family: 'Noto Sans Hebrew', 'Noto Sans', Arial, sans-serif;
   --direction: rtl;
   --header-height-global: 70px;

   --badge-color: #fff0d8;
   --badge-border-color: rgba(0,56,184,.3);
   --item-bg-global: #fff8f0;
   --meta-box-bg: rgba(255,174,0,.085);
   --meta-box-border: rgba(180,95,0,.25);
   --input-focus-shadow-global: rgba(0,56,184,.22);
   --sep-border: #ff8a00;

   /*main*/
   --background-color: #fff8f0;
   --profile-image-background-color: var(--global-color2);
   --color: var(--global-color2);
   --placeholder-color: #596579;
   --font-size: 1rem;
   --font-weight: 400;

   --a-link: var(--site-color2);
   --a-visited: #354d90;
   --a-hover: #00277f;
   --a-focus: #00277f;
   --a-active: #00277f;
   --scroll-behavior: smooth;

   --h1: 2rem;
   --h2: 1.5rem;
   --h3: 1.2rem;
   --color1: var(--site-color2);
   --color2: #a34b00;

   /*primary buttons*/
   --button-border: #b95700;
   --button-bg: #ffae00;
   --button-color: #15233b;
   --button-bg-hover: #ffc400;
   --button-color-hover: #15233b;

   /*secondary buttons*/
   --button2-border: var(--site-color2);
   --button2-bg: var(--global-color1);
   --button2-color: var(--site-color2);
   --button2-bg-hover: var(--site-color2);
   --button2-color-hover: var(--global-color1);

   /*third buttons*/
   --button3-border: #a34b00;
   --button3-bg: #b95700;
   --button3-color: var(--global-color1);
   --button3-bg-hover: #8d4000;
   --button3-color-hover: var(--global-color1);

   /*header*/
   --header-height: var(--header-height-global);
   --header-bg: var(--transparent-bg);
   --main-menu-bg-gradient: var(--menu-bg-gradient-global);
   --main-menu-bg: var(--transparent-bg);
   --main-menu-border: #eedab8;
   --menu-section-header-color: var(--site-color2);
   --menu-section-link-color: var(--global-color2);
   --menu-section-link-color-hover: var(--site-color2);

   /*main banner*/
   --banner-bg: var(--banner-bg-global);
   --main-banner-bg-url: url("/server/sites/50/pics/banner2_image.png");
   --banner-bg-pos: left;

   /*footer*/
   --footer-bg: var(--footer-bg-global);
   --footer-border-color: var(--site-color1);

   --footer-link-color: #17376f;
   --footer-link-color-hover: #00277f;
   --footer-link-bg: rgba(255,255,255,0.4);
   --footer-link-bg-hover: rgba(255,255,255,0.75);
   --footer-link-border: 1px solid rgba(120,69,0,0.3);
   --footer-link-border-hover: rgba(120,69,0,0.5);

   --footer-static-link-color: var(--global-color2);
   --footer-static-link-color-hover: var(--site-color2);

   /*titles*/
   --title-line-color: var(--site-color1);
   --article-h3-border-color: #e87900;

   /*misc*/
   --item-border-color: #e8d8c5;
   --item-link-color: var(--global-color2);
   --item-link-color-hover: var(--site-color2);
   --item-data-bg: #0038b8;
   --item-data-color: var(--global-color1);
   --item-data-color-hover: #fff0d8;
   --item-bg: var(--item-bg-global);
   --item-bg-hover: var(--global-color1);

   /*users list*/
   --user-card-border-color: var(--badge-border-color);
   --user-card-border-color-after: rgba(255,255,255,.12);
   --user-card-border-badge-background: rgba(12,28,58,.9);
   --user-card-border-badge-background3: rgba(255,255,255,.92);
   --user-card-badge-color: #ffe2b8;
   --user-card-badge-border-color: rgba(255,226,184,.35);
   --profile-name-color: #ffffff;
   --profile-location-color: #ffe2b8;
   --profile-data-color: #ffffff;

   --badge-icon-size: 24px;
   --like-badge-color: #ffb45c;
   --like-badge-border-color: var(--badge-border-color);
   --vip-badge-color: #c0002b;
   --vip-badge-border-color: var(--badge-border-color);
   --boost-badge-color: #176c42;
   --boost-badge-border-color: var(--badge-border-color);
   --online-badge-color: #176c42;
   --online-badge-border-color: var(--badge-border-color);
   --not-online-badge-color: #353d49;
   --not-online-badge-border-color: var(--badge-border-color);
   --photos-badge-color: var(--badge-color);
   --photos-badge-border-color: var(--badge-border-color);
   --photos-action-badge-color: var(--badge-color);
   --photos-action-badge-border-color: var(--badge-border-color);

   /*users full profile / forms*/
   --fp-window-color-bg: var(--global-color1);
   --fp-window-bg: var(--window-bg1);
   --fp-window-bg2: var(--window-bg2);
   --fp-person-card-bg: var(--item-bg-global);

   --fp-meta-box-bg: var(--meta-box-bg);
   --fp-meta-box-color: var(--global-color4);
   --fp-meta-box-color2: var(--global-color2);
   --fp-meta-box-border-color: var(--meta-box-border);
   --fp-meta-box-title-color: #0038b8;
   --fp-text: var(--global-color4);

   --fp-li-text-color: var(--global-color4);
   --fp-li-bg-color: var(--global-color1);

   --fp-horo-badge-bg-color: #fff8f0;
   --fp-horo-badge-color: #0038b8;

   --horo-bg: var(--site-color1);

   /*album view / gallery popup*/
   --album-view-thumb-bg: var(--global-color4);
   --album-view-thumb-border-color: var(--site-color1);
   --album-view-thumb-box-shadow: var(--input-focus-shadow-global);
   --popup-image-data-bg-color: #ffffff;
   --popup-image-data-color: #0038b8;
   --popup-image-data-border-color: #ff8a00;

   /*forms*/
   --input-border-color: #a8b5ca;
   --input-border-color-focus: var(--site-color2);
   --input-bg-color-focus: var(--global-color1);
   --input-bg-color: #fffdf9;
   --input-focus-shadow: var(--input-focus-shadow-global);
   --accent-color: var(--site-color2);
   --accent-color-inactive: #aeaeae;
   --accent-color-dot: #ffffff;
   --accent-color-border: var(--global-color1);
   --range-bg-color: #f4e6c9;

   /*accessibility plugin*/
   --accessibility_plugin_x_position: 5px;
   --accessibility_plugin_y_position: 5px;
   --accessibility_plugin_background: rgba(12,28,58,0.96);
   --accessibility_plugin_button_close: var(--global-color1);
   --accessibility_plugin_button_close_hover: #ffcc88;
   --accessibility_button_color: var(--global-color2);
   --accessibility_button_color_hover: #00277f;
   --accessibility_button_color_bg: var(--global-color1);
   --accessibility_button_color_bg_hover: #fff0d8;
   --accessibility_plugin_menu_bg: var(--global-color1);

   /*cookie consent*/
   --cc-bg: #fffdf9;
   --cc-color: var(--global-color2);
   --cc-shadow: 0 10px 30px rgba(12,28,58,.3);

   --cc-button-bg: #ffae00;
   --cc-button-color: #15233b;
   --cc-button-bg-hover: #ffc400;
   --cc-button-color-hover: #15233b;

   --cc-panel-bg: #fffdf9;
   --cc-panel-color: var(--global-color2);

   --cc-panel-group-bg: var(--global-color1);
   --cc-panel-group-color: var(--global-color2);
   --cc-panel-group-border-color: #e8d8c5;

   --cc-panel-border-radius: 14px;
   --cc-boredr-radius: 10px;

   --cc-input-bg: #f4e4c5;
   --cc-input-color: var(--global-color2);
   --cc-input-color-switch: #8190a6;

   /*scroll padding and behavior*/
   scroll-padding-top: calc(var(--header-height) + 10px);
   scroll-behavior: var(--scroll-behavior);
   transition: 120ms;
}

h1::after, .sub_title::after, span.menu_header, .Fieldset legend::after {
   right: 0;
}

#main_menu.open {
   left: 2%;
}

.article_content h3, .gallery_content h3, .profile-name {
   margin: 42px 0 18px;
   padding-right: 14px;
   border-right: 3px solid var(--article-h3-border-color);
}

.list_article_topic section.text h4, .home_articles section.text h4, .profile_sub_title, .horo_article h4 {
   margin: 22px 0 18px;
   padding-right: 8px;
   border-right: 3px solid var(--article-h3-border-color);
   display: flex;
   justify-content: flex-start;
   width: 100%;
}

.profile_sub_title.no_margin_top {
   margin-top: 0;
}

.article_content ol li::before {
   right: 0;
   top: 0;
}

.article_content ol li {
   padding-right: 42px;
}

.article_content ul, .profile_content ul {
   margin: 24px 0;
}

.article_content ul li, .profile_content ul li {
   padding: 8px 14px;
}

.photo-dialog__close {
   left: 8px;
   z-index: 300;
}

.photo-dialog__nav--prev {
   right: 16px;
}

.photo-dialog__nav--next {
   left: 16px;
}

.select1 {
   padding-left: 46px;
   background-position:
      24px 50%,
      18px 50%;
}

.notifications_bagde {
   left: 20px;
}

/*site specific configurations*/
#main_banner {
   background: linear-gradient(
      135deg,
      #ff8500 0%,
      #ff9e00 38%,
      #ffc400 76%,
      #ffdf64 100%
   ) !important;
}

#main_banner h1 {
   color: #15233b !important;
}

#main_banner p {
   color: #15233b !important;
}

footer p, footer p a {
   color: #15233b !important;
}

/*Accessibility enhancements*/
:focus-visible {
   outline: 3px solid #0038b8;
   outline-offset: 3px;
}

#main_banner :focus-visible {
   outline-color: #0038b8;
}

@media (prefers-reduced-motion: reduce) {
   :root {
      --scroll-behavior: auto;
      transition: none;
   }
}