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


/*
    albastru deschis: #049cc4
    albastru inchis: #172f43
	rosu: #c40404
*/

body,.lp-blocks{background:#fff!important;}
.comments-area a, .page-content a{text-decoration:none!important;}
.page-content a{color:#049cc4}
#page {
min-height: calc(100vh - 1px);
}

div#page {
display: flex;
flex-direction: column;
}

main#content {
flex: 1;
}

.d-none {
    display: none!important;
}

#access li, #access ul ul li {
    border-bottom: 1px solid #efefef;
    padding: 0!important;
}

#access .sub-menu li span, #access .children li span {
    padding-top: 0;
    padding-bottom: 0;
}

#access li a:hover{color:#172f43!important}

.identity {
    width: 100%!important;
    height: auto!important;
}

a#logo {
    width: 100%!important;
    display: block!important;
}

#branding {
    height: auto!important;
    width: 200px!important;
}

.site-header-inside {
    display: flex;
    justify-content: space-between;
    height: auto!important;
    align-items: center;
}

.site-header-bottom {
    height: auto!important;
}

.container{max-width: 1240px;width:100%;margin:0 auto;}

#social-header{background: #049CC4;
background: linear-gradient(90deg, rgba(4, 156, 196, 1) 0%, rgba(4, 156, 196, 1) 50%, rgba(255, 255, 255, 1) 51%);}
#social-header h2{color:#fff;}

.container {
    display: flex;
    background: #fff;
}

div#social-CTA {
    background: #049cc4;
}

#social-header h2 {
    padding: 2px;
    position:relative;text-transform:uppercase;
}

#social-header h2::after {
 content: '';
 display: block;
 width: 0;
 height: 0;
 position:absolute;
 left: 100%;
 border-left: 0 solid transparent;
 border-right: 64px solid transparent;
 border-bottom: 64px solid #049cc4; /* Color of the triangle */
 top: 0;
}

.second-menu-container {
  background-color: #049cc4; /* Dark background */
  padding: 10px 0;
}

.second-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; /* Center horizontally */
  gap: 20px; /* Space between menu items */
  
}

.second-menu li {
  position: relative;list-style:none;
}
.second-menu .sub-menu{display:none;position:absolute}
.second-menu a {
  text-decoration: none;
  color: white;
  font-weight: 500;
  padding: 10px 15px;
  display: block;
  text-transform:uppercase
}

.second-menu li.menu-item-has-children:hover .sub-menu{display:block;z-index:10;background:#fff;width:200px}
.second-menu li.menu-item-has-children:hover .sub-menu a{color:#049cc4!important;border-bottom:1px solid #049cc4!important}
.second-menu a:hover,
.second-menu li.current-menu-item a {
  color: #fff;
}


.second-menu li.menu-item-has-children::after {
    content: "\e903";	position: absolute;
	z-index: 251;
	right: -.6em;
	top: 10px;
	bottom: 0;
	margin: auto;
	font-family: "iconmeta";
	/* icon in fontfaces */
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;color:#fff;
}

.specializari-blocks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.specializari-blocks > div {
    width: 30%;
    box-shadow: 0 0 10px #333;
    margin: 30px auto;
    padding: 10px;
	text-align:center;
	background:#fff;
}

.specializari-blocks > div.master {background: #efefef;}

.categorie {
    padding:10px;display:inline-block;
}

.categorie.licenta{background: #efefef;color:#172f43;}
.categorie.master{background: #172f43;color:#fff;}

.specializari-blocks h2 {
    margin: 5px 0;
    font-size: 22px;
    color: #172f43;
}
.specializari-blocks h2 a{color: #172f43;}
.domeniu {
    background: #009bc5;
    color: #fff;padding:10px;display:inline-block;border-radius:10px;
}
.domeniu a{color:#fff}
.caracteristici {margin:10px auto;}
.caracteristici span {
    margin: 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.caracteristici span::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #009bc5;
    border-radius: 50%;
    display: inline-block;
    margin: 2px 10px;
}

.lp-section-header .lp-section-title {
    text-transform: uppercase;
    color: #172f43;
}

header.lp-section-header {
    align-items: flex-end;
}

.lp-section-header .lp-section-title::after, .main .lp-text-title::after {
    margin: 0;
}

.lp-block.block1 {
    display: none!important;
}

.lp-blocks-inside {
    padding: 0;
}

#cta-homepage {
    position: relative;
    background-image: url('https://medical-health.ubbcluj.ro/wp-content/uploads/2025/05/Banner-DHC-Main-.jpg');
    background-size: cover;
    background-position: center;
    height: 400px; /* sau orice înălțime dorești */
    color: white; /* pentru contrast pe fundal întunecat */
    overflow: hidden;
}

#cta-homepage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

/* Pentru ca textul sau conținutul să fie vizibil deasupra overlay-ului */
#cta-homepage > * {
    position: relative;
    z-index: 2;
}

div#admitere-homepage {padding:10px 0}
div#cta-homepage {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
div#cta-homepage a {
    background: #fff;
    display: inline-block;
    width: 240px;
    margin: 30px auto 0 auto;
    padding: 5px;
    border-radius: 10px;
}

/* Container with flex layout */
.vertical-tabs {
  display: flex;
  gap: 20px;
  max-width: 900px;
  margin: 40px auto;
}

/* Tabs list */
.vertical-tabs .tab-titles {
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 0 0 200px;
}

.vertical-tabs .tab-title {
  padding: 15px 20px;
  cursor: pointer;
  background: #f4f4f4;color:#172f43;
  transition: background 0.2s;
    text-transform: uppercase;
    text-align: center;
}

.vertical-tabs .tab-title:hover {
  background: #172f43;color:#fff;
}

.vertical-tabs .tab-title.active {
  background: #049cc4;color:#fff;
  font-weight: bold;
}

/* Tab content area */
.vertical-tabs .tab-contents {
  flex: 1;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 0 10px #333;
}

.vertical-tabs .tab-content {
  display: block;
}

.three-columns-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 40px auto;
  max-width: 1200px;
}

.column-box {
  flex: 1 1 calc(33.333% - 20px);
  padding: 20px;
  border-radius: 8px;
  text-align: left;
  transition: transform 0.2s ease;
}

.column-box:hover {
  transform: translateY(-5px);
}

.column-box h3 {
  font-size: 1.25rem;
  margin-bottom: 10px;
}

.column-box p {
  font-size: 1rem;
  color: #555;
}

.column-link {
  display: inline-block;
  margin-top: 15px;
  text-decoration: none;
  color: #0073aa;
  font-weight: bold;
  transition: color 0.2s ease;
}

.column-link:hover {
  color: #005077;
}
div#de_ce_sa_ne_alegi {
    background: #efefef;padding:10px 0
}
.column-box h3 {
    text-align: center;
    text-transform: uppercase;
    color: #172f43;
}

.column-box {
    text-align: center;
}

a.column-link {
    background: #172f43;
    border-radius: 10px;
    padding: 10px;
    color: #fff!important;
}

a.column-link:hover {
    background: #039bc3;
}

.noutati-wrapper {
  max-width: 800px;
  margin: 40px auto;
  font-family: sans-serif;
}

.noutati-wrapper h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.noutati-list {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.noutate-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.calendar-icon {
  width: 50px;
  text-align: center;
  background: #049cc4;
  color: white;
  border-radius: 5px;
  padding: 5px 0;
}

.calendar-icon .zi {
  font-size: 1.2rem;
  font-weight: bold;
}

.calendar-icon .luna {
  text-transform: uppercase;
  font-size: 0.9rem;
}
.noutati-wrapper{width:55%}
.latest-sticky-post{width:calc(45% - 20px);margin:20px;}
.noutate-content h3 {
  margin: 0 0 10px;
  font-size: 1.2rem;
  text-transform:uppercase;
}

.noutate-content h3 a {
  text-decoration: none;
  color: #172f43;
}

.noutate-content h3 a:hover {
  text-decoration: underline;
}

.noutate-content p {
  margin: 0;
  color: #444;
  font-size: 0.95rem;
}

.link-categorie {
  margin-top: 30px;
  text-align: right;
}

.link-categorie a {
  font-weight: bold;
  color: #0073aa;
  text-decoration: none;
}

.link-categorie a:hover {
  text-decoration: underline;
}
#noutati > div{display:flex;}
#noutati img{width:100%}

ul.contact svg {
    width: 12px!important;
    fill: #fff!important;
}

ul.linkuri_utile a {
    color: #fff!important;
    text-decoration: none!important;
}
footer#footer {
    background: linear-gradient(90deg, rgba(4, 156, 196, 1) 0%, rgba(4, 156, 196, 1) 50%, rgba(255, 255, 255, 1) 51%);
    display: flex;padding:0!important
}
#social-header .container,#footer .container{justify-content:space-between;align-items:center;}
#footer h6{color:#049cc4}
#footer ul li{list-style:none;}
#footer div{background:#fff;}
#footer #powered{background:#049cc4;position:relative;padding:0 40px;}
#powered a{color:#fff!important;display:inline-block;padding:10px 10px 10px 0;}
#powered::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-top: 60px solid #049cc4;      /* vertical leg */
  border-right: 60px solid transparent; /* horizontal leg */
}

.social-menu a {
  position: relative;
  text-indent: -9999px; /* hide text */
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
}

.social-menu a::before {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: #0073aa;
}

/* Facebook */
.social-menu a[href*="facebook.com"]::before {
  content: "\f09a";
}

/* Twitter */
.social-menu a[href*="twitter.com"]::before {
  content: "\f099";
}

/* Instagram */
.social-menu a[href*="instagram.com"]::before {
  content: "\f16d";
}

/* LinkedIn */
.social-menu a[href*="linkedin.com"]::before {
  content: "\f0e1";
}

/* YouTube */
.social-menu a[href*="youtube.com"]::before {
  content: "\f167";
}



.esotera-cropped-headerimage #breadcrumbs-container {
    position: relative!important;
    transform: none!important;
    top: 0!important;
    left: 0!important;
    background: #172f43!important;
}

.esotera-cropped-headerimage #container:not(.esotera-landing-page) .main {
    margin: 0!important;padding:0!important
}


#container:not(.esotera-landing-page) + #colophon {
    margin: 0!important;
    padding: 0!important;
}

ul.social-menu li::marker {
    display: none!important;
}

ul.social-menu li {
    list-style: none!important;
}
nav#breadcrumbs-nav {
    text-align: center;
}

h1,h2,h3,h4,h5,h6 {
    text-transform: uppercase;
}

.atributii-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.role-box {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.role-box h2 {
    margin: 10px 0;
}

.role-box h3 {
    margin: 10px 0;
    color: #049cc4!important;
}

.atributii-list {
    list-style: none;
    padding-left: 0;
}

.atributii-list li {
    position: relative;
    padding-left: 25px;
}

.atributii-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background-color: #049cc4;
    border-radius: 50%;
}
.contact-list {
    list-style: none;
    padding-left: 0;
}
.contact-list li{position:relative;
    padding-left: 25px;}
.contact-list li::before,.atributii-list li.email::before {
	content:'\f0e0';
	position: absolute;
    left: 0;top:0;
    width: 10px;
    height: 10px;
	font-family: "Font Awesome 6 Free";
    font-weight: 100;
    font-size: 16px;
    color: #049cc4;background:none!important;
}
.atributii-list li.telefon::before {
	content:'\f095';
	position: absolute;
    left: 0;top:0;
    width: 10px;
    height: 10px;
	font-family: "FontAwesome"; /*Font Awesome 6 Free, Font Awesome 5 Brands, Font Awesome 5 Free, */
    font-weight: 100;
    font-size: 16px;
    color: #049cc4;background:none!important;
}

.files,.files ul{
    list-style: none;
    padding-left: 0;}
.files li{position:relative;
    padding-left: 25px;
	
}.files li::before {
	content:"\f15b";
	position: absolute;
    left: 0;top:0;
    width: 10px;
    height: 10px;
	font-family: "FontAwesome"; /*Font Awesome 6 Free, Font Awesome 5 Brands, Font Awesome 5 Free, */
    font-weight: 100;
    font-size: 16px;
    color: #049cc4;background:none!important;
}
 .accordion-toggle { cursor: pointer; padding: 10px; background: #eee; border: none; display: block; width: 100%; text-align: left;color:#000;border-radius:0;padding-left:25px; }
	.accordion-toggle:hover{color:#fff;}
	.accordion-toggle:hover::before{color:#fff;}
    .accordion-content { padding: 10px; border: 1px solid #ccc; margin-bottom: 10px; }
    .tab-nav { list-style: none; display: flex; gap: 10px; padding: 0; }
    .tab-nav li { margin: 0; }
    .tab-nav a { text-decoration: none; padding: 5px 10px; background: #ddd; display: inline-block; color:#000;}
    .tab-panel { display: none; padding: 10px; border: 1px solid #ddd; }
    .tab-panel.active { display: block; }
    .tag { display: inline-block; background: #f0f0f0; padding: 2px 5px; margin: 2px; color:#000;}

/* Base styles for accordion toggle buttons */
.accordion-toggle {
    cursor: pointer;
    padding: 10px 15px;
    background: #f0f0f0;
    border: none;
    width: 100%;
    text-align: left;
    font-weight: bold;
    position: relative;
    transition: background 0.3s;
}

/* Add "+" icon before title by default (closed state) */
.accordion-toggle::before {
    content: "+";
    font-size: 18px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #333;
    transition: content 0.3s;
}

/* When the accordion is active/open, show "-" */
.accordion-toggle.active{background:#049cc4;color:#fff;}
.accordion-toggle.active::before{color:#fff;}
.accordion-toggle.active::before {
    content: "-";
}

/* Optional: add padding-left to prevent overlap with icon */
.accordion-toggle {
    padding-left: 30px;
}
a{text-decoration:none!important;}
      .tabs-container {
            display: flex;
            max-width: 100%;
        }
        .tabs-titles {
            flex: 0 0 200px;
        }
        .tabs-titles button {
            display: block;
            width: 100%;
            padding: 10px;
            border: none;
            background: none;
            text-align: left;
            cursor: pointer;
        }
        .tabs-titles button.active {
            background-color: #172f43!important;color:#fff;
            
        }
        .tabs-content > div {
            display: none;
            padding: 0 20px;
        }
        .tabs-content > div.active {
            display: block;
        }.tabs-content h5 {
    margin: 10px !important;
}.tabs-content h2 {
    color: #049cc4!important;
    text-align: center; margin: 10px !important;
}
ul.tab-nav {
    justify-content: center;
}

.tab-nav a{padding:15px!important;}
.tab-nav a.active {
    background: #172f43;color:#fff;
}
.tabs-titles button {
    background: #efefef!important;
    color: #172f43;
    border-radius: 0;
    margin: 10px auto;text-align:center;
}

.entry-meta.beforetitle-meta {
    display: none!important;
}

.entry-meta.aftertitle-meta {
    display: none!important;
}
table, tbody, tr, td, th {
    border: 1px solid #ccc!important;
}

th {
    background: #efefef;
}

div#specializari_si_criterii ul {
    list-style: none;
}

div#specializari_si_criterii ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.informatii_suplimentare {
    font-size: 12px;
    font-style: italic;
    position:relative;
    color:#c40404;
    padding-left:25px;
	margin:10px;
}

.informatii_suplimentare::before {content: '\f005';
    position: absolute;
    left: 0;
    top: -5px;
    width: 16px;
    height: 16px;
    font-family: "Font Awesome 6 Free";
    font-weight: 100;
    font-size: 16px;
    color: #c40404;
    background: none !important;}
	
	.post-section {
    padding: 20px;
    box-shadow: 0 0 10px #333;
}

.post-section h4 {
    margin: 10px;text-align:center
}

.tabs-content {
    width: 100%;
}

.post-section .post-block.licenta,.post-section .post-block.master {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}

.post-block.caracteristici,.post-block h4 {
    width: 100%;
}

div#specializari_si_criterii blockquote,div#taxe_admitere blockquote {
    font-size: 12px;
    position:relative;
    color:#c40404;padding:0;margin:0;
    padding-left:25px;
}

div#specializari_si_criterii blockquote::before,div#taxe_admitere blockquote::before {display: none !important;}

span.tags a {
    border-top: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    padding:5px;padding-left:0;
}

span.tags .sep{border-left: 1px solid #a7a7a7;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    padding:5px;padding-right:0;}

span.tags {
    margin: 10px 0;
}
table p{margin:0!important}
.post-section{margin: 20px auto;}

section.heading-admitere {
    background: #efefef;
    padding: 40px 0;
    text-align: center;
    margin: 20px 0;
}

section.heading-admitere h2 {
    margin: 0;
}
.my-breadcrumbs {position: relative !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
        background: #172f43 !important;color:#fff;text-align:center;padding:5px;
}

/* Container for the masonry layout */
#content-masonry {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    padding: 30px;
    background-color: transparent; /* Removed grey background */
}

/* Individual post article box */
#content-masonry article {
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px; /* Added padding inside the box */
}

/* Hover effect */
#content-masonry article:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* Title and link styles */
.entry-header .entry-title {
    font-size: 1.25rem;
    margin: 0 0 10px;
    color: #333;
}

.entry-header .entry-title a {
    color: #0073aa;
    text-decoration: none;
}

.entry-header .entry-title a:hover {
    text-decoration: underline;
}

/* Meta section */
.entry-meta {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 10px;
}

/* Continue reading link styling */
.post-continue-container {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.continue-reading-link {
    display: inline-flex;
    align-items: center;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.continue-reading-link:hover {
    text-decoration: underline;
}

.continue-reading-link i {
    margin-left: 5px;
    font-size: 0.9em;
}

/* Responsive fallback for smaller screens */
@media (max-width: 768px) {
    #content-masonry {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    #content-masonry {
        grid-template-columns: 1fr;
    }
}

#content-masonry article.hentry .article-inner {
    display: flex!important;
    flex-direction: column;
}

#content-masonry article.hentry .article-inner > * {
    width: 100%!important;
    float: none!important;
    padding: 10px!important;
}

div#admitere-homepage a:hover {
    background: #049cc4;
}
div#admitere-homepage a {
    margin: 10px auto;
    background: #172f43;
    padding: 14px;
    border-radius: 10px;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.link {
    display: flex;
    justify-content: center;
}

div#de_ce_sa_ne_alegi ul {
    list-style: none;
    text-align: left;
}

div#de_ce_sa_ne_alegi ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.calendar-icon *{width:50px}
/*
    albastru deschis: #049cc4
    albastru inchis: #172f43
	rosu: #c40404
*/