/* Definire fonturi */
/* Exemple variante:
EduAUVICWANTDots-Regular
TitilliumWeb-Black
SixtyfourConvergence-Regular
Ubuntu-Regular
QwitcherGrypen-Regular
QwitcherGrypen-Bold
DancingScript-Regular
Teko-VariableFont_wght
 */
@font-face {
    font-family: 'Title';
	src: url('../fonts/GreatVibes-Regular.ttf') format('truetype'); 
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'VTitle';
    src: url('../fonts/Teko-VariableFont_wght.ttf') format('truetype-variations');
}


@font-face {
    font-family: 'Content';
    src: url('../fonts/Montserrat-Black.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'VContent';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Header';
    src: url('../fonts/SixtyfourConvergence-Regular.ttf') format('truetype');
	font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'VFooter';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'VBlog';
    src: url('../fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
}

@font-face {
    font-family: 'Comment';
    src: url('../fonts/Ubuntu-Regular.ttf') format('truetype');
    font-style: normal;
}

/* Stilizare pentru schimbarea culorii navbar-ului la mouse-over */

/* Stil pentru link-ul activ */
.current-menu-item > a {
    background-color: #EE7F26; /* culoare de fundal la alegere */
    color: white;              /* culoarea textului */
    border-radius: 1rem 0rem ;
}

/* Stil pentru efectul hover */
.menu-item > a:hover {
    background-color: #D0BFB1; /* culoare la trecerea mouse-ului */
    color: white;
    border-radius: 1rem 0rem ;
}

/* Stil pentru efectul hover v2 
.nav-link:hover {
      background-color: #007bff;
      color: white;
    }
*/

/* Stil pentru efectul hover v3
.main-navigation-container li a:hover {
      background-color: #007bff;
      color: white;
    }
*/

/*
.main-navigation-container {
  background-color: #000;
}
*/

.div-text-header {
  display: flex;
  justify-content: center; /* Centrează pe orizontală */
  align-items: center;    /* Centrează pe verticală */
  height: 100%;           /* Asigură-te că div-ul are înălțime definită */
}

.div-menu-header{
	background-color: white;
	/* margin: 10px 10px 10px 10px;
	padding: 15px;
	border-radius: 25px;*/ 
	padding: 0.5rem;
	border-radius: 3rem 0rem ;

}

.custom-logo {
    max-width: 100%;
    height: auto;
}

.svg_white {
    filter: invert(100%);
    }
	
.svg_blue {
    filter: invert(12%) sepia(63%) saturate(6234%) hue-rotate(246deg) brightness(87%) contrast(156%);
    }

.svg_black {
    filter: invert(1%);
    }
	

.inline-paragraph {
    display: inline;
}



/* Top Menu 

.menu-top-menu-container {
  background-color: #000;
  display: inline-block;
  padding-right: 20px;
}

.menu-top-menu-container ul {
	margin:0;
	padding:0;
}

.menu-top-menu-container li {
  display: inline-block;
  list-style: outside none none;
  margin: 0;
  padding: 2px 4px;
  position: relative;
}


.menu-top-menu-container li a {
  color: #fff;
  font-size: 18px;
  padding: 0 20px;
}

.menu-top-menu-container > ul > li::after {
  color: #555;
  content: "/";
}


.menu-top-menu-container li.menu-item-has-children:hover .sub-menu {
	display:block;
}


.sub-menu {
  background-color: #000;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  display:none;
}

.sub-menu li {
	display: block;
}


.menu-top-menu-container .sub-menu a {
	font-size: 18px;
}
*/




.main-navigation-container li.menu-item-has-children:hover .sub-menu {
	display:block;
}

.sub-menu {
  left: 0;
  position: absolute;
  text-align: center;
  width: 80%;
  display:none;
  z-index: 10; /* pentru a fi deasupra swg-ului */
}

.main-navigation-container .sub-menu a {
	background-color: CornflowerBlue;
	color: white;
}

.main-navigation-container .sub-menu a:hover {
	background-color: black;
	color: white;
}

.responsive-font {
    font-size: 2.5vw;
}

/* Definim înălțimea conținutului din pagină */

@media (min-width: 1200px) {
	.full-screen-height {
		/*height: calc(100vh - 100px);*/
		height: calc(100vh - var(--header-height)); /* full screen minus header */
		/*display: flex;
		align-items: center;  center content vertically if needed */
	}
}

:root {
	--header-height: 100px; /* adjust this based on actual header height */
}

/* Eliminam spatierea dintre coloane pentru mobil */
@media (max-width: 768px) { /* Ajustează valoarea în funcție de breakpoint-ul temei */
  .no-gap.wp-block-column {
    margin-bottom: 0 !important; /* Elimină spațiul de jos */
  }

  .no-gap.wp-block-columns {
    gap: 0 !important; /* Elimină spațiul între coloane */
  }
}


@media (max-width: 767px) {
    /* Ascundem un element html pentru mobil */
    .hide_on_mobile {
        display: none;
    }
    /* Centrarea textului din meniu pentru mobil */
    div.navbar-collapse {
  		text-align: center;
	}
    /*
    ul#menu-main-menu {
        display: inline-block;
        text-align: left;
    }*/
    .responsive-font {
        font-size: 5vw; /* Dimensiune mai mare pe ecrane mici */
    }
}