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

:root {
   /*global*/
   --site-color1: #e30613;
   --site-color2: #a00012;
   --site-color3: #fff3f4;
   --global-color1: #ffffff;
   --global-color2: #1b0b0e;
   --global-color3: #d7bfc2;
   --global-color4: #625057;

   --window-bg1: linear-gradient(360deg,rgba(227,6,19,.18) 0%,rgba(255,243,244,1) 15%,rgba(255,243,244,0) 100%);
   --window-bg2: linear-gradient(360deg,rgba(236,224,226,1) 0%,rgba(251,248,249,1) 15%,rgba(255,243,244,0) 100%);
   --banner-bg-global: linear-gradient(180deg,rgba(160,0,18,1) 0%,rgba(255,235,237,1) 85%,rgba(255,235,237,0) 100%);
   --footer-bg-global: linear-gradient(360deg,rgba(160,0,18,1) 0%,rgba(255,235,237,1) 85%,rgba(255,235,237,0) 100%);
   --menu-bg-gradient-global: linear-gradient(18deg,rgba(255,240,242,1) 0%,rgba(255,240,242,1) 45%,rgba(255,255,255,0) 100%);
   --popup-bg-gradient: radial-gradient(circle at 100% 0%,rgba(227,6,19,.25),transparent 38%), #fff3f4;

   --transparent-bg: rgba(255,250,250,0.96);
   --font-family: 'Open Sans', Arial, sans-serif;
   --direction: ltr;
   --header-height-global: 70px;

   --badge-color: #ffe0e3;
   --badge-border-color: rgba(160,0,18,.35);
   --item-bg-global: #fff3f4;
   --meta-box-bg: rgba(160,0,18,.045);
   --meta-box-border: rgba(160,0,18,.22);
   --input-focus-shadow-global: rgba(227,6,19,.25);
   --sep-border: #e30613;

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

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

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

   --button-border: #8b0010;
   --button-bg: var(--site-color2);
   --button-color: var(--global-color1);
   --button-bg-hover: #74000f;
   --button-color-hover: var(--global-color1);

   --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);

   --button3-border: #a00012;
   --button3-bg: #ffe0e3;
   --button3-color: #74000f;
   --button3-bg-hover: #ffc4ca;
   --button3-color-hover: #74000f;

   /*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: #e6cdd1;
   --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/9/pics/banner2_image.png");
   --banner-bg-pos: right;

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

   --footer-link-color: #580813;
   --footer-link-color-hover: #74000f;
   --footer-link-bg: rgba(255,255,255,0.35);
   --footer-link-bg-hover: rgba(255,255,255,0.65);
   --footer-link-border: 1px solid rgba(160,0,18,0.2);
   --footer-link-border-hover: rgba(160,0,18,0.45);

   --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: #d00017;

   /*misc*/
   --item-border-color: #e6cdd1;
   --item-link-color: var(--global-color2);
   --item-link-color-hover: var(--site-color2);
   --item-data-bg: #74000f;
   --item-data-color: var(--global-color1);
   --item-data-color-hover: #ffe0e3;
   --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(27,5,10,.88);
   --user-card-border-badge-background3: rgba(255,255,255,.92);
   --user-card-badge-color: #ffe0e3;
   --user-card-badge-border-color: rgba(255,224,227,.35);
   --profile-name-color: #ffffff;
   --profile-location-color: #ffe0e3;
   --profile-data-color: #ffffff;

   --badge-icon-size: 24px;
   --like-badge-color: #ffe0e3;
   --like-badge-border-color: var(--badge-border-color);
   --vip-badge-color: #e30613;
   --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: #332b2e;
   --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: #74000f;
   --fp-text: var(--global-color4);

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

   --fp-horo-badge-bg-color: #fff3f4;
   --fp-horo-badge-color: #74000f;

   --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: #74000f;
   --popup-image-data-border-color: #e30613;

   /*forms*/
   --input-border-color: #b99da4;
   --input-border-color-focus: var(--site-color2);
   --input-bg-color-focus: var(--global-color1);
   --input-bg-color: #fffafb;
   --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: #ffe0e3;

   /*accessibility plugin*/
   --accessibility_plugin_x_position: 5px;
   --accessibility_plugin_y_position: 5px;
   --accessibility_plugin_background: rgba(27,5,10,0.96);
   --accessibility_plugin_button_close: var(--global-color1);
   --accessibility_plugin_button_close_hover: #ffe0e3;
   --accessibility_button_color: var(--global-color2);
   --accessibility_button_color_hover: #74000f;
   --accessibility_button_color_bg: var(--global-color1);
   --accessibility_button_color_bg_hover: #ffe0e3;
   --accessibility_plugin_menu_bg: var(--global-color1);

   /*cookie consent*/
   --cc-bg: #fffafb;
   --cc-color: var(--global-color2);
   --cc-shadow: 0 10px 30px rgba(27,5,10,.3);

   --cc-button-bg: #74000f;
   --cc-button-color: var(--global-color1);
   --cc-button-bg-hover: #580813;
   --cc-button-color-hover: var(--global-color1);

   --cc-panel-bg: #fffafb;
   --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: #e6cdd1;

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

   --cc-input-bg: #ead7db;
   --cc-input-color: var(--global-color2);
   --cc-input-color-switch: #a69a9e;

   /*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;
}

/*site specific configurations*/
#main_banner {
   background: #bb043f !important;
}

#main_banner h1 {
   color: #fff8f8 !important;
}

#main_banner p {
   color: #fff8f8 !important;
}