/*
 Theme Name:   VIITORVERDE
 Theme URI:    https://viitorverde.granturi.ubbcluj.ro
 Description:  VIITORVERDE Theme 
 Author:       Carmen Ciplea
 Template:     esotera
*/
:root{
	--color-accent:#4fa003;
    --color-accent-sec:#5d18dd;    
    --color-accent-:#fff;
	--color-title: #5d18dd;
	--color-red: #5d18dd;
}
}

@import url('https://viitorverde.granturi.ubbcluj.ro/wp-content/themes/esotera/style.css');
@import url('https://viitorverde.granturi.ubbcluj.ro/wp-content/themes/viitorverde/shortcodes.css');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


body { font-family: "Roboto"!important; color:#000!important}
p, li, td, th {color:#000;}
#colophon p {color:#fff}
a { color: #204c73;}
h1, h2, h3, h4, h5, h6 {
   font-family: "Roboto"!important;
    font-weight: 400!important;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
   font-family: "Roboto"!important;
    font-weight: 400!important;
}
.fixed{  
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	border-bottom:1px solid #ddd;
	box-shadow: 5px 0 10px #333;
}
.fixed #branding {display:none}
.header_logo {
    width: 100%;
    text-align: center;
    background: #fff;
}
.header_logo.fixed img {height:70px!important}
.header_logo img {height:70px; width:auto}

.header_titlu_proiect {
    background: #fff;
    text-align: center;
    font-family: "Roboto";
	font-weight:300;

    border-bottom: 1px solid #1A4978;
}

.header_titlu_proiect ul {
    padding: 0 0px;
    display: block;
    list-style: none;
}


.header_titlu_proiect ul li {
    display: inline-block;
    margin: 0 20px;
    color: #1a4977;
    font-size: 12px;
    position: relative;
    font-weight: 400;
}

.header_titlu_proiect ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--color-accent);
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 8px;
}

.header_titlu_proiect ul li:nth-child(1) {
    text-transform: uppercase;
    font-size: 12px;
}
nav#access {
    display: flex!important;
    flex-direction: column;
    align-items: center;
}
}
#site-header-main {background:#fff!important}
.site-header-bottom .site-header-inside {
    background: #fff;
}
#site-text {background: none!important;}

#site-text  #site-title a { background: var(--color-accent)!important;; letter-spacing:2px!important; padding:5px 20px!important}

#header-overlay, .lp-staticslider::after, .seriousslider-theme::after {
    background-color: #1370ba;
    background: -webkit-linear-gradient( 0deg,  #14769a 25%, #00BCD4 75%);
	background: linear-gradient( 90deg, #14769a 25%, #00BCD4 75%);
    opacity: 0.3;
}
.lp-block.block1 {
    background: #e7f4ff;
}

.lp-block.block2 {
    background: #fff;
}

.lp-block.block3 {
    background:  #e7f4ff;
}

.lp-block.block4 {
    background: #fff;
}

div#text_fonduriue {
    background: #1f3297;
    padding: 20px;
    text-align: center;
	 /*background-image: url(https://viitorverde.granturi.ubbcluj.ro/wp-content/uploads/banner_fondurieu.png);*/
    background-size: cover;
}
div#text_fonduriue a:hover {color: #FFC107!important;position:relative}

div#text_fonduriue a {color:#fff; position:relative}
div#text_fonduriue a:before {
    content: "";
    width: 10px;
    height: 10px;
    background: var(--color-accent)!important;
    border-radius: 50%;
    position: absolute;
    left: -20px;
    top: 5px;
}

#site-title>span>a {color:#fff!important}
#site-title {line-height:3em; display: none}
#branding {
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: 10;
}

#prime_nav>li:first-child span {text-indent: -2000px; position: relative;}
#prime_nav>li:first-child a:before {content: "\e069";font-family: 'iconmeta';color: var(--color-accent);
font-size: 20px; text-align: center;}

#prime_nav>li:first-child a {
    padding: 0px 100px 0 0;
    position: relative;
    display: block;
}
#access > div > ul > li:first-child:hover > a,
#access > div > ul > li.menu-main-search > a  {
    background: transparent!important;
}
#prime_nav>li:first-child:hover a:before,
#prime_nav>li.menu-main-search:hover .icon-search2::before {color:var(--color-red)}

#prime_nav>li.menu-main-search .icon-search2::before {
    content: "\e0a8";
    color: var(--color-accent);
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: white;
}


#prime_nav ul li a , #prime_nav ul li a span{
    text-transform: uppercase!important;
    font-size: 16px;
}

#prime_nav ul.sub_menu li a span {
	color:#fff!important
}
#access ul.sub-menu li a:hover span, #access ul.children li a:hover span, #access .sub-menu > li.current-menu-item> a > span {
    color: var(--color-accent-)!important;
}

#access li.current-menu-item>a>span{
    color: var(--color-accent)!important;
	font-weight:bold;
	}
#access #prime_nav>li.current-menu-item:hover>a>span {color:#000!important}
	
#access ul.sub-menu li a, #access ul.children li a, .site-header-top {
    background-color: #2c3195!important;
}
#site-text {
    background: #d5216e;
	
}
#access > div > ul > li > a > span {
	color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Roboto";
    font-size: 1em;
}
#access #prime_nav a {border-top:0px solid #ececec}
#access #prime_nav ul.sub-menu a {border-top:0px solid red; border-bottom:1px solid #ddd}
#access > div > ul > li:hover > a {background: var(--color-accent); border-top: 3px solid #103151!important; color:#fff}
#access > div > ul > li:hover > a span {color:#fff;}


#access > div > ul > li > a > span::before {display:none}

#access .sub-menu > li> a > span {color:#ececec!important;  text-transform:inherit!important; font-size:12px; }
#access #prime_nav>li a{padding:0 0.9em!important;}
#access .sub-menu, #access .children {border-radius:0; z-index:9999}
#access .sub-menu li:first-child > a, #access .children li:first-child > a,
#access .sub-menu li:last-child > a, #access .children li:last-child > a
{border-radius:0!important}

.lp-section-header .lp-section-title::after, .main .lp-text-title::after, .widget-title::after, #comments-title::after, #reply-title::after, .related-posts .related-main-title::after {
    background-color: #c33317;
    background: -webkit-linear-gradient(to right,var(--color-accent),var(--color-accent-sec));
       background: linear-gradient(to right,var(--color-accent),var(--color-accent-sec));
}

.lp-block .lp-block-title, .lp-block:hover .lp-block-title  {
    color: var(--color-title);
}
a:hover, .entry-meta span a:hover, .comments-link a {
     color: var(--color-title);
}
.lp-blocks1 .lp-block i[class^=blicon] +i[class^=blicon]::before {
  color: var(--color-title);
}
.lp-block i[class^=blicon],.lp-block i[class^=blicon] + i[class^=blicon] {left:calc(50% - 20px)}
.lp-block-content {text-align:center}

.lp-section-header .lp-section-title::after, .main .lp-text-title::after {width:100px}


.lp-staticslider .staticslider-caption-title, .seriousslider-theme .seriousslider-caption-title {font-size: 3em;}
.lp-staticslider .staticslider-caption {padding-left:12em!important}

details.wp-block-details {
    color:#000;
    border:1px solid #ddd;
    padding:10px;
}
details.wp-block-details[open] summary {margin-bottom:30px; border-bottom:2px solid #efefef}
details.wp-block-details summary:after {
    display: inline-block;
    background: var(--color-accent);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    position: absolute;
    right: 10px;
}
details.wp-block-details[open] summary:after {
  content: "-";
  font-size:30px;
}
details.wp-block-details summary:after {
    content: "+";

}


.entry-content h2 {font-size:1.7em!important;color:#1d577f!important}
.entry-content h3 {font-size:1.4em!important;}

#colophon {
    background-color: #2c3195;
    color: #ffffff;
}
 #footer {
    background-color: #1f3297;
    color: #AFAFAF;
    display:none;
}
.footer-inside>div:nth-child(1) {
    display: none!important;
}

.widget-title::after, #comments-title::after, #reply-title::after, .related-posts .related-main-title::after {
    height: 2px!important;
    width: 100px!important;
}
#content {
    position: relative;
    margin-top: 120px;
}
body:not(.esotera-landing-page) #container {
    max-width: calc(1240px);
}

#access {
    display: inline;
    float: none;
}
/* CONTENT */
.lp-block i[class^=blicon]::before {
    color: #5d18dd;
}
.entry-title a:active, .entry-title a:hover {
    color: var(--color-red);
}

.entry-content li {
    border: 1px solid #ddd;
    margin: -1px 0 0 0;
    padding: 5px 20px;
    list-style: none;
}
.entry-title, .main .page-title {
    font-family: Roboto;
    font-size: 1.7em;
    font-weight: 300;
}
.single .entry-title, .singular-title {color: var(--color-red);  font-size: 2.5em;}

#main>header h1.page-title {
    color: var(--color-title);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

body.archive article.hentry.post:before {
    /* border-top: 2px solid #F44336; */
    content: "";
    background: linear-gradient(to right,var(--color-title),var(--color-title));
    width: 100%;
    height: 2px;
    position: relative;
    display: block;
}

.continue-reading-link span {
    text-transform: none;
}

article.hentry .post-thumbnail-container {
    border-radius: 0px;
}

body:not(.single) .entry-meta > span {
    letter-spacing: 0;
}

body .main #content-masonry .post-thumbnail-container span.bl_categ a,
body .main #content-masonry .post-thumbnail-container span.bl_categ .sep {
    font-size: 0.8em;
}

body .main #content-masonry .post-thumbnail-container span.bl_categ {
    letter-spacing: 1px;
}

#container:not(.esotera-landing-page) .main {
    border-radius: 8px;
}

.main #content-masonry .post-thumbnail-container + .entry-after-image {
    border-radius: 4px 4px 0 0;
}

.comment .reply {
    text-transform: none;
    font-weight: bold;
}

.comment .reply a {
    letter-spacing: 0;
}

.commentlist .comment-body {
    border-radius: 12px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.comment-form-comment textarea {
    text-transform: uppercase;
    font-size: 0.9em;
    border-radius: 12px;
}

span.entry-sticky {
    padding: 0.3em 1em;
    border-radius: 100px;
}
.box_buletin {
    display: block;
    width: 350px;
    margin: 20px 0 20px calc((100% - 350px) / 2);
    border: 1px solid #1f527b;
    text-align: center;
    font-size: 20px;
}

.box_buletin img {
    border: 0!important;
}
.box_buletin span {padding: 20px;}

/* WIDGETS */

aside#secondary .widget-title{font-family:'Open Sans'; font-weight:400; font-size:1.3em} 
aside#colophon  .widget-title{font-family:'Open Sans'; font-weight:400; font-size:1em}



.sidey .widget-container ul li:not(:last-child) {
    border: 0;
}

.widget-title::after,
#comments-title::after,
#reply-title::after,
.related-posts .related-main-title::after {
    height: 4px;
    width: 55px;
}

.esotera-normalizedtags #content .tagcloud a {
    font-size: 0.9em !important;
    text-transform: none;
}

ul.ul_box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    /* justify-content: center; */
    align-items: flex-start;
}

.ul_box li {
    flex: 0 1 calc(50% - 10px);
    margin: 10px 0 0 10px;
    border: 1px solid #1f547d;
    border-radius: 4px;
    padding: 20px;
	text-align:center
}

.ul_box li em {
    font-style: normal;
    font-size: 1.3em;
    color: #204c73;
}
/* FOOTER */
.footermenu ul li {
    font-size: 0.9em;
}

.footermenu ul li a {color:#ddd}
.footermenu ul li a:hover {color: var(--color-red)}
.footermenu ul li a::after {    background:  var(--color-red);}
.footermenu ul li span.sep {color: var(--color-red)!important}
#site-copyright {max-width:60%}

/* SHORT CODE*/
.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {width:40px!important; height:40px!important; line-height:40px!important; font-size:24px!important;
top:-5px!important; color:#1d5780}

.su-spoiler-style-default>.su-spoiler-title {
    padding-left: 50px!important;
    padding-right: 0;
    font-size: 20px!important;
    font-weight: 300;
	font-family: "Roboto"!important;
    color: #000;
}
.su-spoiler-style-default>.su-spoiler-title strong {font-weight:300}

.su-spoiler {
    margin-bottom: 1.5em;
    border: 1px solid #ddd;
	padding: 20px;
    box-shadow: 0px 0px 10px #f2f2f2;
}

/* LANDING PAGE */

 /* SLIDER */


@-webkit-keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes animation-fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

@keyframes animation-fadeIn-blur {

	0% {
		opacity: 0;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	50% {
		opacity: 1;
		-webkit-filter: blur(3px);
		filter: blur(3px);
	}
	100% {
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}

}

@-webkit-keyframes animation-slideUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(150%);
		transform: translateY(150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes animation-slideUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(150%);
		transform: translateY(150%);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes animation-slideDown {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		/* filter: blur(3px); */
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%);
	}
}

@keyframes animation-slideDown {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		/* filter: blur(3px); */
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%);
	}
}

body.home .seriousslider-caption-title {
	position: relative;
	float: none;
	display: block;
	margin-bottom: 0.1em;
	font-size: 2.7em!important;
	line-height: 1.3;
	font-weight: 100!important;
	letter-spacing: 0px;
	opacity: 0;
	-webkit-animation: .5s 0.25s animation-fadeIn ease-out forwards;
	animation: .5s 0.25s animation-fadeIn ease-out forwards;
}

.seriousslider-textstyle-textshadow .seriousslider-caption-title, .seriousslider-textstyle-textshadow .seriousslider-caption-text {text-shadow:none!important}
.seriousslider .seriousslider-inner > .item p {color:#fff; font-weight:300;}
body.home  .seriousslider-caption-title .caption-title-word {
	display: inline-block;
	font-style: normal;
}

body.home .seriousslider-caption-title .caption-title-word span {
	position: relative;
	display: inline-block;
	line-height: 1.3;
}

body.home .seriousslider-caption-title .caption-title-word span.cry-single {
	position: relative;
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

body.home .seriousslider-caption-title .caption-title-word span.cry-double {
	position: absolute;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

body.home .seriousslider-caption-title .caption-title-word span.cry-single.animated-letter {
	-webkit-animation: 1.5s 0.25s animation-slideDown ease-in-out forwards;
	animation: 1.5s 0.25s animation-slideDown ease-in-out forwards;
}

body.home .seriousslider-caption-title .caption-title-word span.cry-double.animated-letter {
	-webkit-animation: 1s animation-slideUp ease-in-out forwards;
	animation: 1s animation-slideUp ease-in-out forwards;
}

body.home .seriousslider-dark .seriousslider-caption-buttons a:hover:nth-child(2n+1) {
    border-color: #FFF;
}

body.home .seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n+1) {
    background-color: #e97e30;
    border-color: #e97e30;
}

body.home .seriousslider-dark .seriousslider-caption-buttons a:nth-child(2n) {
    color: #e97e30;
}
body.home .seriousslider-dark .seriousslider-caption-buttons a:hover:nth-child(2n) {
    border-color: #e97e30;
}

.lp-staticslider .staticslider-caption-text,
.seriousslider-theme .seriousslider-caption-text {
    letter-spacing: 0;
    font-size: 1.1em;
}
a.staticslider-button,
.seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button {
    font-size: 1em;
}
.lp-box-readmore::before {
    -webkit-transition: .5s ease-out all;
    transition: .5s ease-out all;
}
.lp-section-header .lp-section-title::after,
.main .lp-text-title::after {
    height: 4px;
}

.lp-boxes-static .lp-box-content::before {
    display: none;
}

.lp-boxes-animated .box-overlay {
    display: none;
}



@media (max-width: 1800px) {
.seriousslider-inner > .item img.item-image {
    max-height: 34vmax;
    max-width: none!important;
    width: auto!important;
}
}
@media (max-width: 1400px) {
.seriousslider-inner > .item img.item-image {
    max-height: 38vmax;
    max-width: none!important;
    width: auto!important;
}
}

@media (max-width: 1100px) {
.seriousslider-inner > .item img.item-image {
    max-height: 42vmax;
    max-width: none!important;
    width: auto!important;
}
}
@media (max-width: 900px) {
.seriousslider-inner > .item img.item-image {
    max-height: 48vmax;
    max-width: none!important;
    width: auto!important;
}
}

@media (max-width: 1500px) {
	#access > div > ul > li > a > span {font-size:1.1em;}
}
@media (max-width: 1400px) {
	nav#access {
    display: block;
    padding: 0 0px;
}

#site-header-main {background:#ececec!important}
#access div > ul > li > a, #access ul li[class*="icon"]::before {line-height: 45px;}
.site-header-bottom .site-header-inside {height: 45px;}
.site-header-bottom {height: 45px;}

#branding {top: 140px;}
}
@media (max-width: 1200px) {
	nav#access { padding: 0 0px;}
	#site-header-main {height: 110px;}
}
@media (max-width: 800px) {
#masthead.cryout #access {display: none!important;}	
#site-header-main { height: 80px;}
#colophon-inside {display:block;}
#colophon-inside> .widget_text:first-child img {width:40%!important}
#colophon .widget-container {width:100%; float:none; display:block; text-align:center}
.lp-staticslider .staticslider-caption {padding-left:1em!important}
}
@media (max-width: 800px) {

	.header_logo img {height:auto}
}	

a.su-button.su-button-style-default {border: 0; margin: 50px; padding: 10px; background-color: #00b0ff!important;}
.su-button span { border: 0!important; font-size: 1em!important;}
a.su-button.su-button-style-default:hover {opacity:1!important; background-color:#204c73!important}
.data_evenim {border: 1px solid #ddd; display: inline-block;  padding: 10px 20px;
    border-radius: 3px;text-align: center; color: #c33317;}
.data_evenim em {font-style:normal; padding:0 20px}
#lp-boxes-2 .lp-box-content {padding: 1em!important;}
#lp-boxes-2 .lp-box-image {display: none;}
#lp-boxes-2 .lp-box {width: 50%!important; margin:0!important;}
#lp-boxes-2 .lp-box .lp-box-text {text-align:justify}
#lp-boxes-2 .lp-box-content {width:100%}
 .evenim_items    {display: flex;
    justify-content: center;
    align-items: stretch;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;}
.evenim_items .evenim_item {padding:30px} 
.evenim_items .evenim_item_data {border:1px solid #ddd; padding:10px 20px ; display:inline-block}
.evenim_items .evenim_item_data em {font-style:normal; padding:0 20px}



/* FIN */