html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}:focus{outline:0}ol,ul,li{list-style-type:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/* End Reset defaults (no need to edit above this line)*/

:root{
--bg1:#fff;
--bg2:#f9f9f9;
--bg3:#fafafa;
--color1:#000;
}
[data-theme='dark']{
--bg1:#000;
--bg2:#171717;
--bg3:#2B333F;
--color1:#fff;
}

body{font-size:1.2rem;font-family: Arial, Helvetica, sans-serif;background:var(--bg1)}

a{text-decoration:none;cursor:pointer;color:var(--color1);outline:none;}
a:hover{opacity:.8}
p{margin-bottom:1%}
.clear{content: "";clear:both;display:table;}
.container{width:70%;padding:2%;margin:auto;background:var(--bg1);color:var(--color1)}
/* responsive */
@media all and (max-width:960px){
.container{width:96%;}
}

h1, h2, h3, h4, h5, h6, h1 i, h2 i{font-size:1.2rem;display:inline-block;font-weight:600}
h1.titlu, h2.titlu, h3.titlu, i.titlu{font-size:1.6rem;line-height:2rem;}

.continut{padding:2%;background:var(--bg1);color:var(--color1)}
.txt{line-height:1.8rem;text-align:justify}
.txt img{float:left;width:50%;height:auto;margin:2% 2% 2% 0}
.hide{display:none}
.info{cursor:pointer}
.info:hover + .hide{display:block}
.imgshow{position:relative;width:50%;float:left;margin:0 2% 2% 0}
.imgview img{width:100%;height:auto}
#scroll{display:none;position:fixed;bottom:20px;right:0;z-index:99;font-size:18px;border:none;outline:0;background-color:#b00;color:#fff;cursor:pointer;padding:.5% 1%;border-radius:.5rem 0 0 .5rem}
.font_mic{font-size:80%;color:#999}
.font_mic a{padding:5px;display:block}
.font_mic a:hover{background-color:#000;color:#bbb!important;font-weight:bold;}
.font_mic a.active{background-color:#007bff;color:#fff!important;font-weight:bold;}
/* responsive */
@media all and (max-width:960px){
.txt img, .imgshow{float:left;width:100%;height:auto;margin:2% 0}
#scroll{display:none;z-index:-1;}
}

.front input{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
.front textarea{width:100%;height:180px;padding:12px 20px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:#f8f8f8;font-size:16px;resize:none}

.footer{background:var(--bg1);position:relative;padding:0;line-height:1.6rem}
.footer span{display:inline;margin-right:2%}
.footer span:first-child{margin-left:2%}

.vali::before{font-weight:700;content:" \002B ";}
.vali.schimba::before{content:" \2212 ";color:#06e}
.tags{padding:0 2%;line-height:1.8rem}
.tags i{margin-right:2%;}
.tags i.link{float:right;margin-right:0}
.tags1{margin-top:4%}
.smallfont{font-size:80%;color:#888;padding:2% 0}


.share{background:#06e;color:#fff;text-align:center;padding:1% 2%;border-radius:5px;margin-right:0!important}
.ascuns{display:none}
/* responsive */
@media all and (max-width:960px){
.share{display:block;width:96%;margin-bottom:4%}
.ascuns{display:block}
}

/* -- coloane egale -- */
.rowequal{display:flex;flex-wrap:wrap;}
.rowequal button.sub{display:inline-block;border:none;background:var(--bg1);color:var(--color1);padding:2%;font-size:1.2rem;cursor:pointer;}
.col40{flex-basis:36%;padding:0 2%}
.col40 i{margin-right:2%}
.col50{flex-basis:50%}
.col60{flex-basis:56%;padding:0 2%}
.col60 i{margin-right:2%}
.col4{flex-basis:21%;padding:2%;position:relative}
.col4 span{flex-basis:21%;padding:2%;}
.col4 img{width:100%;height:120px;object-fit:cover;font-size:0px;border-radius:.3rem}
.col4 .pinplay, .front .pinplay{position:absolute;top:8%;left:10%;padding:.5% 1%;background:#fff;color:#c00;border-radius:5px;font-size:1.6rem}
.col5{flex-basis:16%;padding:2%;position:relative}
.front{flex-basis:21%;padding:2%;position:relative}
.front:nth-child(2), .front:nth-child(8){flex-basis:46%;padding:2%;}
.front span{flex-basis:21%;padding:2%;}
.front img{width:100%;height:150px;object-fit:cover;font-size:0px;border-radius:.3rem}
.front:nth-child(2) img, .front:nth-child(8) img{width:100%;height:190px;object-fit:cover;font-size:0px;border-radius:.3rem}
/* responsive */
@media all and (max-width:960px){
.col4, .col5, .front, .front:nth-child(2), .front:nth-child(8), .col40, .col60{flex-basis:96%;}
.col4 img, .front img{width:100%;height:auto;}
}


/* navigatie */
.topnav{overflow:hidden;background:var(--bg1);position:relative;margin-bottom:2%}
.topnav #topLinks{display:none;background:var(--bg1)}
.topnav a.logo{font-size:1.6rem;font-weight:700}
.topnav a{color:var(--color1);padding:2%;display:inline-block}
.topnav #topLinks a{display:block;}
.topnav #topLinks button.sub{display:block;width:100%;border:none;color:var(--color1);padding:2%;font-size:1.2rem;cursor:pointer;text-align:left}
.topnav a:hover, .topnav #topLinks button.sub{background:var(--bg1);color:var(--color1)}
.topnav .bars{display:inline-block;cursor:pointer;float:right;margin-right:2%;transform:translateY(26%);}
.topnav .bar1, .topnav .bar2, .topnav .bar3{width:30px;height:5px;background:#f00;margin:6px 0;transition:.2s}
.topnav .change .bar1{transform:translate(0,11px) rotate(-45deg);background:#a00}
.topnav .change .bar2{opacity:0}
.topnav .change .bar3{transform:translate(0,-11px) rotate(45deg);background:#a00}
.topnav .dropdown-container{display:none;background:var(--bg2);text-align:left!important}
.topnav label.toggle{cursor:pointer;display:inline-block;float:right;padding:2%}
.topnav label.toggle input{display:none;}
/* responsive */
@media all and (max-width:960px){
.topnav .bars{transform:translateY(-5%);}
}


/* ----- CULORI ----- */
.blue{color:#1065f1}
.red{color:#DB4437}
.yellow{color:#F4B400}
.green{color:#0F9D58}
/* ----- END CULORI ----- */

#feed{padding:2%;}
a.afisare_rss{padding:2%!important;border-top:1px dotted #ccc;display:block;background:var(--bg1);line-height:1.8rem}
/*a.afisare_rss:hover{background:#56ccc8;color:#fff}*/
a.afisare_rss:hover i{opacity:.8}
a.afisare_rss i{color:#0F9D58;opacity:.3;margin-right:3%}
.feed{background:var(--bg1);display:block;overflow:hidden;padding:1% 2%;margin-top:2%}
.feed img{float:left;margin-right:3%;height:30px;}
#feed a.up{background:#4285f4;border:none;color:#fff!important;padding:1% 2%;text-align:center;text-decoration:none;display:block;font-size:1em;}
#feed a.up:hover{opacity:.8}

/* ----- SELECT FORM ----- */
select{border:none;width:96%;cursor:pointer;-moz-appearance:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;-webkit-user-select:none;appearance:none;color:inherit;outline:0;padding:.5rem 2.5rem .5rem 1rem;border-radius:.25rem;border:1px solid #bbb;background:var(--bg1) url(chevron-down.svg) center right / contain no-repeat;transition:background-color .3s linear;display:inline-block;font:inherit;line-height:1.5em;margin:2%;color:var(--color1)}
/* ----- END SELECT FORM ----- */

/* ----- CAUTARE SIMPLA----- */
form.search1{padding:0 2%;}
form.search1 input[type=text]{float:left;display:inline-block;width:80%;padding:2%;border:1px solid #ccc;margin:0;background:var(--bg1);outline:0;transition:background-color .3s linear;color:var(--color1);font:inherit;}
form.search1 input[type=submit]{float:right;display:inline-block;width:18%;padding:12px 20px;font-size:17px;border:none;cursor:pointer;background:#4285F4;color:#fff}
form.search1 input[type=submit]:hover{opacity:.8}
form.search1 button[type=submit]{float:right;display:inline-block;width:16%;padding:3%;border:none;cursor:pointer;background:#4285F4;color:#fff;border-radius:4px;}
form.search1 button[type=submit]:hover{opacity:.8}
form.search1::after{content:"";clear:both;display:table}
/* responsive */
@media all and (max-width:960px){
form.search1 input[type=text], form.search1 input[type=submit]{display:block;width:100%;}
form.search1 button[type=submit]{display:block;width:100%!important;margin-top:2%}
}
/* ----- END CAUTARE SIMPLA----- */

/*    folosita la afisare player muzica   */
.sidebar{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:rgba(0,0,0,1);overflow-x:hidden;transition:0;padding-top:60px;}
.sidebar_content{width:60%;margin:0 auto;position:relative;background:inherit;padding:2%}
.sidebar .sidebar_content .closebtn{background:#b00;color:#fff;text-align:center;position:absolute;top:0;right:0;padding:1% 2%;border-radius:5px;width:5%}
.sidebar .sidebar_content button.sub1{display:inline-block;border:none;background:#b00;color:#fff;padding:1% 2%;font-size:1.2rem;cursor:pointer;border-radius:5px;position:absolute;top:0;left:0;width:10%}
.sidebar .sidebar_content button.sub1:hover{opacity:.8}
.sidebar .sidebar_content button.sub1::before{font-weight:700;content:" \25BA ";}
.sidebar .sidebar_content button.schimbaV::before{content:" \23F9 ";}
/* responsive */
@media all and (max-width:960px){
.sidebar_content{width:90%}
}

/*   player   */
.player, p.player{position:relative;width:100%;height:0;padding-bottom:56.25%;}
p.player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* -- paginare -- */
.pagination{padding:2%;display:block;width:100%}
.pagination a{float:left;margin-right:2%}
.pagination a.active{font-weight:700;color:#4285F4}
.pagination a.disabled{display:none}
.pagination a:hover:not(.active){color:#4285F4}
/* responsive */
@media all and (max-width: 960px) {
.pagination, .pagination a, .pagination a.active{width:100%;display:inline;text-align:center;margin-bottom:1%}
.pagination a.disabled{display:none}
}