/* 
Theme Name:		 newsubb
Theme URI:		 http://childtheme-generator.com/
Description:	 newsubb is a child theme of esotera, created by ChildTheme-Generator.com
Author:			 DS
Author URI:		 http://childtheme-generator.com/
Template:		 esotera
Version:		 1.0.0
Text Domain:	 newsubb
*/


:root {
    --color-blue-light: #5484C4;
    --color-blue-dark: #1551b2;
    --color-black: #1a1a1a;
    --color-gray-dark: #6B6B6B;
    --color-gray-light: #F5F3F3;
    --color-white: #ffffff;
}
html[lang="hu-HU"] {
    --color-blue-light: #0A8384;
    --color-blue-dark: #005654;
}
html[lang="en-US"] {
    --color-blue-light: #563077;
    --color-blue-dark: #35004C;
}
a{color:var(--color-blue-dark)!important}
a:hover{color:var(--color-blue-light)!important}
.entry-meta a::after, .entry-utility a::after{background:var(--color-blue-dark)!important}
h2.staticslider-caption-title {
    font-family: 'Montserrat'!important;
    font-size: 64px!important;
}

.staticslider-caption-text {
    font-family: 'Montserrat'!important;
    font-size: 20px!important;
}
a.staticslider-button {
    font-size: 16px!important;
    color: #fff!important;
    font-weight: 900;
}
.custom-header-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Meniu stânga */
.custom-header-layout nav {
    order: 1;
}

/* Dreapta container */
.header-right {
    display: flex;
    align-items: center;
    gap: 20px;
    order: 2;
}

/* Logo */
#branding {
    margin: 0;
}

/* Search */
.header-search {
    display: flex;
    align-items: center;
}

/* Always show hamburger */
#nav-toggle {
    display: block !important;
}

/* Hide normal desktop menu */
#access {
    display: none !important;
}

/* Style mobile menu (optional) */
#mobile-menu {
    display: block;
}
#mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transition: left 0.3s ease;
}

/* When open */
#mobile-menu.active {
    left: 0;
}

/* Reset mobile menu */
#mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: auto;
    height: auto;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    display: none;
    padding: 15px 20px;
}

/* Open state */
#mobile-menu.active {
    display: block;
}

#mobile-menu ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#mobile-menu li {
    list-style: none;
}
#nav-toggle {
    color: #fff;
}

#nav-toggle i {
    color: #fff;
}

#mobile-menu {
    right: 0;
    left: auto;
}

#mobile-menu a {
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

#mobile-menu a:hover {
    color: #000;
}

nav#mobile-menu {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    right: auto!important;
    bottom: auto!important;
    background: var(--color-blue-light)!important;
}

nav#mobile-menu {
    width: auto!important;
    height: auto!important;
    top: 92px!important;
    left: 32px!important;
    background: rgba(84,132,196,0.95)!important;
    padding: 10px!important;
    gap: 0!important;
}

html[lang="hu-HU"] nav#mobile-menu{ background: rgba(0,86,84,0.95)!important;}
html[lang="en-US"] nav#mobile-menu{ background: rgba(86,48,119,0.95)!important;}



#site-wrapper.is-active, .site-header-bottom-fixed.is-active {
    left: 0!important;
}

nav#mobile-menu > div {
    margin: 0!important;
    width: 100%!important;
}

nav#mobile-menu ul li {
    margin: 5px!important;
}

nav#mobile-menu #mobile-nav a {
    display: block!important;
    text-align: center!important;
    color: #fff!important;
    font-size: 15px!important;
}

nav#mobile-menu ul li {
    border-bottom: 1px solid #fff!important;
}

div#bmobile {
    display: none!Important;
}

li.menu-main-search {
    display: none!Important;
}

#mobile-menu ul {
    gap: 0!important;
}

nav#mobile-menu #nav-cancel,  #bmobile {
    color: #fff!important;
    margin: 0!important;
    padding: 5px!important;
    display: none!important;
}

/* ascuns implicit */
#mobile-menu {
    display: none !important;
}

/* deschis */
#mobile-menu.mobile-show {
    display: block !important;
}

.searchform input[type="search"], .searchform input[type="search"]:hover, .searchform input[type="search"]:focus {
    background: transparent!important;
    border: none!important;
    border-bottom: 1px solid #fff!important;
    border-radius: 0!important;
}

input::placeholder {
    color: transparent!Important;
}

i.icon-search2 {
    color: #fff!important;
}

i.icon-search2:nth-of-type(2) {
    display: none!Important;
}

img.custom-logo {
    max-width: 350px!important;
}

.site-header-inside.custom-header-layout {
    padding-top: 40px;
}

a.staticslider-button::after {
  content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;

    /* SVG inline cu fill alb */
    background-image: url('data:image/svg+xml;utf8,<svg width="20px" height="20px" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.53 15.848L15.53 10.848C16.1567 10.4563 16.1567 9.54368 15.53 9.15201L7.53 4.15201C6.86395 3.73573 6 4.21458 6 5.00001L6 15C6 15.7854 6.86395 16.2643 7.53 15.848ZM8 13.1958L8 6.80426L13.1132 10L8 13.1958Z" fill="%23ffffff"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#language-header-menu {
    display: flex;
    gap: 10px;
}

.language-menu-items {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.language-menu-items li {
    color: #ffffff;
    padding: 0 8px;
    position: relative;
}

.language-menu-items li + li::before {
    content: '|';
    margin-right:5px;
    color: #ffffff;
}

.language-menu-items li:hover {
    opacity: 0.8;
    cursor: pointer;
}
div#language-header-menu {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 200;
}

section.lp-slider {
    position: relative;
}

div#language-header-menu a {
    color: #fff!important;
}

.language-menu-items li {
    padding: 0 5px 0 0;
}

.landing-section {
    padding: 40px;
	max-width:1200px;
	width:100%;
	margin:0 auto;
}

.landing-section h2 {
    color: var(--color-blue-light)!important;
    font-family: 'Montserrat';
    font-weight: 100;
	text-transform:uppercase;
    font-size: 36px;
    text-align: center;
    margin: 0;
}

/* optional styling for event slides */
.events-slider .event-slide {
    background: #ffffff;
    padding: 15px;
    margin: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    text-align: center;
}

.events-slider .event-title {
    font-size: 16px;
    font-weight: 600;
}

.events-slider .event-date {
    font-size: 14px;
    color: #555555;
}

.events-slider {
    position: relative;
}


.event-image {
    width: 100%;
    aspect-ratio: 1 / 1;   /* face containerul pătrat */
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;      /* crop din centru */
    object-position: center;
    display: block;
}

.events-slider .event-title a {
    color: var(--color-black)!important;
    font-weight:normal!important
}
.events-slider .event-title{
    text-align: left;
}

.event-meta {
    text-align: left;
}

a.event-more {
	display:flex;
    justify-content: right;
    color: #fff!important;
}
a.event-more svg {
    fill: var(--color-blue-light)!important;
}
.event-date,.event-time {
    color: var(--color-black)!important;
    font-size: 14px!important;
}

.event-slide {
    padding: 0!important;
}

.event-content {
    padding: 0 20px;
	justify-content:space-between;
}

.event-slide {
    height: auto;
    display: flex!important;
	flex-direction: column;
}

.event-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.event-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.slick-track {
    display: flex;
}

a.event-image {
    display: inline-block;
}

.events-arrow,.news-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #ccc;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
	color:var(--color-black);padding:15px!Important
}

.events-arrow.prev,.news-arrow.prev { left: -35px; }
.events-arrow.next,.news-arrow.next { right: -35px; }

.events-arrow:hover,.news-arrow:hover {
    background:var(--color-blue-light)
}


.events-arrow.next,.news-arrow.next {
    vertical-align: middle;

    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="6,4 14,10 6,16" fill="%23ffffff"/></svg>');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}

.events-arrow.prev,.news-arrow.prev {
   vertical-align: middle;

    /* SVG inline cu triunghi plin spre stanga */
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="14,4 6,10 14,16" fill="%23ffffff"/></svg>');

    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
}
.button-container {
    text-align: center;
}

.events-button {
    display: inline-flex;justify-content:center;align-items:center;
    padding: 10px;
    background: var(--color-blue-light);
    border-radius: 20px;
    margin: 20px 0 0 0;
    color: var(--color-white)!important;
}
.events-button::after {
    vertical-align: middle;
content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
	background-color:rgba(255,255,255,0.75);
	border-radius:50%;
	margin-left:5px;
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="6,4 14,10 6,16" fill="%23ffffff"/></svg>');
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: left;
}


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



section#landing-events {
    background: var(--color-gray-light);
}
section#landing-news, #landing-info {
    background: var(--color-white);
}

.landing-section h2{margin-bottom:20px!important}

.news-image{flex-shrink:0; width:180px; height:180px; overflow:hidden;}
.news-slide{display:flex!important; gap:15px; margin:0 20px;}

.news-title{margin-bottom:20px!important;display:block;}
.news-title,.news-title a {
	display:block;
    line-height: 16px!important;
    font-size: 16px!important;
}


section#landing-news .news-slider {
    line-height: 16px!important;
}

.ubb-in-cifre > div {
    display: flex;
    justify-content: space-between;
    text-align: center;
}


.ubb-in-cifre h2 {
    font-weight: bold!important;
}

.ubb-in-cifre h2, .ubb-in-cifre p {
    margin: 0!Important;
}

div#colophon-inside {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    font-size: 12px!important;
    align-items: flex-start;
}

section#block-25 {
    width: 60%!important;
}

section#block-23 {
    width: 40%!important;
}

body {
    font-family: 'Montserrat';
}

.footer-two .is-layout-flex {align-items: flex-start;}

ul#menu-footer-menu {
    display: flex;margin-top:10px;
}

ul#menu-footer-menu li {
    padding: 5px;
}

ul#menu-footer-menu li:nth-of-type(1) a {
    border-right: 1px solid #ccc;padding-right:10px
}

ul#menu-footer-menu li a {
    color: var(--color-gray-dark);
}

ul.wp-block-social-links{justify-content:end!important}
/* Listă social icons */
ul.wp-block-social-links li img,
ul.wp-block-social-links li svg {
    filter: grayscale(100%);
    transition: filter 0.3s ease; /* tranziție elegantă la hover */
}

/* optional: revenire la culoare la hover */
ul.wp-block-social-links li:hover img,
ul.wp-block-social-links li:hover svg {
    filter: grayscale(0%);
}

ul.wp-block-social-links li svg path {
    fill: #fff; /* sau orice nuanță de gri */
    transition: fill 0.3s ease;
}
ul.wp-block-social-links li{
    background-color:var(--color-blue-dark)!important
}

/* =============================
   LUNA CU BARA ORIZONTALA
============================= */
.events-month {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #6B6B6B; /* gri inchis */
    margin: 20px 0;
    font-weight: 500;
}

/* Bara orizontala dupa text */
.events-month::after {
    content: '';
    flex: 1; /* ocupa tot spatiul ramas */
    height: 1px;
    background-color: #6B6B6B; /* gri inchis */
    margin-left: 15px; /* distanta fata de text */
}

.monthly-event{display:flex; align-items:start; gap:20px; margin-bottom:40px;justify-content:space-between}
.monthly-event .event-image{flex-shrink:0; width:200px; height:200px; overflow:hidden;}

.monthly-event .event-date, .monthly-event .event-time {
    font-weight: bold;
    color: var(--color-blue-light)!important;
}

.monthly-event h3.event-title a {
    font-size: 20px;
    color: var(--color-black)!important;
}

.monthly-event h3.event-title {
    margin: 10px 0!important;
    line-height: 20px!important;
}

.monthly-event .event-excerpt {
    color: var(--color-black)!important;
}

.monthly-events-pagination {
    display: flex;
    justify-content: space-between;
}

.monthly-events-pagination a {
    color: var(--color-black)!important;
}

.monthly-events-pagination {
    border-top: 1px solid var(--color-gray-dark);
    padding: 10px;
}

div#content {
    background: var(--color-white)!important;
}

#breadcrumbs-container{position:static!important;transform:none!important}
span.current {
    display: inline-block;
    padding: 10px;
}
.news-excerpt {
    font-size: 14px;
}

.events-search-form{
    margin-bottom:40px;
}

.events-search-wrapper{
    position:relative;
    max-width:420px;
}

.events-search-input{
    width:100%;
    height:48px;
    border:1px solid #ddd;
    border-radius:999px;
    padding:0 50px 0 20px;
    font-size:16px;
}

.events-search-button{
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    background:none;
    border:none;
    cursor:pointer;
    font-size:18px;
}
.events-search-wrapper{max-width:100%;}
.events-search-wrapper input{width:100%; border-radius:30px}
.events-search-wrapper input::-webkit-input-placeholder{
    color:#999!important;
}

.events-search-wrapper input::-moz-placeholder{
    color:#999!important;
    opacity:1;
}

.events-search-wrapper input:-ms-input-placeholder{
    color:#999!important;
}

.events-search-wrapper input::placeholder{
    color:#999!important;
    opacity:1;
}

.events-search-button i.icon-search2 {
    color: #999!important;
    background: #fff!important;
}

button.events-search-button {
    background: none!Important;
}

.team-member h2 {
    color: var(--color-blue-dark)!Important;
    font-size: 20px;
    font-style: italic;
}

.team-member {
    text-align: center;
}

.team-member h3 {
    color: var(--color-blue-light)!Important;
    font-size: 16px;
}

.team-member img {
    border-radius: 50%;
    filter: grayscale(100%);
	width:150px;
}

.team-member h2 {
  position: relative;
  display: inline-block;
}

.team-member h2::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 20px;
  height: 1px;
  background-color: var(--color-blue-dark);
}

span.category-metas a {
    padding: 5px;
    border: 1px solid #efefef;
	white-space: nowrap;
}

span.category-metas {
    text-align:right;
    width: 100%;
    display:block;
}

.category-metas span.sep {
    padding: 10px;
}

span.bl_categ {
    display: block;
}

h2.entry-title {
    color: var(--color-blue-dark);
}

span.post-date {
    color: var(--color-blue-light);
}

footer.post-continue-container a {
    background: var(--color-blue-light);
    color: #fff!important;
    padding: 5px;
    display: inline-flex;
    align-items: center;
}


footer.post-continue-container a:hover {
    background: var(--color-blue-dark);
}

#content-masonry article {
    border: 1px solid #efefef;
    
	box-shadow: 0 8px 6px -6px #ccc;
    width: calc(50% - 20px)!important;
    margin: 10px!important;
    padding: 20px!important;
}

div#content-masonry {
    display: flex;
    flex-wrap: wrap;
}

footer.post-continue-container {
    text-align: right;
}

.entry-meta.aftertitle-meta {
    flex-wrap: wrap;
}

.entry-header > .entry-meta,span.category-metas a {
    line-height: 32px;
}

.entry-meta.aftertitle-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#container.one-column .main {
    padding: 20px!important
}
.home #container.one-column .main {
    padding: 0px!important
}

h1.entry-title{
    text-align: center;
}

@media screen and (max-width:768px){
	img.header-image {
    display: none;
}

div#header-image-main-inside {
    display: none;
}

div#language-header-menu {
    position: relative;
    right: 0;
    bottom: 0;
}

header#masthead {
    background: var(--color-blue-dark);
}

#masthead.cryout #site-header-main {
    position: relative;
}

#site-wrapper.is-active, .site-header-bottom-fixed.is-active {
    top: 0!important;
}


nav#mobile-menu {
    background: rgba(84,132,196,1)!important;
    z-index: 201!important;
    width: 100%!important;
    left: 0!important;
    top: 150px!important;
}

div#site-header-main {
    z-index: 201;
}
#branding .identity img {
    width: 200px!important;
}

.site-header-inside.custom-header-layout {
    padding: 10px!important;
    display: flex;
    flex-direction: column;
}

div#branding {
    order: 1;
}

nav#access {
    order: 2;
}

button#nav-toggle {
    order: 3;
    margin: 10px;
}

.header-search {
    order: 2;
}

div#language-header-menu {
    justify-content: center;
}

div#header-image-main {
    padding: 10px!important;
}
nav#breadcrumbs-nav {
    text-align: center;
}

h1,h2,h3,h4,h5,h6 {
    text-align: center;
}

div#colophon-inside {
    flex-direction: column;
}

div#colophon-inside {}

div#colophon-inside .widget-container div.is-layout-flex {
    display: flex;
    flex-direction: column;
    width: 100%!important;
    justify-content: center!important;
    align-items: center;
}

section#block-25 {}

div#colophon-inside .widget-container {
    width: 100%!important;
    text-align: center;
}

ul.wp-block-social-links {
    justify-content: center!important;
}

ul#menu-footer-menu {
    flex-direction: column;
}



ul#menu-footer-menu li:nth-of-type(1) a {
    border: none;
}
#content-masonry article {
    width: 100%!important;
}
.entry-meta.aftertitle-meta {
    justify-content: center;
}

.entry-meta {
    text-align: center;
}

span.category-metas {
    text-align: center;
}

footer.post-continue-container {
    text-align: center;
}

.category-metas span.sep {
    display: none;
}

h1.page-title {
    font-size: 24px!important;font-weight:bold!important;
}
h1.entry-title {
    font-size: 24px!important;font-weight:bold!important;
}
#mobile-menu > div{max-width:100%;}
.staticslider-caption-text {
    text-align: center;
}

.staticslider-caption-buttons {
    text-align: center;
}
.staticslider-caption-text {
    text-align: center;
}

.staticslider-caption-buttons {
    text-align: center;
}

.news-slide.slick-slide {
    /* width: 100%; */
    /* display: flex; */
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.news-slide.slick-slide a {
    margin: 0 auto;
}

section#landing-info h2 {
    line-height: 28px;
    font-size: 28px;
}

.wp-block-group.ubb-in-cifre > div {
    display: flex;
    flex-direction: column;
}

.wp-block-group.ubb-in-cifre > div > div {
    margin: 10px 0;
    border: 1px solid #ccc;padding:10px;
}
.home header#masthead {
    position: absolute;
    width: 100%;
}

h2.staticslider-caption-title {
    font-size: 40px!important;
}

}

@media screen and (min-width:426px) and (max-width:768px){
button#nav-toggle{order:1;}
.site-header-inside.custom-header-layout{flex-direction:row;}
nav#mobile-menu{top:60px!important}
.wp-block-group.ubb-in-cifre > div {
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-group.ubb-in-cifre > div > div {
    border: none;
}
}

input.s {
    color: #fff!important;
}
#main form.searchform {
    display: none;
}


.pagination span, .pagination a {
    width: 36px!important;
    height: 36px!important;
    padding: 5px!important;
    margin: 0px!important;
}


.nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.articol-rezumat-imagine {
    display: flex;
     overflow: hidden; 
    gap: 10px;
}


html[lang="ro-RO"] section#landing-info, html[lang="hu-HU"] section#landing-info {
    background: var(--color-blue-light)!important;
    color: var(--color-white);
}

html[lang="ro-RO"] section#landing-info h2, html[lang="hu-HU"] section#landing-info h2 {
    color: var(--color-white)!important;
}

ul.wp-block-list {
    padding-left: 20px;
}

.ubb-in-cifre p.wp-block-paragraph {
    text-transform: uppercase;
}