/* Theme by veilon.net */

/*
  Fonts
  General
  Buttons
  Menus
    sideMenu
    DropDown Menu
    Dialog
  Header
    UserBar
    Search
    GuestMessage
  Slider
  Navigation
  Forums.p-social-icons
    Sublist
    Forum Node Stats
    DataList
    Table
  Components
    Calendar
    Blogs
    Pages
    Downloads
    ChatBoxf
    Hover Card
    CheckBox
    Toogles
    Multipipe
    Widgets
  Activiy Streams & LeaderBoard
  Sidebar
  Footer
  Custom
  Responsive
*/

/* ================== */
/*        Fonts       */
/* ================== */


#ipsLayout_sidebar,
.cForumRow .ipsDataItem .ipsDataItem_meta {
  {{if theme.veilon_additional_google_font || theme.veilon_font_mode == 'google'}}
    font-family: "{theme="veilon_additional_google_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
  {{if !theme.body_font || theme.body_font == 'default'}}
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
    font-family: "{theme="body_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
  {{endif}}
{{endif}}
}


.ipsType_veryLarge { color: {theme='text_color'}; }

/* ================== */
/*       General      */
/* ================== */

.ipsType_pageTitle, .ipsType_sectionTitle, .ipsType_secondaryTitle, .ipsType_sectionHead, .ipsType_minorHeading {
{{if theme.veilon_font_mode == 'google'}}  
  font-family: {theme="veilon_headline_google_font"};
{{endif}}
}
.ipsApp label:not(.ipsField_unlimited),
.ipsApp input, 
.ipsApp button, 
.ipsApp select,
.ipsApp textarea {
{{if theme.veilon_font_mode == 'google'}}  
  font-family: {theme="veilon_headline_google_font"};
{{endif}}
}
.ipsType_sectionTitle,
.cForumList .ipsBox,
.ipsDialog > div,
.ipsCommentCount {
{{if theme.veilon_border_radius}}
  {theme='veilon_border_radius'}
{{endif}}
}

.ipsType_huge { color: {theme='text_color'} }

#ipsLayout_mainArea { padding: 0 20px; }

.ipsLayout_minimal #ipsLayout_header nav {
  border: 0;
}

#ipsLayout_header {
  margin-bottom: -1px;
}

#ipsLayout_header nav {
  {{if theme.veilon_navbar_type === 'standart'}}
  background: {theme='veilon_navbar_submenu_background'};
  {{else}}
  background: {theme='veilon_navbar_background'};
  border-top: 1px solid {theme='veilon_navbar_border_color'};
  {{endif}}
  height: 100%;
}

#ipsLayout_contentWrapper {
  background-color: {theme='area_background_dark'};
  padding: 10px 20px;
}
.ipsType_sectionHead { color: {theme='text_color'} }

hr.ipsHr {
	border-color: {theme='veilon_border_color'};
	border-width: 1px 0 0 0;
}


/* ================== */
/*       Buttons      */
/* ================== */

/* Button */
.ipsApp .ipsButton {
  font-weight: 600;
  text-transform: uppercase;
{{if theme.veilon_buttons_border_radius_type == 'round'}}
  border-radius: 100px !important;
{{elseif theme.veilon_buttons_border_radius_type == 'rounded'}}
  border-radius: 5px !important;
{{else}}
  border-radius: {theme='veilon_buttons_border_radius'}px !important;
{{endif}}
}

.ipsButton_split > .ipsButton:first-child, 
.ipsButton_split > li:first-child > .ipsButton {
  border-radius: 4px 0px 0px 4px !important;
}
.ipsButton_split > .ipsButton.ipsButton_link + .ipsButton.ipsButton_link, 
.ipsButton_split > li + li > .ipsButton.ipsButton_link {
  border-radius: 0 !important;
}
.ipsButton_split > .ipsButton:last-child, 
.ipsButton_split > li:last-child > .ipsButton {
  border-radius: 0 4px 4px 0 !important;
}
.ipsButton_split .ipsButton_medium {
  line-height: 33.5px;
}

/* Split Primary Button */
.ipsButton_split .ipsButton_primary {
  background: {theme='area_background'};
  color: #7B7B7B;
  box-shadow: none !important; 
}

/* Primary Button */
.ipsApp .ipsButton_primary,
#elRegisterButton {
  background: {theme="primary_button"};
  color: {theme='primary_button_font'};
  border-radius: 2px;
  box-shadow: 0px 2px 20px {hextorgb="primary_button" opacity="0.5"};
}

.ipsApp .ipsButton_primary:hover,
#elRegisterButton:hover  {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), {theme="primary_button"};
}

/* Alternative Button */
.ipsApp .ipsButton_alternate {
  background: {hextorgb='alternate_button' opacity='0.2'};
  border: 1px solid {theme='alternate_button_border'};
  box-sizing: border-box;
  color: {theme='alternate_button_font'};
  border-radius: 2px;
  box-shadow: 0px 2px 24px {hextorgb='alternate_button_border' opacity='0.25'};
}

/* Alternative Button Hover */
.ipsButton_alternate:hover { 
  background:{hextorgb='alternate_button' opacity='0.6'};
} 

/* Light Button */
.ipsApp .ipsButton_light {
  background: {theme='light_button'};
  color: {theme='light_button_font'};
  border: 1px solid {theme='light_button_border'};
}

.ipsApp .ipsButton_light:hover{
  background: {hextorgb='light_button_border' opacity='0.2'};
}

/* VeryLight Button */
.ipsApp .ipsButton_veryLight {
  background: {theme='very_light_button'};
  color: {theme='very_light_button_font'}; 
  border: 0;
}

/* Important Button */
.ipsApp .ipsButton_important {
  background-color: {theme='important_button'};
  color: {theme='important_button_font'};
  border-radius: 2px;
}

/* Normal Button */
.ipsApp .ipsButton_normal {
  color: {theme='normal_button_font'};
  background-color: {theme='normal_button'};
}

/* Normal Button Hover */
.ipsApp .ipsButton_normal:hover { 
  
}

/* Button Row  */
.ipsButtonRow li > a,
.ipsButtonRow li > button,
.ipsButtonRow li > span {
  background: {theme='light_button'};
  color: {theme='light_button_font'};
}


/* Negative Button */
.ipsApp .ipsButton_negative {

}

/* Negative Button Hover */
.ipsApp .ipsButton_negative:hover {
  
}

.ipsFollow .ipsCommentCount { 
  background: {theme='prefix'} !important;
  color: {theme='text_color'}
}

html[dir="ltr"] .ipsFollow .ipsCommentCount::after {
    border-color: transparent {theme='prefix'} transparent transparent;
}

.ipsFollow .ipsButton_light {
    display: flex !important;
    max-width: 180px;
    max-height: 30px;
    align-items: center;
}

.ipsApp .ipsButton_link.ipsFollow, .ipsApp .ipsButton_link.ipsPromote { background: transparent; }
.secondaryNavBar .ipsButton_primary { padding: 0px !important; }



/* ================== */
/*       Menus        */
/* ================== */

/* sideMenu */
.ipsSideMenu_itemActive a, 
a.ipsSideMenu_itemActive, 
.ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, 
.ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a {
    background: {theme='veilon_global_color1'};
    color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 24px {hextorgb='veilon_global_color1' opacity='0.5'};
}

/* DropDown Menu */
.ipsMenu {
  background: {theme='veilon_dropdown_bg'};
  border: 1px solid #2f323c;
}
.ipsMenu .ipsDataItem_title,
.cTopicList .ipsDataItem_meta {
	font-family: {theme='veilon_additional_google_font'};
}
.ipsMenu_item > a:not(.ipsMenu_itemInline),
.ipsMenu_item > span:not(.ipsMenu_itemInline) {
  font-weight: 500;
}
.ipsMenu_sep { border-top: 1px solid {theme='area_background_dark'} !important; } 
.ipsMenu_title { background: {theme='area_background_dark'}; color: {theme='text_color'}; margin: 0px; border-radius: 0px; }
.ipsMenu_item > a, .ipsMenu_item > span { color: {theme='link'};  font-size: 13px; }
.secondaryNavBar .ipsMenu li a { padding: 11px 15px; }
.ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:hover,
.ipsMenu_item[data-selected] a,
.ipsMenu_item[data-selected] span { 
  background: {theme='area_background_dark'}; 
}
ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:hover,
.ipsMenu_item[data-selected] a,
.ipsMenu_item[data-selected] span,
.ipsMenu_item.ipsMenu_hover {
  background: {theme='area_background_dark'}; 
}
.ipsApp .ipsButton_link { color: {theme='text_color'}; border: 1px solid #2f323c;}

.ipsMenu.ipsMenu_topCenter::before {border-color: #2f323c transparent transparent transparent; }
.ipsMenu.ipsMenu_bottomCenter::before { border-color: transparent transparent #2f323c transparent; }
.ipsMenu.ipsMenu_bottomLeft::before { border-color: transparent transparent #2f323c transparent; }
.ipsMenu.ipsMenu_topCenter::after { border-color: {theme='area_background'} transparent transparent transparent; }
.ipsMenu.ipsMenu_bottomCenter::after { border-color: transparent transparent {theme='area_background'} transparent; }
.ipsStreamItem.ipsStreamItem_contentBlock { border: none; }
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock::before {border-color: transparent {theme='area_background'} transparent transparent; }
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem::after { border-color: transparent {theme='area_background'} transparent transparent; }

/* Dialog */

.ipsDialog > div {
  background: {theme='area_background'};
  border: 1px solid #2f323c;
}

.ipsAreaBackground,
.ipsAlert {
    background: {theme='area_background'};
}

.ipsDialog_title,
.ipsDialog_close { 
  color: {theme='veilon_popandsectitle_color'} 
}

.ipsDialog_close { 
  width: 0;
  height: 0;
  font-size: 0;
 }

.ipsDialog_close::before {
  display: block;
  content: 'x';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  width: 44px;
  height: 44px;
  font-size: 34px;
  left: -45px;
}

/**
* Header
**/

/* Search */

#elSearch {
  left: 0;
}

#elSearchWrapper.cSearchExpanded {
  background: transparent;
  padding: 0;
  margin: 0;
}
#elSearch {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: {theme='veilon_search_background'};
  border: 1px solid #29203B;
  border-radius: 100px;
}

 #elSearch button {
  top: 0;
  right: 0;
  position: relative;
}
#elSearch input:-webkit-autofill {
  height: 48px !important;
  border-radius: 100px;
}
#elSearchExpanded {
  background: {theme='area_background_dark'};
  border-color: {theme='veilon_border_color'};
  border-top: 1px;
  top: 55px;
  right: 69.5px;
}
#elSearchExpanded .ipsMenu_title,
#elSearchExpanded .ipsSideMenu_list {
  border-color: {theme='veilon_border_color'};
}
#elSearchExpanded .ipsMenu_title {
  background: {theme='area_background'}
}

#elSearchExpanded .ipsSideMenu_list {
  background: {theme='area_background_dark'}
}
/* header type */

.cShareLink {
  line-height: 35px !important;
}

.p-header-soc .veilon-social-icons a { margin: 0; padding: 0;}

{{if theme.veilon_header_type === 'default'}}
.p-header-opposite {
  margin-right: 0 !important;
}
{{endif}}
{{if theme.veilon_header_type === 'custom1'}}

/* Custom 1 Header Type */
.p-header-search { order: 10; }
.p-header-logo { 
  margin-left: auto;
  margin-right: auto;
  order: 20; 
}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
{{endif}}
{{if theme.veilon_header_type === 'custom2'}}
.p-header-soc { order: 10; }
.p-header-search { order: 20; }
.p-header-logo { 
  margin-left: auto;
  margin-right: auto;
  order: 20; 
}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
#elSearchWrapper,
#elSearchWrapper.cSearchExpanded {
  margin-left: auto;
  order: 20;
}
#elHeaderSocialLinks {
  order: 10 !important;
}
{{if theme.veilon_si_type === 'custom'}}
.veilon-social-icons { 
  position: relative;
  float: left; 
}
{{else}}
#elHeaderSocialLinks { 
  position: relative;
  float: left !important; 
}
{{endif}}
#elSearchWrapper {
  position: relative;
}
#ipsLayout_header .ipsLayout_container {
  text-align: center;
}
#elSearch {
  z-index: 2;
}
{{endif}}
{{if theme.veilon_header_type === 'custom2' || theme.veilon_header_type === 'custom3'}}
.p-header-search {
  margin-left: auto;
  order: 20;
}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
#elSearchWrapper,
#elSearchWrapper.cSearchExpanded{ margin-left: auto; order: 20; }
{{endif}}
/* end header type */

#elSearch #elSearchFilter:hover { background: {theme='area_background_light'}; }
html[dir="ltr"] #elSearch button { cursor: pointer;}
html[dir="ltr"] #elSearch #elSearchFilter {
    left: 0px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

#elSearch #elSearchFilter {
    width: 22.5%;
    color: #FFF;
    border-radius: 3px;
    border: 0;
    background-color: {theme='area_background_light'};
    height: 35px;
    top: -0.5px;
    margin-left: -76px;
    padding-top: 5px;
}
#elSearchFilter { display: block !important; }
  #elSearch.cSearchExpanded { width: 26%; }




/* Default Header Type */
#elLogo {
  float: left;
}

/* UserBar */
#elUserNav > li > a {
    color: {theme='text_color'};
}
#elUserNav > li > a#elRegisterButton {
  color: #FFF;
}
#elUserNav #elUserLink {
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
}
#elUserNav {
    position: relative;
    float: right;
    margin-left: 35px;
    top: 3px;
}
#elUserNav li a {
  margin-right: 15px; 
}

#elUserNav > li > a .fa { 
    color: {theme='text_color'}; 
}
.veilonGuestMessage #elUserNav > li > a {
   color: #FFF;
}
.cUserNav_icon a {
   text-shadow: none;
}
.elUserNav_sep {
   height: 30px;
   border-right: 1px solid #383e4e;
}


{{if theme.veilon_userbar_icons}}
#elUserLink_menu a:before, #elCreateNew_menu a:before {
  content:"\f02b";
  font-family:"FontAwesome";
  font-size:14px;
  font-weight:normal;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
  margin-bottom:-2px;
  line-height:1;
}

#elUserLink_menu a:before, #elCreateNew_menu a:before {
  display:inline-block;
  width:22px;
  opacity:0.7;
}

#elUserLink_menu li[data-menuItem='admincp'] i { display:none; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before { opacity:1; }
#elUserLink_menu li[data-menuItem='profile'] a:before { content:"\f007" }
#elUserLink_menu li[data-menuItem='messages'] a:before { content:"\f01c" }
#elUserLink_menu li[data-menuItem='manageFollowed'] a:before { content:"\f1d8" }
#elUserLink_menu li[data-menuItem='attachments'] a:before { content:"\f0c6" }
#elUserLink_menu li[data-menuItem='settings'] a:before { content:"\f013" }
#elUserLink_menu li[data-menuItem='ignoredUsers'] a:before { content:"\f05e" }
#elUserLink_menu li[data-menuItem='modcp'] a:before { content:"\f046" }
#elUserLink_menu li[data-menuItem='admincp'] a:before { content:"\f023" }
#elUserLink_menu li[data-menuItem='signout'] a:before { content:"\f08b" }
#elCreateNew_menu a:before { content:"\f0fe" }
#elCreateNew_menu a[href*="announcements"]:before { content:"\f0a1" }
#elCreateNew_menu a[href*="module=status"]:before { content:"\f086" }
#elCreateNew_menu a[href*="/files/"]:before {  content:"\f019" }
#elCreateNew_menu a[href*="/gallery/"]:before { content:"\f03e" }
#elCreateNew_menu a[href*="/blogs/"]:before { content:"\f02d" }
#elCreateNew_menu a[href*="/calendar/"]:before { content:"\f073" }
#elCreateNew_menu a[href*="/articles"]:before { content:"\f0f6" }
#elCreateNew_menu a[href*="/forum/"]:before { content:"\f086" }
{{endif}}

/* Breadcrumbs */
.ipsBreadcrumb.ipsBreadcrumb_1 {
    padding: 25px 0px 0px 0px;
}

.ipsBreadcrumb.ipsBreadcrumb_1 ul {
  margin: 0px 20px 15px 20px;
}
.ipsBreadcrumb.ipsBreadcrumb_ {
    padding: 25px 0px 0px 0px;

}
.ipsBreadcrumb.ipsBreadcrumb_ ul {
  margin: 0px 20px 15px 20px;
}
.ipsBreadcrumb > ul > li a,
.ipsBreadcrumb ul > li a{
  font-family: {theme='veilon_additional_google_font'};
  font-size: 13px;
  color: #706783;
}
.ipsBreadcrumb > ul > li .fa:not(.fa-home) {
  margin: 0 6px;
}

.ipsBreadcrumb > ul > li a {
  color: {theme='text_light'};
}

/* GuestMessage */

.guestmessage_container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 520px;
  z-index: auto;
}

.swiper-slide #guestMessage ul {
  position: relative;
  top: 30px;
}
#guestMessage ul { 
  padding-top: 17px; 
  text-align: center;
  position: relative; 
  z-index: 2;
}

.cWidgetContainer header {margin-right: -1px;}
#guestMessage {
  position: relative;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    margin-top: -40px;
}
.vn-gm-cover {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.vn-gm-cover::before {
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  {{if theme.veilon_slider_pattern}}
   background: {theme='veilon_slider_image_gradient'}, url({theme='veilon_slider_pattern'});
  {{endif}}
  z-index: 1;
}
#guestMessage h1 {
  position: relative;
  font-size: 59px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
  text-shadow: 0px 2px 9px rgba(0, 0, 0, 0.7);
  z-index: 2;
}
#guestMessage p {
  position: relative;
    max-width: 900px;
    margin: 0 auto;
  font-size: 16px;
  line-height: 25px;
  color: rgb(255, 255, 255);
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.ipsLayout_minimal #guestMessage { display: none; }

/* ================== */
/*       Slider       */
/* ================== */
{{if theme.veilon_guestmessage == '1'}}
/* Content */
.guestmessage_container .slider_m {
  {{if theme.enable_fluid_width}}
    {{if theme.fluid_width_size}}
      width: {theme="fluid_width_size"}%;
    {{else}}
      width: 100%;
    {{endif}}
  {{else}}
   width: {theme='veilon_layout_container_max_width'}px !important;
  {{endif}}
 {{if theme.veilon_articles_block_slider}}
  display: flex;
  top: -15%;
   align-items: center;
  {{else}}
  top: -15%;
  {{endif}}  
}
.guestmessage_container .slides_container {
    max-width: 680px;
    margin: 0 auto;
    text-align: left;
    float: left;
}
.guestmessage_container .swiper-slide-content  { 
  position: relative;
  z-index: 2;
   {{if theme.veilon_articles_block_slider}}
  margin-left: 0 !important;
  {{endif}}
}
.guestmessage_container .swiper-slide-content h2 {
  font-size: {theme='veilon_slider_title_size'}px;
  font-weight: {theme='veilon_slider_title_weight'};
  color: {theme='veilon_slider_title_color'};
  line-height: 1.733;
  margin: 0;
  padding: 0;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}

.guestmessage_container .swiper-slide-content p {
  font-size: {theme='veilon_slider_content_size'}px;
  font-weight: 500;
  line-height: 27px;
  color: {theme='veilon_slider_content_color'};
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}
.guestmessage_container .swiper-slide-content ul.ipsList_inline {
  position: relative;
  top: 30px;
  text-align: left;
}
{{endif}}
{{if theme.veilon_slider_enable == '1'}}

/* Content */
.slider_m {
  {{if theme.enable_fluid_width}}
    {{if theme.fluid_width_size}}
      width: {theme="fluid_width_size"}%;
    {{else}}
      width: 100%;
    {{endif}}
  {{else}}
   width: {theme='veilon_layout_container_max_width'}px !important;
  {{endif}}
 {{if theme.veilon_articles_block_slider}}
  display: flex;
  top: -15%;
   align-items: center;
  {{else}}
  top: -15%;
  {{endif}}  
}
.slides_container {
    max-width: 680px;
    margin: 0 auto;
    text-align: left;
    float: left;
}
.swiper-slide-content  { 
  position: relative;
  z-index: 2;
   {{if theme.veilon_articles_block_slider}}
	margin-left: 0 !important;
  {{endif}}
}
.swiper-slide-content h2 {
  font-size: {theme='veilon_slider_title_size'}px;
  font-weight: {theme='veilon_slider_title_weight'};
  color: {theme='veilon_slider_title_color'};
  line-height: 1.733;
  margin: 0;
  padding: 0;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}

.swiper-slide-content p {
  font-size: {theme='veilon_slider_content_size'}px;
  font-weight: 500;
  line-height: 27px;
  color: {theme='veilon_slider_content_color'};
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}
.swiper-slide-content ul.ipsList_inline {
  position: relative;
  top: 30px;
  text-align: left;
}

.article-slide {
	justify-content: center;
}
.article-slide .swiper-slide-content {
  margin-left: 0;
  margin-right: 0;
  top: -10%;
}

/* Main */

.swiper-wrapper,
.owl-carousel {
  z-index: auto !important;
}

.swiper-slide {
  display: flex;
  align-items: center;
}

.swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.swiper-slide::before {
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  {{if theme.veilon_slider_pattern}}
   background: {theme='veilon_slider_image_gradient'}, url({theme='veilon_slider_pattern'});
  {{endif}}
  z-index: 1;
}

.swiper-slide::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1000em;
  height: 100%;
  -webkit-animation: infiniteBackground 200s linear infinite;
  animation: infiniteBackground 200s linear infinite;
  opacity: .1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100% !important;
    bottom: 87px !important;
}

{{if theme.veilon_slider_pagination_enable}}
.swiper-pagination-white .swiper-pagination-bullet {
    background: transparent !important;
{{if theme.veilon_slider_pagination_border_enable}}
    border: 2px solid {theme='veilon_slider_pagination_border_color'} !important;
{{endif}}
    opacity: 1 !important;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: {theme='veilon_slider_pagination_background_active'} !important;
    box-shadow: 0px 2px 20px {hextorgb='veilon_slider_pagination_background_active' opacity='0.5'};
    border: none !important;
}
.swiper-pagination-bullet {
    width: 27px !important;
    height: 7px !important;
    border-radius: 3px !important;
}

{{endif}}

{{if theme.veilon_slider_enable == '1'}}
#guestMessage { 
  margin-top: 0;
  text-align: center;
  position: relative;
  top: -15%;
  z-index: 2;
}
#guestMessage h1 {
  padding: 0;
}
{{endif}}


.swiper-pagination {
  display: flex;
  width: 100% !important;
  bottom: 87px;
}
.swiper-pagination-bullet {
  margin-right: 15px;
}

{{endif}}

.slide-content-article-image {
  float: left;
  position: relative;
  max-width: 33%;
}

/* Article Slide  */
.slide-content-article-image img {
  left: 0;
  border: 6px solid #FFFFFF;
  width: 300px;
  min-height: 200px;
  max-height: 200px;
  height: auto;
  position: relative;
  transform: none !important;
}
.slide-content-article-content {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  float: left;
  margin-left: 50px;
  color: #FFF;
  max-width: 60%;
}
.v-as-pattern {
  max-width: 1000px !important;
  padding: 20px;
  border-radius: 3px;
}
.slide-info {
  position: relative;
  font-size: 12px;
}
.article-slide .swiper-slide-content h1 {
  line-height: 0;
  padding: 0;
}
.article-slide .ipsDataItem_meta {
  padding: 10px 0px 30px 0px;
  text-align: left;
}
.article-slide .ipsButton_primary {
  float: right;
}

.article-slide .swiper-slide-content ul.ipsList_inline {
  display: inline-block;
  float: left;
}

.slide-content-article-content .slide-info {
  font-size: 12px;
  top: 11px !important;
  line-height: normal;
  color: #7B7B7B;
}


.article-slide .swiper-slide-content h1 { font-size: 24px; text-align: left;}
/* ================== */
/*     Navigation     */
/* ================== */

.ipsNavBar_primary { top: 0; }

.menu nav[data-controller="core.front.core.navBar"] .ipsLayout_container {
  display: flex;

}

.ipsNavBar_primary > ul > li, .ipsNavBar_secondary > li {
  display: flex;
  align-items: center;
}

.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  background: transparent;
  color: {theme='veilon_navbar_active_color'};
}

.ipsNavBar_primary > ul > li:hover > a {
    color: {theme='link_hover'};
}

.ipsNavBar_primary > ul > li:hover > a:before {
    text-shadow: 0px 2px 24px #ffd600;
}

.ipsNavBar_primary { width: 100%; }

/* Standart Nav Type */
{{if theme.veilon_navbar_type === 'standart'}}
.menu {
  display: flex;
  flex-flow: column;
}

.submenu {
  background: {theme='veilon_navbar_background'};
  height: 100px;
  border-top: 1px solid {theme='veilon_navbar_border_color'};
}

.menu .submenu .ipsLayout_container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

#ipsLayout_header nav {
  position: relative;
  height: 40px;
}


.ipsNavBar_secondary > li > a:hover {
  color:#FFF;
}

 #ipsLayout_header nav {
    height: 40px;
}

.ipsNavBar_primary > ul > li > a {
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: transparent !important;
  border-radius: 0px;
  padding: 27px 25px;
}

.ipsNavBar_secondary > li > a {
  font-size: 12px;
  font-weight: 500;
}

.ipsNavBar_active a::before {
  text-shadow: 0px 2px 24px {theme='veilon_navbar_active_background'};
}

.ipsNavBar_secondary > li > a { color: #7B7B7B; }

.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
}

.ipsNavBar_secondary {
  background: transparent;
}

.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul::before {
  background: transparent;
}

.ipsNavBar_secondary > li.ipsNavBar_active a {
  color: #FFF;
}

{{if theme.veilon_header_type === 'default' || theme.veilon_header_type === 'custom1' }}
#elSearchWrapper, #elSearchWrapper.cSearchExpanded {
    float: right;
    justify-content: flex-start;
    justify-items: baseline;
    top: -105px;
    display: flex;
}
#elHeaderSocialLinks {    
    float: right;
    justify-content: flex-end;
    justify-items: baseline;
    top: -60px;
    display: flex;
    margin-left: auto;
    position: relative;

}

{{endif}}

{{endif}}

{{if theme.veilon_navbar_type === 'dropdown'}}
.ipsNavBar_primary .ipsResponsive_showDesktop.ipsResponsive_block { display: flex !important }

.ipsNavBar_primary {
  display: flex;
}

.ipsNavBar_primary > ul, .ipsNavBar_secondary {
  width: 100%;
}

.ipsNavBar_primary > ul > li > a:hover {
  color: {theme='veilon_navbar_active_color'};
}
.ipsNavBar_primary > ul > li > a:hover:before {
  text-shadow: 0px 2px 24px {theme='veilon_navbar_active_color'};
}

.ipsNavBar_primary .ipsNavBar_active { color: #000 !important;  }


.veilon-social-icons a {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}


.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a { background: none !important }
.ipsNavBar_primary li { font-size:13px; }
.ipsNavBar_secondary li, .ipsNavBar_primary .ipsMenu li { width: 100%; font-size:13px; }
.ipsNavBar_secondary .ipsNavBar_secondary li { font-size:11px; }
.ipsNavBar_primary .ipsMenu { line-height:1.8rem; }

.ipsNavBar_primary {
  background: none !important;
  padding-bottom:40px;
}
.ipsNavBar_primary > ul > li > a {
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: transparent !important;
  border-radius: 0px;
  padding: 25px 25px;
  white-space: nowrap;
}

.ipsNavBar_primary > ul > li:hover, 
.ipsNavBar_primary > ul > li:hover {
  background: {theme='veilon_navbar_hover_background'} !important;
}
.ipsNavBar_secondary > li > a {
  color: #C3C3C3;
  font-size: 12px;
  font-weight: 400;
  border: 0;
  line-height:1.3;
  text-align: left;
}
.ipsNavBar_secondary > li > a:hover {
  color: #FFF;
}
.ipsNavBar_secondary > li:hover {
    background: {theme='area_background_dark'} !important;
    color: #FFF !important;
}
.navAlign.hiddenLinks {
  overflow:hidden;
  max-height:26px;
}
.ipsNavBar_primary > ul > li.focusNav_hidden {
  display:none;
}
.ipsNavBar_primary {
  padding:0;
}
.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before {
  display:none;
}
.ipsNavBar_primary > ul > li {
  position:relative;
}

.ipsNavBar_primary > ul > li:hover {
  z-index:10;
}
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
  background: {theme='area_background'};
  border-radius: 0 0 3px 3px;
}

.ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
  display: block;
  visibility:hidden;
  opacity:0;
  margin-top:6px;
  -webkit-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
  -moz-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
  -o-transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
  transition: opacity 0.3s, margin-top 0.3s, visibility 0s linear 0.3s;
  text-align:left;
{{if theme.veilon_navbar_orientation == 'horizontal'}}
  top:67px;
{{else}}
  top: 96px;
{{endif}}
  left:0;
  right:auto;
  bottom:auto;
  width:auto;
  height: auto;
  min-width: 185px;
  z-index:auto;
  line-height:1.4;
  pointer-events:none;
}
html .ipsMenu.ipsNavBar_secondary {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-name: maximise;
    animation-name: maximise;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
html[dir="ltr"] .ipsNavBar_primary > ul > li,
html[dir="ltr"] .ipsNavBar_secondary > li { background: {theme='veilon_navbar_background'}; }
html[dir="rtl"] .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before {
    right: 24px;
    left: auto;
}
html[dir="rtl"] .ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
  text-align:right;
}
html[dir="ltr"] .ipsNavBar_primary > ul > li > a { margin-right: 0px; }
html[dir="rtl"] .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary {
  right:0;
  left:auto;
}
.ipsNavBar_primary > ul > li:hover > .ipsNavBar_secondary {
  visibility:visible;
  opacity:1;
  margin-top:0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  pointer-events:auto;
}
html[dir="rtl"] .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before {
  right:24px;
  left:auto;
}
.ipsNavBar_secondary > li {
  width: 100%;
  display:block;
}
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li > a {
  width: 100%;
  padding:11px 15px;
  white-space:nowrap;
}
.ipsNavBar_secondary .ipsNavBar_secondary {
  display:block !important;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  height:auto;
}
.ipsNavBar_secondary .ipsNavBar_secondary .ipsNavBar_active a:before {
  content:"\f141";
  font-family:"FontAwesome";
  font-size:14px;
  font-weight:normal;
  float:left;
  text-align:right;
  width:18px;
  margin-left:-28px;
  position:relative;
  top:1px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
  opacity:0.4;
  line-height:18px;
}
.ipsNavBar_primary .ipsMenu {
  text-align:left;
}

.veilon-navigation-hide{
  position: absolute !important;
  pointer-events: none;
  z-index: -1;
  right: 0;
  visibility: hidden;
}
.veilon-navigation-hide .ipsNavBar_secondary{
  display: none !important;
}
  
.veilon-navigation-load{ overflow: hidden; }

.veilon-navigation{
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

{{endif}}

{{if theme.veilon_navbar_orientation == 'vertical'}}
{{if theme.veilon_navbar_type == 'standart'}}
.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
  padding-bottom: 16px;
}
{{else}}
.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
  padding-bottom: 16px;
}
{{endif}}
{{elseif theme.veilon_navbar_type == 'standart'}}
.submenu {
  height: 80px;
}
{{endif}}

.ipsNavBar_primary .ipsMenu:not( #elSearchFilter_menu ), .ipsNavBar_secondary .ipsMenu {
  z-index: auto;
}

.p-social-icons {
  align-items: center;
  margin-left: auto;
  order: 20;
}
.p-social-icons .veilon-social-icons { margin: 0; }
.p-social-icons .veilon-social-icons a { margin-top: 0 !important; border-radius: 100%; }

/**
* Widget Blocks
**/

/* General */
#ipsLayout_sidebar .ipsBox,
.cForumList .ipsBox,
.cForumList .ipsAreaBackground_reset {
  background-color: transparent !important;
}

.ipsBox:not( .ipsBox_transparent ):not( .ipsModerated ) {
  background: {theme='area_background'};
}

.cTopicList {
  background: {theme='area_background_dark'};
}

/* DataList */

.ipsDataItem { border: 0; }
.ipsDataList li:first-child:before { height: 0 }
#ipsLayout_sidebar .ipsDataList li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #29203B;
  border-radius: 4px;
}

#elTopContributors {
  margin-top: 4px;
  border-radius: 2px 2px 0 0;
}

#elTopContributors_content.ipsWidget_inner { margin-top: 0; }

/* Forums */

/* Breadcrumbs */
.ipsBreadcrumb > ul > li { color: rgb(156, 156, 156); }
.ipsBreadcrumb > ul:last-child > li:last-child { color: #C3C3C3; opacity: 1;  }

.ipsType_sectionTitle { 
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}
a.ipsType_sectionTitle, .ipsType_sectionTitle a {
  color: {theme='link'};
}
.ipsApp .ipsDataItem_new,
.ipsApp .ipsDataItem_success {
  background: {theme='area_background'};
}

/* Section Title */
.ipsType_sectionTitle {
  display: flex;
  border-radius: 5px;
}
.ipsType_sectionTitle a {
  display: flex;
  align-items: center;
  order: 20;
}

.cForumToggle {
  margin-left: auto;
  height: 40px;
  order: 30 !important;
}

.vn-node-indicator {
	 background: #CC00FF;
    border-radius: 10px;
    position: relative;
    color: #fff;
   }

{{if theme.veilon_node_indicator_form =='circle'}}
.circle {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;	 
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 100%;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
.pulse {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  cursor: pointer;
  box-shadow: 0 0 0 {hextorgb='veilon_node_indicator_color' opacity='0.4'};
  animation: pulse 2s infinite;
 }
{{elseif theme.veilon_node_indicator_form =='triangle'}}
.triangle {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 100%;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
{{else}}
.square {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 0;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
.pulse {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0 0 0 {hextorgb='veilon_node_indicator_color' opacity='0.4'};
  animation: pulse 2s infinite;
 }
{{endif}}
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/* Forum Nodes */

.cForumRow .ipsDataItem .ipsDataItem_meta {
  font-size: 13px;
  color: {theme='text_light'};
}

.cForumList .ipsDataItem_title {
  padding-bottom: 5px;
}
.ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_title,
.cForumList .ipsDataItem_lastPoster .ipsContained {
	color: {theme='veilon_text_light2'};
}

.ipsDataItem_unread .ipsDataItem_title,
.ipsDataItem_subList li.ipsDataItem_unread { font-weight: 500 }

.ipsDataItem_unread .ipsDataItem_title a { 
  font-weight: 600 !important;
  font-size: 18px;
  color: #F1EBFC;
}
.ipsDataItem_title a {
  font-weight: 500;
  font-size: 18px;
  color: {theme='veilon_text_light2'};
}

.cForumTopicTable .ipsDataItem_title a {
  font-size: 14px;
}
.cForumList .ipsDataItem_lastPoster a:hover,
.cForumTopicTable .ipsDataItem_title a:hover,
#ipsLayout_sidebar a.ipsDataItem_title:hover {
	color: {theme='link_hover'};
}

.ipsDataItem_lastPoster time {
  color: {theme='link'};
}

.ipsDataItem_statsLarge .ipsDataItem_stats_number {
  font-weight: 500;
  font-size: 18px;
}
.ipsDataItem_statsLarge .ipsDataItem_stats_type {
    font-size: 13px;
    color: {theme='link'};
}

.ipsDataItem .ipsDataItem_lastPoster { font-family: {theme='veilon_additional_google_font'}; font-size: 14px; }

html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li,
.ipsDataItem_lastPoster .ipsType_blendLinks a {
  color: #8C81A2;
}
.ipsDataItem .ipsDataItem_lastPoster a.ipsType_blendLinks {
 color: #706783;
}

.ipsAreaBackground_light,
.ipsLikeRep { background: none;}

.ipsAreaBackground_negative {
  background: #941e1e;
}

.ipsDataList.ipsDataList_zebra .ipsDataItem:nth-child(2n):not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status) {
    background: {theme='area_background'};
}
.ipsType_richText { color: {theme='text_color'}; }
.ipsType_large:not(.ipsType_richText) {
    line-height: 10px;
}
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  font-size: 14px;
  {{if theme.veilon_font_mode == 'google' and theme.veilon_additional_google_font}}
  font-family: {theme="veilon_additional_google_font"};
{{endif}}
  font-weight: 500;
  color: {theme='veilon_text_light2'};
  padding: 15px;
  background: {theme='area_background_light'};
  border-radius: 2px;
  text-transform: uppercase;
}
.ipsWidget_horizontal {
{{if theme.veilon_font_mode == 'google' and theme.veilon_additional_google_font}}
  font-family: {theme="veilon_additional_google_font"};
{{endif}}
}
{{if theme.veilon_forum_icon_mode == 'images'}}
.ipsItemStatus_posted .ipsItemStatus_read { background: none !important; }
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read i,
.ipsItemStatus.ipsItemStatus_large i { display: none; }
  .cForumRow span.ipsItemStatus_large,
  .cForumList span.ipsItemStatus_large {
{{if theme.veilon_forum_nodes_image_not_read}}
    background: url({theme='veilon_forum_nodes_image_not_read'}) no-repeat scroll center center !important;
{{endif}}
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
  }
  .cForumRow span.ipsItemStatus_read,
  .cForumList span.ipsItemStatus_read {
{{if theme.veilon_forum_nodes_image_read}}
    background: url({theme='veilon_forum_nodes_image_read'}) no-repeat scroll center center !important;
{{endif}}
  }

{{if theme.veilon_forum_nodes_opacity_enable}}
.ipsItemStatus.ipsItemStatus_read {
 opacity: {theme='veilon_forum_nodes_opacity_enable'}
}
{{endif}}
.ipsItemStatus.ipsItemStatus_large {
  width: 25px;
  height: 23px;
  border-radius: 0px !important;
}
{{else}}
.ipsDataItem_unread .ipsItemStatus.ipsItemStatus_large {
  box-shadow: 0px 2px 32px {theme='veilon_global_color1'};
}
{{endif}}

#ipsLayout_sidebar .ipsWidget_title {
  font-style: italic;
  font-weight: 600;
}

#ipsLayout_sidebar .ipsWidget_title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: {theme='veilon_global_color2'};
  box-shadow: 0px 2px 24px {hextorgb='veilon_global_color2' opacity='0.5'};
  border-radius: 4px;
}


#ipsLayout_sidebar .ipsBox:hover .ipsWidget_title { 
  transition: box-shadow 0.4s ease-in-out;
}

#ipsLayout_sidebar .ipsBox:hover .ipsWidget_title::before {
  box-shadow: 4px 2px 30px {hextorgb='veilon_global_color2' opacity='0.8'};
  transition: box-shadow 0.4s ease-in-out;
}

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #313448; }
.ipsItemStatus.ipsItemStatus_large { color: {theme='text_color'}; border-radius: 3px; }

.ipsDataList_large .ipsDataItem_icon { padding: 15px 10px 15px 22px; }

.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny::after {
    width: 40px;
    height: 40px;
    {{if theme.rounded_photos}}
    border-radius: 40px;
    {{endif}}
}
.ipsApp .ipsNotificationCount {
  top: -7px;
  background: {theme='notification_buble'};
  border: 2px solid {theme='area_background_dark'};
  border-radius: 50px;
  line-height: 16px;
  padding: 0 5px;
}

.ipsMenu_headerBar .ipsType_light {
  color: {theme='link'}
}

.cForumRow .ipsUserPhoto_tiny img, 
.cForumRow img.ipsUserPhoto_tiny, 
.cForumRow .ipsUserPhoto_tiny::after {
  width: 40px;
  height: 40px;
  position: relative;
}

.ipsTabs.ipsTabs_small .ipsTabs_item { 
  position: relative;
  font-size: 14px;
 } 
.ipsTabs { background: {theme='area_background'}; }

.ipsTabs_activeItem {
  background: {theme='area_background'};
  color: {theme='link_hover'};
}
.ipsTabs_activeItem:hover {
  background: {theme='area_background'};
}

.ipsTabs_item,
.ipsTabs_item:hover {
  background: {theme='area_background'};  
}

.ipsTabs_activeItem::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 2px;
  margin: 0 auto;
  background: {theme='veilon_global_color2'};
  box-shadow: 0px 2px 24px {theme='veilon_global_color2'};
  border-radius: 5px;
}
.ipsForm .ipsTabs {
  padding: 0;
}
.ipsForm .ipsTabs_activeItem {
  font-weight: 500;
  position: relative;
  line-height: 40px;
}
.ipsForm .ipsTabs_item {
  background: transparent;
  color: #8C81A2;
}
.ipsForm .ipsTabs_item:hover:not(.ipsTabs_activeItem) {
  background: transparent;
}
.ipsForm .ipsTabs_item:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: {theme='veilon_global_color2'};
    box-shadow: 0 2px 18px 2px rgba(255,214,0.3);
    opacity: 0;
    width: 0%;
    transform: translateX(-50%);
    transition-property: opacity, width;
    transition: .4s ease;
}
.ipsForm .ipsTabs_activeItem:before {
    opacity: 1;
    width: calc(100% - 16px);
}

  html[dir="ltr"] .ipsDataList_large .ipsDataItem_icon { padding-right: 2px; }
  html[dir="ltr"] .cMessage_members > ol > li { border-right: 2px solid #585a63; }
  div[data-image="1"] h2  { border: 0 !important }
  .ipsType_blendLinks { color: {theme='text_light'} }
  .ipsType_blendLinks a { color:  #c4c4c4 }
  .ipsType_light a { color: #9c9c9c; }
  .ipsLikeRep { background: none; }
  .ipsBox { border: none; box-shadow: 0px 0px 10px 0px rgba(17, 18, 23, 0.2); }
  .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span { background: #242633; color: {theme='text_color'}; font-weight: bold; border: 1px solid #2F323C; }
  .ipsCommentUnreadSeperator {   border-color: #e2c276; }
  .ipsComment { background: {theme='area_background_dark'} }
  .ipsFieldRow_section { font-weight: 500; color: {theme='veilon_popandsectitle_color'}; background: {theme='area_background_dark'} }
  .cPost .ipsComment_controls { margin-bottom: 15px; }
  html[dir] .cPost .ipsComment_content { padding-right: 10px; padding-left: 10px; }
  .ipsComment:not(.ipsModerated) .ipsComment_header { background: {theme='widget_title_bar'}; border: 0; }
h3.ipsComment_author strong,
.cMessage_name { font-weight: 500; }
  .ipsComment, .ipsComment.ipsBox { border: none; }
  .cPost .cPost_contentWrap { padding: 7px 15px 15px 0 !important; } 
  .ipsType_pageTitle { color: #C3C3C3; }
  .ipsTabs_activeItem:hover,.ipsPager_type { color: {theme='text_color'}; }
  .ipsType_large:not(.ipsType_richText) { line-height: 15px; }
  .ipsSelectTree { background: {theme='area_background_dark'} !important; border: 1px solid {theme='veilon_border_color'}; }
  .ipsSelectTree_nodes { background: {theme='area_background_dark'}; border-style: solid; border-width: 0px 1px 1px 1px; border-color: {theme='veilon_border_color'}; }
  .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:hover:not(.ipsSelectTree_itemDisabled) { background: {theme='area_background_light'}}
  .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_selected:hover:not(.ipsSelectTree_itemDisabled) { background: {theme='area_background_light'}; }
  .ipsSelectTree_selected { background:{theme='area_background_dark'}; }
  .ipsSelectTree_nodes [data-role="nodeList"] { background: {theme='area_background'}; }
  .ipsThumb { border: 1px solid {theme='veilon_border_color'} }
  .ipsDialog .ipsDialog_loading { background: {theme='area_background'}; }
  li[data-blocktitle="Who's Online"] .ipsType_light,
  li[data-blocktitle="Who's Online"] .ipsType_medium a { font-size: 12px; color: {theme='link'}; }
  .ipsDataList_readStatus .ipsDataItem:not(.ipsDataItem_unread):not(.ipsDataItem_selected):not(.ipsModerated) { background: {theme='area_background_dark'} }
  .ipsPager .ipsPager_next a::after, .ipsPager .ipsPager_prev a::after { color: {theme='text_color'} }

.cAuthorPane .ipsType_blendLinks a,
.ipsFaded.ipsFaded_more,
.ipsComment_controls,
div[data-role="memberSignature"] .ipsType_richText {
  font-family: {theme='veilon_additional_google_font'};
  font-weight: 500;
}
.cPost_contentWrap .ipsType_richText > p {
  font-family: {theme='veilon_additional_google_font'};
  font-weight: 400;
}

/* Sublist */
.ipsDataItem_subList {font-family: {theme='veilon_additional_google_font'};}
  .ipsDataItem_subList li a { color: {theme='text_color'}; }
}
.ipsDataItem_subList .ipsDataItem_unread a { color: #FFF; font-weight: 600;}

/* Forums Node Stats */
.ipsDataItem_stats dl { 
    margin: 0 47px 5px 0; 
}

[data-pageapp="forums"] .ipsDataItem .ipsDataItem_stats_type { 
  text-transform: none; }
 .ipsDataItem .ipsDataItem_stats_number { 
  color: {theme='link'}; 
  text-align: right; 
  text-transform: capitalize; 
}

.ipsDataItem .ipsDataItem_stats_type { 
  color: #8C81A2; 
  text-align: right; 
  text-transform: capitalize; 
}

.ipsFieldRow:not(.ipsFieldRow_checkbox) .ipsFieldRow_label,
.ipsFieldRow:not(.ipsFieldRow_checkbox) .ipsFieldRow_title { font-weight: 500; }
/* Table */
.ipsTable th {
  background: {theme='area_background_light'};
}
.ipsTable_zebra tbody tr:nth-child( even ):not(.ipsTable_highlight):not(.ipsModerated) {
  background: {theme='area_background_dark'};
}
.ipsTable.ipsMatrix thead th { background: {theme='area_background'}; color: {theme='text_color'}; }
.ipsTable.ipsMatrix .ipsMatrix_subHeader { background: {theme='area_background_dark'}; color: {theme='text_color'}; }


/* ================== */
/*     Components     */
/* ================== */

/* Nexus */
.cNexusSupportMessage_m .cNexusSupportMessage_author,
.cNexusSupportMessage_a .cNexusSupportMessage_author,
.cNexusSupportMessage_s .cNexusSupportMessage_author{
  background: {theme='area_background_light'};
}
html[dir="ltr"] .cNexusSupportMessage_m,
html[dir="ltr"] .cNexusSupportMessage_a {
  border-left-color: {theme='veilon_global_color1'};
    box-shadow: 0px 2px 20px {hextorgv='veilon_global_color1' opacity='0.5'}
}


/*  Calendar */
.ipsSticky { background: {theme='area_background_dark'} }
.cCalendar td,.ipsBox.ipsModerated { border: 1px solid {theme='veilon_border_color'}; }
.cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today,
.cCalendar .cCalendar_hasEvents.cCalendar_today .cCalendar_dayNumber { background: {theme='area_background_dark'} }
.cCalendar td.cCalendar_nonDate { background: {theme='area_background_light'}; border: 0; }
.ipsCalendarDate {
  border-color: {theme='veilon_profile_lines_color'};
}
.ui-datepicker,
.ui-datepicker-header {
    background: {theme='area_background'};
}
.ui-datepicker th {
    padding: 4px 0;
    background: {theme='area_background_dark'};
}
.ui-datepicker td a:hover, .ui-datepicker-current-day {
  background: {theme='area_background_dark'}; 
}
.ui-datepicker-today {
    background-color: #1e202b;
}

/* Blogs */
.cBlogView_entry { border-bottom: 2px solid #383e4e;}
.ipsCommentUnreadSeperator {
    border-color: {theme='link_hover'};
}

/* Pages */
.ipsWidget[data-blocktitle*="WYSIWYG"] { padding: 12px; }
.cCmsCategoryFeaturedEntry { border-bottom: 2px solid {theme='veilon_global_color2'}; }
#elCmsPageWrap .ipsAreaBackground_reset { background: {theme='area_background_dark'} }
[data-blocktitle="Database"] { padding: 15px !important; }

/* Downloads */
.ipsEmbedded_headerArea { background: {theme='area_background_light'} }
.ipsEmbedded_content,iframe[data-embedContent] { background: {theme='area_background_dark'}; border-color: {theme='veilon_border_color'}; }
.ipsEmbedded_withImage .ipsEmbedded_image { border: 1px solid {theme='veilon_border_color'}; }
#elDownloadsSubmit .ipsAttachment_dropZone { background: {theme='area_background_dark'}; border: 3px dashed {theme='veilon_border_color'}; }
.ipsProgressBar.ipsProgressBar_animated .ipsProgressBar_progress,
.ipsProgressBar_progress { 
  background: {theme='poll_bar'};
  box-shadow: 0px 2px 32px {theme='veilon_global_color1'};
}
#elDownloadsSubmit_progress.ipsSticky { background-color: {theme='area_background_reset'} }

/* ChatBox */

.ipsEmoticons_item[data-emoticon]:hover { background: {theme='area_background_dark'}; }

.cChatContainer {
    height: 300px;
}
.cChatRow_own {
    background: #1e202b;
}
.cChatRow_own .cChatRow_user, .cChatRow_own .cChatRow_content, .cChatRow_own .cChatRow_date {
    border-color: #242633;
}

/* Bubble Chat */






/* Theme by veilon.net */

/*
  Fonts
  General
  Buttons
  Menus
    sideMenu
    DropDown Menu
    Dialog
  Header
    UserBar
    Search
    GuestMessage
  Slider
  Navigation
  Forums
    Sublist
    Forum Node Stats
    DataList
    Table
  Components
    Calendar
    Blogs
    Pages
    Downloads
    ChatBox
    Hover Card
    CheckBox
    Toogles
    Multipipe
    Widgets
  Activiy Streams & LeaderBoard
  Sidebar
  Footer
  Custom
  Responsive
*/

/* ================== */
/*        Fonts       */
/* ================== */


#ipsLayout_sidebar,
.cForumRow .ipsDataItem .ipsDataItem_meta {
  {{if theme.veilon_additional_google_font || theme.veilon_font_mode == 'google'}}
    font-family: "{theme="veilon_additional_google_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
  {{if !theme.body_font || theme.body_font == 'default'}}
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
    font-family: "{theme="body_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
  {{endif}}
{{endif}}
}


.ipsType_veryLarge { color: {theme='text_color'}; }

/* ================== */
/*       General      */
/* ================== */

.ipsType_pageTitle, .ipsType_sectionTitle, .ipsType_secondaryTitle, .ipsType_sectionHead, .ipsType_minorHeading {
{{if theme.veilon_font_mode == 'google'}}  
  font-family: {theme="veilon_headline_google_font"};
{{endif}}
}
.ipsApp label:not(.ipsField_unlimited),
.ipsApp input, 
.ipsApp button, 
.ipsApp select,
.ipsApp textarea {
{{if theme.veilon_font_mode == 'google'}}  
  font-family: {theme="veilon_headline_google_font"};
{{endif}}
}
.ipsType_sectionTitle,
.cForumList .ipsBox,
.ipsDialog > div,
.ipsCommentCount {
{{if theme.veilon_border_radius}}
  {theme='veilon_border_radius'}
{{endif}}
}

.ipsType_huge { color: {theme='text_color'} }

#ipsLayout_mainArea { padding: 0 20px; }

.ipsLayout_minimal #ipsLayout_header nav {
  border: 0;
}

.ipsLayout_minimal .p-header-full {
	display: none;
}

#ipsLayout_header {
  margin-bottom: -1px;
}

#ipsLayout_header nav {
  background-color: {theme='main_nav'};
  height: auto;
}

#ipsLayout_header nav {
  {{if theme.veilon_navbar_type === 'standart'}}
  background: {theme='veilon_navbar_submenu_background'};
  {{else}}
  background: {theme='veilon_navbar_background'};
  border-top: 1px solid {theme='veilon_navbar_border_color'};
  {{endif}}
}

#ipsLayout_contentWrapper {
  background-color: {theme='area_background_dark'};
  padding: 10px 20px;
}
.ipsType_sectionHead { color: {theme='text_color'} }

hr.ipsHr {
  border-color: {theme='veilon_border_color'};
  border-width: 1px 0 0 0;
}

/* ================== */
/*       Buttons      */
/* ================== */

/* Button */
.ipsApp .ipsButton {
  font-weight: 600;
  text-transform: uppercase;
{{if theme.veilon_buttons_border_radius_type == 'round'}}
  border-radius: 100px !important;
{{elseif theme.veilon_buttons_border_radius_type == 'rounded'}}
  border-radius: 5px !important;
{{else}}
  border-radius: {theme='veilon_buttons_border_radius'}px !important;
{{endif}}
}

.ipsButton_split > .ipsButton:first-child, 
.ipsButton_split > li:first-child > .ipsButton {
  border-radius: 4px 0px 0px 4px !important;
}
.ipsButton_split > .ipsButton.ipsButton_link + .ipsButton.ipsButton_link, 
.ipsButton_split > li + li > .ipsButton.ipsButton_link {
  border-radius: 0 !important;
}
.ipsButton_split > .ipsButton:last-child, 
.ipsButton_split > li:last-child > .ipsButton {
  border-radius: 0 4px 4px 0 !important;
}
.ipsButton_split .ipsButton_medium {
  line-height: 33.5px;
}

/* Split Primary Button */
.ipsButton_split .ipsButton_primary {
  background: {theme='area_background'};
  color: #7B7B7B;
  box-shadow: none !important; 
}

/* Primary Button */
.ipsApp .ipsButton_primary,
#elRegisterButton {
  background: {theme="primary_button"};
  color: {theme='primary_button_font'};
  border-radius: 2px;
  box-shadow: 0px 2px 20px {hextorgb="primary_button" opacity="0.5"};
}

.ipsApp .ipsButton_primary:hover,
#elRegisterButton:hover  {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), {theme="primary_button"};
}

/* Alternative Button */
.ipsApp .ipsButton_alternate {
  background: {hextorgb='alternate_button' opacity='0.2'};
  border: 1px solid {theme='alternate_button_border'};
  box-sizing: border-box;
  color: {theme='alternate_button_font'};
  border-radius: 2px;
  box-shadow: 0px 2px 24px {hextorgb='alternate_button_border' opacity='0.25'};
}

/* Alternative Button Hover */
.ipsButton_alternate:hover { 
  background:{hextorgb='alternate_button' opacity='0.6'};
} 

/* Light Button */
.ipsApp .ipsButton_light {
  background: {theme='light_button'};
  color: {theme='light_button_font'};
  border: 1px solid {theme='light_button_border'};
  box-shadow: 0px 2px 24px {hextorgb='light_button_border' opacity='0.25'};
}

.ipsApp .ipsButton_light:hover{
  background: {hextorgb='light_button_border' opacity='0.2'};
}

/* VeryLight Button */
.ipsApp .ipsButton_veryLight {
  background: {theme='very_light_button'};
  color: {theme='very_light_button_font'}; 
  border: 0;
}

/* Important Button */
.ipsApp .ipsButton_important {
  background-color: {theme='important_button'};
  color: {theme='important_button_font'};
  border-radius: 2px;
}

/* Normal Button */
.ipsApp .ipsButton_normal {
  color: {theme='normal_button_font'};
  background-color: {theme='normal_button'};
}

/* Normal Button Hover */
.ipsApp .ipsButton_normal:hover { 
  
}

/* Button Row  */
.ipsButtonRow li > a,
.ipsButtonRow li > button,
.ipsButtonRow li > span {
  background: {theme='light_button'};
  color: {theme='light_button_font'};
}


/* Negative Button */
.ipsApp .ipsButton_negative {

}

/* Negative Button Hover */
.ipsApp .ipsButton_negative:hover {
  
}

.ipsFollow .ipsCommentCount { 
  background: {theme='prefix'} !important;
  color: {theme='text_color'}
}

html[dir="ltr"] .ipsFollow .ipsCommentCount::after {
    border-color: transparent {theme='prefix'} transparent transparent;
}

.ipsApp .ipsButton_link.ipsFollow, .ipsApp .ipsButton_link.ipsPromote { background: transparent; }
.secondaryNavBar .ipsButton_primary { padding: 0px !important; }



/* ================== */
/*       Menus        */
/* ================== */

/* sideMenu */
.ipsSideMenu_itemActive a, 
a.ipsSideMenu_itemActive, 
.ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, 
.ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a {
    background: {theme='veilon_global_color1'};
    color: #fff;
    border-radius: 3px;
    box-shadow: 0px 2px 24px {hextorgb='veilon_global_color1' opacity='0.5'};
}

/* DropDown Menu */
.ipsMenu {
  background: {theme='veilon_dropdown_bg'};
  border: 1px solid #2f323c;
}
.ipsMenu .ipsDataItem_title,
.cTopicList .ipsDataItem_meta {
  font-family: {theme='veilon_additional_google_font'};
}
.ipsMenu_item > a:not(.ipsMenu_itemInline),
.ipsMenu_item > span:not(.ipsMenu_itemInline) {
  font-weight: 500;
}
.ipsMenu_sep { border-top: 1px solid {theme='area_background_dark'} !important; } 
.ipsMenu_title { background: {theme='area_background_dark'}; margin: 0px; border-radius: 0px; }
.ipsMenu_item > a, .ipsMenu_item > span { color: {theme='link'};  font-size: 13px; }
.secondaryNavBar .ipsMenu li a { padding: 11px 15px; }
.ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:hover,
.ipsMenu_item[data-selected] a,
.ipsMenu_item[data-selected] span { 
  background: {theme='area_background_dark'}; 
}
ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:hover,
.ipsMenu_item[data-selected] a,
.ipsMenu_item[data-selected] span,
.ipsMenu_item.ipsMenu_hover {
  background: {theme='area_background_dark'}; 
}
.ipsApp .ipsButton_link { color: {theme='text_color'}; border: 1px solid #2f323c;}

.ipsMenu.ipsMenu_topCenter::before {border-color: #2f323c transparent transparent transparent; }
.ipsMenu.ipsMenu_bottomCenter::before { border-color: transparent transparent #2f323c transparent; }
.ipsMenu.ipsMenu_bottomRight:before { border-color: transparent transparent #2f323c transparent; }
.ipsMenu.ipsMenu_bottomRight:after { border-color: transparent transparent #15111d transparent; }
.ipsMenu.ipsMenu_bottomLeft::before { border-color: transparent transparent #2f323c transparent; }
.ipsMenu.ipsMenu_topCenter::after { border-color: {theme='area_background'} transparent transparent transparent; }
.ipsMenu.ipsMenu_bottomCenter::after { border-color: transparent transparent {theme='area_background'} transparent; }
.ipsStreamItem.ipsStreamItem_contentBlock { border: none; }
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock::before {border-color: transparent {theme='area_background'} transparent transparent; }
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem::after { border-color: transparent {theme='area_background'} transparent transparent; }

/* Dialog */

.ipsDialog > div {
  background: {theme='area_background'};
  border: 1px solid #2f323c;
}

.ipsAreaBackground,
.ipsAlert {
    background: {theme='area_background'};
}

.ipsDialog_title,
.ipsDialog_close { 
  color: {theme='veilon_popandsectitle_color'} 
}

.ipsDialog_close { 
  width: 0;
  height: 0;
  font-size: 0;
 }

.ipsDialog_close::before {
  display: block;
  content: 'x';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  width: 44px;
  height: 44px;
  font-size: 34px;
  left: -45px;
}

/**
* Header
**/

#ipsLayout_header header > .ipsLayout_container {
  display: flex;
}

/* Search */

.p-header-search {
    width: 25%;
    z-index: 5001;
}

#elSearchWrapper {
  width: 100%;
}

#elSearch {
  left: 0;
}


#elSearch {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: {theme='veilon_search_background'};
  border: 1px solid #29203B;
  border-radius: 100px;
  z-index: 0;
}
#elSearch input[type="search"] {
  width: 88%;
  font-size: 16px;
  height: 48px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0px 0px 0px 15px;
 }
 #elSearch button {
  top: 0;
  right: 0;
  position: relative;
}
#elSearch input:-webkit-autofill {
  height: 48px !important;
  border-radius: 100px;
}
#elSearchExpanded {
  background: {theme='area_background_dark'};
  border-color: {theme='veilon_border_color'};
  border-top: 1px;
  top: 55px;
  right: 69.5px;
}
#elSearchExpanded .ipsMenu_title,
#elSearchExpanded .ipsSideMenu_list {
  border-color: {theme='veilon_border_color'};
}
#elSearchExpanded .ipsMenu_title {
  background: {theme='area_background'}
}

#elSearchExpanded .ipsSideMenu_list {
  background: {theme='area_background_dark'}
}
/* header type */


.p-header-soc .veilon-social-icons a { margin: 0; padding: 0;}

{{if theme.veilon_header_type === 'default'}}
.p-header-opposite {
  margin-right: 0 !important;
}
{{endif}}
{{if theme.veilon_header_type === 'custom1'}}
/* Custom 1 Header Type */
.p-header-search { order: 10; }
.p-header-logo { 
  margin-left: auto;
  margin-right: auto;
  order: 20; 
}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
{{endif}}
{{if theme.veilon_header_type === 'custom2'}}
.p-header-soc { order: 10; }
.p-header-logo { 
  margin-left: auto;
  margin-right: -15%;
  order: 20; 
}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
{{if theme.veilon_si_type === 'custom'}}
.veilon-social-icons { 
  position: relative;
  float: left; 
}
{{else}}
#elHeaderSocialLinks { 
  position: relative;
  float: left !important; 
}
{{endif}}
#elSearchWrapper {
  position: relative;
}
#ipsLayout_header .ipsLayout_container {
  text-align: center;
}
#elSearch {
  z-index: 2;
}
{{endif}}
{{if theme.veilon_header_type === 'custom3'}}
.p-header-opposite { 
  margin-right: 0 !important;
  order: 30; 
}
#elSearchWrapper,
#elSearchWrapper.cSearchExpanded{ 
  display: flex;
  align-items: center;
  margin-left: auto; 
  top: 0;
}
{{endif}}
/* end header type */

#elSearch #elSearchFilter:hover { background: {theme='area_background_light'}; }
html[dir="ltr"] #elSearch button { cursor: pointer;}
html[dir="ltr"] #elSearch #elSearchFilter {
    left: 0px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

#elSearch #elSearchFilter {
    width: 22.5%;
    color: #FFF;
    border-radius: 3px;
    border: 0;
    background-color: {theme='area_background_light'};
    height: 35px;
    top: -0.5px;
    margin-left: -76px;
    padding-top: 5px;
}
#elSearchFilter { display: block !important; }
  #elSearch.cSearchExpanded { width: 26%; }





/* Default Header Type */
#elLogo {
  float: left;
}

/* UserBar */
#elUserNav > li > a {
    color: {theme='text_color'};
}
#elUserNav > li > a#elRegisterButton {
  color: #FFF;
}
#elUserNav #elUserLink {
  font-size: 14px;
  color: #FFF;
  font-weight: 600;
}
#elUserNav {
    position: relative;
    float: right;
    margin-left: 35px;
    top: 3px;
}
#elUserNav li a {
  margin-right: 15px; 
}

#elUserNav > li > a .fa { 
    color: {theme='text_color'}; 
}
#cUserLink .ipsUserPhoto img {
   width: 50px;
   height: 50px;
{{if theme.rounded_photos}}
   border-radius: 50px;
{{endif}}
}
.veilonGuestMessage #elUserNav > li > a {
   color: #FFF;
}
.cUserNav_icon a {
   text-shadow: none;
}
.elUserNav_sep {
   height: 30px;
   border-right: 1px solid #383e4e;
}


{{if theme.veilon_userbar_icons}}
#elUserLink_menu a:before, #elCreateNew_menu a:before {
  content:"\f02b";
  font-family:"FontAwesome";
  font-size:14px;
  font-weight:normal;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
  margin-bottom:-2px;
  line-height:1;
}

#elUserLink_menu a:before, #elCreateNew_menu a:before {
  display:inline-block;
  width:22px;
  opacity:0.7;
}

#elUserLink_menu li[data-menuItem='admincp'] i { display:none; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before { opacity:1; }
#elUserLink_menu li[data-menuItem='profile'] a:before { content:"\f007" }
#elUserLink_menu li[data-menuItem='messages'] a:before { content:"\f01c" }
#elUserLink_menu li[data-menuItem='manageFollowed'] a:before { content:"\f1d8" }
#elUserLink_menu li[data-menuItem='attachments'] a:before { content:"\f0c6" }
#elUserLink_menu li[data-menuItem='settings'] a:before { content:"\f013" }
#elUserLink_menu li[data-menuItem='ignoredUsers'] a:before { content:"\f05e" }
#elUserLink_menu li[data-menuItem='modcp'] a:before { content:"\f046" }
#elUserLink_menu li[data-menuItem='admincp'] a:before { content:"\f023" }
#elUserLink_menu li[data-menuItem='signout'] a:before { content:"\f08b" }
#elCreateNew_menu a:before { content:"\f0fe" }
#elCreateNew_menu a[href*="announcements"]:before { content:"\f0a1" }
#elCreateNew_menu a[href*="module=status"]:before { content:"\f086" }
#elCreateNew_menu a[href*="/files/"]:before {  content:"\f019" }
#elCreateNew_menu a[href*="/gallery/"]:before { content:"\f03e" }
#elCreateNew_menu a[href*="/blogs/"]:before { content:"\f02d" }
#elCreateNew_menu a[href*="/calendar/"]:before { content:"\f073" }
#elCreateNew_menu a[href*="/articles"]:before { content:"\f0f6" }
#elCreateNew_menu a[href*="/forum/"]:before { content:"\f086" }
{{endif}}

/* Breadcrumbs */
.ipsBreadcrumb.ipsBreadcrumb_1 {
    padding: 25px 0px 0px 0px;
}

.ipsBreadcrumb.ipsBreadcrumb_1 ul {
  margin: 0px 20px 15px 20px;
}
.ipsBreadcrumb.ipsBreadcrumb_ {
    padding: 25px 0px 0px 0px;

}
.ipsBreadcrumb.ipsBreadcrumb_ ul {
  margin: 0px 20px 15px 20px;
}
.ipsBreadcrumb > ul > li a,
.ipsBreadcrumb ul > li a{
  font-family: {theme='veilon_additional_google_font'};
  font-size: 13px;
  color: #706783;
}
.ipsBreadcrumb > ul > li .fa:not(.fa-home) {
  margin: 0 6px;
}

.ipsBreadcrumb > ul > li a {
  color: {theme='text_light'};
}

/* GuestMessage */

.guestmessage_container {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 520px;
  z-index: auto;
}

.swiper-slide #guestMessage ul {
  position: relative;
  top: 30px;
}
#guestMessage ul { 
  padding-top: 17px; 
  text-align: center;
  position: relative; 
  z-index: 2;
}

.cWidgetContainer header {margin-right: -1px;}
#guestMessage {
  position: relative;
    color: rgba(255, 255, 255, 0.8);
    margin: 0 auto;
    margin-top: -40px;
}
.vn-gm-cover {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.vn-gm-cover::before {
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  {{if theme.veilon_slider_pattern}}
   background: {theme='veilon_slider_image_gradient'}, url({theme='veilon_slider_pattern'});
  {{endif}}
  z-index: 1;
}
#guestMessage h1 {
  position: relative;
  font-size: 59px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
  text-shadow: 0px 2px 9px rgba(0, 0, 0, 0.7);
  z-index: 2;
}
#guestMessage p {
  position: relative;
    max-width: 900px;
    margin: 0 auto;
  font-size: 16px;
  line-height: 25px;
  color: rgb(255, 255, 255);
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.ipsLayout_minimal #guestMessage { display: none; }

/* ================== */
/*       Slider       */
/* ================== */

/* Content */
.slider_m {
  {{if theme.enable_fluid_width}}
    {{if theme.fluid_width_size}}
      width: {theme="fluid_width_size"}%;
    {{else}}
      width: 100%;
    {{endif}}
  {{else}}
   width: {theme='veilon_layout_container_max_width'}px !important;
  {{endif}}
 {{if theme.veilon_articles_block_slider}}
  display: flex;
  top: -15%;
   align-items: center;
  {{else}}
  top: -15%;
  {{endif}}  
}
.slides_container {
    max-width: 680px;
    margin: 0 auto;
    text-align: left;
    float: left;
}
.swiper-slide-content  { 
  position: relative;
  z-index: 2;
   {{if theme.veilon_articles_block_slider}}
  margin-left: 0 !important;
  {{endif}}
}
.swiper-slide-content h2 {
  font-size: {theme='veilon_slider_title_size'}px;
  font-weight: {theme='veilon_slider_title_weight'};
  color: {theme='veilon_slider_title_color'};
  line-height: 1.733;
  margin: 0;
  padding: 0;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}

.swiper-slide-content p {
  font-size: {theme='veilon_slider_content_size'}px;
  font-weight: 500;
  line-height: 27px;
  color: {theme='veilon_slider_content_color'};
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.4);
}
.swiper-slide-content ul.ipsList_inline {
  position: relative;
  top: 30px;
  text-align: left;
}

.article-slide {
  justify-content: center;
}
.article-slide .swiper-slide-content {
  margin-left: 0;
  margin-right: 0;
  top: -10%;
}

{{if theme.veilon_slider_enable == '1'}}

/* Main */

.swiper-wrapper,
.owl-carousel {
  z-index: auto !important;
}

.swiper-slide {
  display: flex;
  align-items: center;
}

.swiper-slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.swiper-slide::before {
  content: '';
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  {{if theme.veilon_slider_pattern}}
   background: {theme='veilon_slider_image_gradient'}, url({theme='veilon_slider_pattern'});
  {{endif}}
  z-index: 1;
}

.swiper-slide::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1000em;
  height: 100%;
  -webkit-animation: infiniteBackground 200s linear infinite;
  animation: infiniteBackground 200s linear infinite;
  opacity: .1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: 100% !important;
    bottom: 87px !important;
}

{{if theme.veilon_slider_pagination_enable}}
.swiper-pagination-white .swiper-pagination-bullet {
    background: transparent !important;
{{if theme.veilon_slider_pagination_border_enable}}
    border: 2px solid {theme='veilon_slider_pagination_border_color'} !important;
{{endif}}
    opacity: 1 !important;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: {theme='veilon_slider_pagination_background_active'} !important;
    box-shadow: 0px 2px 20px {hextorgb='veilon_slider_pagination_background_active' opacity='0.5'};
    border: none !important;
}
.swiper-pagination-bullet {
    width: 27px !important;
    height: 7px !important;
    border-radius: 3px !important;
}

{{endif}}

{{if theme.veilon_slider_enable == '1'}}
#guestMessage { 
  margin-top: 0;
  text-align: center;
  position: relative;
  top: -15%;
  z-index: 2;
}
#guestMessage h1 {
  padding: 0;
}
{{endif}}


.swiper-pagination {
  display: flex;
  width: 100% !important;
  bottom: 87px;
}
.swiper-pagination-bullet {
  margin-right: 15px;
}

{{endif}}

.slide-content-article-image {
  float: left;
  position: relative;
  max-width: 33%;
}

/* Article Slide  */
.slide-content-article-image img {
  left: 0;
  border: 6px solid #FFFFFF;
  width: 300px;
  min-height: 200px;
  max-height: 200px;
  height: auto;
  position: relative;
  transform: none !important;
}
.slide-content-article-content {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  float: left;
  margin-left: 50px;
  color: #FFF;
  max-width: 60%;
}
.v-as-pattern {
  max-width: 1000px !important;
  padding: 20px;
  border-radius: 3px;
}
.slide-info {
  position: relative;
  font-size: 12px;
}
.article-slide .swiper-slide-content h1 {
  line-height: 0;
  padding: 0;
}
.article-slide .ipsDataItem_meta {
  padding: 10px 0px 30px 0px;
  text-align: left;
}
.article-slide .ipsButton_primary {
  float: right;
}

.article-slide .swiper-slide-content ul.ipsList_inline {
  display: inline-block;
  float: left;
}

.slide-content-article-content .slide-info {
  font-size: 12px;
  top: 11px !important;
  line-height: normal;
  color: #7B7B7B;
}


.article-slide .swiper-slide-content h1 { font-size: 24px; text-align: left;}
/* ================== */
/*     Navigation     */
/* ================== */

nav .ipsLayout_container {
    display: flex;
    flex-direction: inherit;
    z-index: 5000;
}


/* Standart Nav Type */
{{if theme.veilon_navbar_type == 'standart'}}

.ipsNavBar_secondary { height: 40px; }

{{if theme.veilon_header_type == 'custom2' || theme.veilon_header_type == 'custom3'}}
#elSearchWrapper,
#elSearchWrapper.cSearchExpanded {
    float: right;
    justify-content: flex-start;
    justify-items: baseline;
    display: flex;
    max-width: 380px;
}

{{endif}}
.menu nav[data-controller="core.front.core.navBar"] .ipsLayout_container {
  display: flex;
{{if theme.veilon_header_type === 'custom2' || theme.veilon_header_type === 'custom3'}}
  flex-direction: column;
{{else}}
  flex-direction: inherit;
{{endif}}
{{if theme.veilon_navbar_orientation == 'vertical'}}
top: -104px;
{{else}}
top: -75px;
{{endif}}
}


.menu {
  display: flex;
  flex-flow: column;
}

.submenu {
  background: {theme='veilon_navbar_background'};
  height: 100px;
  border-top: 1px solid {theme='veilon_navbar_border_color'};
}

.menu .submenu .ipsLayout_container {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.ipsNavBar_primary {
  display: flex;
  height: 115px;
  align-items: center;
}

.ipsNavBar_primary .ipsMenu_title {
  padding: 20px;
}

.ipsNavBar_secondary > li > a:hover {
  color:#FFF;
}

 #ipsLayout_header nav {
    height: 40px;
}

.ipsNavBar_primary > ul > li > a {
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: transparent !important;
  border-radius: 0px;
  padding: 27px 25px;
}

.ipsNavBar_secondary > li > a {
  font-size: 12px;
  font-weight: 500;
}

.ipsNavBar_active a::before {
  text-shadow: 0px 2px 24px {theme='veilon_navbar_active_background'};
}

.ipsNavBar_secondary > li > a { color: #7B7B7B; }

.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
}

.ipsNavBar_secondary {
  background: transparent;
}

.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul::before {
  background: transparent;
}

.ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  background: transparent;
  color: {theme='veilon_navbar_active_background'};
  border-bottom: 4px solid;
  border-radius: 2px;
}

.ipsNavBar_secondary > li.ipsNavBar_active a {
  color: #FFF;
}

{{endif}}

{{if theme.veilon_navbar_type === 'dropdown'}}

.ipsNavBar_primary .ipsResponsive_showDesktop.ipsResponsive_block { display: flex !important }

.ipsNavBar_primary {
  display: block;
}

.ipsNavBar_primary > ul, .ipsNavBar_secondary {
  width: 100%;
}

.veilon-social-icons a {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}


.ipsNavBar_primary.ipsNavBar_noSubBars > ul > li.ipsNavBar_active > a { background: none !important }
.ipsNavBar_primary li { font-size:13px; }
.ipsNavBar_secondary li, .ipsNavBar_primary .ipsMenu li { width: 100%; font-size:13px; }
.ipsNavBar_secondary .ipsNavBar_secondary li { font-size:11px; }
.ipsNavBar_primary .ipsMenu { line-height:1.8rem; }

.ipsNavBar_primary {
  background: none !important;
  font-size:0;
  line-height:0;
  padding-bottom:40px;
}
.ipsNavBar_primary > ul > li > a {
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: transparent !important;
  border-radius: 0px;
  padding: 25px 25px;
  white-space: nowrap;
}

.ipsNavBar_primary > ul > li:hover, 
.ipsNavBar_primary > ul > li:hover {
  background: {theme='veilon_navbar_hover_background'} !important;
}
.ipsNavBar_primary > ul > li > a:hover {
  color: {theme='veilon_navbar_active_background'};
}
.ipsNavBar_primary > ul > li > a:hover:before {
  text-shadow: 0px 2px 24px {theme='veilon_navbar_active_background'};
}
.ipsNavBar_secondary > li > a {
  color: #C3C3C3;
  font-size: 12px;
  font-weight: 400;
  border: 0;
  line-height:1.3;
  text-align: left;
}
.ipsNavBar_secondary > li > a:hover {
  color: #FFF;
}
.ipsNavBar_secondary > li:hover {
    background: {theme='area_background_dark'} !important;
    color: #FFF !important;
}
.navAlign.hiddenLinks {
  overflow:hidden;
  max-height:26px;
}
.ipsNavBar_primary > ul > li.focusNav_hidden {
  display:none;
}
.ipsNavBar_primary {
  padding:0;
}
.ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul:before {
  display:none;
}
.ipsNavBar_primary > ul > li {
  position:relative;
}
.ipsNavBar_secondary > li.ipsNavBar_active a { color: #FFF }
.ipsNavBar_primary > ul > li:hover {
  z-index:10;
}
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
  background: {theme='area_background'};
  border-radius: 0 0 3px 3px;
}

html .ipsMenu.ipsNavBar_secondary {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-name: maximise;
    animation-name: maximise;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
html[dir="ltr"] .ipsNavBar_primary > ul > li,
html[dir="ltr"] .ipsNavBar_secondary > li { background: {theme='veilon_navbar_background'}; z-index: 222;}
html[dir="rtl"] .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary::before {
    right: 24px;
    left: auto;
}
html[dir="rtl"] .ipsNavBar_primary > ul > li > .ipsNavBar_secondary {
  text-align:right;
}
html[dir="ltr"] .ipsNavBar_primary > ul > li > a { margin-right: 0px; }
html[dir="rtl"] .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary {
  right:0;
  left:auto;
}
.ipsNavBar_primary > ul > li:hover > .ipsNavBar_secondary {
  visibility:visible;
  opacity:1;
  margin-top:0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  pointer-events:auto;
}
html[dir="rtl"] .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(3):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(2):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before, .ipsNavBar_primary > ul > li:nth-last-of-type(1):not(:nth-of-type(1)):not(:nth-of-type(2)) > .ipsNavBar_secondary:before {
  right:24px;
  left:auto;
}
.ipsNavBar_secondary > li {
  width: 100%;
  display:block;
}
.ipsNavBar_primary > ul > li > .ipsNavBar_secondary > li > a {
  width: 100%;
  padding:11px 15px;
  white-space:nowrap;
}
.ipsNavBar_secondary .ipsNavBar_secondary {
  display:block !important;
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  bottom:auto;
  z-index:auto;
  height:auto;
}
.ipsNavBar_secondary .ipsNavBar_secondary a {
  width: 100%;
  padding-left:30px;
}
.ipsNavBar_secondary .ipsNavBar_secondary .ipsNavBar_active a:before {
  content:"\f141";
  font-family:"FontAwesome";
  font-size:14px;
  font-weight:normal;
  float:left;
  text-align:right;
  width:18px;
  margin-left:-28px;
  position:relative;
  top:1px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
  opacity:0.4;
  line-height:18px;
}
.ipsNavBar_primary .ipsMenu {
  text-align:left;
}

#elHeaderSocialLinks {
    display: flex !important;
    align-items: center;
    order: 20;
}

.ipsNavBar_secondary li#elNavigationMore_more:last-child {
  display: none;
}

{{endif}}
{{if theme.veilon_navbar_orientation == 'vertical'}}
{{if theme.veilon_navbar_type == 'standart'}}
.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
  padding-bottom: 16px;
}
{{else}}
.ipsNavBar_primary > ul > li > a::before {
  margin-right: 5px;
  padding-bottom: 16px;
}
{{endif}}
{{elseif theme.veilon_navbar_type == 'standart'}}
.submenu {
  height: 80px;
}
{{endif}}



.p-social-icons {
  align-items: center;
  margin-left: auto;
}
.p-social-icons .veilon-social-icons { margin: 0; }
.p-social-icons .veilon-social-icons a { margin-top: 0 !important; }

/**
* Widget Blocks
**/

/* General */
#ipsLayout_sidebar .ipsBox,
.cForumList .ipsBox,
.cForumList .ipsAreaBackground_reset {
  background-color: transparent !important;
}

.ipsBox:not( .ipsBox_transparent ):not( .ipsModerated ) {
  background: {theme='area_background'};
}

.cTopicList {
  background: {theme='area_background_dark'};
}

/* DataList */

.ipsDataItem { border: 0; }
.ipsDataList li:first-child:before { height: 0 }
#ipsLayout_sidebar .ipsDataList li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 90%;
  margin: 0 auto;
  height: 1px;
  background: #29203B;
  border-radius: 4px;
}

#elTopContributors {
  margin-top: 4px;
  border-radius: 2px 2px 0 0;
}

#elTopContributors_content.ipsWidget_inner { margin-top: 0; }

/* Forums */

.ipsStepBar {
  background: {theme='page_background'};
}

html[dir="ltr"] .ipsStepBar > .ipsStep + .ipsStep.ipsStep_active:after {
  background-image: none;
}

/* Breadcrumbs */
.ipsBreadcrumb > ul > li { color: rgb(156, 156, 156); }
.ipsBreadcrumb > ul:last-child > li:last-child { color: #C3C3C3; opacity: 1;  }

.ipsType_sectionTitle { 
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}
a.ipsType_sectionTitle, .ipsType_sectionTitle a {
  color: {theme='link'};
}
.ipsApp .ipsDataItem_new,
.ipsApp .ipsDataItem_success {
  background: {theme='area_background'};
}

/* Section Title */
.ipsType_sectionTitle {
  display: flex;
  border-radius: 5px;
}
.ipsType_sectionTitle a {
  display: flex;
  align-items: center;
  order: 20;
}

.cForumToggle {
  margin-left: auto;
  height: 40px;
  order: 30 !important;
}

.vn-node-indicator {
   background: #CC00FF;
    border-radius: 10px;
    position: relative;
    color: #fff;
   }

{{if theme.veilon_node_indicator_form =='circle'}}
.circle {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;   
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 100%;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
.pulse {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100%;
  cursor: pointer;
  box-shadow: 0 0 0 {hextorgb='veilon_node_indicator_color' opacity='0.4'};
  animation: pulse 2s infinite;
 }
{{elseif theme.veilon_node_indicator_form =='triangle'}}
.triangle {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 100%;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
{{else}}
.square {
  background: {theme='veilon_node_indicator_color'};
  position: relative;
  float: left;
  max-width: 36px;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  order: 10;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
  margin-right: 26px;
  border: 1px solid {theme='veilon_node_indicator_color'};
  border-radius: 0;
  box-shadow: 0px 2px 24px {hextorgb='veilon_node_indicator_color' opacity='0.5'}, 0 0 1px 5px {hextorgb='veilon_node_indicator_color' opacity='0.2'}, 0 0 2px 10px {hextorgb='veilon_node_indicator_color' opacity='0.2'};
}
.pulse {
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 0;
  cursor: pointer;
  box-shadow: 0 0 0 {hextorgb='veilon_node_indicator_color' opacity='0.4'};
  animation: pulse 2s infinite;
 }
{{endif}}
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

/* Forum Nodes */

.cForumRow .ipsDataItem .ipsDataItem_meta {
  font-size: 13px;
  color: {theme='text_light'};
}

.cForumList .ipsDataItem_title {
  padding-bottom: 5px;
}
.ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_title,
.cForumList .ipsDataItem_lastPoster .ipsContained {
  color: {theme='veilon_text_light2'};
}

.ipsDataItem_unread .ipsDataItem_title,
.ipsDataItem_subList li.ipsDataItem_unread { font-weight: 500 }

.ipsDataItem_unread .ipsDataItem_title a { 
  font-weight: 600 !important;
  font-size: 18px;
  color: #F1EBFC;
}
.ipsDataItem_title a {
  font-weight: 500;
  font-size: 18px;
  color: {theme='veilon_text_light2'};
}

.cForumTopicTable .ipsDataItem_title a {
  font-size: 14px;
}
.cForumList .ipsDataItem_lastPoster a:hover,
.cForumTopicTable .ipsDataItem_title a:hover,
#ipsLayout_sidebar a.ipsDataItem_title:hover {
  color: {theme='link_hover'};
}

.ipsDataItem_lastPoster time {
  color: {theme='link'};
}

.ipsDataItem_statsLarge .ipsDataItem_stats_number {
  font-weight: 500;
  font-size: 18px;
}
.ipsDataItem_statsLarge .ipsDataItem_stats_type {
    font-size: 13px;
    color: {theme='link'};
}

.ipsDataItem .ipsDataItem_lastPoster { font-family: {theme='veilon_additional_google_font'}; font-size: 14px; }

html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto li,
.ipsDataItem_lastPoster .ipsType_blendLinks a {
  color: #8C81A2;
}
.ipsDataItem .ipsDataItem_lastPoster a.ipsType_blendLinks {
 color: #706783;
}


.ipsAreaBackground_light,
.ipsLikeRep { background: none;}

.ipsAreaBackground_negative {
  background: #941e1e;
}

.ipsDataList.ipsDataList_zebra .ipsDataItem:nth-child(2n):not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status) {
    background: {theme='area_background'};
}
.ipsType_richText { color: {theme='text_color'}; }
.ipsType_large:not(.ipsType_richText) {
    line-height: 10px;
}
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  font-size: 14px;
  {{if theme.veilon_font_mode == 'google' and theme.veilon_additional_google_font}}
  font-family: {theme="veilon_additional_google_font"};
{{endif}}
  font-weight: 500;
  color: {theme='veilon_text_light2'};
  padding: 15px;
  background: {theme='area_background_light'};
  border-radius: 2px;
  text-transform: uppercase;
}
.ipsWidget_horizontal {
{{if theme.veilon_font_mode == 'google' and theme.veilon_additional_google_font}}
  font-family: {theme="veilon_additional_google_font"};
{{endif}}
}
{{if theme.veilon_forum_icon_mode == 'images'}}
.ipsItemStatus_posted .ipsItemStatus_read { background: none !important; }
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read i,
.ipsItemStatus.ipsItemStatus_large i { display: none; }
  .cForumRow span.ipsItemStatus_large,
  .cForumList span.ipsItemStatus_large {
{{if theme.veilon_forum_nodes_image_not_read}}
    background: url({theme='veilon_forum_nodes_image_not_read'}) no-repeat scroll center center !important;
{{endif}}
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
  }
  .cForumRow span.ipsItemStatus_read,
  .cForumList span.ipsItemStatus_read {
{{if theme.veilon_forum_nodes_image_read}}
    background: url({theme='veilon_forum_nodes_image_read'}) no-repeat scroll center center !important;
{{endif}}
  }

{{if theme.veilon_forum_nodes_opacity_enable}}
.ipsItemStatus.ipsItemStatus_read {
 opacity: {theme='veilon_forum_nodes_opacity_enable'}
}
{{endif}}
.ipsItemStatus.ipsItemStatus_large {
  width: 25px;
  height: 23px;
  border-radius: 0px !important;
}
{{else}}
.ipsDataItem_unread .ipsItemStatus.ipsItemStatus_large {
  box-shadow: 0px 2px 32px {theme='veilon_global_color1'};
}
{{endif}}

#ipsLayout_sidebar .ipsWidget_title {
  font-style: italic;
  font-weight: 600;
}

#ipsLayout_sidebar .ipsWidget_title::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: {theme='veilon_global_color2'};
  box-shadow: 0px 2px 24px {hextorgb='veilon_global_color2' opacity='0.5'};
  border-radius: 4px;
}


#ipsLayout_sidebar .ipsBox:hover .ipsWidget_title { 
  transition: box-shadow 0.4s ease-in-out;
}

#ipsLayout_sidebar .ipsBox:hover .ipsWidget_title::before {
  box-shadow: 4px 2px 30px {hextorgb='veilon_global_color2' opacity='0.8'};
  transition: box-shadow 0.4s ease-in-out;
}

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #313448; }
.ipsItemStatus.ipsItemStatus_large { color: {theme='text_color'}; border-radius: 3px; }

.ipsDataList_large .ipsDataItem_icon { padding: 15px 10px 15px 22px; }

.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny::after {
    width: 40px;
    height: 40px;
  {{if theme.rounded_photos}}
    border-radius: 40px;
  {{endif}}
}
.ipsApp .ipsNotificationCount {
  top: -7px;
  background: {theme='notification_buble'};
  border: 2px solid {theme='area_background_dark'};
  border-radius: 50px;
  line-height: 16px;
  padding: 0 5px;
}

.ipsMenu_headerBar .ipsType_light {
  color: {theme='link'}
}

.cForumRow .ipsUserPhoto_tiny img, 
.cForumRow img.ipsUserPhoto_tiny, 
.cForumRow .ipsUserPhoto_tiny::after {
  width: 40px;
  height: 40px;
  position: relative;
}

.ipsTabs.ipsTabs_small .ipsTabs_item { 
  position: relative;
  font-size: 14px;
 } 
.ipsTabs { background: {theme='area_background'}; }

.ipsTabs_activeItem {
  background: {theme='area_background'};
  color: {theme='link_hover'};
}
.ipsTabs_activeItem:hover {
  background: {theme='area_background'};
}

.ipsTabs_item,
.ipsTabs_item:hover {
  background: {theme='area_background'};  
  position: relative;
}

.ipsTabs_activeItem::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 2px;
  margin: 0 auto;
  background: {theme='veilon_global_color2'};
  box-shadow: 0px 2px 24px {theme='veilon_global_color2'};
  border-radius: 5px;
}
.ipsForm .ipsTabs {
  padding: 0;
}
.ipsForm .ipsTabs_activeItem {
  font-weight: 500;
  position: relative;
  line-height: 40px;
}
.ipsForm .ipsTabs_item {
  background: transparent;
  color: #8C81A2;
}
.ipsForm .ipsTabs_item:hover:not(.ipsTabs_activeItem) {
  background: transparent;
}
.ipsForm .ipsTabs_item:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 3px;
    border-radius: 2px;
    background: {theme='veilon_global_color2'};
    box-shadow: 0 2px 18px 2px rgba(255,214,0.3);
    opacity: 0;
    width: 0%;
    transform: translateX(-50%);
    transition-property: opacity, width;
    transition: .4s ease;
}
.ipsForm .ipsTabs_activeItem:before {
    opacity: 1;
    width: calc(100% - 16px);
}

  html[dir="ltr"] .ipsDataList_large .ipsDataItem_icon { padding-right: 2px; }
  html[dir="ltr"] .cMessage_members > ol > li { border-right: 2px solid #585a63; }
  div[data-image="1"] h2  { border: 0 !important }
  .ipsType_blendLinks { color: {theme='text_light'} }
  .ipsType_blendLinks a { color:  #c4c4c4 }
  .ipsType_light a { color: #9c9c9c; }
  .ipsLikeRep { background: none; }
  .ipsBox { border: none; box-shadow: 0px 0px 10px 0px rgba(17, 18, 23, 0.2); }
  .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span { background: #242633; color: {theme='text_color'}; font-weight: bold; border: 1px solid #2F323C; }
  .ipsCommentUnreadSeperator {   border-color: #e2c276; }
  .ipsComment { background: {theme='area_background_dark'} }
  .ipsFieldRow_section { font-weight: 500; color: {theme='veilon_popandsectitle_color'}; background: {theme='area_background_dark'} }
  .cPost .ipsComment_controls { margin-bottom: 15px; }
  html[dir] .cPost .ipsComment_content { padding-right: 10px; padding-left: 10px; }
  .ipsComment:not(.ipsModerated) .ipsComment_header { background: {theme='widget_title_bar'}; border: 0; }
h3.ipsComment_author strong,
.cMessage_name { font-weight: 500; }
  .ipsComment, .ipsComment.ipsBox { border: none; }
  .cPost .cPost_contentWrap { padding: 7px 15px 15px 0 !important; } 
  .ipsType_pageTitle { color: #C3C3C3; }
  .ipsTabs_activeItem:hover,.ipsPager_type { color: {theme='text_color'}; }
  .ipsType_large:not(.ipsType_richText) { line-height: 15px; }
  .ipsSelectTree { background: {theme='area_background_dark'} !important; border: 1px solid {theme='veilon_border_color'}; }
  .ipsSelectTree_nodes { background: {theme='area_background_dark'}; border-style: solid; border-width: 0px 1px 1px 1px; border-color: {theme='veilon_border_color'}; }
  .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:hover:not(.ipsSelectTree_itemDisabled) { background: {theme='area_background_light'}}
  .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_selected:hover:not(.ipsSelectTree_itemDisabled) { background: {theme='area_background_light'}; }
  .ipsSelectTree_selected { background:{theme='area_background_dark'}; }
  .ipsSelectTree_nodes [data-role="nodeList"] { background: {theme='area_background'}; }
  .ipsThumb { border: 1px solid {theme='veilon_border_color'} }
  .ipsDialog .ipsDialog_loading { background: {theme='area_background'}; }
  li[data-blocktitle="Who's Online"] .ipsType_light,
  li[data-blocktitle="Who's Online"] .ipsType_medium a { font-size: 12px; color: {theme='link'}; }
  .ipsDataList_readStatus .ipsDataItem:not(.ipsDataItem_unread):not(.ipsDataItem_selected):not(.ipsModerated) { background: {theme='area_background_dark'} }
  .ipsPager .ipsPager_next a::after, .ipsPager .ipsPager_prev a::after { color: {theme='text_color'} }

.cAuthorPane .ipsType_blendLinks a,
.ipsFaded.ipsFaded_more,
.ipsComment_controls,
div[data-role="memberSignature"] .ipsType_richText {
  font-family: {theme='veilon_additional_google_font'};
  font-weight: 500;
}
.cPost_contentWrap .ipsType_richText > p {
  font-family: {theme='veilon_additional_google_font'};
  font-weight: 400;
}

/* Sublist */
.ipsDataItem_subList {font-family: {theme='veilon_additional_google_font'};}
  .ipsDataItem_subList li a { color: {theme='text_color'}; }
}
.ipsDataItem_subList .ipsDataItem_unread a { color: #FFF; font-weight: 600;}

/* Forums Node Stats */
.ipsDataItem_stats dl { 
    margin: 0 47px 5px 0; 
}

[data-pageapp="forums"] .ipsDataItem .ipsDataItem_stats_type { 
  text-transform: none; }
 .ipsDataItem .ipsDataItem_stats_number { 
  color: {theme='link'}; 
  text-align: right; 
  text-transform: capitalize; 
}

.ipsDataItem .ipsDataItem_stats_type { 
  color: #8C81A2; 
  text-align: right; 
  text-transform: capitalize; 
}

.ipsFieldRow:not(.ipsFieldRow_checkbox) .ipsFieldRow_label,
.ipsFieldRow:not(.ipsFieldRow_checkbox) .ipsFieldRow_title { font-weight: 500; }
/* Table */
.ipsTable.ipsMatrix thead th { background: {theme='area_background'}; color: {theme='text_color'}; }
.ipsTable.ipsMatrix .ipsMatrix_subHeader { background: {theme='area_background_dark'}; color: {theme='text_color'}; }


/* ================== */
/*     Components     */
/* ================== */

/* Nexus */
.cNexusSupportMessage_m .cNexusSupportMessage_author,
.cNexusSupportMessage_a .cNexusSupportMessage_author,
.cNexusSupportMessage_s .cNexusSupportMessage_author{
  background: {theme='area_background_light'};
}
html[dir="ltr"] .cNexusSupportMessage_m,
html[dir="ltr"] .cNexusSupportMessage_a {
  border-left-color: {theme='veilon_global_color1'};
    box-shadow: 0px 2px 20px {hextorgv='veilon_global_color1' opacity='0.5'}
}

/* Blogs */
.cBlogView_entry { border-bottom: 2px solid #383e4e;}
.ipsCommentUnreadSeperator {
    border-color: {theme='link_hover'};
}

/* Pages */
.ipsWidget[data-blocktitle*="WYSIWYG"] { padding: 12px; }
.cCmsCategoryFeaturedEntry { border-bottom: 2px solid {theme='veilon_global_color2'}; }
#elCmsPageWrap .ipsAreaBackground_reset { background: {theme='area_background_dark'} }
[data-blocktitle="Database"] { padding: 15px !important; }

/* Downloads */
.ipsEmbedded_headerArea { background: {theme='area_background_light'} }
.ipsEmbedded_content,iframe[data-embedContent] { background: {theme='area_background_dark'}; border-color: {theme='veilon_border_color'}; }
.ipsEmbedded_withImage .ipsEmbedded_image { border: 1px solid {theme='veilon_border_color'}; }
#elDownloadsSubmit .ipsAttachment_dropZone { background: {theme='area_background_dark'}; border: 3px dashed {theme='veilon_border_color'}; }
.ipsProgressBar.ipsProgressBar_animated .ipsProgressBar_progress,
.ipsProgressBar_progress { 
  background: {theme='poll_bar'};
  box-shadow: 0px 2px 32px {theme='veilon_global_color1'};
}
#elDownloadsSubmit_progress.ipsSticky { background-color: {theme='area_background_reset'} }

/* ChatBox */

.ipsEmoticons_item[data-emoticon]:hover { background: {theme='area_background_dark'}; }

.cChatContainer {
    height: 300px;
}
.cChatRow_own {
    background: #1e202b;
}
.cChatRow_own .cChatRow_user, .cChatRow_own .cChatRow_content, .cChatRow_own .cChatRow_date {
    border-color: #242633;
}

/* Bubble Chat */

.ipsApp .cBabbleTextArea { color: {theme='text_color'}; border-color: transparent !important; }
.cBabbleOnlineList ul { background: {theme='area_background_dark'}; }
.cBabbleOnlineList {background: {theme='area_background_reset'}; }
.cBabbleList > li:nth-child(2n+1):not(.cBabbleAnnouncement):not(.cBabbleMine):not(.cBabbleAlert) { background-color: {theme='area_background_dark'}; }
.cBabbleRow { border-bottom: 1px solid {theme='veilon_border_color'}; }
.cBabbleRow .cBabbleUser a { color: {theme='link'}; }


/* Hover Card */
.ipsHovercard {
  background: {theme='area_background'};
  border: 1px solid #2f323c;
}

.ipsHovercard_stemTop .ipsHovercard_stem { border-color: {theme='area_background'} transparent transparent transparent; }
.ipsHovercard_stemBottom .ipsHovercard_stem { border-color: transparent transparent {theme='area_background'} transparent; }
.ipsHovercard_stemTop .ipsHovercard_stem::before { border-color: #2f323c transparent transparent transparent; }
.ipsHovercard_stemBottom .ipsHovercard_stem::before { border-color: transparent transparent #2f323c transparent; }

/* CheckBox */ 
.ipsCustomInput > span {
  background: #16171f !important;
  border: 1px solid {theme='veilon_border_color'};
}
.ipsCustomInput input:checked + span {
  border-color: {theme='primary_button'};
}
.ipsCustomInput input[type="checkbox"]:checked + span::after { color: {theme='primary_button'}; }
.ipsCustomInput input[type="radio"]:checked + span:after { background: {theme='primary_button'}; }
.ipsCustomInput input:hover:not( :disabled ) + span { border-color: {theme='primary_button'}; }
{{if theme.veilon_topic_panel_custom}}
.ipsCustomInput,
.ipsCustomInput > span {
  display: flex;
  top: 0;
}

{{endif}}

/* Toogles */
{{if theme.veilon_custom_toogle}}
.ipsToggle {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(30, 33, 48);
  border-radius: 3px;
}

.ipsToggle span { border-radius: 3px; }
.ipsToggle.ipsToggle_off span::after,
html[dir="ltr"] .ipsToggle span::after { display: none; }
.ipsToggle.ipsToggle_off { background-color: {theme='veilon_custom_toogle_background_off'}; border: 1px solid rgb(37, 57, 106);}
.ipsToggle.ipsToggle_off .ipsToggle span { background-color: rgb(92, 92, 99); }
.ipsToggle.ipsToggle_on { background: {theme='veilon_custom_toogle_background_on'}; }
.ipsApp .ipsToggle:focus, .ipsApp .ipsCustomInput input:focus + span {
    border-color: {theme='veilon_custom_toogle_border_color'};
    box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0px 1px 5px {theme='veilon_custom_toogle_background_on'};
}
{{else}}
.ipsToggle {
    width: 50px;
    background: red;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border-radius: 11px;
    position: relative;
    box-shadow: none;
    border: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.ipsToggle span {
    background: #f5f5f5;
    border-radius: 9px;
    height: 18px;
    width: 18px;
    top: 3px;
    text-indent: 100%;
    white-space: nowrap;
    box-shadow: none;
    display: block;
    position: absolute;
    pointer-events: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ipsToggle.ipsToggle_on{
  background: #82b244;
}

.ipsToggle.ipsToggle_off {
    background: #8c8c8c;
}

.ipsApp .ipsToggle:focus, .ipsApp .ipsCustomInput input:focus + span {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

html[dir="ltr"] .ipsToggle.ipsToggle_on span, html[dir="ltr"] .ipsToggle.ipsToggle_off:active span {
    right: 4px;
}

html[dir="ltr"] .ipsToggle.ipsToggle_off span, html[dir="ltr"] .ipsToggle.ipsToggle_on:active span {
    right: 28px;
}
{{endif}}

/* MultiPipe */
.ipsApp select:not([multiple]) {
  background: {theme='area_background'};
  background-position: right center;
  background-size: 18px 9px, 100% 100%;
  background-repeat: no-repeat, repeat;
  border: 1px solid {theme='area_background_light'};
  color: {theme='text_color'};
}

.ipsApp select:not([multiple]) > option {
  background: {theme='area_background'};
  color: {theme='text_color'};
}

/* Widgets */
#elVNC_sidebar, #modcp_menu, #elSearch_sidebar,
.ipsSideMenu.ipsAreaBackground_light {
    background-color: {theme='area_background'};
    border: 1px solid #2f323c;
    border-radius: 3px;
}

section#elTopContributors_content .ipsAreaBackground_light a {
  background: {theme='area_background_light'};
  border-radius: 2px;
  display: inline-block;
  padding: 5px;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  color: {theme='link'};
}

[data-blocktitle="Who\'s Online"] .ipsPad_half {
    margin-left: 10px;
}

/* Activiy Streams & LeaderBoard */

#elLeaderboardContent .ipsStream .ipsStreamItem_contentBlock {
  background: {theme='area_background_dark'}
}

.ipsModerated,
.ipsStreamItem.ipsModerated .ipsStreamItem_contentType {
  background: {hextorgb="moderated" opacity="0.5"};
}
html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock.ipsModerated::before {
  border-color: transparent {hextorgb="moderated" opacity="0.5"} transparent transparent;
}

.cStreamFilter { background: {theme='area_background'} }
.cStreamFilter h3 { color: {theme='text_color'}; }
.cStreamFilter > li > a.cStreamFilter_active { background: {theme='area_background_dark'};}
.ipsTabs.ipsTabs_contained {
  border-color: {theme='area_background_light'};
}

/* NProgress */
#nprogress .bar { background: {theme='veilon_nprogress_color'} !important; }
#nprogress .spinner-icon {  border-top-color: {theme='veilon_nprogress_spinner_color'} !important; border-left-color: {theme='veilon_nprogress_spinner_color'} !important; }

/* ================== */
/*       Sidebar      */
/* ================== */

.ipsUserPhoto_tiny img, img.ipsUserPhoto_tiny, .ipsUserPhoto_tiny::after {
  width: 30px;
  height: 30px;
}

html[dir="ltr"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon {
    padding-left: 10px;
}

/* Topics widget */
#ipsLayout_sidebar a.ipsDataItem_title,
#ipsLayout_sidebar .ipsContained { font-size: 15px;}

.ipsCommentCount {
  background: {theme='veilon_global_color1'};
  border: 1px solid {theme='veilon_global_color1'};
  box-shadow: 0px 2px 24px {hextorgv='veilon_global_color1' opacity='0.5'}
}
.ipsCommentCount:hover {
  box-shadow: 0px 2px 35px {hextorgb='veilon_global_color1' opacity='0.8'};
  transition: box-shadow 0.3s ease-in-out;
}
.ipsCommentCount.ipsFaded {
  background: {theme='area_background_dark'};
  color: #FFF;
  border: 0;
  box-shadow: none;
}

.ipsDataItem_meta span,
.ipsDataItem_meta time,
.ipsDataItem_meta p,
#ipsLayout_sidebar p.ipsType_medium  {
  font-size: 14px;
}

#ipsLayout_sidebar a.ipsTruncate.ipsTruncate_line {
  font-size: 15px;
  color: {theme='veilon_text_light2'};
}
#ipsLayout_sidebar a.ipsTruncate.ipsTruncate_line:hover {
  color: {theme='link_hover'};
}
html[dir="ltr"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_icon + .ipsDataItem_main {
  padding-left: 10px;
}
html[dir="ltr"] .ipsWidget .ipsDataItem_main.cWidgetComments {
    padding-right: 60px;
}
html[dir="ltr"] .ipsCommentCount::after {
    right: 100%;
    border-color: transparent {theme='veilon_global_color1'} transparent transparent;
}
.ipsWidget_vertical .ipsDataItem .ipsFaded {
  opacity: 1;
}

html[dir="ltr"] .ipsCommentCount.ipsFaded::after {
    border-color: transparent {theme='area_background_dark'} transparent transparent;
}

html[dir="ltr"] #ipsLayout_sidebar.ipsLayout_sidebarright, html[dir="rtl"] #ipsLayout_sidebar.ipsLayout_sidebarleft {
    padding-left: 10px;
    padding-right: 20px;
}

.ipsWidget_inner {
  background: {theme='area_background'};
}

/* topContrib */
.ipsTabs_panel {
    background: {theme='area_background'};
}
.ipsWidget .ipsTabs_small .ipsTabs_item:not(.ipsTabs_activeItem) {
  background: {theme='area_background'};
  color: {theme='veilon_text_light2'};
}
.ipsWidget .ipsTabs_small .ipsTabs_activeItem {
  position: relative;
  background: {theme='area_background'};
  color: {theme='link_hover'} !important;
  font-weight: 500;
}
.ipsWidget .ipsTabs_small .ipsTabs_activeItem::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 2px;
  margin: 0 auto;
  background: {theme='veilon_global_color2'};
  box-shadow: 0px 2px 24px {theme='veilon_global_color2'};
  border-radius: 5px;
}

.ipsDataItem_main strong { font-weight: 400; color: {theme='text_color'} }

/**
* Profile
**/
div[data-role="profileContent"],
div[data-role="profileContent"] .ipsAreaBackground {
  background: {theme='area_background_dark'}
}
div[data-role='profileContent'] .ipsTabs_item{
  font-style: italic;
  font-size: 16px;
  margin-right: 17px;
}
div[data-role='profileContent'] .ipsTabs_item.ipsTabs_activeItem { 
  color: #F1EBFC !important;
}
div[data-role='profileContent'] .ipsAreaBackground_reset {
  font-family: {theme='veilon_additional_google_font'};
    color: #F1EBFC;
}
div[data-role='profileContent'] .ipsWidget.ipsWidget_vertical .ipsWidget_title {
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  color: #F1EBFC;
}
.ipsWidget.cProfileSidebarBlock {
  background: {theme='area_background_dark'} !important;
}
.ipsLeaderboard_trophy_1.cProfileSidebarBlock {
  background: {theme='area_background_light'}
}
.ipsUserPhoto_xlarge img,
img.ipsUserPhoto_xlarge,
.ipsUserPhoto_xlarge:after {
  width: 160px;
  height: 160px;
  border-radius: 100%;
}
.ipsCoverPhoto_photo {
  min-height: 320px;
}
html[dir="ltr"] .ipsCoverPhoto_container [data-role="coverPhotoControls"] {
  z-index: 3;
}
#elProfileHeader {
  height: 320px;
  padding-top: 230px;
}

#elProfileHeader .ipsColumns, #elProfileHeader .ipsColumn_fluid {
      z-index: 3;
}
img.ui-draggable {
  z-index: 2;
}
.ipsType_minorHeading {
  font-size: 14px;
  font-style: italic;
  color: #F1EBFC;
}
html[dir="ltr"] #elProfileStats > ul:last-child > li {
    margin-right: 12px;
}
#elProfileStats {
  background: {theme='area_background'};
  height: 98px;
  display: flex;
  align-items: center;
  flex-flow: row-reverse;
  padding: 15px 12px 12px 218px;
}

#elProfileStats .ipsPos_left {
  margin-right: auto;
}

#elProfileStats li {
  font-size: 14px;
  font-weight: 500;
  color: #998EAE;
  line-height: 1.6em;
}
.cProfileRepScore {
  padding: 16px;
}
.cProfileRepScore_neutral {
	background: {theme='area_background'};
  	color: #8c81a2;
}

.cProfileRepScore_points {
  font-size: 14px;
}
.cProfileRepScore_title {
  font-size: 14px;
}
.cProfileRepScore_points,
.cProfileRepScore_title {
  display: inline-block;
}
.cProfileRepScore_positive {
  background: #1E9423;
}
.ipsRepBadge_positive,
.ipsRepBadge_positive:hover {
  color:#1E9423 !important;
}
.cProfileRepScore_negative .ipsType_minorHeading,
.cProfileRepScore_positive .ipsType_minorHeading {
  font-size: 16px;
  color: #FFF;
  font-style: italic;
}

div[data-role='profileContent'] .ipsWidget_title a,
div[data-role='profileContent'] .ipsDataItem_main a,
.ipsDataItem_generic .ipsType_break,
#elProfileInfoColumn a[data-action="repLog"] .ipsType_reset {
  font-family: {theme='veilon_additional_google_font'};
  color: #706783;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
}

.cProfileSidebarBlock .ipsType_light {
  font-family: {theme='veilon_additional_google_font'};
  color: {theme='veilon_text_light2'};
  font-size: 14px;
}

.ipsDataItem_title a.ipsType_break {
  font-size: 14px;
  color: {theme='veilon_text_light2'};
}
.ipsDataItem_meta time {
  font-size: 13px;
  color: #8C81A2;
}

#elProfileInfoColumn a[data-action="repLog"] .ipsType_reset {
  background: {theme='area_background_dark'}
}

#elWarningInfo .ipsType_light {
  font-family: FontAwesome;
}

#elWarningInfo .ipsType_sectionHead {
  font-size: 16px;
  font-style: italic;
  font-weight: 600;
  text-transform: uppercase;
}
.ipsTabs.ipsTabs_stretch .ipsTabs_item { 
  position: relative;
  font-weight: 600; 
}
#elProfileTabs .ipsTabs_activeItem::before{
  display: none;  
}
#elProfileTabs_content {
  padding: 24px;
}
#elProfileTabs_content .ipsStream li:first-child {
  padding-top: 0;
}
.ipsStreamItem_action,
#elProfileTabs_content .ipsType_light,
#elProfileTabs_content .ipsType_light {
  color: {theme='veilon_text_light2'};
  font-size: 14px;
}

html[dir] .ipsContained_container > span .ipsContained {
  font-family: Montserrat;
}

html[dir] .ipsContained_container > span.ipsContained a { font-weight: 500 }
.ipsStreamItem_header .ipsType_blendLinks,
.ipsStreamItem_snippet .ipsType_richText {
  color: #F1EBFC;
}
.ipsStreamItem_snippet .ipsType_richText {
  font-size: 15px;
}
.cStreamForm_list li a.ipsSideMenu_item.ipsSideMenu_itemActive + .cStreamForm_menu, .cStreamForm_list li a.ipsSideMenu_item:hover:not(.ipsSideMenu_itemActive) + .cStreamForm_menu { 
  background: #1e202b;
}
.ipsStream .ipsStreamItem_contentType { 
  background: {theme='area_background_light'};
  border-radius: 3px solid #1F182E !important;
}
.ipsStreamItem_meta .ipsType_light a {
  color: #706783;
}

/* Profile Settings */
#elProfileTabContent,
#elProfileTabContent .ipsTabs_panel {
  background: {theme='area_background_light'};
}


/* ================== */
/*       Footer       */
/* ================== */

#ipsLayout_footer .ipsList_inline > li a {
    font-weight: 500;
    position: relative;
    margin-right: 15px;
    z-index: 2;
}

#ipsLayout_footer a,
#ipsLayout_footer p {
    color: {theme='link'};
}

.ipsLayout_minimal .ipsGrid { 
  {{if theme.enable_fluid_width}}
    {{if theme.fluid_width_size}}
      max-width: {theme="fluid_width_size"}%;
    {{else}}
      max-width: 100%;
    {{endif}}
  {{else}}
   {theme='veilon_layout_container_max_width'}px;
  {{endif}}
}

#extended_footer ul { padding: 0; }

#extended_footer ul > li {
    list-style: outside none none;
}

#extended_footer .ipsImage_thumbnailed {
    border: 0 !important
}


#extended_footer .ipsGrid > .ipsGrid_span2 {
  width: 15.88%;
}
#extended_footer .vn-socicons-sec {
  width: 20% !important;
}

#extended_footer .ipsGrid > .ipsGrid_span2 {
  margin-left: 3% !important;
}

#extended_footer p > a,
#extended_footer ul > li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.714;
}

#extended_footer {
{{if theme.veilon_background_footer}}
  background: {theme='veilon_footer_bgc'} url({theme='veilon_background_footer'});
  {{else}}
  background: {theme='veilon_footer_bgc'};
{{endif}}
  margin-top: 20px;
  padding: 30px 15px 30px 15px;
}
#extended_footer p,
#extended_footer li {
    margin: 10px;
}

.ipsGrid_span4 h2 {
    margin-right: 20px;
}

.ipsApp_front #extended_footer h3 {
  font-size: 16px;
  font-weight: 600;
  max-width: 85%;
  border-bottom: 2px solid {theme='veilon_border_color'};
  padding-bottom: 10px;
  color: #FFF;
  text-transform: uppercase;
  line-height: 1.2;
}
.ipsApp_front #extended_footer h3::after {
  content: '';
  width: 50%;
  display: block;
  margin-bottom: -12px;
  padding-bottom: 9px;
  border-bottom: 2px solid {theme='link_hover'};
}
.ipsApp_front #extended_footer h3 span {
  color: {theme='link_hover'};
}

/* Animated */
.veilon-social-icons a,
#extended_footer a,
.veilon-social-icons .fa,
.cShareLink,
.cForumList .ipsDataItem {
  -o-transition: background 0.4s, color 0.4s;
  -ms-transition: background 0.4s, color 0.4s;
  -moz-transition: background 0.4s, color 0.4s;
  -webkit-transition: background 0.4s, color 0.4s;
}

.veilonRight { display: inline-block; vertical-align: top; }
.veilonLeft { display: inline-block; margin-right: 20px; }

.ipsUserPhoto {
  background: none;
}

{{if theme.veilon_footer_section1_h1 == ''}}
div[data-block="1"] h3 {
  display: none;
}
{{endif}}
{{if theme.veilon_footer_section2_h1 == ''}}
div[data-block="2"] h3 {
  display: none;
}
{{endif}}
{{if theme.veilon_footer_section3_h1 == ''}}
div[data-block="3"] h3 {
  display: none;
}
{{endif}}
{{if theme.veilon_footer_section4_h1 == ''}}
div[data-block="4"] h3 {
  display: none;
}
{{endif}}

{{if theme.veilon_articles_footer_enable}}
{{if theme.veilon_articles_footer_type == 'list'}}
.veilon_footer_articles_list li {
  display: flex;
  position: relative; 
}
.veilon_footer_articles_list .footer-content-article {
  flex-flow: column;
  display: flex;
  justify-content: center;
  padding-left: 10px;
}
.veilon_footer_articles_list .footer-content-article-image .image_box {
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 3px;
}
.veilon_footer_articles_list .footer-content-article h4 a {
  font-size: 14px;
}
.veilon_footer_articles_list .footer-content-article h4 a::before {
  content: '';
  top: -4px;
  left: 0;
  right: 0;
  bottom: -4px;
  position: absolute;
}
.footer-content-article-image:hover {
  filter: grayscale(.6) brightness(.9);
}
.veilon_footer_articles_list .footer-content-article span {
  font-size: 12px;
}
.veilon_footer_articles_list .footer-content-article span a {
  position: relative;
  z-index: 2;
}
{{endif}}
{{endif}}


/* Badges */

.ipsBadge_positive, .ipsBadge_style4 {
  background: #1E9423;
}

#veilonCopyright {
    color: {theme="link"};
    display: inline-block;
    text-align: right;
}
#veilonCopyright a { color: #FFF; }
#veilonCopyright a::before {
    font-family: "FontAwesome";
    color: #ff4149;
    content: "\f004";
    margin-right: 5px;
    font-size: 11px;
}

/* ================== */
/*       Custom       */
/* ================== */

  .ipsEmbedded_headerArea { background-image: -moz-linear-gradient( 0deg, {theme="veilon_title_back_sidebar1"} 0%, {theme="veilon_title_back_sidebar2"} 100%); background-image: -webkit-linear-gradient( 0deg, {theme="veilon_title_back_sidebar1"} 0%, {theme="veilon_title_back_sidebar2"} 100%); background-image: -ms-linear-gradient( 0deg, {theme="veilon_title_back_sidebar1"} 0%, {theme="veilon_title_back_sidebar2"} 100%); padding: 10px; line-height: 1; font-size: 16px; }
  .ipsTags { margin-bottom: 15px; }

.ipsTags .ipsTag,
.ipsTag_prefix {
  background: {theme='veilon_global_color1'} !important;
  box-shadow: 0px 2px 24px {hextorgv='veilon_global_color1' opacity='0.5'}
}
.ipsTags .ipsTag > span, .ipsTag_prefix > span {
  font-size: 12px;
}
.ipsTags .ipsTag:after,
.ipsTag_prefix:after {
  background: {theme='area_background_dark'};
}
  html[dir="ltr"] .ipsTags .ipsTag::before,
  html[dir="ltr"] .ipsTag_prefix::before,
  html[dir="ltr"] .ipsTags .ipsTag::before, 
  html[dir="ltr"] .ipsTag_prefix::before {
        border-color: transparent {theme='veilon_global_color1'} {theme='veilon_global_color1'} {theme='veilon_global_color1'} !important;
  }
  .ipsComment.ipsComment_selected { border-color: {theme="selected"}; }
  .ipsBox.ipsModerated { background: none; }
  .ipsSideMenu_subTitle { margin: 0; }
  .ipsAutocompleteMenu,.ipsWidget.ipsWidget_horizontal .ipsTabs_panel { background: {theme='area_background'} }
  .ipsAutocompleteMenu_item[data-selected] { background: {theme='area_background_light'} }
  .cToken,
  .ipsSelectTree [data-role="tokenList"] .cToken {
    background: {theme='prefix'} 
  }
  #elNavTheme_menu .ipsMenu_item:hover { background: {theme='area_background_dark'}; }
  #elProfileInfoColumn .ipsAreaBackground_light { background: none; }
  .ipsWidget { background: none; }
  .ipsTabs_panels.ipsTabs_contained { border-color: {theme='veilon_border_color'}; }
  .ipsTabs_panels.ipsTabs_contained .ipsTabs_panel { padding: 15px; }
  .ipsAttachment_dropZone.ipsDragging, .ipsComposeArea_dropZone.ipsDragging { background: #272A3F; border-color: #1e202b; }
  .ipsMenu_headerBar {  background: {theme='widget_title_bar'}; border-bottom: 1px solid {theme='veilon_border_color'};  }
  .ipsMenu_footerBar { background: {theme='widget_title_bar'}; border-top: 1px solid {theme='veilon_border_color'}; }
  .cRatingColumn_on { background: {theme='area_background_dark'};  }
  .cBestAnswerIndicator {  background: #5737bd; }
  .cBestAnswerIndicator_off { background: {theme='area_background_dark'} }
  .cBestAnswerIndicator_off:hover { background: {theme='area_background_reset'} } 
  .ipsType_success,.ipsType_positive { color: #5737bd; }
  .cAnswerRate.ipsType_positive:hover { color: #4b30a1; }
  .cAnswerRate:not(.ipsType_positive):not(.ipsType_negative), .cAnswerRate:hover:not(.ipsType_positive):not(.ipsType_negative) { color: {theme='text_color'} }
  .ipsCarousel .ipsCarousel_nav { background: {theme='widget_title_bar'}; color: {theme='text_color'}; }
  #topic_tags_prefix .ipsType_light { color: #FFFFFF; }
  .ipsAreaBackground_light .ipsButtonRow li > a:not(.ipsButtonRow_active), .ipsAreaBackground_light .ipsButtonRow li > button:not(.ipsButtonRow_active), .ipsAreaBackground_light .ipsButtonRow li > span:not(.ipsButtonRow_active) {  background: {theme='area_background'}; color: {theme='text_color'};}
  .ipsButtonRow li > a.ipsButtonRow_active, .ipsButtonRow li > button.ipsButtonRow_active { background: {theme='area_background_dark'}  }
  #elNexusActions > li > a:hover { background: none; }
  .cNexusActionBadge { color: #b7bacd; }
  .cNexusActionBadge_off { background: #191a24 }

  li[data-blocktitle="Top Submitters"] .ipsGrid .ipsGrid_span3:first-child h4 { padding-left: 15px; }
  .cPollVoteBar { background: #313448; }
  .ipsButtonRow li > a, .ipsButtonRow li > button, .ipsButtonRow li > span { background: {theme='light_button'}: color: {theme='light_button_font'}; }
	
	#elMobileNav { background: {theme='area_background_light'}; }

/* ================== */
/*     Responsive     */
/* ================== */

@media screen and (max-width: 1200px) {
  #elSearchWrapper {
    display: block !important;
  }
}

@media screen and (max-width: 979px) {
  #ipsLayout_sidebar { background: none !important; }
  .swiper-slide-content p { padding: 0 20px; }
  #veilonContainer { top: 0 !important; margin-bottom: 0 !important; }
   #elProfileHeader html[dir="ltr"] .ipsGrid > [class*="ipsGrid_span"] { margin-left: 0px !important; margin-top: 10px;}
  .secondaryNavBar { display: none !important; }
  .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem { padding: 15px 10px 15px 10px; }
  body.cSearchOpen #elSearch { z-index: 9999; }
  body.cSearchOpen #elSearch { margin: -16px 3%; width: 78%; }
  html[dir="ltr"] body.cSearchOpen #elSearchField { left: 10px; }

  #ipsLayout_header nav,
  .p-header-soc { display: none !important; }

  .submenu { padding-bottom: 0px; }

  .p-header-search { display: none !important; }

  /* Profile */
  #elProfileStats { 
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  #ipsLayout_header header > .ipsLayout_container {
    flex-direction: column;
  }
  
  .menu { display: none; }

  .p-header-soc { width: 100%; order: 20; }
  .p-header-opposite { order: 10; }
  .p-social-icons,
  .p-header-logo {
    margin-left: auto;
    margin-right: auto;
  }
  .p-header-search { display: none !important; }
  #ipsLayout_contentWrapper {
    padding: 0;
  }
   #ipsLayout_mainArea { padding: 12px !important; }
   #elProfileTabs_content { padding: 0 !important; }
  .ipsTabs { border-top: none; }
  #ipsLayout_header header { text-align: center; }
  #ipsLayout_sidebar { background: none; }
  .ipsPager { display: block !important; }
  .ipsDataItem_icon .ipsItemStatus.ipsItemStatus_large { width: 25px;height: 23px; }
  {{if theme.veilon_articles_block_slide_excludesimv == '0'}}.vn-articles-grid-slider {display:none !important;}{{endif}}
  {{if theme.veilon_articles_block_enable or theme.veilon_articles_block_type ='second'}}
  /* Recent News & Articles; */
  .vn-recent-news {
    height: 100% !important;
  }
  .vn-recent-news .vn-recent-news-list > li:first-child,
  .vn-recent-news .vn-recent-news-list > li {
    width: 100% !important;
  }
  .vn-articles-grid {
    height: 100% !important;
  }
  .vn-articles-grid .vn-articles-list > li:first-child,
  .vn-articles-grid .vn-articles-list > li {
    width: 100% !important;
  }
  {{endif}}
  {{if theme.veilon_articles_block_type == 'first'}}
    .vn-articles-grid { grid-template-columns: repeat(1, 1fr) !important; }
  {{endif}}
  #extended_footer .ipsGrid_span2,
  #extended_footer .ipsGrid_span3,
  #extended_footer .ipsGrid_span4,
  #extended_footer .ipsGrid_span5,
  .veilonLeft,
  .veilonRight  {
    width: 100% !important; 
  }
  #guestMessage { margin: 0 !important; }
  #guestMessage h1 { font-size: 2.4rem; line-height: 1 !important; padding: 0 !important; }
  #guestMessage p { font-size: 1rem; line-height: 25px !important; }

  .veilon-social-icons {
    text-align: center;
    margin: 0 auto;
    float: none;
  }
  #veilonCopyright {
      margin-top: 10px;
      position: relative !important;
      display: block !important;
      text-align: center !important;
    }

   .cPost .ipsComment_meta .cPost_moderator {
    top: -20px;
   }

   .ipsApp .cPost:not(.ipsHide) { display: block !important; }

  /* Sidebar*/
  .ipsTabs_item:not(.ipsTabs_activeItem) {
    color: {theme='text_color'} !important;
  }
  {{if theme.veilon_guestmessage}}
  .guestmessage_container .swiper-slide-content h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
  }

  .guestmessage_container .swiper-slide-content ul.ipsList_inline { text-align: center;  }
  {{endif}}
  {{if theme.veilon_slider_enable == '1'}}

  /*  Slider */
  .swiper-slide-content h2,
  .swiper-slide-content p,
  .swiper-slide-content ul.ipsList_inline {
    text-align: center !important;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      bottom: 10px !important;
  }

  .swiper-slide-content h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
  }

  .slider_m ul.ipsList_inline {
    display: flex;
    flex-flow: column; 
  }
  .slider_m ul.ipsList_inline li { margin-top: 15px; margin-right: 0;}

  .swiper-pagination {
    justify-content: center;
  }

  /* Article Slide */
  .article-slide .slide-content-article-content {
    top: 0 !important;
  }
  .slide-content-article-content {
    top: 100px;
    margin-left: 50px;
    max-width: 100%;
  }
  .slide-content-article-image {
    display: none;
  }

  {{endif}}
  html[dir="ltr"] .ipsNavBar_primary > ul > li,  
  html[dir="ltr"] .ipsNavBar_secondary > li {
    display: none;
  }
  .ipsNavBar_primary .ipsResponsive_showDesktop.ipsResponsive_block { padding: 15px; }
}


html[dir="ltr"] #form_promote_social_content_facebook .ipsFieldRow_content, html[dir="ltr"] #form_promote_social_content_twitter .ipsFieldRow_content, html[dir="ltr"] #form_promote_social_content_internal .ipsFieldRow_content {
  background: {theme='page_background'};
}
#form_promote_social_content_facebook .ipsFieldRow_desc, 
#form_promote_social_content_twitter .ipsFieldRow_desc, 
#form_promote_social_content_internal .ipsFieldRow_desc,
.cPromoteCount:not(.ipsType_issue):not(.ipsType_negative){
  color: #FFF;
}


.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}


#elLogo img { max-height: {theme='veilon_logo_height'}px; }

#ipsLayout_header header {
  {{if theme.veilon_header_background_image}}
  background: {theme='header'} url({theme='veilon_header_background_image'}) !important;
  background-size: cover;
  {{else}}
  background: {theme='header'};
{{endif}}
  padding: {theme='veilon_head_padding'}px;
  display: flex;
  align-items: center;
  min-height: {theme='veilon_header_height'}px;
  max-height: 100%;
}

.p-header-logo,
.p-header-search,
.p-header-opposite,
.p-header-soc {
    margin-right: auto;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}
.p-header-logo { margin-right: auto; }
.p-header-search { margin-right: auto; }
.p-header-opposite { margin-left: auto; }

/* sticky head */

#vn-sticky.stickyhead {
  position: fixed;
  top: 0;
  right:0;
  left:0;
  background: rgba(0,0,0,0.7);
  box-shadow:0 0 10px rgba(0,0,0,0.3);
  z-index: 9999;
}

/* search */

#elSearch {
  background: {theme='veilon_search_background'};
}

#elSearchFilter {
  background: {theme='veilon_search_filter_background'};
}

html[dir="ltr"] #elSearch button {
  color: {theme='veilon_search_icon_color'};
}

.ipsMenu_item > a:not(.ipsMenu_itemInline),
.ipsMenu_item > span:not(.ipsMenu_itemInline) {
  color: {theme='text_color'};
}

ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:not(.ipsMenu_itemInline):hover,
.ipsMenu_item[data-selected] a,
.ipsMenu_item[data-selected] span,
.ipsMenu_item.ipsMenu_hover {
  background: {theme='area_background'};
}
/* ================== */
/*       Forums       */
/* ================== */

/* Topic View */

.veilon--custom_field li {
    width: 100%;
    display: inline-block;
}

.veilon--custom_field li.ipsButton_veryLight { background: none !important; }

.left { float: left;  }
.right { float: right;  }

.cPost .ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
  background-color: {theme='veilon_topic_background'};
}
.cAuthorPane {
    background: {theme='veilon_topic_authorpanel_background'};
    width: {theme='veilon_topic_authorpanel_width'}px;
}

.cPost_contentWrap .ipsType_normal.ipsType_richText,
.cke_editable {
  font-size: 15px;
  font-family: {theme='veilon_additional_google_font'};
}

.cPost .ipsComment_content{ padding-left: 20px !important;  }

{{if theme.veilon_topic_panel_custom == '1'}}
.ipsApp .cPost:not(.ipsHide) {
  display: flex;
}
.cPost .ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
  background: {theme='veilon_topic_background_custom'};
}
.cAuthorPane {
  background: transparent;
}
.cAuthorPane_info {
    padding: 15px 0 50px 0;
}
body.ipsApp .cPost .ipsComment_meta {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
html[dir="ltr"] .cPost .ipsComment_meta {
    padding: 18px 0 10px;
    padding-top: 18px;
    padding-bottom: 10px;
    margin-right: 15px;
}
.ipsComment.ipsComment_selected {
  box-shadow: 0 1px 1px rgba(0,0,0,0.075), 0px 1px 5px {theme='primary_button'};
}
.cPost::before {
    background: {theme='veilon_topic_postbar_background'};
    height: 50px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 1px;
    box-sizing: border-box;
}
.cPost::before, #ipsLayout_body .cAuthorPane_mobile {
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.cPost .ipsComment_content {
  padding-right: 0;
}
.cTopic .ipsItemControls {
    background: {theme='veilon_topic_postbar_background'};
    width: auto;
    margin-left: calc(-{theme='veilon_topic_authorpanel_width'}px - 18px);
    padding-left: calc({theme='veilon_topic_authorpanel_width'}px + 10px);
    margin-right: -24px;
    border-radius: 0 0 3px 3px;
    padding-top: 12px;
}
.cPost .cPost_contentWrap {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  -webkit-flex: 1 1 auto;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
  padding: 15px 15px 0px 0 !important;
}
.cPost .cAuthorPane {
    padding-top: 0 !important;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
.cPost [data-role="commentContent"] {
  margin-bottom: auto;
  padding-bottom: 10px;
}
.cPost > .ipsColumn_fluid {
  -webkit-flex: 1 1 auto;
  display: -webkit-flex;
  flex: 1 1 auto;
  display: flex;
  width: 300px;
}
.cPost .ipsComment_content {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cPost .cAuthorPane .cAuthorPane_author, 
.cPost .ipsComment_meta {
    line-height: 50px;
}
.ipsItemControls_right {
  margin-top: -10px;
}
.ipsReact_reactions + .ipsReact_overview {
    margin: 0 10px;
    order: -1;
}
.ipsReact_blurb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0;
}
.ipsComment_highlighted:not(.ipsBox_transparent):not(.ipsModerated):not(.ipsComment_selected):not(.ipsComment_popular ) {
  box-shadow: 1px 51px 0px {theme='post_highlight_border'} inset, -1px 0 0px {theme='post_highlight_border'} inset, 0px 1px 0px {theme='post_highlight_border'};
  border: none;
}
{{endif}}

.ipsImage_thumbnailed { border: none; }


/* Topics List */
{{if theme.veilon_topics_selection_type == 'unread'}}
.cForumTopicTable .ipsDataItem_unread:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  height: 75%;
  border-radius: 0 3px 3px 0;
  opacity: 1;
  transition-property: box-shadow, opacity;
  transition: .4s ease;
  background-color: {theme='veilon_topics_selection_color'};
  box-shadow: 0px 2px 32px {theme='veilon_topics_selection_color'};
}
{{elseif theme.veilon_topics_selection_type == 'pinned'}}
.vn_pinned_topic:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  height: 75% !important;
  border-radius: 0 3px 3px 0;
  opacity: 1;
  transition-property: box-shadow, opacity;
  transition: .4s ease;
  background-color: {theme='veilon_topics_selection_color'};
  box-shadow: 0px 2px 32px {theme='veilon_topics_selection_color'};
}
{{else}}
.vn_featured_topic:before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
  width: 3px;
  height: 75% !important;
  border-radius: 0 3px 3px 0;
  opacity: 1;
  transition-property: box-shadow, opacity;
  transition: .4s ease;
  background-color: {theme='veilon_topics_selection_color'};
  box-shadow: 0px 2px 32px {theme='veilon_topics_selection_color'};
}
{{endif}}

/* Buttons */

/* Pagination */
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_page a, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_next a, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_prev a, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_first a, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_last a,
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_page a, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_next a, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_prev a, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_first a,
 .ipsPagination:not(.ipsPagination_mini) .ipsPagination_last a {
  background: {theme='veilon_pagination_background'};
  color: #FFF;
}
.ipsButtonBar .ipsPagination .ipsPagination_page a:hover, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_next a:hover, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_prev a:hover, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_first a:hover, 
.ipsApp .ipsButtonBar .ipsPagination .ipsPagination_last a:hover,
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_page a:hover, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_next a:hover, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_prev a:hover, 
.ipsPagination:not(.ipsPagination_mini) .ipsPagination_first a:hover,
 .ipsPagination:not(.ipsPagination_mini) .ipsPagination_last a:hover {
    background: {theme='veilon_pagination_background_hover'};
}
.ipsButtonBar .ipsPagination .ipsPagination_page.ipsPagination_active a,
.ipsPagination .ipsPagination_page.ipsPagination_active a {
    background: {theme='veilon_pagination_background_hover'} !important;
}
.ipsButtonBar .ipsPagination .ipsPagination_page.ipsPagination_active a:hover,
.ipsPagination .ipsPagination_page.ipsPagination_active a:hover {
  background: {theme='veilon_pagination_active_background_hover'} !important;
}
.ipsButtonBar .ipsButtonRow li > a, .ipsButtonBar .ipsButtonRow li > button, .ipsButtonBar .ipsButtonRow li > span {
    background: {theme='veilon_pagination_br_background'};
    color: #FFF;
    border-radius: 2px;
}
.ipsButtonBar .ipsPagination .ipsPagination_pageJump a {
  color: {theme='link'} !important;
}

.ipsPagination.ipsPagination_mini a {
  color: {theme='link'};
  text-shadow: none;
}

.ipsPagination a {
      -o-transition: background 0.4s, color 0.4s;
    -ms-transition: background 0.4s, color 0.4s;
    -moz-transition: background 0.4s, color 0.4s;
    -webkit-transition: background 0.4s, color 0.4s;
}


/* Tags & Prefix */
.ipsTags .ipsTag, 
.ipsTag_prefix {
  background: {theme='prefix'};
}

html[dir="ltr"] .ipsTag_prefix { display: inline-block; }
html[dir="ltr"] .ipsTags .ipsTag::before, 
html[dir="ltr"] .ipsTag_prefix::before {
  border-color: transparent {theme='prefix'} {theme='prefix'} {theme='prefix'};
}

html[dir="ltr"] .ipsTags .ipsTag:hover::before {
    border-color: transparent transparent {hextorgb='prefix' opacity='0.8'} {hextorgb='prefix' opacity='0.8'};
}

.ipsButton_split .ipsButton { border-radius: 0 !important; font-size: 10px; }

html[dir] .ipsButton_split > .ipsButton.ipsButton_link, 
html[dir] .ipsButton_split > li > .ipsButton.ipsButton_link {
  border: 1px solid {theme='tag'};
}

html[dir="ltr"] .ipsButton_split > .ipsButton:first-child, 
html[dir="ltr"] .ipsButton_split > li:first-child > .ipsButton {
  border-color: {theme='tag'};
}
html[dir="ltr"] .ipsButton_split > .ipsButton:not(:first-child),
html[dir="ltr"] .ipsButton_split > li:not(:first-child) > .ipsButton {
    border-left: 0;
}


.ipsTags .ipsTag:hover,
.ipsTag_prefix:hover,
.ipsTag_remove:hover {
  background: {hextorgb='prefix' opacity='0.8'};
}

.ipsTag_remove {
  background: {hextorgb='prefix' opacity='0.8'};
}

.ipsTag_prefix {
  font-size: 10px !important;
}

.ipsType_pageTitle [data-role="editableTitle"]:hover,
.ipsType_pageTitle[data-role="editableTitle"]:hover {
  background: transparent;
}

/* Forums MiniList */
.cForumMiniList_categorySelected {
  background: {theme='area_background_dark'};
}

.cForumMiniList.cForumMiniList_multiRoot > li > a {
  color: {theme='text_color'}
}


/* Enable Start New Theme Button on the front page  */
{{if theme.veilon_display_ntb}}
  .cForumHeader ul{
    display: none;
  }
{{endif}}
{{if theme.veilon_tstat_disp}}

  /* Topics Statistics Display */
  [data-tableid="topics"] .ipsDataItem_stats {
      overflow: hidden;
      text-align: center;
      text-transform: uppercase;
      min-width: 250px;
  }

  [data-tableid="topics"] .ipsDataItem_stats li {
      float: left;
      width: 50%;
  }

  [data-tableid="topics"] .ipsDataItem_stats span {
      display: block;
  }
{{endif}}


.ipsDataItem_main,
.ipsDataItem_subList {
  position: relative;
}
{{if theme.veilon_clickable_nodes}}
.cForumList .ipsDataItem_title a::after{
  content: '';
  top: -4px;
  left: 0;
  right: 0;
  bottom: -4px;
  position: absolute;
}
{{endif}}

.cForumList .ipsDataItem:hover {
  background: {theme='area_background_light'} !important;
}
.cForumList .ipsDataItem:hover .ipsDataItem_title a {
  color: {theme='link_hover'};
  border-bottom: 1px solid {hextorgb='link_hover' opacity='0.5'};}
}

/* Model SubForum */
.ipsDataItem_subList > li a:hover { color: {theme='link_hover'}; }
{{if theme.veilon_subforum === 'standart'}}
.ipsDataItem_subList li {
  width: auto !important;
  white-space: normal !important;
  text-overflow: initial !important;
}
{{endif}}
{{if theme.veilon_subforum === 'vertical'}}
.ipsDataItem_subList li {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
{{endif}}
{{if theme.veilon_subforum === 'twocolums'}}
.ipsDataItem_subList li {
    float: left;
    width: calc(100% / 2 - 5px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
{{endif}}

/* Icon color & opacity */
.ipsDataItem_subList a i.fa {
  color: {theme='veilon_subforum_icon_color'};
{{if theme.veilon_subforum_opacity}}
  {theme='veilon_subforum_opacity'}
{{endif}}
}

.ipsDataItem_subList a i.fa {
    position: relative;
    font-size: 0.5em;
    vertical-align: middle;
    margin-right: 2px;
    top: -1px;
}

/* Node Images */
{{if theme.veilon_forum_icon_mode == 'image'}}
.cForumRow span.ipsItemStatus_large,
.cForumList span.ipsItemStatus_large {
  {{if theme.veilon_forum_nodes_image_not_read}}
  background: url({theme='veilon_forum_nodes_image_not_read'}) no-repeat scroll center center !important; 
  {{endif}}
  display: inline-block; 
  text-align: center; 
}
.cForumRow span.ipsItemStatus_read,
.cForumList span.ipsItemStatus_read {
  {{if theme.veilon_forum_nodes_image_read}}
  background: url({theme='veilon_forum_nodes_image_read'}) no-repeat scroll center center !important; 
  {{endif}}
}
.cForumRow span.cForumIcon_redirect,
.cForumList span.icForumIcon_redirect {
  {{if theme.veilon_forum_nodes_image_redirect}}
  background: url({theme='veilon_forum_nodes_image_redirect'}) no-repeat scroll center center !important; 
  {{endif}}
}
.cForumRow span.cForumIcon_answers,
.cForumList span.icForumIcon_answers {
  {{if theme.veilon_forum_nodes_image_question}}
  background: url({theme='veilon_forum_nodes_image_question'}) no-repeat scroll center center !important; 
  {{endif}}
}
.cForumRow span.cForumIcon_password,
.cForumList span.icForumIcon_password {
  {{if theme.veilon_forum_nodes_image_password}}
  background: url({theme='veilon_forum_nodes_image_password}) no-repeat scroll center center !important; 
  {{endif}}
}
.cForumRow span.cForumIcon_lock,
.cForumList span.icForumIcon_lock {
  {{if theme.veilon_forum_nodes_image_password}}
  background: url({theme='veilon_forum_nodes_image_lock}) no-repeat scroll center center !important; 
  {{endif}}
}

.ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_) { display: none; }
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: none; }
.ipsItemStatus_posted .ipsItemStatus_read { background: none !important; }
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read i,
.ipsItemStatus.ipsItemStatus_large i { display: none; }
{{endif}}

.cForumRow .ipsItemStatus_tiny {
  display: none;
}

/* Node Icons */
{{if theme.veilon_forum_icon_mode == 'faicons'}}
{{if theme.veilon_nodes_transparent_background}}
  .ipsItemStatus.ipsItemStatus_large,
  .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read,
  .ipsDataItem_unread .ipsItemStatus.ipsItemStatus_large {
    background: transparent !important; 
    box-shadow: none;
  }
{{endif}}
.ipsItemStatus.ipsItemStatus_large {
  background: {theme='veilon_nodes_nrbg'}; 
  color: {theme='veilon_nodes_nrc'}; 
}
.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: {theme='veilon_nodes_rbg'}; 
  color: {theme='veilon_nodes_rc'}; 
}

.ipsItemStatus.ipsItemStatus_large {
  border-radius: {theme='veilon_nodes_br'}px; 
  width: {theme='veilon_nodes_iwidth'}px; 
  height: {theme='veilon_nodes_iheight'}px; 
  font-size: {theme='veilon_nodes_fs'}px; 
}

{{endif}}

/* Opacity */
{{if theme.veilon_forum_nodes_opacity_enable and theme.veilon_forum_nodes_opacity}}
.ipsItemStatus.ipsItemStatus_read { 
  {theme='veilon_forum_nodes_opacity'}
}
{{else}}
.ipsItemStatus.ipsItemStatus_read {
  opacity: 1; 
}
{{endif}}

/* internalEmbed */
iframe.ipsEmbed_finishedLoading[data-embedContent] {
  background-color: {theme='selected'};
  border: 1px solid {theme='veilon_border_color'};
}

.ipsApp .ipsRichEmbed_stats.ipsSpacer_top {
  border-top: 1px solid {theme='veilon_border_color'};
}

.ipsRichEmbed_header {
  border-bottom: 1px solid {theme='veilon_border_color'};  
}

.ipsRichEmbed_itemTitle,
.ipsRichEmbed_openItem {
  color: {theme='text_color'};
  opacity: 0.5;
}

.ipsRichEmbed_openItem:hover {
  color: {theme='link_hover'};
}

body[data-role="internalEmbed"] {
  background: {theme='selected'};
}

/* CKEditor */
a.cke_button { 
  cursor: pointer; 
}

.cke_wysiwyg_frame, .cke_wysiwyg_div { 
  background-color: {theme='veilon_text_arena_color'} !important; 
}
.ipsComposeArea_dummy { 
  color: {theme='text_color'}; 
  background: {theme='area_background_dark'}; 
  cursor: pointer; 
}
.ipsComposeArea_editor {
  background: {theme='veilon_topic_editor_compose_background'};
  border: 1px solid {theme='veilon_border_color'}; 
}
.cke textarea.cke_source, 
.cke .cke_wysiwyg_frame, 
.cke .cke_wysiwyg_div { 
  background: {theme='veilon_topic_editor_area_background'}; 
}
.cke .cke_top { 
  background: {theme='veilon_topic_editor_toolbar_background'};
  border-bottom: 1px solid #2f323c; 
}
html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::before {
  right: 100%;
  border-color: transparent {theme='veilon_border_color'} transparent transparent; 
}

html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::after {
  right: 100%;
  border-color: transparent {theme='area_background_dark'} transparent transparent;
}

.ipsComposeArea_withPhoto .ipsComposeArea_editor::after {
    content: '';
    position: absolute;
    top: 16px;
    display: block;
    width: 0;
    height: 0;
    border-width: 14px;
    border-style: solid;
}

.ipsComposeArea_withPhoto .ipsComposeArea_editor::before {
    content: '';
    position: absolute;
    top: 15px;
    display: block;
    width: 0;
    height: 0;
    border-width: 15px;
    border-style: solid;
}

.ipsComposeArea_withPhoto .ipsComposeArea_editor {
  padding:2px; 
}
.cke.cke_chrome {
  box-shadow:none;
  border:0;
}

.cke .cke_inner {
  background:none;
}

.cke .cke_combo_text, .cke .cke_button_label {
  text-shadow:none;
}

.cke_toolgroup span.cke_button_icon[style*="icons.png"] {
  background-image:url('{resource="_veilon/icons/icons.png" app="core" location="front"}') !important;
}
.cke
.cke_hidpi .cke_top .cke_toolbox span.cke_button_icon[style*="icons_hidpi.png"] {
  background-image:url('{resource="_veilon/icons/icons_hidpi.png" app="core" location="front"}') !important;
}

.cke a.cke_button, .cke a.cke_combo_button, .cke .cke_combo_text, .cke .cke_combo_open, .cke .cke_combo_arrow {
  cursor:pointer;
}

.cke .cke_reset_all, .cke .cke_reset_all *, .cke .cke_reset_all a, .cke .cke_reset_all textarea {
  color:rgba(255,255,255,0.7);
  font-family:Tahoma, sans-serif;
}

.cke a.cke_button_off:hover, .cke a.cke_button_off:focus, .cke a.cke_button_off:active, .cke a.cke_button_disabled:hover, .cke a.cke_button_disabled:focus, .cke a.cke_button_disabled:active {
  background:rgba(255,255,255,0.04);
}

.cke a.cke_button_on {
  background:rgba(255,255,255,0.08);
}

.cke a.cke_combo_button {
  background:rgba(255,255,255,0.15);
  border-color:rgba(255,255,255,0.1);
  box-shadow:none;
}

.cke .cke_combo_off a.cke_combo_button:hover, .cke .cke_combo_off a.cke_combo_button:focus {
  background:rgba(255,255,255,0.2);
}

.cke .cke_combo_off a.cke_combo_button:active, .cke .cke_combo_on a.cke_combo_button {
  background:rgba(49, 52, 72,0.2);
  border-color:rgba(255,255,255,0.14);
  box-shadow:none;
}

.cke .cke_combo_on a.cke_combo_button:hover {
  box-shadow:none;
}

.cke.cke_panel {
  background: #363636;
  border-color:transparent;
  box-shadow:0px 10px 70px rgba(0,0,0,0.3);
}

.cke textarea.cke_source {
  padding:10px;
  border-radius:0;
}

/* editor -> code */
.CodeMirror { 
  color: {theme='text_color'};
  background: {theme='area_background_dark'}; 
  border: 1px solid #2f323c; 
}
.pln {color:#fff }
@media screen {
  .str { color:#b8b6e1 }
  .kwd { color:#b8e0ba }
  .com { color:#dfb7b4 }
  .typ { color:#dcdfb2 }
  .lit { color:#add9dc }
  .pun,.opn,.clo { color:#dbadd8 }
  .tag { color:#a9d6ac }
  .atn { color:#d5d8ab }
  .atv { color:#aca9d7 }
  .dec,.var { color:#d3d6aa }
  .fun { color:#e9b5b5 }
}

/* editor -> quote */
.ipsQuote {
  margin: 0;
  padding: 0px 15px;
  border-width: 0px 1px 1px 1px;
  border-color: #2f323c;
  border-style: solid;
  position: relative;
  background: {theme='area_background_light'};
  clear: both;
}
.ipsQuote_citation {
  background: {theme='area_background_light'};
  margin: 0px -15px;
  padding: 5px 15px;
  font-weight: bold;
  font-size: 13px;
  display: block;
}
.ipsQuote_citation { 
  color: {theme='link'}; 
  font-weight: 500;
}
.ipsCode { 
  background: {theme='area_background_dark'};
  border-left: 4px solid {theme='veilon_border_color'} !important; 
}
.ipsQuote .ipsQuote_citation a {
  color: {theme='text_color'};
}

/* editor -> spoiler */
.ipsSpoiler, .ipsStyle_spoiler { 
  background: #1d1f2a;
  border-color: #3a3d47; 
}
.ipsSpoiler .ipsSpoiler_header a, 
.ipsStyle_spoiler .ipsSpoiler_header a { 
  color: {theme-'text_color'}; 
}
.ipsSpoiler_header { 
  font-weight: 400; 
  color: {theme='link'};
  background: #2F323C;
 }
.ipsSpoiler .ipsSpoiler_header a, 
.ipsStyle_spoiler .ipsSpoiler_header a { 
  color: {theme='text_color'}; 
}

/* Menus */

.ipsSideMenu_item:not(.ipsSideMenu_itemActive) a:hover, a.ipsSideMenu_item:hover:not(.ipsSideMenu_itemActive) { background: {theme='area_background_dark'}; }

.ipsSideMenu_item:not(.ipsSideMenu_itemActive) a:hover, a.ipsSideMenu_item:not(.ipsSideMenu_itemActive):hover, span.ipsSideMenu_item:not(.ipsSideMenu_itemActive):hover {
  background: {theme='area_background_reset'};
}


/* ================== */
/*        Apps        */
/* ================== */

/* Blogs */
.cBlogInfo_content::after {
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,{theme='area_background'} 100%);
}

/* Clubs */
.ipsMemberCard {
  background: {theme='area_background_dark'};
  border: 1px solid {theme='veilon_border_color'};
}

/* Pages */


/* Gallery */

.cGalleryLightbox_info {
    background: {theme='area_background'};
}
#elGallerySubmit_imageUploader .ipsAttachment_fileList .ipsImageAttach {
  background: {theme='area_background_light'};
  border-color: {theme='veilon_border_color'};
}

#elGallerySubmit_imageUploader .ipsAttachment_fileList .ipsImageAttach:hover {
  background: {theme='area_background_light'};
  border-color: {theme='veilon_global_color1'};  
}

.elGalleryImage .ipsButton.ipsButton_link {
  border-color: {theme='veilon_border_color'} !important;
}

.cGallerySubmit_uploadImages .ipsAttachment_dropZone:not( .ipsDragging ) {
  border-color: {theme='veilon_global_color1'};
}



.cGalleryChooseAlbum_listItem  { background: {theme='area_background_dark'}; border-color: {theme='veilon_border_color'}; }

.cGalleryChooseAlbum_listItem:not([data-disabled]):hover { border-color: {theme='link_hover'}; }

/* Calendar */
.ipsCalendarDate,.ipsWidget .ipsCalendarDate { background: {theme='area_background_light'}; }
.ipsCalendarDate_month { color: {theme='link_hover'}; }
.ipsCalendarDate_date { color: {theme='link'}; }


/* Articles */
.vn-articles {
    margin: 15px 0;
    z-index: 0;
}
.vn-articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 7px;
}
.vn-articles-grid .vn-articles-list li:first-child {
  grid-row: 1 / 3;
}
.vn-articles-grid .vn-articles-list > li:first-child {
    height: 360px;
    margin: 0;
}
.vn-articles-list {
  position: relative;
  display: contents;
}
.vn-articles-list > li,
.vn_articles_item {
    float: left;
    height: 175px;
    overflow: hidden;
    background-color: #22242e;
    border-radius: 5px;
}
{{if theme.veilon_articles_block_type == 'slider'}}
.vn_articles_item {
  position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #1a1c22;
    border-radius: 4px;
    display: flex;
    align-items: flex-end;
    color: #fff;
    flex-shrink: 0;
    min-height: 225px;
}
{{else}}
.vn_articles_item:first-child {
    grid-row: 1 / 3;
    height: 100%;
    min-height: 175px;
}
{{endif}}
.vn-articles-list > li a,
.vn_articles_item a {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}
.vn-articles-list > li:first-child a:before,
.vn_articles_item:first-child a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(34, 36, 46, 0) 30%, rgba(21, 17, 29, 0.8) 100%);
    background: -webkit-linear-gradient(top, rgba(34, 36, 46, 0) 30%,rgba(21, 17, 29, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(34, 36, 46, 0) 30%,rgba(21, 17, 29, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a22242e', endColorstr='#22242e',GradientType=0 );
    z-index: 2;
}
.vn-articles-grid .vn-articles-list > li:first-child a .vn-articles-grid-info,
.vn_articles_item:first-child a .vn-articles-grid-info {
    left: 0;
    bottom: 30px;
    color: #fff;
    text-align: left;
    display: block;
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.vn-articles-list > li a .vn-articles-grid-info,
.vn_articles_item a .vn-articles-grid-info {
    color: #fff;
    text-align: left;
    display: table-cell;
    position: relative;
    padding: 0 30px;
    vertical-align: middle;
}
.vn-articles-list > li a .vn-articles-grid-info,
.vn-articles-list > div a .vn-articles-grid-stats,
.vn_articles_item a .vn-articles-grid-info,
.vn_articles_item a .vn-articles-grid-stats {
    position: absolute;
    bottom: 20px;
    z-index: 5;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}
.vn-articles-grid .vn-articles-list > div:first-child a .vn-articles-list-info h3,
.vn_articles_item:first-child a .vn-articles-list-info h3 {
    font-size: 24px;
    line-height: 28px;
}
.vn-articles-list > div a .vn-articles-grid-info h3,
.vn_articles_item a .vn-articles-grid-info h3 {
    margin: 0 0 10px;
}
.vn-articles-list > li a .vn-articles-grid-info h2,
.vn_articles_item a .vn-articles-grid-info h2 {
    margin: 0 0 10px;
    line-height: 1.3;
    max-width: 100%;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.vn-articles-list > li a .vn-articles-list-preview,
.vn_articles_item a .vn-articles-list-preview {
    background-size: cover !important;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .6s ease;
}
.vn-articles-list > li a:hover .vn-articles-list-preview::before,
.vn_articles_item a:hover .vn-articles-list-preview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: linear-gradient(to bottom, transparent 30%, rgba(21,17,29,.65));
  opacity: .7;
  transition: all .4s ease;
}
.vn-articles-list li:hover .vn-articles-list-preview,
.vn_articles_item a:hover .vn-articles-list-preview {
  filter:  none;
  transform: scale(1.1);
}
.vn-articles-list li:hover .vn-articles-list-preview,
.vn_articles_item a:hover .vn-articles-list-preview {
  opacity: 1;
}
.vn-articles-list .vn-articles-list-preview,
.vn_articles_item .vn-articles-list-preview{
  filter: grayscale(.6) brightness(.9);
}

.vn_articles_slider.swiper-container {
  padding: 0 15px !important;
}

.vn-articles-footer .vn-articles-list > li {
    min-height: initial;
    margin-bottom: 7px;
}

.vn-articles-footer .vn-articles-list > li {
  float: unset;
    margin: 10px 0 !important;
    height: 75px;
}
.vn-articles-footer .vn-articles-list > li a .vn-articles-grid-info h2 {
    font-size: 14px;
  float: unset;
    margin: 0;
}

.vn-articles-footer .vn-articles-list > li a  {
  display: flex;
    justify-content: center;
    flex-flow: column;
}

.vn-articles-footer .vn-articles-list > li a .vn-articles-grid-info, 
.vn-articles-footer .vn-articles-list > li a .vn-articles-grid-stats {
  bottom: auto;
}


.vnArticlesGrid_sec2 .pinned {
  display: none;
}

.vn-articles-grid-slider {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 20px;
  float: right;
  margin-top: 12%;
  z-index: 2;
}

.vn-articles-grid-slider .vn-articles-list > li {
  width: 450px;
    height: 220px;
}

/* Fixed Custom Pages */
.vnArticlesGrid .cCmsRecord_image {
  position: relative;
  min-height: 180px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 !important;
}

.veilonFooterArticles h4 {
  font-size: 14px !important;
  color: #FFF;
  text-transform: uppercase;
}
.veilonFooterArticles li {
  margin-bottom: 10px;
}
.veilonFooterArticles .ipsDataItem_main {
    padding: 10px 0 0 10px;
    margin: 0;
}


/* (BIM) ChatBox */
.cbAnn { background: {theme='area_background_dark'}; }
.bimcb_chatInput { color: {theme='text_color'}; }
.cbDisconnect { background: {hextorgb="area_background" opacity="0.5"};  }

/* =========================== */
/*     Widget`s  & Title's     */
/* =========================== */

.ipsType_sectionTitle {
  background: {theme='veilon_section_title_background'};
  font-size: {theme='veilon_section_title_fsize'}px;
  padding: {theme='veilon_section_title_padding'};
}
.ipsType_sectionTitle a {
    color: {theme='veilon_section_title_color'};
}
#ipsLayout_sidebar .ipsWidget_title,
#elVNC_sidebar .ipsFieldRow_label, 
#elSearch_sidebar .ipsFieldRow_label, 
.ipsTable.ipsMatrix .ipsMatrix_subHeader, 
.ipsSideMenu_subTitle, .ipsSideMenu_title, 
.ipsSideMenu_list + .ipsSideMenu_title {
  background: {theme='veilon_sidebar_background'};
  color: {theme='veilon_sidebar_color'};
  font-size: {theme='veilon_sidebar_fsize'}px;
  padding: {theme='veilon_sidebar_padding'};
}

.ipsWidget.ipsWidget_vertical .ipsWidget_title {
  {{if theme.veilon_body_google_font || theme.veilon_font_mode == 'google'}}
    font-family: "{theme="veilon_body_google_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
{{if !theme.headline_font || theme.headline_font == 'default'}}
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
{{else}}
    font-family: "{theme="headline_font"}", "Helvetica Neue", Helvetica, Arial, sans-serif;
  {{endif}}
{{endif}}
  background: {theme='widget_title_bar'}
}

.ipsDataList_large .ipsDataItem_main,
.ipsDataList_large .ipsDataItem_stats,
.ipsDataList_large .ipsDataItem_lastPoster,
.ipsDataList_large .ipsDataItem_generic {
  font-size: 14px;
    padding: {theme='veilon_dl_padding'};
}

.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  padding: {theme='veilon_wtb_padding'};
}


[data-blocktitle="Who\'s Online"] .ipsPad_half,
[data-blocktitle="Who was Online"] .ipsPad_half {
    margin-left: 10px;
}

.ipsWidget_horizontal .ipsWidget_stats { padding-bottom: 15px; }


/**
* Widget Blocks
**/

{{if theme.veilon_dataitem_zebra}}
.ipsDataList.ipsDataList_zebra .ipsDataItem:nth-child(2n):not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status) {
  background: {theme='veilon_datalist_zebra_color'};
}
{{else}}
.cForumList .ipsDataItem,
.ipsDataList.ipsDataList_zebra .ipsDataItem:nth-child(2n):not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status) {
  background: {theme='veilon_dataitem_color'};
} 
{{endif}}
.ipsDataList .ipsDataItem.ipsDataItem_unread {
  background: {theme='veilon_dataitem_new_color'};
}
{{if theme.veilon_datalist_styling == 'container'}}
.ipsDataList:not(.ipsGrid) .ipsDataItem:last-child,
.ipsDataList.ipsDataList_zebra > .ipsDataItem {
  margin: 4px 0;
  background: {theme='veilon_dataitem_color'};
}
.ipsWidget_vertical .ipsDataItem {
  background: {theme='veilon_dataitem_color'};
  margin-top: 4px;
}
.ipsWidget_inner {
  margin-top: 4px;
}
.ipsDataList:not(.ipsGrid) .ipsDataItem:last-child,
.ipsDataList.ipsDataList_zebra > .ipsDataItem,
.ipsWidget_vertical .ipsDataItem,
.ipsWidget_inner {
  border-radius: {theme='veilon_dataitem_br'}px;
 }
li[data-blocktitle="Topic Feed"] .ipsWidget_inner {
  background: transparent;
  padding: 0;
}
{{endif}}

/* ================== */
/*     Social Icons   */
/* ================== */

{{if theme.veilon_si_type === 'custom'}}

#extended_footer .veilon-social-icons {
  flex-wrap: wrap;
}

.veilon-social-icons a {
  margin-right: 24px !important;
}

#extended_footer .veilon-social-icons a {
  margin-bottom: 10px !important;
}
.veilon-social-icons a .fa {
  background: #14151B;
  color: {theme='veilon_social_icons_color'};
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: {theme='veilon_social_icons_radius'}%;
  font-size: 20px;
  width: 35px;
  height: 35px;
}
.veilon-social-icons .fa:hover {
    background: {theme='link_hover'} !important;
}
{{else}}
.cShareLink {
  color: #FFF;
  display: inline-block;
  margin-right: 10px;
  border-radius: {theme='veilon_social_icons_radius'}%;
  position: relative;
  cursor: pointer;
  width: 35px !important;
  height: 35px !important;
  padding: 0px;
  text-decoration: none;
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  line-height: 35px;
}

.cUserNav_icon .cShareLink {
  padding: 0;
}


nav #elHeaderSocialLinks  {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  top: -15px;
  min-width: 250px;
}

#elFooterSocialLinks {
  display: inline-block;
  float: right;
}

#elFooterSocialLinks li {
  margin: 0 10px 0 0;
}

#elHeaderSocialLinks .ipsList_inline > li,
#elFooterSocialLinks .ipsList_inline > li {
  margin-right: 24px;
}
 #elFooterSocialLinks > li > a { line-height: 40px; }
{{endif}}


{{$background = explode(',', theme.veilon_social_icons_bg);}}
{{$background_hover = explode(',', theme.veilon_social_icons_bg_hover);}}
{{for $i = 0; $i < count( $background ); $i++}}
.veilon-social-icons a:nth-child({expression="$i + 1"}) .fa {
  background: {$background[$i]};
}
.veilon-social-icons a:nth-child({expression="$i + 1"}) .fa:hover {
  background: {$background_hover[$i]} !important;
}
{{endfor}}

{{if theme.veilon_social_icons_fill}}
  a[_title="Facebook"] .fa:hover { background: #3b5998 !important; }
  a[_title="Twitter"] .fa:hover { background: #4099FF !important; }
  a[_title="Linkedin"] .fa:hover { background: #3b5998 !important; }
  a[_title="Vk"] .fa:hover { background: #507299 !important; }
  a[_title="Twitch"] .fa:hover { background: #6441a4 !important; }
  a[_title="Paypal"] .fa:hover { background: #1e477a !important; }
  a[_title="Delicious"] .fa:hover { background: #3399ff !important; }
  a[_title="Google"] .fa:hover { background: #405a6a !important; }
  a[_title="Github"] .fa:hover { background: #405a6a !important; }
  a[_title="Android"] .fa:hover { background: #5BC236 !important; }
  a[_title="Apple"] .fa:hover { background: #7C7C7C !important; }
  a[_title="Dribbble"] .fa:hover { background: #C73B6F !important; }
  a[_title="Dropbox"] .fa:hover { background: #3d9ae8 !important; }
  a[_title="Instagram"] .fa:hover { background: #3f729b !important; }
  a[_title="Lastfm"] .fa:hover { background: #3b5998 !important; }
  a[_title="Reddit"] .fa:hover { background: #3b5998 !important; }
  a[_title="Yelp"] .fa:hover { background: #3b5998 !important; }
  a[_title="Youtube"] .fa:hover { background: #cc181e !important; }
  a[_title="Skype"] .fa:hover { background: #12A5F4 !important; }
  a[_title="Steam"] .fa:hover { background: #1d1c1a !important; }
  a[_title="Stumbleupon"] .fa:hover { background: #f74425 !important; }
  a[_title="Vine"] .fa:hover { background: #00b488 !important; }
  .veilon-social-icons a:hover { color: #FFF; }

{{endif}}

/* ================== */
/*     UserBar        */
/* ================== */

{{if theme.veilon_userbar_icons}}
#elUserLink_menu a:before, #elCreateNew_menu a:before {
  content:"\f02b";
  font-family:"FontAwesome";
  font-size:14px;
  font-weight:normal;
  display:inline-block;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  -webkit-transform:translate(0,0);
  -moz-transform:translate(0,0);
  -ms-transform:translate(0,0);
  -o-transform:translate(0,0);
  transform:translate(0,0);
  margin-bottom:-2px;
  line-height:1;
}
#elUserLink_menu a:before, #elCreateNew_menu a:before {
  display:inline-block;
  width:22px;
  opacity:0.7;
}
#elUserLink_menu li[data-menuItem='admincp'] i { display:none; }
#elUserLink_menu a:hover:before, #elCreateNew_menu a:hover:before { opacity:1; }
#elUserLink_menu li[data-menuItem='profile'] a:before { content:"\f007" }
#elUserLink_menu li[data-menuItem='messages'] a:before { content:"\f01c" }
#elUserLink_menu li[data-menuItem='manageFollowed'] a:before { content:"\f1d8" }
#elUserLink_menu li[data-menuItem='attachments'] a:before { content:"\f0c6" }
#elUserLink_menu li[data-menuItem='settings'] a:before { content:"\f013" }
#elUserLink_menu li[data-menuItem='ignoredUsers'] a:before { content:"\f05e" }
#elUserLink_menu li[data-menuItem='modcp'] a:before { content:"\f046" }
#elUserLink_menu li[data-menuItem='admincp'] a:before { content:"\f023" }
#elUserLink_menu li[data-menuItem='signout'] a:before { content:"\f08b" }
#elCreateNew_menu a:before { content:"\f0fe" }
{{endif}}

/* ================== */
/*        Forms       */
/* ================== */

.ipsApp .ipsField_autocomplete,
.ipsApp textarea,
.ipsApp input[type="text"],
.ipsApp input[type="password"],
.ipsApp input[type="datetime"],
.ipsApp input[type="datetime-local"],
.ipsApp input[type="date"],
.ipsApp input[type="month"],
.ipsApp input[type="time"],
.ipsApp input[type="week"],
.ipsApp input[type="number"],
.ipsApp input[type="email"],
.ipsApp input[type="url"],
.ipsApp input[type="search"],
.ipsApp input[type="tel"] {
  background: {theme='veilon_input_background'};
  border-color: {theme='veilon_input_border'};
{{if theme.veilon_forms_bre}}
  border-radius: {theme='veilon_forms_br'}px;
{{else}}
  border-radius: 0px;
{{endif}}
  color: {theme='text_color'};
}

.ipsApp textarea:focus,
.ipsApp input[type="text"]:focus,
.ipsApp input[type="password"]:focus,
.ipsApp input[type="datetime"]:focus,
.ipsApp input[type="datetime-local"]:focus,
.ipsApp input[type="date"]:focus,
.ipsApp input[type="month"]:focus,
.ipsApp input[type="time"]:focus,
.ipsApp input[type="week"]:focus,
.ipsApp input[type="number"]:focus,
.ipsApp input[type="email"]:focus,
.ipsApp input[type="url"]:focus,
.ipsApp input[type="search"]:focus,
.ipsApp input[type="tel"]:focus,
.ipsApp input[type="color"]:focus {
    border-color: {theme='veilon_input_border_active'};
    {{if theme.veilon_input_bs_enable}}
      box-shadow: {theme='veilon_input_bs'};;
    {{else}}
      box-shadow: none;
    {{endif}}
}

/* ================== */
/*    LeaderBoard     */
/* ================== */

.cPastLeaders_title span {
  background: {theme='area_background'};
}
.cPastLeaders_cell {
  background: {theme='area_background'};
}
.cPastLeaders_cell::after {
    color: inherit;
    opacity: 0.2;
}

html[dir="ltr"] .ipsReact_blurb:not(.ipsHide) + .ipsReact_types {
  border-left: 1px solid {theme='area_background_dark'};
}

.ipsReact_reactCount,
.ipsReact_types ul {
  background: {theme='area_background_dark'};
}
.ipsReact_reactCount span:last-child,
.ipsReact_reactCount > span > span:last-child,
.ipsReact_reactCount > a > span:last-child {
  color: {theme='text_color'}
}

body.ipsApp_noTouch .ipsReact_types:hover .ipsReact_button, body:not(.ipsApp_noTouch) .ipsReact_types.ipsReact_types_active .ipsReact_button {
  background: {theme='area_background_light'}
}

/* ================== */
/*     CSS Styles     */
/* ================== */

/* AutoCompleteMenu */
.ipsAutocompleteMenu_item { background: {theme='area_background_dark'} }
.ipsAutocompleteMenu_item[data-selected] { background: {theme='area_background_light'} }


/* Profile */
div[data-role='profileContent'] .ipsAreaBackground_reset {
  background: {theme='veilon_profile_bg_reset'};
}
div[data-role='profileContent'] .ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
  background: {theme='veilon_profile_bg_reset'};
}

div[data-role='profileContent'] .ipsTabs_panel {
  background: {theme='veilon_profile_bg_reset'};  
}


#elProfileActivityOverview .ipsStreamItem,
#elUserContent .ipsStreamItem, 
#elSingleStatusUpdate .ipsStreamItem {
    border-bottom: 1px solid {theme='veilon_profile_lines_color'};
 }

div[data-role='profileContent'] .ipsTabs {
    background: transparent;
    padding-left: 0;
    padding-bottom: 10px;
    padding-right: 0;
    padding-top: 10px;
}
div[data-role='profileContent'] section.ipsColumn_fluid { padding-right: 15px !important; }

div[data-role='profileContent'] .ipsTabs_item,
div[data-role='profileContent'] .ipsTabs_item:hover { 
  background: {theme='veilon_profile_bg_tabs'}; 
  border-radius: 3px; 
  color: {theme='text_light'};
  text-transform: uppercase;
}

.ipsTabs_activeItem {
  color: {theme='text_color'} !important;
}

.cProfileSidebarBlock {
  background: {theme='veilon_profile_bg_reset'};
  color: {theme='text_color'} !important;
}

/* ================== */
/*      Copyright     */
/* ================== */

#veilonCopyright {
    color: {theme="link"};
    display: inline-block;
    float: right;
    text-align: right;
    z-index: 1;
}
#veilonCopyright a { color: {theme='text_color'}; font-weight: 400;}
#veilonCopyright a::before {
    font-family: "FontAwesome";
    color: #ff4149;
    content: "\f004";
    margin-right: 5px;
    font-size: 11px;
}

#elCopyright {
  float: auto !important;
  text-align: center !important;
}


/* Edit Blocks */

.cWidgetContainer.cWidgetContainer_managing {
  background: {theme='page_background'};
}
.cSidebarBlock_managing { background: {hextorgb='area_background_dark' opacity='0.6'}; }


.cWidgetContainer.cWidgetContainer_managing::before {
  border-color: {theme='primary_button'};
}

/* ================== */
/*     Responsive     */
/* ================== */
@media screen and (max-width: 979px) {

.sticky-wrapper { display: none; }

  #ipsLayout_header header > .ipsLayout_container { width: auto !important; }

  .ipsDataItem_icon .ipsItemStatus.ipsItemStatus_large {
      border-radius: {theme='veilon_nodes_br_resp'}px; 
      width: {theme='veilon_nodes_iwidth_resp'}px; 
      height: {theme='veilon_nodes_iheight_resp'}px; 
      font-size: {theme='veilon_nodes_fs_resp'}px; 
  }

  [data-tableid="topics"] .ipsDataItem_stats {
    text-align: left;
  }

  [data-tableid="topics"] .ipsDataItem_stats span {
    display: inline;
  }

  [data-tableid="topics"] .ipsDataItem_stats li {
    width: auto;
  }

  .ipsDataItem_stats {
    text-align: left;
  }

  .ipsDataItem_stats_type {
    text-transform: none;
  }
    /* Forums Grid */
  .ipsDataList_large .ipsDataItem_main, 
  .ipsDataList_large .ipsDataItem_stats, 
  .ipsDataList_large .ipsDataItem_lastPoster, 
  .ipsDataList_large .ipsDataItem_generic {
    padding: 0;
  }
  .vnArticlesGrid {
    display: flex;
    flex-flow: column;
  }
  #veilonCopyright {
    float: none;
  }
  #ipsLayout_footer p { margin: 10px; }
}

@media screen and (max-width: 767px) {
  .p-header-soc { margin-top: 10px; }
  .sticky-wrapper,
  .p-header-search  { display: none }

  /* Forums Grid */
  .ipsDataList_large .ipsDataItem_main, 
  .ipsDataList_large .ipsDataItem_stats, 
  .ipsDataList_large .ipsDataItem_lastPoster, 
  .ipsDataList_large .ipsDataItem_generic {
    padding: 0;
  }

  /* Slider */
  .swiper-slide-content ul li {
    margin-top: 15px;
  }

  /* Articles */
  .vnArticlesGrid_sec1,
  .vnArticlesGrid_sec2,
  .vnArticlesGrid_sec3 { width: 100% !important }

  .ipsTag_prefix { display: inline-block; }
  .cPost.ipsComment:not(.ipsComment_selected):not(.ipsModerated) .cAuthorPane {
    background: transparent;
  }
  .cTopic .ipsItemControls {
    background: transparent;
    margin: 0;
    padding: 0;
  }
  .cPost::before {
    height: 60px;
  }
  .veilonLeft { margin: 0; }
  .veilonRight { margin: 0; }
  .vn-articles-grid {
    grid-template-columns: repeat(1, 1fr);
   }
   .cCmsRecord_image { float: initial !important; }
}


.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
}

.visible-title {
    visibility: visible;
}

.is-sticky .menu {
  z-index: 999999 !important;
}
{{if theme.veilon_navbar_type === 'standart'}}
.is-sticky-menu {
  z-index: 2;
}
{{else}}
.is-sticky-menu {
  display: flex;
  margin-left: auto;
  z-index: 2;
}
{{endif}}

.menu #elUserNav {
  display: none !important;
}
.is-sticky #elUserNav {
  display: block !important;
}

.cSearchExpanded #elSearch {
  border:1px solid {theme='link_hover'};
  border-radius: 100px;
  transition: border-color 0.3s linear;
}
.cSearchExpanded  #elSearch button {
  color: {theme='link_hover'} !important;
  transition: color 0.3s linear;
}

.ipsNavBar_primary > ul > li:hover .ipsNavBar_secondary {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transition-delay: 0s, 0s;
    transform: translateY(0);
}
.ipsApp .ipsButton.cMultiQuote {
  padding: 2px 7px 0px 6px;
}