/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
	direction: rtl;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}
li.rcbItem {
    font-family: tahoma !important;
}

ul.searchSkinObjectPreview li
{
    font-family: tahoma !important;
}

li.rcbHovered {
    font-family: tahoma !important;
}
.main_toggle_plus::before {
    content: url(http://region22.tehran.ir/Portals/0/Image/1396/drop.png?timestamp=1516520026839);
    float: left;
}}

.main_toggle_headertext {
    float: right;
    width:60%;
}

.main_toggle_item_title {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    display:inline-block !important;
    width:100% !important;
}

    .Amj_Internal_main_toggle > li {
        list-style: none;
        transition: background-color .5s;
        padding: 10px;
        border-top: 1px solid #d7d7d7;
        display: block;
    }



.main_toggle_plus {
    float: left;
    width: 20px;
    height: 20px;
}

    .navbar-nav > li > .dropdown-menu > li {
      -moz-page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
      break-inside: avoid;
      -o-column-break-inside: avoid;
      -ms-column-break-inside: avoid;
      column-break-inside: avoid;
      page-break-inside: avoid;
    }

a.c-breadcrumb_item.-link, a.c-breadcrumb_item.-link::before {
    content: url('http://region22.tehran.ir/Portals/0/Image/1396/home.png');
}


a.c-breadcrumb_item.-link {
    content: ' ');
}
.dnnLabel {
	direction:rtl;
    display: inline-block;
    float: right;
    position: relative;
    width: 32.075%;
    padding-right: 20px;
    margin-right: 18px;
    overflow: visible;
    text-align: right;
}
.dnnLoginService {
    padding-top: 70px;
}


span.edit-news-icon a img{
    width: 25px !important;
    height: 25px !important;
    object-fit:unset;
}



/*start:view article*/
.title-view-article h3 img {
  width: 20px;
}
.cover-multimedia {
  overflow: hidden;
  border-radius: 20px;
  border: 2px solid #BFBFBF;
  height: 510px;
  background: #393939;
  margin-bottom: 29px;
}
.view-multimedia {
    background: #fff;
    box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    border-radius: 16px;
}

.content-multimedia img {
    width: 100%;
    border-radius: 16px;
    margin-bottom: 24px;
}
.cover-multimedia video {
  width: 100%;
  height: 100%;
}
.view-title-multimedia h2 {
  color: #000;
}
.cover-multimedia img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
}

.title-view-article h3 {
  color: #363636;
  font-size: 25px;
}

.summary-view-article {
  background: #F2F2F2;
  padding: 15px;
  border-radius: 20px 20px 0 0;
  margin: 12px 0 25px 0;
}

.rotitr-view-article {
  /* background: #F2F2F2; */
  padding: 0;
  /* border-radius: 20px 20px 0 0; */
  margin: 12px 0 8px 0;
}

.summary-view-article p,.rotitr-view-article p {
  color: #6D6D6D;
  font-size: 14px;
  line-height: 2;
  margin: 0;
}

.summary-view-article p:empty,.rotitr-view-article p:empty {
  display: none;
}

.image-view-article img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
}

.image-view-article {
  height: 560px;
  background: #f2f2f2;
  overflow: hidden;
  border-radius: 20px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border: 2px solid #BFBFBF;
}

.bg-image-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(15px);
  -webkit-filter: blur(15px);
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.content-view-article,.content-view-article p {
  color: #707070;
  font-size: 14px;
  line-height: 1.6;
  text-align: justify;
}
.head-view-article {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E4E4E4;
  padding-bottom: 10px;
  margin-bottom: 30px;
  color: #01840f;
}

.left-view-article {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
}

.date-view-article {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-right: 15px;
  /* margin-right: 15px; */
  border-right: 1px solid #E4E4E4;
}
.views-article {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-left: 15px;
    /* margin-right: 15px; */
    border-left: 1px solid #E4E4E4;
}
.clock-view-article {
  display: flex;
  align-items: center;
}

span.icon-date-view-article {
  border: 2px solid #01840f;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

span.icon-date-view-article svg {
  width: 1.5rem;
  height: 1.5rem;

}
span.icon-date-view-article svg path {
  fill: #000;
}
.right-view-article a {
  border: 2px solid #01840f;
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.right-view-article {
  display: flex;
  align-items: center;
}

.right-view-article a img {
  filter: sepia(1);
}
.share-article {
  display: flex;
  flex-direction: column;
}

.share-article span {
  border: 2px solid #d5b173;
  display: flex;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.share-article span svg {
  width: 2rem;
  height: 2rem;
}
.wraper-view-article {
  /* display: flex; */
  /* align-items: flex-start; */
  justify-content: center;
}

.social-share {
  padding: 0 30px 0 5px;
  position: sticky;
  top: 30px;
}
.view-article {
  border-radius: 15px;
  padding: 19px;
  margin: 0 0 15px 0;
  /* display: flex; */
  align-items: center;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
  text-align: right;
}

.content-view-article img {
  display: block;
  margin: 0 auto;
  border-radius: 15px;
}

.content-view-article {
  font-size: 14px;
  line-height: 2;
  color: #707070;
}

.light-box-article > div {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.light-box-article > div >* {
      flex-shrink: 0;
      max-width: 100%;
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5);
      margin-top: var(--bs-gutter-y);
}
.card-light-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
cursor:pointer;
}
.light-images-view>div>* {
  padding: 0 0.5rem;
}
.card-light-box {
  height: 88px;
  overflow: hidden;
  margin: 0.55rem 0;
  border-radius: 10px;
  border: 2px solid #bfbfbf;
}

.text-wrapper {
  display: block;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-bottom: 37px;
  }
 
  .text-wrapper .inner-wrapper {
  height: 180px;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  }
 
  .text-wrapper .inner-wrapper-custom {
  height: 504px;
  }
 
  .text-wrapper .opened.inner-wrapper {
  height: auto;
  overflow: visible;
  }
 
  .text-wrapper .opened.inner-wrapper:before {
  display: none;
  }
 
  .less-more-show-btn {
  background: none;
  border: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  margin: auto;
  display: block;
  width: 100px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  z-index: 3;
  margin: 15px auto;
  }
 
  .less-more-show-btn:active,
  .less-more-show-btn:hover,
  .less-more-show-btn:focus {
  outline: none;
  }
 
  .text-wrapper .inner-wrapper:before {
  content: '';
  display: block;
  position: absolute;
  font-size: 12px;
  left: 0;
  right: 0;
  bottom: 36px;
  height: 80px;
  width: 100%;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 1) 100%);
  }
 
  .top-view {
  box-shadow: 0 0 13px 2px #00008017;
  padding: 40px;
  margin-bottom: 30px;
  }
 
  .head-view {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 15px;
  margin-bottom: 30px;
  align-items: center;
  }
 
  .title-view h2 {
  color: #000080;
  margin-bottom: 0;
  }
 
  .meta-view {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  }
 
  .category-view a {
  background: #000080;
  color: #fff;
  padding: 10px;
  display: block;
  margin-right: 10px;
  border-radius: 10px;
  }
 
  .count-view span {
  border: 1px solid #d8d8d8;
  display: block;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 0 2px 1px #0000001c;
  }
 
  .content-info-view h4 {
  background: #eee;
  text-align: center;
  color: #000;
  padding: 10px 0;
  }
 
  .content-info-view {
  border: 1px solid #d8d8d8;
  }
 
  .list-info-view {
  padding: 20px 15px;
  min-height: 338px;
  }
 
  .list-info-view ul {
  margin: 0;
  padding: 0;
  }
 
  .list-info-view ul li {
  margin-bottom: 10px;
  color: #888;
  }
 
  .sheare-view img {
  width: 2rem;
  height: 2rem;
  }
 
  .list-info-view ul li a {
  color: #888;
  }
 
  .sheare-view {
  margin-top: 50px;
  }
 
  .images-view img {
  max-width: 100%;
  height: 310px;
  }
 
  .images-view {
  text-align: center;
  border: 1px solid #d8d8d8;
  }
 
  .light-images-view>div {
  display: flex;
  /* justify-content: center; */
  /* align-items: center; */
  /* align-content: stretch; */
  flex-wrap: wrap;
  }
 
 
 
  .items-light-box {
  flex: 0 0 auto;
  flex: 0 0 20%;
  padding: 5px;
  }
 
  .light-box-content {
  margin: 0;
  border: 1px solid #d8d8d8;
  }
 
  .middel-view {
  box-shadow: 0 0 13px 2px #00008017;
  padding: 40px;
  margin-bottom: 30px;
  }
 
  .content-view h3,
  .bottom-view h3 {
  color: #000080;
  margin-bottom: 25px;
  font-size: 24px;
  }
 
  .content-view p {
  line-height: 2.2;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  }
 
  .bottom-view {
  box-shadow: 0 0 13px 2px #00008017;
  padding: 40px;
  }
 
  .light-box-content img {
  width: 100%;
  height: 75px;
  object-fit: cover;
  cursor: pointer;
  }
/*end:view article*/



/* START: ARCHIVE NEWS  */

.text-news {
min-height: 128px;
padding: 7px 7px;
}

.listing01 {
position: relative;
text-align: right;
background: #fff;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 0 8px 4px rgb(99 99 99 / 14%);
margin-bottom: 20px;
}
.listing01 .image {
height: 200px;
overflow: hidden;
}
.listing01 .image a {
text-decoration: none;
}
.listing01 .image a {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.listing01 .image a p {
font-size: 1px !important;
}
.listing01 .image a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.2s linear;
}
.listing01 .image:hover img {
  transform: scale(1.1);
}
.listing01 .date {
background: #0000006e;
position: absolute;
top: 20px;
left: 0;
font-size: 12px;
color: #fff;
padding: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
line-height: 1.2em;
}

.listing01 .date i {
  margin-right: 3px;
}

.listing01 .title {
font-size: 13px;
margin: 7px 0;
font-weight: bold;
color: #013e5e;
}
.listing01 .title a:link,.listing01 .title a:visited {
font-size: 13px;
color: #000;
text-decoration: none;
background: url("../images/bullet-red-arrow.png") 100% 50% no-repeat;
padding: 1px 8px 3px 0;
}

.listing01 .title a:hover {
  color: #01840f;
}

.listing01 .summary {
font-size: 11px;
color: #727171;
line-height: 1.6em;
margin-top: 12px;
}
.listing01 .clearfloat {
clear: both;
line-height: 0;
font-size: 0;
}
.readmorenews {
color: #013e5e !important;
float: left;
padding-left: 10px;
margin-top: -10px;
font-size: 12px;
}
.image-update img {
  max-width: 60%;
  width:100%;
  margin: 0 auto;
  display: block;
}
/* END: ARCHIVE NEWS  */

select#dnn_ctr479_DNNArticle_cboCategory {
    margin-bottom: 20px;
    border-radius: 5px;
    background: var(--primary);
    color: #fff;
    padding: 6px 15px;
    font-size: 13px;
}

span#dnn_ctr479_DNNArticle_lbCategory {display: none;}


/* START: CONTENT-BOX */
.main-content-box {
    background: #fff;
    box-shadow: 0 4px 7px 0px rgba(0, 0, 0, 0.2);
    padding: 34px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

.main-content-image img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}

/* .main-content-box h2,.main-content-box h3,.main-content-box h4,.main-content-box h5,.main-content-box h6{
    position:relative;
    margin-bottom: 30px;
    font-weight: bold;
    color: var(--secondary);
    border-bottom: 2px solid var(--primary);
    padding-bottom: 5px;
    margin-top: 10px;
} */

.main-content-box ul {
    margin-right: 15px;
    margin-bottom: 20px;
}

.main-content-box ul li::marker {
    color: var(--primary);
}

.main-content-box ul li {
    list-style: disc;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 5px;
}

.main-content-box p {
    line-height: 1.8;
    font-size: 13px;
}

.main-content-box a:hover {
    color: #000;
}

.main-content-box.no-dot ul li {
    list-style: none;
}

.main-content-box.no-dot ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.main-content-box.no-dot ul li em.fa,.main-content-box.no-dot ul li span.fa,.main-content-box .fa {
    margin-left: 5px;
    color: var(--primary);
}
.main-content-box ul li svg {
    margin-left: 5px;
}
.main-content-box a:link,.main-content-box a:visited {
    color: var(--primary);
}
.omran-shahr-box .table-responsive.overflow-y-scroll {
    max-height: 500px;
}

/* END: CONTENT-BOX */

.contact-access-img {
    background: var(--primary);
    border-radius: 16px;
}
.contact-access img {
    width: 70px;
    height: 70px;
    filter: grayscale( 1) brightness(35);
    padding: 8px;
    object-fit: contain;
    border-radius: 16px;
}

.trophy-container img {
    height: 320px;
    object-fit: contain;
}

/* START: MANAGERS */
.Person-flag-object .Person-img-circle img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 8px;
}

.Person-img-circle {
    padding: 0 40px;
}

.Region22-Person-info {
    border-radius: 16px 0px;
    background: #e3f2e7;
}

.Region22-Person-info h2 {
    color: var(--primary);
    text-align: center;
}

.Region22-Person {
    border-radius: 16px 0px;
    background: #e3f2e7;
    padding: 16px;
    text-align: center;
}
/* END: MANAGERS */

/* START: TAB CONTENT */
.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content{
    background: #fff;
    padding: 34px;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 4px 7px 0px rgba(0, 0, 0, 0.2);
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content ul {
    margin-right: 15px;
    margin-bottom: 20px;
    /* padding: 0; */
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content ul li::marker {
    color: var(--primary);
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content ul li {
    list-style: disc;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 5px;
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content p {
    line-height: 1.8;
    font-size: 13px;
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content a:hover {
    color: #000;
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content.no-dot ul li {
    list-style: none;
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content.no-dot ul {
    margin: 0 0 20px 0;
    padding: 0;
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content.no-dot ul li em.fa,.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content.no-dot ul li span.fa,.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content .fa {
    margin-left: 5px;
    color: var(--primary);
}
.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content ul li svg {
    margin-left: 5px;
}
.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content a:link,.livetabsdefault.mtop .ui-tabs.ui-widget.ui-widget-content .ui-tabs-panel a:visited {
    color: var(--primary);
}

.livetabsdefault.mtop .ui-tabs .ui-tabs-panel.ui-widget-content *{
    font-family:IRANSansXFaNum !Important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: normal !important;
}
/* END: TAB CONTENT */



.Person-Job-info {
    /* display: flex; */
    align-items: center;
    font-size: 17px;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 25px;
}

.Person-Job-info h4,.Person-Job-info h3 {
    font-size: 14px;
    margin: 0;
}

.Person-join-info {
    display: flex;
    flex-direction: column;
}



/* START: SIDE NEWS */

.thoddrowtext {
  margin-right: 15px;
}

.other-news-img {
    border-radius: 10px;
    overflow: hidden;
    flex: 0 0 21%;
    border: 1px solid #00000038;
    width: 78px;
    height: 74px;
}

.news-card {
  border-radius: 15px;
  padding: 13px;
  margin: 0 0 15px 0;
  display: flex;
  align-items: center;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
}

.card-text-row-news h4 {
  color: #000;
  /* margin-top: 13px; */
  font-size: 15px;
}

.card-text-row-news h4 a:link {
  color: #000;
}

.card-text-row-news {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
  width: 100%;
  /* align-items: center; */
}

.other-news-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-text-row-news .date {
    align-self: self-end;
    margin-top: 10px;
    margin-left: 15px;
    font-size: 12px;
}

/* END: SIDE NEWS */




.tab-news-container .visit-box {
    height: 220px;
    margin-bottom: 20px;
}


/*lightbox-slideshow*/
.asyncGallery {position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;z-index: 1000000;visibility: hidden;background-color: rgba(0, 0, 0, 0.95);-webkit-transition: opacity 200ms, visibility 200ms;-o-transition: opacity 200ms, visibility 200ms;transition: opacity 200ms, visibility 200ms;}
    .asyncGallery.is-visible { opacity: 1; visibility: visible; }
.asyncGallery__Item {position: absolute;top: 50%;left: 50%;opacity: 0;visibility: hidden;overflow: hidden;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity 200ms, visibility 200ms;-o-transition: opacity 200ms, visibility 200ms;transition: opacity 200ms, visibility 200ms;width: 100%;}
    .asyncGallery__Item.is-visible { opacity: 1; visibility: visible; }
.asyncGallery__ItemImage img {max-height: 80vh;display: block;margin: 0px auto;max-width: 90%;}
.asyncGallery__ItemDescription,
.asyncGallery__Loader { margin: 8px 0px; color: #fff; }
.asyncGallery__Loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; color: #fff; z-index: 100; }
    .asyncGallery__Loader.is-visible { display: block; }
.asyncGallery button { background-color: transparent; border: 0; outline: 0; padding: 0; font-size: 0; cursor: pointer; }
.asyncGallery__Close { position: absolute; top: 40px; right: 40px; width: 30px; height: 30px; z-index: 1000; background-repeat: no-repeat; background-size: 30px 30px; background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEycHgiIHZlcnNpb249IjEuMSIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDY0IDY0IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2NCA2NCI+CiAgPGc+CiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguOTQxLDMxLjc4NkwwLjYxMyw2MC4xMTRjLTAuNzg3LDAuNzg3LTAuNzg3LDIuMDYyLDAsMi44NDljMC4zOTMsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5ICAgYzAuNTE2LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OWwyOC41NDEtMjguNTQxbDI4LjU0MSwyOC41NDFjMC4zOTQsMC4zOTQsMC45MDksMC41OSwxLjQyNCwwLjU5YzAuNTE1LDAsMS4wMzEtMC4xOTYsMS40MjQtMC41OSAgIGMwLjc4Ny0wLjc4NywwLjc4Ny0yLjA2MiwwLTIuODQ5TDM1LjA2NCwzMS43ODZMNjMuNDEsMy40MzhjMC43ODctMC43ODcsMC43ODctMi4wNjIsMC0yLjg0OWMtMC43ODctMC43ODYtMi4wNjItMC43ODYtMi44NDgsMCAgIEwzMi4wMDMsMjkuMTVMMy40NDEsMC41OWMtMC43ODctMC43ODYtMi4wNjEtMC43ODYtMi44NDgsMGMtMC43ODcsMC43ODctMC43ODcsMi4wNjIsMCwyLjg0OUwyOC45NDEsMzEuNzg2eiIvPgogIDwvZz4KPC9zdmc+Cg=="); }
.asyncGallery__Counter { position: absolute; font-size: 20px; font-weight: bold; color: #fff; right: 40px; bottom: 40px; }
.asyncGallery__Dots { position: absolute; left: 50%; bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); list-style-type: none; z-index: 1000; }
    .asyncGallery__Dots button { padding: 0; width: 10px; height: 10px; background-color: #fff; border: 0; outline: 0; border-radius: 50%; }
    .asyncGallery__Dots li { opacity: 0.2; -webkit-transition: opacity 200ms; -o-transition: opacity 200ms; transition: opacity 200ms; }
        .asyncGallery__Dots li + li { margin-right: 10px; }
        .asyncGallery__Dots li.is-active { opacity: 1; }
.asyncGallery__Next,
.asyncGallery__Prev { position: absolute; top: 50%; width: 30px; height: 30px; z-index: 1000; -webkit-transition: opacity 200ms, -webkit-transform 200ms; transition: opacity 200ms, -webkit-transform 200ms; -o-transition: transform 200ms, opacity 200ms; transition: transform 200ms, opacity 200ms; transition: transform 200ms, opacity 200ms, -webkit-transform 200ms; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    .asyncGallery__Next:disabled,
    .asyncGallery__Prev:disabled { opacity: 0.2; cursor: default; }
    .asyncGallery__Next:before,
    .asyncGallery__Prev:before { position: absolute; content: ""; top: 50%; left: 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath d='m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A"); width: 30px; height: 30px; background-repeat: no-repeat; background-size: 30px 30px; }
.asyncGallery__Prev { right: 40px; }
    .asyncGallery__Prev:hover { -webkit-transform: translateX(2px) translateY(-50%); -ms-transform: translateX(2px) translateY(-50%); transform: translateX(2px) translateY(-50%); }
    .asyncGallery__Prev:before { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
.asyncGallery__Next { left: 40px; }
    .asyncGallery__Next:hover { -webkit-transform: translateX(-2px) translateY(-50%); -ms-transform: translateX(-2px) translateY(-50%); transform: translateX(-2px) translateY(-50%); }
    .asyncGallery__Next:before { -webkit-transform: translate3d(-50%, -50%, 0) scale(-1); transform: translate3d(-50%, -50%, 0) scale(-1); }






/* accordion container */
.custom-accordion {
  border-radius: 12px;
  /* overflow: hidden; */
}

/* accordion item */
.custom-accordion .accordion-item {
  border: 1px solid #ddd !important;
  /* border-bottom: 1px solid var(--secondary); */
}

/* header button */
.custom-accordion .accordion-button {
  background-color: #f5f5f5;
  color: var(--primary);
  font-weight: 600;
  font-size: 15px;
  padding: 16px 20px;
  transition: all 0.3s ease;
}
.custom-accordion .accordion-header {
    margin: 0;
}
/* remove default bootstrap shadow */
.custom-accordion .accordion-button:focus {
  box-shadow: none;
}

/* active (opened) state */
.custom-accordion .accordion-button:not(.collapsed) {
  background-color: var(--primary);
  color: #fff;
}

/* arrow color */
.custom-accordion .accordion-button::after {
  filter: brightness(0);
}

.custom-accordion .accordion-button:not(.collapsed)::after {
  filter: brightness(100);
}

/* body */
.custom-accordion .accordion-body {
  background-color: #fff;
  padding: 24px;
  color: var(--muted);
}

/* image styling */
.custom-accordion .accordion-body img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}