.hlavni_podbarveni {
    background-color: var(--cervena3);
}
.logo_rozmery {
    width: 155px;
    height: 155px;
    padding: 5px;
    padding-top: 30px;
    text-align: center;
}
@media only screen and (min-width: 1481px) {
    .header.style-4.wide .top-header .logo, .header:not(.style-2):not(.style-3) .logo {
        left: 15px;
        max-width: 155px;
    }
}
.sub-menu-wrap .sipka_podmenu:after {
    content: '';
    position: absolute;
    border-right: 2px solid var(--seda1);
    border-bottom: 2px solid var(--seda1);
    width: 10px;
    height: 10px;
    top: calc(50% - 0px);
    right: 15px;
    transform: translateY(-50%) rotate(-45deg);
}
.vyhledavani_vysledky{
    background-color: var(--seda1);
    padding: 15px;
    z-index: 10001;
}
.tab-pane{
  max-height:400px;
  overflow-y:scroll;
  width:100%;
    z-index: 10001;
}
.tab-pane .row {
  margin-right: 0px;
  margin-left: 0px;
}
.nezobrazit{
    display: none;
    visibility: hidden;
}
.post-meta{
    font-size: small;
}
.seda_tlacitka_kulicka {
    font-size:48px; 
    width:112px;
    height:112px;
    vertical-align:middle;
    padding-top: 31px;
    display: block;
}
.seda_tlacitka_kulicka_zarovnani{
    text-align: -webkit-center;
}
.text_decoration_none {
    text-decoration: none;
}
.text_decoration_none:hover  {
    text-decoration: none !important;
}
@media (max-width: 769px) {
.header.style-4 .menu-wrap {
    padding-left: 138px;
}
}
.logo_sidebar{
    left: 60px !important;;
    top:50px !important;;
}
.sekce_sidebar{
    
}
.porad_table_misto {
    word-wrap: break-word; /*kvuli dlouhym jednoslovnym nazvum */
}

@media (min-width: 500px) {
.navbar-menu .nav-inner {
    width: 55vh;
}
}
.breadcrumbs-wrap .breadcrumbs {
    background-color: var(--pruhledna1) !important;
    display: initial;
}
.breadcrumbs-wrap .breadcrumbs a {
    color: var(--seda4) !important;
}
table {
    table-layout: auto;
}
#celebrant_text {
    top: 8px !important;
}

@media print
{    
    .netisknout, .netisknout *
    {
        display: none !important;
        height: 0px;
        width: 0px;
    }
    table, tbody, tr, td, th {
        display: revert !important;
        width: auto !important;
    }
    a[href]:after {
    content: none !important;
  }
  body * {
    visibility: hidden;
  }
  .tisknout, .tisknout *, #content, #content * {
    visibility: visible;
  }
  .tisknout, #content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
  }
  table {
      width:100%;
  }
  .col-lg-9, .col-md-9, .col-sm-8 {
      width: 100% !important;
  }
  
}

/* Blockquote */

blockquote :not(.testimonial):not(p){
	border-left:3px solid var(--cervena14);
	font-size:16px;
	color:var(--cervena14);
	padding:20px;
	font-weight:700;
	text-align:left!important;
	background:#fafbfd;
}

blockquote.italic{
	font-weight:400;
	font-style:italic;
}

blockquote.align-right{
	float:right;
	width:33%;
	margin:0 0 15px 20px;
}

blockquote.align-left{
	float:left;
	width:33%;
	margin:0 20px 15px 0;
}

blockquote.iconic-quote{
	padding-left:65px;
	padding-right:65px;
	position:relative;
}

blockquote.link-quote{
	padding-right:20px;
	border-left-color:var(--cervena18);
}

blockquote.iconic-quote:after,
blockquote.iconic-quote:before{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	font-size:24px;
	color:var(--seda34);
}

blockquote.iconic-quote:before{
	content: '\e849';
	position:absolute;
	left:15px;
	top:23px;
}

blockquote.iconic-quote:after{
	content: '\e84a';
	position:absolute;
	right:15px;
	top:23px;
}

blockquote.link-quote:before{
	content: '\e82c';
	position:absolute;
	left:15px;
	top:23px;
}

blockquote.link-quote:after{
	content:'';
	display:none;
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: var(--seda9) !important;
}
.active{
    color: var(--seda12) !important;
}
input[type="radio"], input[type="checkbox"] {
    display: initial;
    -webkit-appearance: auto;
    inline-size: auto;
    height: auto;
}
.skryte{
    display: none;
}
#calendar_dnesniden{
    background: var(--cervena14);
    color:var(--seda1);
}
#calendar_dnesniden .day  {
    color:var(--cervena14);
    background-color: var(--seda15);
}
@media only screen and (max-width: 1199px) {
    #footer p, #footer br {
        display: initial !important;
    }
}
#content ul {
    /*list-style: auto !important;*/
    font-size: 18px;

    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#content ol {
    list-style: auto !important;
    font-size: 18px;

    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

@media screen and (max-width: 1041px) {
    .tp-parallax-wrap {
        left: 5px !important;
    }
    .loader{
        height: initial !important;
    }
}


.icon-twitter{
    font-family:sans-serif;
}
.icon-twitter::before{
    content:"𝕏";
    font-size:1.2em;
}
 :root{--s3-link-decoration:none}/* ===== FONTS - inspired by eufres.org ===== */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&family=Playfair+Display:wght@400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap');

/* Body text, navigation, links: Lato */
body,
html,
p,
li,
td,
th,
label,
input,
select,
textarea,
nav,
nav a,
.menu-item a,
.navigation a {
  font-family: 'Lato', sans-serif;
}

/* Headings: Roboto (as on eufres.org) */
h1, h2, h3, h4, h5, h6,
.btn,
button,
.button {
  font-family: 'Roboto', sans-serif;
}

/* Decorative slider headings and widget titles: Playfair Display */
.widget-title,
.entry-title,
.section-title,
.site-title,
.page-title {
  font-family: 'Playfair Display', serif;
}

/* Italic texts / quotes: Dancing Script */
blockquote,
.quote,
.cite,
.cursive {
  font-family: 'Dancing Script', cursive;
}


:root {
  /* Color scheme inspired by eufres.org */
  /* Primary blue: #325597 | Dark Navy: #1b212f */

  /* NOTE ON VARIABLE NAMES: the custom property names below are Czech and are
     kept unchanged so all existing rules keep working. Translation:
     "cervena" = red, "seda" = gray, "pruhledna" = transparent.
     Despite the name, the "--cervena*" variables actually hold BLUE shades
     (the palette was repurposed from a red template). */

  /* -- Primary color (blue) -- */
  --cervena1: #1b212f;
  --cervena2: #243470;
  --cervena3: #2c4086;
  --cervena4: #4a6db8;
  --cervena5: #1d2e6a;
  --cervena6: #5b8ecf;
  --cervena7: #2545a8;
  --cervena8: #3b6ecf;
  --cervena9: #5080cc;
  --cervena10: #8ea6d8;
  --cervena11: #3d4a7a;
  --cervena12: #253075;
  --cervena13: #6fa3e0;
  --cervena14: #2a3580;
  --cervena15: #d0d5e8;
  --cervena16: #6874a8;
  --cervena17: #e0e3f0;
  --cervena18: #3040a0;
  --cervena19: #656890;
  --cervena20: #3060d0;
  --cervena21: #2545b0;
  --pruhledna12: rgba(50, 85, 151, 0.7);
  --pruhledna13: rgb(27, 33, 47);

  /* -- Footer (dark navy) -- */
  /* #footer uses var(--seda6) */
  --seda6: #1b212f;
  /* .copyright uses var(--seda33) */
  --seda33: #141820;
  /* other dark grays used in dark sections */
  --seda9: #1b212f;
  --seda11: #1b212f;
  --seda23: #1e2435;
  --seda30: #1b212f;
  --seda32: #141820;
}

/* ===== HOMEPAGE site ===== */
@media only screen and (max-width: 992px) {
    [class*="page-section"], .page-content-wrap {
        padding: 35px 0;
    }
}

/* ===== DROPDOWN MENU - modern, smooth design ===== */
.sub-menu-wrap {
  background: linear-gradient(160deg, #1e2d5e 0%, #243470 60%, #2c3d80 100%) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.28), 0 3px 10px rgba(0, 0, 0, 0.18) !important;
  border-top: 3px solid rgba(74, 109, 184, 0.7) !important;
}
@keyframes ef-dropdown-in {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}
.sub-menu-wrap {
  animation: ef-dropdown-in 0.2s ease-out forwards !important;
}
.sub-menu-wrap ul li a {
  color: #dce6f5 !important;
  font-size: 14px !important;
  letter-spacing: 0.3px !important;
  padding: 12px 28px !important;
  transition: background 0.2s ease, color 0.15s ease, padding-left 0.2s ease !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  display: block !important;
}
.sub-menu-wrap ul li:last-child a {
  border-bottom: none !important;
}
.sub-menu-wrap ul li:hover > a,
.sub-menu-wrap ul li.current > a {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  padding-left: 34px !important;
}
/* ===== HIDE sections: "next event" and "service schedule / Mass intention booking" ===== */
.carousel-type-2.event-box {
  display: none !important;
}
.half-bg-col.count-event {
  display: none !important;
}

.ef-page h1{display:none}

h3.title {display:none}

.entry-box.single-entry .entry .entry-title:not(:last-child) {
    margin-bottom: 30px;
margin-top: 30px;
}

/* ===== HIDE sections: "What is Eufres title at homepage" ===== */
h2.title2:not(:last-child)
{
   display: none
}


/* =============================================
   BLOG - GLOBAL ARTICLE STYLES
   Matches the EuFRES website design (IS OMNIA)
   ============================================= */

/* --- Article title (H1) ---
   NOTE: the bare "h1" selector below also affects EVERY h1 on the site and
   overrides the Roboto heading font set above. If you want this Playfair
   italic style for article titles only, change the selector to ".entry-body h1". */
h1,
.entry-body h1 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 2.8rem;        /* ~45px - slightly reduced from the default 60px for better readability */
  line-height: 1.25;
  color: #1b212f;
  margin: 1.5rem 0 1rem;
}

/* --- Subheadings in the article body --- */
.entry-body h2 {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.75rem;       /* stronger hierarchy than the default Roboto */
  line-height: 1.3;
  color: #1b212f;
  margin: 2rem 0 1rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #2c4086;  /* accent line - matches the theme blue */
}

.entry-body h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #1b212f;
  margin: 1.5rem 0 0.6rem;
}

/* --- Body text --- */
.entry-body p {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;          /* 16px - unified; the default 18px is too large in the narrower layout */
  line-height: 1.75;
  color: #555;              /* slightly darker than the default #777 - better readability */
  margin-bottom: 1.2rem;
}

/* --- Lists --- */
.entry-body ul,
.entry-body ol {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.75;
  color: #555;
  margin: 1rem 0 1.2rem 1.5rem;
  padding-left: 1rem;
}

.entry-body li {
  margin-bottom: 0.5rem;
}

/* Emphasize bold text inside li (e.g. "die Eltern muessen...") */
.entry-body li strong,
.entry-body li b {
  color: #1b212f;
  font-weight: 700;
}

/* --- Inline links --- */
.entry-body a {
  color: #2c4086;           /* --cervena3, the site's primary blue */
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}

.entry-body a:hover {
  color: #4a6db8;           /* --cervena4, lighter tone on hover */
  border-bottom-color: #4a6db8;
}

/* --- Image at the start of the article --- */
.thumbnail-attachment {
  margin-bottom: 2rem;
}

.thumbnail-attachment img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 4px;       /* subtle corner rounding */
}

/* --- Meta info (date, author) --- */
.post-meta {
  font-family: 'Lato', sans-serif;
  font-size: 0.85rem;
  color: #999;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.post-meta a {
  color: #2c4086;
  font-weight: 600;
}

/* --- Download link --- */
.entry-body a[href*="stahnout_soubor"] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background-color: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  color: #2c4086;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s;
}

.entry-body a[href*="stahnout_soubor"]:hover {
  background-color: #e8edf6;
  border-color: #2c4086;
}

/* --- Sharing (share section) --- */
.share-title {
  font-family: 'Lato', sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-right: 0.5rem;
}

.custom-list.style-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 1.5rem 0 0;
}

.custom-list.style-2 li a {
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #f7f7f7;
  color: #2c4086;
  border: 1px solid #e0e0e0;
  font-size: 1rem;
  transition: background-color 0.2s, color 0.2s;
}

.custom-list.style-2 li a:hover {
  background-color: #2c4086;
  color: #fff;
  border-color: #2c4086;
}

/* --- Content width (max-width recommended for readability) --- */
.entry-box.single-entry .entry {
  max-width: 820px;         /* optimal width for longer texts */
  margin: 0 auto;
}

/* --- Responsiveness --- */
@media (max-width: 768px) {
  h1, .entry-body h1 {
    font-size: 2rem;
  }

  .entry-body h2 {
    font-size: 1.4rem;
  }

  .entry-body p,
  .entry-body li {
    font-size: 0.95rem;
  }
}   

.info-boxes .info-box .box-title {
      font-style: normal;
}

.info-box p:empty { display: none; }
.info-box p { margin: 0; }
.info-box .post-meta { margin-bottom: 10px; }

/* ===== Header logo fix – show colored version instead of white silhouette ===== */
a.logo.hlavni_podbarveni.logo_rozmery img {
  visibility: hidden !important;
}
a.logo.hlavni_podbarveni.logo_rozmery {
  background-image: url("/domains/eufres.org/img/logo_white.php?bila=false");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* ============================================
   1. DARK STRIP (breadcrumbs) - less harsh, matches the site
   Original: rgb(27, 33, 47) = almost black
   New color: medium-dark blue that fits the site
   ============================================ */

.breadcrumbs-wrap {
  background: linear-gradient(135deg, #1b212f 0%, #243470 55%, #2d3a6e 100%) !important;
  border-bottom: 2px solid rgba(74, 109, 184, 0.35) !important;
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

/* ============================================
   2. CONTENT - more space between the articles and the strip
   Add padding-top to the whole content wrapper
   ============================================ */

.content-element {
  padding-top: 50px !important; /* was 0px */
  padding-bottom: 40px !important;
}

/* ============================================
   3. SIDEBAR - the photo and the "Category" heading were
   "stuck" because of padding-top: 120px on .nav-inner
   (that padding is meant for the mobile menu).
   Fix the offset for the sidebar version.
   ============================================ */

.sidebar .nav-inner {
  padding-top: 30px !important; /* was 120px - too large */
}

/* Or alternatively via the parent class, if .nav-inner is also
   used for the mobile menu and you don't want to affect it there: */

@media (min-width: 992px) {
  .sidebar .nav-inner {
    padding-top: 30px !important;
  }
}

/* ============================================
   4. "Category" heading - a bit more separated
   from the top edge of the sidebar
   ============================================ */

.sidebar .widget-title {
  margin-top: 10px;
  margin-bottom: 20px; /* was 30px, but can stay */
}


/* ==========================================================================
   LANGUAGE SWITCHER - complete styles (flags + "Original" button).
   Paste this whole block into the "custom CSS" field.
   Works with the header script (flags control the site's Google translator).
   ========================================================================== */

/* --- Flag bar (sits in the header, right-aligned) --- */
#ef-lang{
  display:flex; justify-content:flex-end; align-items:center; gap:6px;
  padding:6px 10px; background:#ffffff;
}
#ef-lang .ef-flag{
  width:26px; height:18px; border-radius:3px; display:block;
  background-size:cover; background-position:center;
  box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;
  opacity:.9; transition:opacity .15s, transform .15s;
  text-indent:-9999px; overflow:hidden; cursor:pointer;
}
#ef-lang .ef-flag:hover{opacity:1; transform:translateY(-1px)}

/* --- "Original" button (return to the site's original language).
       Neutral gray so it fits a site of any color. --- */
#ef-lang .ef-original{
  width:auto; height:auto;
  margin-left:8px; padding:4px 11px;
  font:600 13px/1.4 Arial,Helvetica,sans-serif;
  color:#555555; background:#f2f2f2; border:1px solid #cccccc;
  border-radius:14px; text-decoration:none; white-space:nowrap; cursor:pointer;
  transition:background .15s, border-color .15s, color .15s;
}
#ef-lang .ef-original::before{content:"\21BB"; margin-right:5px}  /* ↻ icon; delete this line to drop it */
#ef-lang .ef-original:hover{background:#e8e8e8; border-color:#999999; color:#333333}

/* --- Hide the site's built-in Google translator, its top bar and the
       blue hover highlight it adds to translated text --- */
.goog-te-gadget{position:absolute !important; left:-9999px !important; top:auto !important; height:0 !important; overflow:hidden !important}
.goog-te-banner-frame, iframe.skiptranslate{display:none !important; visibility:hidden !important}
body{top:0 !important}
.goog-tooltip, .goog-tooltip:hover,
#goog-gt-tt, .goog-te-balloon-frame, .jfk-bubble{display:none !important; visibility:hidden !important}
.goog-text-highlight{background:none !important; background-color:transparent !important; box-shadow:none !important; border:none !important}

/* --- Flags (drawn in CSS as background images) --- */
#ef-lang .ef-flag-pl{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20y%3D%2220%22%20width%3D%2260%22%20height%3D%2220%22%20fill%3D%22%23dc143c%22%2F%3E%3C%2Fsvg%3E")}
#ef-lang .ef-flag-de{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23000000%22%2F%3E%3Crect%20y%3D%2213.33%22%20width%3D%2260%22%20height%3D%2213.33%22%20fill%3D%22%23dd0000%22%2F%3E%3Crect%20y%3D%2226.66%22%20width%3D%2260%22%20height%3D%2213.34%22%20fill%3D%22%23ffce00%22%2F%3E%3C%2Fsvg%3E")}
#ef-lang .ef-flag-fr{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%230055a4%22%2F%3E%3Crect%20x%3D%2240%22%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%23ef4135%22%2F%3E%3C%2Fsvg%3E")}
#ef-lang .ef-flag-it{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23ffffff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%23009246%22%2F%3E%3Crect%20x%3D%2240%22%20width%3D%2220%22%20height%3D%2240%22%20fill%3D%22%23ce2b37%22%2F%3E%3C%2Fsvg%3E")}
#ef-lang .ef-flag-es{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23aa151b%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%2260%22%20height%3D%2220%22%20fill%3D%22%23f1bf00%22%2F%3E%3C%2Fsvg%3E")}
#ef-lang .ef-flag-en{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2040%22%3E%3Crect%20width%3D%2260%22%20height%3D%2240%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%2C0%20L60%2C40%20M60%2C0%20L0%2C40%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%228%22%2F%3E%3Cpath%20d%3D%22M0%2C0%20L60%2C40%20M60%2C0%20L0%2C40%22%20stroke%3D%22%23c8102e%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M30%2C0%20V40%20M0%2C20%20H60%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2212%22%2F%3E%3Cpath%20d%3D%22M30%2C0%20V40%20M0%2C20%20H60%22%20stroke%3D%22%23c8102e%22%20stroke-width%3D%226%22%2F%3E%3C%2Fsvg%3E")}


/* Banner text - fix width and wrapping */
.tp-caption.scaption-white-large,
.tp-caption.scaption-white-large span {
    white-space: normal !important;
    font-size: 38px !important;
    line-height: 1.35 !important;
    text-align: center !important;   /* center the banner text */
    width: auto !important;
}
.tp-caption.scaption-white-large span {
    padding: 12px 20px !important;
    display: inline-block !important;
}
.tp-mask-wrap {
    width: auto !important;
    min-width: 600px !important;
    overflow: visible !important;
}

/* Blog post listing – more compact display */

/* Each post as a flex row: image on the left, text on the right */
.entry-box .entry.full-grid {
    display: flex !important;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

/* Smaller image – fixed width on the left */
.entry-box .entry.full-grid .thumbnail-attachment {
    flex: 0 0 200px;
    width: 200px !important;
    height: auto !important;
}

.entry-box .entry.full-grid .thumbnail-attachment img {
    width: 200px !important;
    height: 130px !important;
    object-fit: cover;
}

/* Text area expands to fill the remaining space */
.entry-box .entry.full-grid .entry-body {
    flex: 1;
}

/* Smaller heading */
.entry-box .entry.full-grid .entry-title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px;
}

/* Smaller meta info and body text */
.entry-box .entry.full-grid .entry-meta {
    font-size: 13px;
    margin-bottom: 6px;
}

.entry-box .entry.full-grid p {
    font-size: 14px;
    margin-bottom: 6px;
}

/* Mobile: stack image above text */
@media (max-width: 600px) {
    .entry-box .entry.full-grid {
        flex-direction: column;
    }

    .entry-box .entry.full-grid .thumbnail-attachment,
    .entry-box .entry.full-grid .thumbnail-attachment img {
        width: 100% !important;
        height: auto !important;
    }
}

/* Mobile navigation – visual hierarchy */
@media only screen and (max-width: 992px) {

    /* Top-level menu items – larger, bold, white */
    .mobile-advanced > ul > li > a {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        padding: 14px 24px !important;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    }

    /* 1st level submenu items – indented, smaller, lighter color */
    .mobile-advanced ul ul li > a {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(220, 230, 245, 0.85) !important;
        padding: 10px 24px 10px 40px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    }

    /* Left border accent for 1st level submenu */
    .mobile-advanced ul ul li > a::before {
        content: "–";
        margin-right: 8px;
        opacity: 0.5;
    }

    /* 2nd level submenu (e.g. list of conferences) – further indented */
    .mobile-advanced ul ul ul li > a {
        font-size: 13px !important;
        color: rgba(180, 200, 230, 0.7) !important;
        padding: 8px 24px 8px 56px !important;
    }

    /* 2nd level submenu accent */
    .mobile-advanced ul ul ul li > a::before {
        content: "›";
        margin-right: 6px;
        opacity: 0.5;
    }

    /* Active/current item highlight */
    .mobile-advanced > ul > li.current > a {
        color: #ffffff !important;
        border-left: 3px solid var(--modra, #4a6db8) !important;
        padding-left: 21px !important;
    }
}