/*
 Theme Name:   ARHIVA
 Theme URI:    https://arhiva.ubbcluj.ro
 Description:  ARHIVA UBB 2023 Theme 
 Author:       Carmen Ciplea
 Template:     esotera
 Version: 1.0
*/
:root{
    --color-blue: #2a2d3e;
    --color-pink: #4DF6E6;
    --color-blue-second: #353848;
    --color-blue-accent: #271AE5;
    --color-grey: #f1f1f1;
    --color-border-grey: #dddddd;
    --color-bk-1:#fffdf9;
    --border-radius-800:10px;
    --border-radius-1400:50px;
    --tec-color-button-primary:#271AE5;
    --tec-color-button-primary-hover: #0D1D4A;
    --tec-color-button-primary-active: #271AE5;
    --tec-color-icon-focus:#271AE5;
    --tec-color-event-icon-hover:#0D1D4A;
    --tec-color-accent-primary:#271AE5;
    --tec-color-accent-primary-hover:#0D1D4A;
    --tec-color-accent-primary-active:#271AE5;
    --tec-font-family-sans-serif:'Roboto', sans-serif;
    --tec-font-weight-regular: 300;
    --tec-font-weight-bold: 400;
}
@import url("https://arhiva.ubbcluj.ro/wp-content/themes/arhiva/fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
body {background-color: var(--color-blue)!important}
body * {  font-family: 'Open Sans', sans-serif!important; font-weight:300}
body.home #content {background-color: #fff!important}
body:not(.home) #content { position: relative; background: #f1f1f1!important;}
/* =========== MENIU ============ */
#access > div > ul li > a:not(:only-child) > span::after {
    right: -0.9em!important;
    opacity: 1!important;
    font-size: 20px!important;
}
#access div > ul > li > a, #access ul li[class*="icon"]::before {
    line-height: 80px!important;
}
#access > div > ul > li > a > span::before {
    content: "";
    position: absolute;
    left: -15px;
    top: -3px;
    width: calc(100% + 40px);
    height: calc(100% + 6px);
    border: 2px solid;
    border-radius: 20px;
    opacity: 0;
    -webkit-transition: .2s ease-out all;
    transition: .2s ease-out all;
}
#access > div > ul > li > a > span {
    font-weight:400;
}
#access ul.sub-menu li a, #access ul.children li a, .site-header-top {
    color: var(--color-blue);
    background-color: #ffffff!important;
}
#access .sub-menu li span, #access .children li span {
    padding: 0 2em!important;
    font-weight:400;
}
#access > div > ul > li > ul::before {
    border-bottom-color: #ffffff!important;
}
#branding {
    height: auto!important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
img.custom-logo { max-height: 70px!important;}
.ubb {margin: 0;padding: 0;}
.identity {line-height: inherit!important; height:auto!important;}
.ubb a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    display: block;
    border-bottom:1px transparent solid;
    transition: all ease 0.5s;
}
.ubb a:hover, .titlusite a:hover {color:#fff; border-bottom:1px solid #fff}
.titlusite a {
    color: var(--color-pink);
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    transition: all ease 0.5s;
}

/* =========== SLIDER ============ */
.lp-dynamic-slider>div {max-width: 100%!important}
.seriousslider-light .seriousslider-control .sicon-next:before {
    content: '\e941'!important;
    opacity:0.5!important;
    font-family: 'Material Symbols Outlined'!important;
}
.seriousslider-light .seriousslider-control .sicon-prev:before {
    content: '\ef7d'!important;
    opacity:0.5!important;
    font-family: 'Material Symbols Outlined'!important;
}
.seriousslider-caption-inside {
    max-width: 800px!important;
}
.seriousslider-caption-title {
    color: var(--color-pink)!important;
    font-size: 2em!important;
    text-shadow: 0 1px 10px rgb(0 0 0 / 100%)!important;
    font-family:'Roboto'!important;
}
.seriousslider-caption-text {
    font-size: 1em!important;
    font-weight: 300!important;
}
.seriousslider-light .seriousslider-caption-buttons a:nth-child(2n+1), 
.seriousslider-light .seriousslider-caption-buttons a:hover:nth-child(2n) {
    color: #000!important;
    background-color: var(--color-pink)!important;
    border-color:var(--color-pink)!important;
}
.seriousslider-light .seriousslider-caption-buttons a:hover:nth-child(2n+1) {
    color: #000!important;
    background-color: #fff!important;
    border-color:#fff!important;
}
.seriousslider-light .seriousslider-caption-buttons a {
    display: inline-block;
    padding: 10px 30px;
    border: 2px solid #FFF;
    border-radius: 100px;
    text-transform:none!important;
    font-weight: 400!important;
    letter-spacing: 1px;
    color: #FFF;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    font-family:'Roboto'!important;
}
.seriousslider-inner > .item img.item-image {
    height: 100vh!important;
    width: 100%!important;
    object-fit: cover!important;
}
.seriousslider-indicators-inside {padding:0!important}
.seriousslider-indicators {top:32vh!important; bottom:unset!important;}
.seriousslider-caption {top:50vh!important}
.seriousslider-light .seriousslider-indicators li {
    border: 2px solid #39456d!important;
}
.seriousslider-light .seriousslider-indicators li.active {
    background: rgba(255, 255, 255, 0.5)!important;
}
/* =========== ARHIVA ============== */
section#arhiva h3.lp-section-title {
    font-size: 2em;
}
.lp-section-header .lp-section-title, .lp-section-header .lp-section-desc {max-width:100%!important}
.lp-block .lp-block-title {
    color: #271ae5;
    font-size:1.4em!important;
}
.lp-block .lp-block-title  a {  font-weight: 600!important;}
/* =========== PROIECTE ============ */
#proiecte {padding-bottom: 80px }
#proiecte h3.lp-section-title {
    color: var(--color-blue);
    font-size: 2em;
}
.proiecte_all {
    display: flex;
    flex-direction: row;
    gap: 50px;
    justify-content: center;
    align-items: flex-start;
}
.proiecte_all>.proiecte_item {width:33%}
.proiecte_item_categ {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 20px;
    margin: 10px 0 0 0;
    font-size: 13px;
    text-transform: uppercase;
}
.proiecte_item img {
    width: 100%;
    border-radius:10px;
    transition: all 1s ease;
    transform: scale3d(1.0, 1.0, 1.0);
}
.proiecte_item_img a:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.proiecte_item_img {
    overflow: hidden;
}
.proiecte_item_img a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.proiecte_item_categ span a {
    transition: 1s all ease;
    border-bottom: 0px;
    position: relative;
}

.proiecte_item_categ span a:after {
    content: "";
    position: absolute;
    height: 1px;
    background: var(--color-blue-accent);
    width: 0;
    bottom: -3px;
    left: 0;
    transition: .25s all ease;
}

.proiecte_item_categ span a:hover:after {
    width: 100%;
}
/* =========== GALERIE ============ */
section#galerie { padding-top:3em; background: #fff;}
section#galerie .lp-text { background-color: transparent;}
#galerie h3.lp-text-title { color: var(--color-blue)!important; font-size:2em}
#galerie .lp-text-card {max-width:100%!important}
#galerie div.rl-gallery-container {margin:4em 0 0 0;}
#galerie .lp-text-inside {
    max-width: 100%!important;
    padding: 0!important;
    margin: 0!important;
}
/* =========== VIDEO ============ */
.video_item {
    width: 100%;
    height: 40vh;
    min-height:40vh;
    text-align: center;
    background-size: cover!important;
    background-position: center!important;
    z-index:9999;
    position: relative;
}
.video_item_overlay {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
}
.video_item_link a {
    display: block;
    margin:20px 0 0 0;
}
.video_item_link a svg {
    fill: var(--color-blue-accent);
    width: 50px;
    display: block;
    transition: all 1s ease;
}
.video_item_link a:hover svg {
    fill: #fff;
}
.video_item_title h3 {
    color: var(--color-blue);
}
div#video:before {
    contet: "";
    content: "";
    background: #4df6e645;
    width: 100%;
    height: 40vh;
    display: block;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /* border-radius: 60px; */
}
div#video {
    position: relative;
}
div#video:after {
    content: "";
    background: #4df6e645;
    width: 100%;
    height: 40vh;
    display: block;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transform: rotate(357deg);
};
div#video: before {
    content: "";
    background: #4df6e640;
    width: 98%;
    height: 40vh;
    position: absolute;
    top: 0;
    left: 1%;
    right: 0;
    z-index: 200;
    transform: rotate(357deg);
}
.video_item_excerpt {
    color: var(--color-blue);
}
/* =========== FOOTER ============ */
body:not(.esotera-landing-page) #container, #colophon-inside, .footer-inside, #breadcrumbs-container-inside {
    width:90%;
}
#colophon, #footer {
    background-color: var(--color-blue-second);
    color: #ffffff;
}
.footer-widget-inside ul#menu-meniu_social {
    display: flex;
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    padding: 0.5em 0;
    border: 1px solid var(--color-pink);
    border-radius: 60px;
    text-align: center;
    max-width: 200px;
    transition: all 1s ease;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.footer-widget-inside ul#menu-meniu_social:before {content: 'FOLLOW';}
.footer-widget-inside ul#menu-meniu_social li a svg {
    margin: 0 0 0 20px;
}

#colophon-inside>section:nth-child(2) h2.widget-title,
#colophon-inside>section:nth-child(3) h2.widget-title {
    font-size: 0.9em;
    font-weight: 300;
}
#colophon-inside>section:nth-child(2) .textwidget {
    font-size: 0.7em;
    font-weight: 300;
}
#colophon-inside>section:nth-child(2) .textwidget li span {
    /* margin: 0 20px 0 0; */
    width: 50px;
    display: inline-block;
    text-align: left;
}
#colophon-inside>section:nth-child(2) .textwidget ul {
    margin: 0;
    padding: 0;
}
#colophon-inside>section:nth-child(3) img {width:80%}
div#footer-top>.footer-inside>div {
    color: #ddd;
    font-style: normal;
    font-size: 0.7em;
}
#colophon-inside .widget-title::after {
    background: -webkit-linear-gradient(to right,#4df6e6,#4df6e6);
    background: linear-gradient(to right,#4df6e6,#4df6e6);
}
div#footer-top>.footer-inside {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    /* background: aliceblue; */
}
div#footer-top {
    /* background: #0d1d4a; */
    padding: 10px;
    border-top: 1px solid #474a5b;
}
footer#footer {
    padding: 0;
}
div#footer-top>.footer-inside>div a {
    color: #ddd;
}
div#footer-top>.footer-inside>div a:hover {
    color: var(--color-pink);
}
#toTop {color:var(--color-pink)!important}
/* =========== STYLE ============ */
body:not(.single) .entry-meta > span {
    margin-right: 2em;
}
.entry-meta span a {border-bottom:1px solid transparent!important;}

body.archive .entry-meta,
body.post-type-archive .entry-meta  {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px 0;
}
.entry-meta span a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px!important;
    border-radius: 100px;
    opacity: 0;
    -webkit-transition: .25s all ease;
    transition: .25s all ease;
}


.esotera-responsive-headerimage #breadcrumbs-container {
    top: -200px;
}
.esotera-responsive-headerimage #container:not(.esotera-landing-page) .main {
    margin-top: -200px;
}
.post-thumbnail-container .featured-image-overlay::before {
    background: transparent!important;
    background: transparent!important;
}
.post-thumbnail-container .featured-image-overlay::after {
    background-color:transparent!important;
    background: transparent!important;
    background: transparent!important;
}
a.featured-image-link:hover {border-bottom:none!important}
#header-overlay, .lp-staticslider::after, .seriousslider-theme::after {
    background-color: var(--color-blue)!important;
    background: -webkit-linear-gradient( 0deg, var(--color-blue) 0%, var(--color-blue) 75%)!important; 
    background: linear-gradient( 90deg, v 0%, var(--color-blue) 75%)!important; 
    opacity: 0.46;
}
article.hentry .article-inner, #content-masonry article.hentry .article-inner {
    padding: 2em 4em!important;
}
#content-masonry article.hentry {
    display: block;
    overflow: hidden;
    margin: 0;
    margin-right: 3%;
    margin-bottom: 0%;
    margin-left: 3%;
}
#breadcrumbs-container {left:0!important}
#container:not(.esotera-landing-page) .main {
    position: relative;
    z-index: 9;
    padding-top: 1em!important;
    padding-bottom: 1em!important;
    padding-left: 0em!important;
    padding-right: 0em!important;
    border-radius: 0px!important;
    border-top: 3px solid var(--color-pink);
    border-bottom: 3px solid var(--color-pink);
}
#container:not(.esotera-landing-page) .main a {
    color:var(--color-blue-accent)!important;
}
#container:not(.esotera-landing-page) .main a img , #container:not(.esotera-landing-page) .main a:hover img {border:none!important}
#container:not(.esotera-landing-page) .main a:hover {
    color:var(--color-blue-accent)!important;
    border-bottom:1px solid var(--color-blue-accent);
}
a.wp-block-button__link.wp-element-button:hover {border-bottom:2px solid var(--color-blue-accent)!important;    background: aliceblue!important;}
.main .article-inner > header {
    margin-bottom: 0em!important;
}
h1.entry-title.singular-title {
    color: var(--color-blue);
    font-size: 2em;
    text-align: center;
    font-weight: 400;
    margin-bottom:3em;
}
h1.page-title {
    color: var(--color-blue);
    font-size: 2.4em!important;
    font-weight: 400!important;
    text-align: center;
}
.entry-header h2.entry-title {
    font-size: 1.8em!important;
    text-align: left;
    font-weight:600;
    margin:10px 0;
}
@media (min-width: 1200px)
.h2, h2 {
    font-size: 1.82rem;
}
article.hentry .article-inner, #content-masonry article.hentry .article-inner {
    padding: 2em 4em;
}
abbr, acronym {
    border-bottom: none!important;
    cursor: help;
}
#container.two-columns-right #secondary {
    float: right;
    margin-top: -500px;
    background: #f8f8f8;
    z-index: 100;
    border-top: 5px solid var(--color-pink);
    border-bottom: 5px solid var(--color-pink);
}
.wp-block-column {
    padding: 0 1em;
}
.gallery-item {
    display: inline-block;
    width: 100%;
    max-width: 33.33%;
    padding: 5px;
    vertical-align: top;
    text-align: center;
    margin: 0;
}
.gallery figure.gallery-item img {
    border-radius: 10px;
}
.entry-content a:not([class]), .entry-excerpt a:not([class]), #comments .comment-body a:not([class]), .widget-container.widget_text a:not([class]), .lp-text .lp-text-content a:not([class]), .lp-block .lp-block-text a:not([class]), .lp-box .lp-box-text-inside a:not([class])
{text-decoration:none!important}
.entry-meta.entry-utility span.tags {
    margin: 2em 0 0;
}
.taxonomy-description {
    text-align: center;
    margin: 0;
    font-size: 1.2em;
}
.wp-block-button__link {background-color: #fff!important}
.entry-content blockquote {
 font-style: normal;
 font-weight: 400;
 border-width: 1px 0;
 border-style: solid;
 border-color: #efefef;
 margin: 2em 0;
 font-family: Roboto!important;
}
.entry-content blockquote p { font-family: Roboto!important;}
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4,
.entry-content h5
{
    color: var(--color-blue-second);
    font-weight: 400!important;
    font-family: 'Roboto'!important;
    margin:20px!important;
    padding:0!important;
}
.entry-content h1 {font-size:2em!important;}
.entry-content h2 {font-size:1.8em!important;}
.entry-content h3 {font-size:1.6em!important;}
.entry-content h4 {font-size:1.4em!important;}
.entry-content h5 {font-size:1.2em!important;}
.entry-content h1 strong, 
.entry-content h2 strong, 
.entry-content h3 strong, 
.entry-content h4 strong,
.entry-content h5 strong {font-weight:400!important; font-family: 'Roboto'!important;}
/* =========== ECHIPA ========== */
div#content-echipa article {
    width: 30%!important;
    border: 1px solid #ddd;
    padding:30px 20px 30px 40px;
    margin:0!important;
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
div#content-echipa {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 20px;
}
article.hentry .article-inner.article-echipa {
    padding:0!important
}
div#content-echipa .entry-content {
    margin: 20px 0 0 0;
}
div#content-echipa .article-echipa .entry-title {
    color:var(--color-blue-accent)!important; 
    font-weight: 300!important;
    font-size: 1.6em!important;
    text-align: left;
}

div#content-echipa .article-echipa .entry-subtitle {
    color:var(--color-blue-accent)!important; 
    font-weight: 300!important;
    font-size: 1.1em!important;
    text-align: left;
}
div#content-echipa .article-echipa .entry-content ul {margin:0; padding:0}
div#content-echipa .article-echipa .entry-content li {
    list-style: none;
    margin: 5px 0;
}
div#content-echipa .article-echipa .entry-content li span {
    margin:0 10px 0 0; 
    display: inline-block; 
    line-height:25px;}
div#content-echipa .article-echipa .entry-content li span:after {
    content:""; 
    border-right:1px solid var(--color-blue-accent); 
    height:25px;
    line-height:25px;
    margin:0 0 0 10px;
}


/* =========== CONTACT ===================== */

.content_contact {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 10px;
}
.content_contact_box {
    width: calc(50% - 20px);
    text-align: center;
    border:1px solid #ddd;
    padding:2em;
}
.content_contact_box_info h2 {
    font-size: 20px!important;
}
.content_contact_box_info p {
    margin: 0px;
}

/* =========== TRIBE EVENTS / EVENIMENTE ============ */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    min-height: 700px;
    padding-bottom: 0!important;
    padding-top: 0!important;
    padding-left:0!important;
    padding-right:0!important;
}
.tribe-events-event-image {display:none;}
.tribe-events .tribe-events-calendar-list__event-featured-image {
    border-radius:50px;
}
a.tribe-events-calendar-list__event-featured-image-link, a.tribe-events-calendar-list__event-featured-image-link:hover {border:none!important}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    width: calc(var(--tec-grid-width-1-of-8)*4)!important;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
    margin-bottom: 0;
    width: calc(var(--tec-grid-width-1-of-8)*4)!important;
}
.tribe-events-calendar-list__event-header>:nth-child(1),
.tribe-events-calendar-list__event-header>:nth-child(2)
{
    border: 1px solid var(--color-border-grey);
    border-radius: 15px;
    padding: 5px 15px;
    color:#000;
}
.tribe-events .tribe-events-calendar-list__event-featured-image-link {overflow: hidden;position: relative; border-radius:50px}
.tribe-events .tribe-events-calendar-list__event-featured-image-link:focus, 
.tribe-events .tribe-events-calendar-list__event-featured-image-link:hover {
    opacity: 1!important;
}
.tribe-events .tribe-events-calendar-list__event-featured-image-link img{
    transition: all 1s ease;
    transform: scale3d(1.0, 1.0, 1.0);
}
.tribe-events .tribe-events-calendar-list__event-featured-image-link:hover img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.tribe-events-calendar-list__event-header>h3 {border:none!important; padding: initial!important; }
.tribe-events .tribe-events-calendar-list__event-datetime {color:#000!important}
.tribe-events-schedule {
    background-color: transparent;
    border: 0;
    border-radius: 20px;
    border: 1px solid var(--color-border-grey);
    
    padding: 15px 20px!important;
    width:50%;
    text-align:center;
    justify-content: center!important;
    margin: 1em auto 4.5em auto;
}
.tribe-events-schedule h2 {margin:0!important; padding:0!important; font-size:1em!important}
.tribe-events-single-event-title { font-size:var(--tec-font-size-9)!important;}
.tribe-events-event-image img {
    display: block;
    border-radius: 50px;
    width: 50%;
}
.tribe-events-event-meta.primary {
    margin-bottom: var(--tec-spacer-1);
    order: 2;
    padding-top: var(--tec-spacer-5);
    position: relative;
    width: 100%!important;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {border:1px solid var(--color-border-grey)!important}
.single-tribe_events .tribe-events-single .tribe-events-event-meta {
    padding: 2em 0;
    border:1px solid var(--color-border-grey);
    border-radius: 20px;
    margin: 20px 0;
    flex-direction: column;
    gap:20px;
}
.tribe-events-meta-group {
    flex: none!important; 
    background:transparent;
    /* margin-right: var(--tec-spacer-5); */
    /* order: 0; */
    width:100%!important;
    margin:0!important;
    padding:0em 2em!important;
}
.tribe-events-event-meta .tribe-events-address {padding:0 10px 0 0;}
.tribe-events-event-meta:before {
    display:none;
}
.tribe-events-meta-group .tribe-events-single-section-title:before {
    content: "\e905";
    width: 15px;
    background: var(--color-blue-accent);
    display: inline-block;
    text-align: center;
    color: #fff;
    margin: 0 10px 0 0;
    border-radius: 5px;
    font-family: 'iconmeta';
    font-size: 1em;
    line-height: 15px;
}
.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {border-radius:10px;}
h1.tribe-events-single-event-title {
    color: var(--color-blue);
    text-align: center;
    width: 50%;
    margin: 0 auto!important;
}
h2.tribe-events-single-section-title {
    margin: 0px 0 20px 0!important;
    font-weight:400!important;
    letter-spacing: 0!important;
    font-size:1.1em!important;
    color:var(--color-blue-accent)!important;
}
.tribe-events-content a {border-bottom:1px solid #fff!important}
.tribe-events-content a:hover {border-bottom:1px solid var(--color-blue-accent)!important}
.event_details_meta_item dt {
    font-size: 1.1em;
}
.event_details_meta_item dd {
    font-size: 1.2em;
    /* color: red; */
}
.tribe-events-single .tribe-events-sub-nav {padding:0!important}
.tribe-events-event-meta dl>div {
    width: calc(50% - 1em);
}
.tribe-events-event-meta dl {
    margin-top: var(--tec-spacer-1);
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    gap: 0em;
    align-items: stretch;
}
.tribe-events .tribe-events-calendar-list__event-date-tag {width:80px!important;}
div#eveniment_content {
    display: flex;
    align-items: flex-start;
    /* gap: 20px; */
}
div#eveniment_content>div.tribe_events {
    width: 75%;
}
div#eveniment_aside {
    width: 25%;
    padding: 0 0px 0 50px;
}
.evenim_item_aside {
    margin: 10px 0;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: .7em;
    text-align: justify;
}
.evenim_item_aside_categ {diaply: flex;display: flex;gap: 20px;}
.evenim_item_aside_title h3 {
    font-size: 1.3em;
    color: #000!important;
    margin: 10px 0!important;
    padding:0!important;
}
.evenim_item_aside_title h3>a {
    color: #000!important;
}
.evenim_item_aside_categ span>a {
    color: #000!important;
}
#container:not(.esotera-landing-page) .main h3 a {
    color: #000!important;
}
#container:not(.esotera-landing-page) .main h3 a:hover {
    color: var(--color-blue-accent)!important;
}
.evenim_item_aside_data {
    margin: 10px;
    color: var(--color-blue-accent);
}
/* =========== ARHIVA SERVICII ============  */
#main.servicii article.hentry .article-inner {padding:1em 4em!important}
.articol_servicii {overflow: hidden;}
.articol_servicii .entry-footer {
    margin: 0 -4em;
    text-align: center;
    background-size: cover!important;
    background-position: center!important;
    background-color: var(--color-blue);
    color:#000;
}
.articol_servicii .entry-footer h2 {
    color: var(--color-blue);
    font-size: 1.4em;
    font-weight:300;
}
.articol_servicii .entry-footer .video_item_overlay {padding: 2em}
.articol_servicii .entry-footer p {
    margin: 0;
    font-size: 0.9em!important;
    font-weight: 300;
    color:#000;
}
.articol_servicii .entry-footer {
    POSITION: relative;
    /* width: 100%; */
    height: 30vh;
    background: #4df6e629;
    margin: 4em -4em 2em -4em;
}
.articol_servicii .entry-footer:before {
    position: absolute;
    content: "";
    background: #4df6e629;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    transform: rotate(357deg);
    height: 30vh;
}
.articol_servicii .entry-footer .item_overlay {
    position: relative;
    z-index:999;
    padding: 2em 0;
}
article.servicii {
    display: block;
    overflow: visible;
}
/*========= DESPRE */
.despredpcu_col {
    display: flex;
    /* column-gap: 50px; */
    flex-wrap: wrap;
    margin:50px 0;
}
.despredpcu_col_item {
    flex: 50%;
    /* width: 50%; */
    padding: 0 30px 30px 30px;
}
.despredpcu_col_item p {font-size:0.9em;}
.despredpcu_col_item h1, .despredpcu_col_item h2 {color:var(--color-pink);}
.despredpcu_col>div:nth-child(1),
.despredpcu_col>div:nth-child(3) {
    border-right: 1px solid #ddd;
}
.despredpcu_col>div:nth-child(3),
.despredpcu_col>div:nth-child(4) {
    border-top: 1px solid #ddd;
}
.despredpcu_col>div:nth-child(1) {
    text-align:center;
}
article.article-full {
    background-color: var(--color-grey)!important;
    padding: 0!important;
    margin: 0!important;
}
article.article-full>.article-inner {
    padding: 0!important;
    margin: 0;
}
.section_padding {padding:2em!important;}
.section_align_center {text-align: center!important}
.section_align_center .is-layout-flex {justify-content: center}
/* ========= IMPLICA-TE  */
main#main.main.servicii,
main#main.main.servicii article:last-child {
    margin-bottom: -1px!important;
    padding-bottom: 0!important;
}
main#main.servicii article:last-child .article-inner {padding-bottom:0!important}
/* ====== ECHIPA ==== */
div#echipadpcu {padding:4em 0}
#list_cat_echipa ul {display: flex; margin:40px 0;flex-wrap: wrap; align-content: space-around; justify-content: center; align-items: center; column-gap: 20px;}
#list_cat_echipa ul li {
    list-style: none;
    font-size: 0.9em;
    border: 2px solid var(--color-pink);
    border-radius: 230px;
    padding: 5px 20px;
    margin: 10px 0;
    color: #c63784;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff;
}
#list_cat_echipa ul li svg {fill:var(--color-pink);}
#list_cat_echipa ul li:hover {background: var(--color-pink) ;color:#fff}
#list_cat_echipa ul li.list_categ_.activ_cat { background: var(--color-pink)!important; color: #fff!important;}
#list_cat_echipa ul li.list_categ_.activ_cat svg {fill:#fff!important; }
div#content_echipa {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    column-gap:20px;
    margin:0 4em;
}
#content_echipa .entry-image {margin: 0;overflow: hidden;display: block;}
#content_echipa .entry-image img {transition: all 1s ease;transform: scale3d(1.0, 1.0, 1.0); margin: 0;}
#content_echipa .entry-image:hover img {transform: scale3d(1.1, 1.1, 1.1); margin: 0;}
div#content_echipa article {
    width: calc(33% - 20px);
    padding: 0;
    border:1px solid #efefef;
    border-radius: 0px;
}
article.hentry>div.article-inner.staff {
    padding: 0!important;
    margin: 0!important;
}
.staff .entry-after-image {
    padding: 20px;
    text-align:center;
}
.staff h2.entry-title {
    font-size: 1.5em!important;
    margin: 10px 0!important;
    font-weight:300
}
.staff_box_content p {
    margin: 0;
    font-size: 0.9em;
}
/* ========== TIMELINE BLOCK ======  */
.wp-block-tlgb-b-timeline-block {
    margin: 3em 0;
}
.wp-block-tlgb-b-timeline-block .timeline__content {
    padding: 10px!important;
}
.wp-block-tlgb-b-timeline-block .timeline__content label {
    font-size: 16px!important;
    font-family: Roboto!important;
}
/* ========== ESSENTIALS BLOCK ======  */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free"!important;
}
.eb-accordion-container .eb-accordion-title-wrapper {
    background-image: linear-gradient(45deg, rgb(255 255 255 / 80%) 0% , rgb(255 255 255 / 40%) 100%)!important;
    background-color: #fff!important;
    padding-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 15px;
    border:1px solid #ddd;
    transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
    position: relative;
}
.eb-accordion-container .eb-accordion-title {
    color: var(--color-blue)!important;
    font-size: 18px!important;
    margin:0!important;
}
.eb-accordion-container .eb-accordion-content-wrapper .eb-accordion-content {
    color: #000!important;
    text-align: left;
    font-size: 16px!important;
    padding-top: 20px!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
    padding-bottom: 20px!important;
    border-width: 0 1px 1px 1px!important;
    border-color: #ddd!important;
    border-style: solid;
    transition: border 0.5s, border-radius 0.5s, box-shadow 0.5s , background 0.5s;
}
.eb-accordion-container .eb-accordion-icon {
    text-align: center;
    color: var(--color-blue-accent)!important;
    font-size: 14px!important;
    width: 14px!important;
}
.eb-accordion-container .eb-accordion-icon-wrapper:before {
    content: "";
    background: var(--color-blue-accent);
    width: 1px;
    height: 30px;
    margin-right: 20px;
    position: absolute;
    top: 0;
    right: 30px;
    height: 51px;
}

.eb-gallery-img-content:hover {
  border: none !important;
}


/* ========= RESPONSIVE  MENIU =========  */

#mobile-nav>li>a { color: var(--color-accent-primary)!important; text-decoration:none;}
.dropdown-toggle {padding:0}
#mobile-nav>li .sub-menu a {color:#fff}
div#bmobile img.custom-logo {height: 50px;}
div#bmobile .titlusite a {font-size: 18px;}
div#bmobile .ubb a {font-size: 11px;}
nav#mobile-menu #bmobile {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
    flex-direction: column;
}
nav#mobile-menu ul{ margin:5px!important; padding:0!important }
nav#mobile-menu ul.sub-menu li {margin:10px 0}
nav#mobile-menu  .dropdown-toggle::after {border-top:0.3em solid transparent!important}
nav#mobile-menu { background-color: #353848;}
#mobile-nav .searchform input[type="search"] { background-color: transparent; padding:0 0 0 3em}
#mobile-nav .searchform .searchsubmit, #mobile-nav .searchform input[type="search"] {color:#fff!important}
nav#mobile-menu #bmobile {gap:0px;}
nav#mobile-menu  path#Icon_material-home {fill: #fff;}
nav#mobile-menu ul li {margin:10px 0}
nav#mobile-menu ul li.menu-burger { background-color: transparent; border:1px solid var(--color-gri-font); width:150px;}
nav#mobile-menu #mobile-nav a {
    display: inline;
    text-decoration: none;

    font-size: 14px;
    font-weight: 300;
}
nav#mobile-menu #mobile-nav li:not(.current-menu-item) a {color:#fff!important; }
nav#mobile-menu #mobile-nav li.current-menu-item a {color:var(--color-accent-primary)!important; }
#mobile-menu > div {
    width: 80%;
    max-width: 80%!important;
    margin: 8em auto 0;
}
#mobile-menu .menu-main-search {
    position: absolute;
    z-index: -1;
    left: 25%;
    right: 0;
    top: 110px;
    width: 50%;
    font-size: 1em;
    border-bottom: 1px solid #636363;
    /* padding: 0 !important; */
}

#mobile-menu > div {
    width: 100%!important;
    max-width: 100%!important;
    margin: 180px auto 0;
}
#mobile-menu > div ul {margin:0; padding:0}

#mobile-nav ul li a span {
    overflow: hidden;
    max-width: 100%;
    white-space: pre-wrap;
    text-overflow: revert;
    line-height: 1.4;
}
nav#mobile-menu  .dropdown-toggle {margin:-10px 0 0 0!important}
nav#mobile-menu ul.sub-menu li {margin:0!important}
nav#mobile-menu ul li {margin:10px 0!important;}
nav#mobile-menu ul#mobile-nav>li {border-bottom:1px solid #666!important}
.site-header-top {
    color: #FFFFFF;
    background-color: #3c3f44;
}
nav#mobile-menu ul#mobile-nav ul.menu_slider {    
    display: flex !important;
    justify-content: space-around;
    align-items: flex-end;
    align-content: stretch;
}
nav#mobile-menu ul#mobile-nav ul.menu_slider li {padding:0!important; margin:0!imporatant; line-height:30px!important;}

@media (max-width: 1024px)  {
#masthead.cryout #access {display: none;}
.site-header-bottom .site-header-inside {display: block !important;}
.cryout #nav-toggle {display: block;}
.hamburger {line-height:40px; height:40px;}
.hamburger span + em {
    padding-left: 5px;
    font-size: 0.9em;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:15px;}
#mobile-nav .searchform .searchsubmit { left: -10px!important; top: -10px!important;}
.searchform {border-color: #ebebeb; margin: 40px 0 0 0;}

}









/* ========= RESPONSIVE =========  */

@media (max-width: 1300px)  {
    .esotera-responsive-headerimage #breadcrumbs-container {
        top: -350px;
    }
    .esotera-responsive-headerimage #container:not(.esotera-landing-page) .main {
        margin-top: -350px;
    }
}
@media (max-width: 1200px)  {
    #access a {padding:0 1.2em!important}
    .evenim_item .evenim_item_data {width:100%!important}
    .tribe-events-schedule {width:60%}
    div#eveniment_content>div.tribe_events { width: 65%;}
    div#eveniment_aside {width: 35%;padding: 0 0px 0 50px;}
    .tribe-events-event-meta dl>div {width: calc(50% - 1em);}
}
@media (max-width: 1024px)  {
    body:not(.esotera-landing-page) #container, #colophon-inside, .footer-inside, #breadcrumbs-container-inside {
        width: 100%;
    }
    .tribe-events-schedule {width:77%}
    .seriousslider-caption-title {font-size:2em!important}
    .esotera-responsive-headerimage #breadcrumbs-container {
        top: -150px;
    }
    .esotera-responsive-headerimage #container:not(.esotera-landing-page) .main {
        margin-top: -150px;
    }    
    .site-header-bottom .site-header-inside {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .subunitati_icon svg {
        width: 50px;
    }
    .subunitati_icon { width: 50px;}
    div#subunitati>div h2 {margin:0!important}
    div#subunitati>div p {display:none}
    .evenim_item .evenim_item_data {width:100%!important}
    div#subunitati>div a { flex-direction: column;}
    #subunitati>div {height:140px; margin-top:-140px;}
    div#content_echipa {margin:0!important}
}
@media (max-width: 800px)  {
    .seriousslider-caption-title {font-size:1.8em!important; font-weight:700!important}
    .seriousslider-caption-text p {font-size: 1.2em!important; font-weight: 300!important;}
    .subunitati_text h2 {font-weight:300!important; font-size:1em!important}
    .evenim_item .evenim_item_title h3 a {font-size:0.7em!important}
    .evenim_item .evenim_item_excerpt {font-size:0.6em!important}
    .evenim_item .evenim_item_data {letter-spacing: 0!important; font-size:0.7em!important}
    .evenim_item {padding:1em 1em 2em 1em!important; border-radius:var(--border-radius-800);}
    .evenim_item img {border-radius:var(--border-radius-800);}
    .evenim_item_categ a {border-radius:var(--border-radius-800);}
    .evenim_item .evenim_item_data {border-radius:var(--border-radius-800);}
    .video_item_title h3 {font-weight:700!important}
    .servicii_item_excerpt {font-size:0.6em!important}
    .servicii_item_title h3 {font-weight:700!important}
    .servicii_all>div {border-radius:var(--border-radius-800);margin:10px 0!important}
    h1.page-title {font-size: 1.8em!important}
    .taxonomy-description { font-size: 1em;}
    .entry-header h2.entry-title {font-size: 1.6em!important;}
    h1 { font-size: 1.4em!important;font-weight: 700!important;}
    h2 { font-size: 1.3em!important;font-weight: 700!important;}
    h3 { font-size: 1.2em!important;font-weight: 700!important;}
    h4 { font-size: 1.2em!important;font-weight: 700!important;}
    h5 { font-size: 1.2em!important;font-weight: 700!important;}
    h6 { font-size: 1em!important;font-weight: 700!important;}
    .esotera-responsive-headerimage #breadcrumbs-container {
        top: -100px;
    }
    .esotera-responsive-headerimage #container:not(.esotera-landing-page) .main {
        margin-top: -100px;
    }
    .site-header-bottom .site-header-inside {
        display: block!important;
    }
    .seriousslider-inner > .item img.item-image {
        max-height: 100vh!important;
        max-width: none;
        width: auto;
    }
    .cryout .footer-inside a#toTop {
        background-color: transparent!important;
        color: #F9F8F6;
    }
    div#colophon-inside {
        flex-direction: column;
        align-content: center;
    }
    .servicii_all, .evenimente_all {
        justify-content: space-between;
        flex-direction: column!important;
        flex-wrap: wrap!important;
    }
    .articol_servicii .entry-footer {margin:0 -1em!important;}
    #colophon .footer-three .widget-container, .servicii_all > div, .evenimente_all>div {
        width: 100%;
    }
    .cryout #colophon .widget-container {padding:1em 0!important; margin:0!important}
    #colophon-inside h2.widget-title {
        font-size: 0.9em!important;
        margin: 1em 0;
    }
    .footer-widget-inside ul#menu-meniu_social li a {width:200px}
    #colophon .widget-container {align-items: center;}
    .footer-widget-inside ul#menu-meniu_social li a {border-radius:var(--border-radius-800)}
    .footer-widget-inside ul#menu-meniu_social li a {font-size:0.8em!important}
    .footer-inside #toTop {right:0!important; left: auto!important; top:-10px!important}
    .despredpcu_col,  {flex-direction: column;}
    .despredpcu_col_item {
        padding: 0px 10px 10px 10px;
        border: 1px solid #ddd;
        margin: 10px 0;
        width:100%;
        flex:100%;
    }
    #despredpcu_section_video {margin: 0!important; padding:0!important}
    div#content_echipa {margin:0!important}
    div#content_echipa >  article  { width: calc(50% - 20px);}
    .tribe-events-schedule {width:100%; border-radius:var(--border-radius-800);}
    .tribe-common .tribe-common-l-container {padding:0!important}
    div#eveniment_content {flex-direction: column;}
    div#eveniment_content>div.tribe_events { width: 100%;}
    div#eveniment_aside {width: 100%;padding: 0 0px 0 0px;}
    .tribe-events-event-meta dl>div {width: calc(50% - 1em);}
    .tribe-events-schedule h2 {font-size:1em!important}
    article.hentry .article-inner, #content-masonry article.hentry .article-inner { padding: 2em 2em!important;}
    .tribe-events .tribe-events-calendar-list__event-featured-image {border-radius:10px}
    .tribe-events-calendar-list__event-header>:nth-child(1), .tribe-events-calendar-list__event-header>:nth-child(2) {border-radius:10px; font-size:0.85em!important;}
}
@media (max-width: 600px)  {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700!important;}
    p {font-size:0.8em!important}
    .esotera-responsive-headerimage #breadcrumbs-container {
        top: 0px;
    }
    .esotera-responsive-headerimage #container:not(.esotera-landing-page) .main {
        margin-top: 0px;
    }
    div#subunitati {    flex-direction: row; align-content: center;}
    div#subunitati>div {width:33%; height: auto; padding:0;margin-top: auto; border:0px solid var(--color-blue-second); border-radius:50px; margin:5px;}
    .seriousslider-indicators {top:20vh!important;}
    .seriousslider-inner > .item img.item-image {
        max-height: 75vh!important;
        max-width: none;
        width: auto;
        height: 75vh!important;
    }
    .seriousslider-caption {
        top: 35vh!important;
    }
    #subunitati>div:hover {
        height: auto!important;
        margin-top: auto!important;
        border:0px solid var(--color-pink);
    }
    div#subunitati>div a {
        flex-direction: column;
        column-gap: 20px;
        justify-content: center;
    }
    div#content_echipa >  article  { width: calc(100% - 20px);}
    article.hentry .article-inner, #content-masonry article.hentry .article-inner {
        padding: 2em 1em!important;
    }
    .tribe-events-schedule h2 {
        font-size: 1em!important;
        display: flex;
        flex-direction: column;
    }
    .gallery-columns-2 .gallery-item {max-width: 100%;}
    .tribe-events-event-meta {flex-direction: column;}
    .tribe-events-event-meta dl>div {width: 100%;}
}