/*@import url('/server/css/fonts_rubik.css');*/

:root {
   /*global*/
   --site-color1: #ffa800;
   --site-color2: #010974;
   --site-color3: #f8f1e5;
   --global-color1: #ffffff;
   --global-color2: #000000;
   --global-color3: #aeaeae;
   --global-color4: #5c6675;
   --window-bg1: linear-gradient(360deg,rgba(252, 200, 109, 1) 0%, rgba(255, 240, 214, 1) 15%, rgba(255, 240, 214, 0) 100%);
   --window-bg2: linear-gradient(360deg,rgba(230, 230, 230, 1) 0%, rgba(248, 247, 247, 1) 15%, rgba(255, 240, 214, 0) 100%);
   --banner-bg-global:linear-gradient(180deg,rgba(252, 200, 109, 1) 0%, rgba(255, 240, 214, 1) 85%, rgba(255, 240, 214, 0) 100%);
   --footer-bg-global:linear-gradient(360deg,rgba(252, 200, 109, 1) 0%, rgba(255, 240, 214, 1) 85%, rgba(255, 240, 214, 0) 100%);
   --menu-bg-gradient-global:linear-gradient(18deg,rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 45%, rgba(255, 255, 255, 0) 100%);
   --popup-bg-gradient: radial-gradient(circle at 100% 0%,rgba(252, 200, 109, 1),transparent 38%), #f8f1e5;
   --transparent-bg:rgba(255,255,255,0.9);
   --font-family: Verdana, Arial;
   --direction: ltr;
   --header-height-global: 70px;
   --badge-color:#f1d58a;
   --badge-border-color:rgba(201,168,93,.34);
   --item-bg-global:#f8f1e5;
   --meta-box-bg:rgba(255,168,8,.05);
   --meta-box-border:rgba(255,168,8,.25);
   --input-focus-shadow-global: rgba(255, 168, 0, 0.24);
   --sep-border: #ffa800;
 

	/*main*/
    --background-color: var(--global-color1);
	--profile-image-background-color: var(--global-color2);
	--color: var(--global-color2);
	--placeholder-color: #666666;
    --font-size: 1rem;
    --font-weight: 400;
	
	--a-link: var(--site-color2);
	--a-visited: var(--site-color2);
	--a-hover: var(--site-color1);
	--a-focus: var(--site-color1);
	--a-active: var(--site-color1);
    --scroll-behavior: smooth;
	--h1: 2rem;
	--h2: 1.5rem;
	--h3: 1.2rem;
	--color1: var(--site-color2);
    --color2: var(--site-color1);

	--button-border: var(--global-color3);
	--button-bg: var(--site-color1);
	--button-color: var(--site-color2);
	--button-bg-hover: var(--site-color2);
	--button-color-hover: var(--global-color1);

	--button2-border: var(--global-color3);
	--button2-bg: var(--global-color1);
	--button2-color: var(--site-color2);
	--button2-bg-hover: var(--site-color2);
	--button2-color-hover: var(--global-color1);

	--button3-border: var(--global-color3);
	--button3-bg: var(--global-color1);
	--button3-color: var(--site-color2);
	--button3-bg-hover: var(--site-color2);
	--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: var(--global-color3);
	--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/1/pics/banner2_image.png");
	--banner-bg-pos: right;

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

	--footer-link-color: var(--global-color2);
	--footer-link-color-hover: var(--global-color2);
	--footer-link-bg:rgba(255,255,255,0.25);
	--footer-link-bg-hover:rgba(255,255,255,0.35);
	--footer-link-border:1px solid rgba(255,255,255,0.4);
	--footer-link-border-hover:rgba(255,255,255,0.6);

	--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: var(--site-color1);

	/*misc*/
	--item-border-color: var(--global-color3);
	--item-link-color: var(--global-color2);
	--item-link-color-hover: var(--site-color2);
	--item-data-bg:var(--site-color2);
	--item-data-color:  var(--global-color1);
	--item-data-color-hover: var(--site-color1);
	--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,.05);
	--user-card-border-badge-background: rgba(14,13,11,.62);
	--user-card-border-badge-background3: rgba(255,255,255,.62);
	--user-card-badge-color:var(--site-color1);
	--user-card-badge-border-color:rgba(255,255,255,.12);
	--profile-name-color: var(--item-bg-global);
	--profile-location-color: var(--item-bg-global); /*#b8aa91*/
	--profile-data-color: var(--item-bg-global);


	--badge-icon-size:24px;
	--like-badge-color:var(--badge-color);
	--like-badge-border-color:var(--badge-border-color);
	--vip-badge-color:#d60036;
	--vip-badge-border-color:var(--badge-border-color);
	--boost-badge-color:#1f6b43;
	--boost-badge-border-color:var(--badge-border-color);
	--online-badge-color:#1f6b43;
	--online-badge-border-color:var(--badge-border-color);
	--not-online-badge-color:var(--global-color2);
	--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: var(--global-color4);
	--fp-text: var(--global-color4);

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

	--fp-horo-badge-bg-color: var(--global-color1);
	--fp-horo-badge-color: var(--global-color2);

	--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: #010974;
	--popup-image-data-border-color: #ffa800;

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


	/*accessibility plugin*/
    --accessibility_plugin_x_position: 5px; /*bottom:*/
	--accessibility_plugin_y_position: 5px; /*left:*/
	--accessibility_plugin_background: rgba(0,0,0,0.9);
	--accessibility_plugin_button_close: var(--global-color1); /*color of the menu main button / close button*/
	--accessibility_plugin_button_close_hover:#cccccc; /*color:hover of the menu main button / close button*/
    --accessibility_button_color: var(--global-color2); /*color of the menu item text*/
	--accessibility_button_color_hover: var(--global-color2); /*color:hover of the menu item text*/
	--accessibility_button_color_bg: var(--global-color1); /*background-color of the menu item*/
	--accessibility_button_color_bg_hover: #cccccc; /*background-color:hover of the menu item*/
	--accessibility_plugin_menu_bg: var(--global-color1); /*background-color of the menu*/

	
    /*cookie consent*/
	--cc-bg:#fffcfa;  /*banner background*/
	--cc-color: var(--global-color2); /*banner text color*/
	--cc-shadow:0 10px 30px rgba(0,0,0,.35); /*banner shadow*/
	 
	--cc-button-bg: #666666;
	--cc-button-color:var(--global-color1);
	--cc-button-bg-hover: #cccccc;
	--cc-button-color-hover:var(--global-color2);
	
    --cc-panel-bg:#fffcfa;
	--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: #cccccc;
	
	
    --cc-panel-border-radius:14px; 
	--cc-boredr-radius:10px;
	 
	--cc-input-bg: #dad9d7;
	--cc-input-color: var(--global-color2);
	--cc-input-color-switch: #cccccc;


    /*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 {
  left: 0;
}
#main_menu.open {
  right: 2%;
}
.article_content h3, .gallery_content h3, .profile-name {
  margin: 42px 0 18px;
  padding-left: 14px;
  border-left: 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-left: 8px;
  border-left: 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 {
  left: 0;
  top: 0;
}

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

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

.article_content ul li, .profile_content ul li {
  padding: 8px 14px;
}
.photo-dialog__close {
    right: 8px;
    z-index: 300;
}
.photo-dialog__nav--prev {
    left: 16px;
}

.photo-dialog__nav--next {
    right: 16px;
}
.select1 {
	padding-right: 46px;
	background-position:
        calc(100% - 24px) 50%,
        calc(100% - 18px) 50%;

	/* for rtl
	padding-right: 16px;
    padding-left: 46px;

    background-position:
        24px 50%,
        18px 50%;
	
	*/
}
.notifications_bagde {
   right: 20px;
}