@font-face {
    font-family: 'BPG Ingiri';
    src: url('../fonts/bpg-ingiri-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-ingiri-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-ingiri-webno-cufont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-ingiri-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-ingiri-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-ingiri-webfont.svg#bpg_ingiriregular') format('svg'); /* Legacy iOS */
}
@font-face{font-family:'BPG Ingiri';src:url(../fonts/bpg-ingiri-webfont.eot);src:url(../fonts/bpg-ingiri-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bpg-ingiri-webfont.woff2) format('woff2'),url(../fonts/bpg-ingiri-webfont.woff) format('woff'),url(../fonts/bpg-ingiri-webfont.ttf) format('truetype'),url(../fonts/bpg-ingiri-webfont.svg#bpg_ingiriregular) format('svg')}
@font-face {
    font-family: 'BPG Nateli';
    src: url('../fonts/bpg-nateli-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-nateli-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-nateli-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-nateli-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-nateli-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-nateli-webfont.svg#bpg_nateliregular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BPG Square';
    src: url('../fonts/bpg-square-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-square-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-square-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-square-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-square-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-square-webfont.svg#bpg_squareregular') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'BPG No9';
    src: url('../fonts/bpg-no9-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/bpg-no9-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/bpg-no9-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/bpg-no9-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/bpg-no9-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/bpg-no9-webfont.svg#bpg_no9regular') format('svg'); /* Legacy iOS */
}
body:lang(ka){
  font-family: "BPG Ingiri", sans-serif !important;

}
h1:lang(ka), h2:lang(ka), h3:lang(ka), h4:lang(ka), h5:lang(ka), h6:lang(ka) {
  font-family: "BPG Square", sans-serif !important;
}
h1:lang(ka) *, h2:lang(ka) *, h3:lang(ka) *, h4:lang(ka) *, h5:lang(ka) *, h6:lang(ka) * {
  font-family: "BPG Square", sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
   font-family: "BPG Square", sans-serif !important;
   /*font-size: 12pt; */
}
.sp-megamenu-parent :lang(ka) {
   font-family: "BPG Square", sans-serif !important;
font-size: 16px;
}
.sp-module .sp-module-title {
    font-size: 20px !important;
font-weight: 500 !important;
}

/* image and text in one line */
img {
    display: inline-block; !important; }
/* Force the slide wrapper to become a column flex container */
.jt-inner {
    display: flex !important;
    flex-direction: column !important;
}

/* Force the Title to position itself at the very top */
.jt-inner > h1, 
.jt-inner > h2, 
.jt-inner > h3, 
.jt-inner > h4, 
.jt-inner > h5, 
.jt-inner > h6 {
    order: 1 !important;
    margin-bottom: 12px !important; /* Space between title and category/image */
}

/* Position Category Label second */
.jt-inner > .jt-category {
    order: 2 !important;
    margin-bottom: 10px !important;
}

/* Position Thumbnail Image third */
.jt-inner > .jt-imagecover {
    order: 3 !important;
    float: none !important; /* Disables floats that break vertical order */
    margin-bottom: 15px !important;
}

/* Position Author / Date Meta text fourth */
.jt-inner > .jt-author-date {
    order: 4 !important;
    margin-bottom: 10px !important;
}

/* Position Intro text text fifth */
.jt-inner > .jt-introtext {
    order: 5 !important;
    margin-bottom: 15px !important;
}

/* Position Readmore button at the very bottom */
.jt-inner > .jt-readmore {
    order: 6 !important;
}
.jtcs_item_wrapper .jt-title {
    font-size: 16px;
    min-height: 45px;
}
/* modulis da sataurebis fonti */
.underline h3, .undrline h2 {   
 width: 96%;
    font-family: 'BPG Nino Mtavruli';
    padding: 0 2% 8px 2%;
    margin-bottom: 15px;
background: url("../../../images/titleBg.png") no-repeat left bottom;
    overflow: hidden;
    line-height: 27px;
}
.colored h3, .colored h2 {
color: #006600; }
.header h6 {font-size:14px; }
.header {
 width: 100%;      /*    Forces the header to take up the full screen width */
  text-align: center;  /* Pushes the text to the right edge */
  display: block;     /* Ensures it behaves as a full-width block */
}
/* Apply BPG No9 ONLY when the website is viewed in Georgian */
html[lang^="ka"] .camera_caption,
html[lang^="ka"] .camera_caption_title,
html[lang^="ka"] .camera_caption p {
     font-family: "BPG No9", "BPG Nino Medium", sans-serif !important;
     text-transform: none !important; /* CRITICAL: Prevents your setup from trying to capitalize Georgian */
}

#sp-right .sp-module {
    padding: 10px !important; /* Change 10px to your preferred padding */
    margin-top: 20px !important;
}
    /* ==========================================================================
   MODERN MULTILINGUAL SWITCHER OVERRIDE
   ========================================================================== */

/* 1. Container Alignment & Spacing */
.mod-languages ul.lang-inline {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 2. Strip Default Gray Backgrounds & Structural Padding */
.mod-languages ul.lang-inline li,
.mod-languages ul.lang-inline li.lang-active,
.mod-languages ul.lang-inline a,
.mod-languages ul.lang-inline span {
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 3. Make Flags Beautifully Circular */
.mod-languages ul.lang-inline img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    border: 2px solid #e0e0e0 !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

/* 4. Hover Interactions */
.mod-languages ul.lang-inline img:hover {
    transform: scale(1.15) !important;
    border-color: #007bff !important; /* Changes border to theme blue on hover */
}

/* 5. Highlight Active Language Subtly (No Gray Block) */
.mod-languages ul.lang-inline .lang-active img {
    border-color: #28a745 !important; /* Highlights active language with a green border */
    transform: scale(1.05) !important;
}

/* Remove H2 header and form legend */
/* .com-contact.contact h2, */
.com-contact.contact legend, 
.com-contact__form legend { 
    display: none !important; 
}
/* --- Joomla Form Spacer Visibility Rule --- */

/* 1. Target and completely hide the jform_spacer label notice */
#jform_spacer-lbl,
label[id*="jform_spacer"],
div:has(> #jform_spacer-lbl) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 2. Lock your form left with 80% maximum width and a left margin */
.com-contact.contact form,
.com-contact__form form,
#contact-form {
    max-width: 80% !important;
    width: 100% !important;
    margin-left: 30px !important;  /* Your custom left indentation */
    margin-right: auto !important; /* Pulls form back to the left, not centered */
}
@media (min-width: 768px) {
  /* 1. Turn the fieldset into a grid layout */
  #contact-form fieldset {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 0;
  }

  /* 2. Force all other fields to take up the full width */
  #contact-form .control-group {
    grid-column: span 2;
  }

  /* 3. Force Name and Email to sit side-by-side (half width each) */
  #contact-form .control-group:has(#jform_contact_name),
  #contact-form .control-group:has(#jform_contact_email) {
    grid-column: span 1;
  }
/* ==========================================================================
   JOOMLA 6 ARTICLE COMPONENT: CUSTOM IMAGE STYLES
   Applies spacing, shadows, and a hover zoom effect to images inside articles.
   EXCLUDES: Pages assigned the ".no-custom-images" Page Class in Joomla.
   ========================================================================== */

/* Base Styles (Excluded on specific pages) */
/* Full Articles & Category Intro Text Images */
body:not(.no-custom-images) .com-content .article-body img, 
body:not(.no-custom-images) .com-content .ArticleBody img, 
body:not(.no-custom-images) [itemprop="articleBody"] img,
body:not(.no-custom-images) .article-introtext img,
body:not(.no-custom-images) [class*="introtext"] img {
  /* Spacing & Borders */
  margin: 10px !important;
  padding: 4px !important;
  background-color: #ffffff !important;
  display: inline-block !important;
  
  /* Visual Effects */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.18) !important;
  
  /* Animation Timing */
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  
  /* Layout Security */
  max-width: 100% !important;
  height: auto !important;
}


/* Hover Effect (Excluded on specific pages) */
body:not(.no-custom-images) .com-content .article-body img:hover,
body:not(.no-custom-images) .com-content .ArticleBody img:hover,
body:not(.no-custom-images) [itemprop="articleBody"] img:hover {
    transform: scale(1.03); 
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.28); 
    cursor: pointer;
}

  
/* ==========================================
   REMOVE INTRO IMAGES FROM ALL BLOG LAYOUTS
   ========================================== */
.itemid-162 .blog .article-intro-image {
    display: none !important;
}
/* აუქმებს სტილებს მხოლოდ 129 ID-ის მქონე გვერდისთვის */
.itemid-129 .com-content .article-body img,
.itemid-129 .com-content .ArticleBody img,
.itemid-129 [itemprop="articleBody"] img {
margin: 5px;
    padding: 0;

}
/* Completely hides BR Simple Image Gallery only on Category Blog pages */
.blog .brSigContainer {
    display: none !important;
}
.owl-carousel .owl-item img {
    outline: 1px solid #b5b5b5 !important;
	border: 2px solid #fff !important;
	max-width:99% !important;
	margin:5px 10px !important;
}
.article-details .article-header h1,.article-details .article-header h2,.article-details .article-header h4 {
    font-size: 1.3rem
}
#offcanvas-toggler .burger-icon {
    margin-left: 20px;
}
/* Instructs the Helix column wrapper holding the JT module to center its elements */
.sp-column:has(.mod-jt-languageswitcher),
[class*="col-"]:has(.mod-jt-languageswitcher) {
    display: flex !important;
    justify-content: center !important; /* Safely centers the module horizontally */
    align-items: center !important;     /* Keeps the content vertically aligned */
    text-align: center !important;
}

/* Centers the inner contents of the JT Language Switcher */
.mod-jt-languageswitcher {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}
  /* წლიური ანგარიშები */
.table2 td, .table2 tr {
    padding: 10px;

    font-weight: 600;
    margin: 0px auto;
    border-collapse: separate !important;
    border-spacing: 8px !important;
    border: px solid #efefef;
    max-width: 800px;
}
 table.table2 {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
} 
/* 1. Reset standard Helix layout blocks so your image can freely move */
#sp-header #sp-logo, 
#sp-header .logo, 
#sp-header .logo a,
#sp-header .logo-image {
    display: inline-block !important;
    height: auto !important;
}

/* 2. Set default sizing, LIFT it, and STOP it from pushing the menu down */
#sp-header #sp-logo img,
#sp-header .logo-image img {
    height: 80px !important; 
    width: auto !important;
    position: relative !important;
    top: -25px !important; 
    margin-bottom: -40px !important; /* Pushes the menu back UP into its original place */
    transition: height 0.3s ease-in-out, top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out !important; 
}

/* 3. Helix Sticky Mode: Scales down, centers, and resets the menu space */
#sp-header.menu-fixed #sp-logo img,
#sp-header.header-sticky #sp-logo img,
#sp-header.menu-fixed .logo-image img,
#sp-header.header-sticky .logo-image img {
    height: 42px !important; 
    top: 10px !important; 
    margin-bottom: 0px !important; /* Resets space when the header shrinks */
}
/* ==========================================================================
   1. SIDE MENU STRUCTURAL WRAPPER
   ========================================================================== */
ul.geo-side-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 10px 0 !important; /* Reduced from 20px to make container snugger */
    border-left: none !important;
}

/* ==========================================================================
   2. LEVEL 1: MAIN CATEGORIES (e.g., არქივი, გამოცემები)
   ========================================================================== */
ul.geo-side-menu > li {
    font-weight: bold !important;
    font-size: 1.15rem !important;
    color: #437c17 !important;
    margin-top: 12px !important;     /* Tightened top space between categories */
    margin-bottom: 4px !important;    /* Tightened bottom space to minimize the line gap */
    list-style-type: none !important;
    position: relative !important;   
    padding-left: 18px !important;   /* Slightly tighter horizontal indentation */
    display: block !important;
}

/* THE GAP FIX: Adjusted bounds to stay aligned with more compact margins */
ul.geo-side-menu > li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;             
    bottom: -4px !important;         /* Tuned to keep the broken line gap small with the new margins */
    width: 2px !important;           
    background-color: #005a2b !important; 
}

ul.geo-side-menu > li > a {
    color: #437c17 !important;
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 4px !important;   /* Shrunk space directly beneath the main category link text */
    transition: color 0.2s ease !important;
}

ul.geo-side-menu > li > a:hover {
    color: #d9822b !important;
}

/* ==========================================================================
   3. LEVEL 2: SUB-MENU ITEMS (e.g., არქივი 2015, აკადემიის "მოამბე")
   ========================================================================== */
ul.geo-side-menu > li > ul {
    list-style-type: circle !important; 
    padding-left: 20px !important;     /* Pulled text slightly closer horizontally */
    margin-top: 2px !important;        /* Tightened gap right under parent category */
    margin-bottom: 0 !important;
}

ul.geo-side-menu > li > ul > li {
    display: list-item !important;      
    font-weight: normal !important;
    font-size: 1rem !important;
    margin-bottom: 4px !important;    /* Shrunk distance between sub-items from 8px to 4px */
    line-height: 1.25 !important;    /* Tighter text wrapping rows */
}

ul.geo-side-menu > li > ul > li > a {
    color: #005a2b !important;         
    text-decoration: none !important;
    display: inline !important;        
    transition: color 0.2s ease !important;
}

ul.geo-side-menu > li > ul > li > a:hover {
    color: #d9822b !important;         
}

/* ==========================================================================
   4. LEVEL 3: DEEP NESTED SUB-ITEMS (e.g., N32 2013წ.)
   ========================================================================== */
ul.geo-side-menu > li > ul > li > ul {
    list-style-type: square !important; 
    padding-left: 18px !important;     
    margin-top: 2px !important;
}

ul.geo-side-menu > li > ul > li > ul > li {
    display: list-item !important;      
    font-size: 0.95rem !important;
    margin-bottom: 3px !important;    /* Ultra-compact spacing for deepest items */
    line-height: 1.2 !important;
}

ul.geo-side-menu > li > ul > li > ul > li > a {
    color: #005a2b !important;
    text-decoration: none !important;
    display: inline !important;
}
/* Color the category name link, set font size, and align */
.category-name a {
    color: #008000 !important; /* Pure green */
    font-size: 14px !important; /* Sets text size */
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

/* Insert the green Font Awesome Regular folder icon */
.category-name a::before {
    content: "\f07c"; /* Font Awesome open folder unicode */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free"; 
    font-weight: 400; /* Forces the 'Regular-400' file style */
    font-size: 14px; /* Matches icon size to text size */
    color: #008000; /* Matches green color */
    margin-right: 8px; /* Space between icon and text */
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}
/* table  */
#hor-minimalist-b
{

	background: #fff;
	margin: 45px;

	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}
/* 1. Target the Article Name: Make it green and larger */
ul.mod-articleslatest.latestnews li a span[itemprop="name"] {
    color: #008000 !important; /* Makes the article name green */
    font-size: 16px !important;  /* Makes the article name larger */
    font-weight: bold !important; /* Optional: Makes it stand out more */
}

/* 2. Target the Date Span: Keep text default, add spacing */
ul.mod-articleslatest.latestnews li a span:last-child {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 12px !important; /* Spacing between article name and date */
}

/* 3. Inject the Font Awesome icon right before the date */
ul.mod-articleslatest.latestnews li a span:last-child::before {
    content: "\f133" !important; /* Font Awesome calendar icon */
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 400 !important; /* Matches your fa-regular-400 file style */
    font-size: 14px !important;  /* Keeps icon standard size with the date */
    color: #555555 !important;   /* Matches standard dark grey date color */
    margin-right: 6px !important; /* Spacing between icon and date text */
    display: inline-block !important;
}
}table, th, td {
  border: 1px solid #d3d3d3;  padding: 5px;
}
 .moambe {
    width: 60%;
    margin: 0 auto; /* Centers the table horizontally */
    border-collapse: collapse;
  }
  .moambe th, 
  .moambe td {
    padding: 15px;
    border: 1px solid #ddd;
    text-align: left;
  }
  .moambe th {
    background-color: #f4f4f4;
  }
#sp-top-bar .sp-module {
    
    margin: 0px !important;
}