/*
 Theme Name:     Equilitri
 Theme URI:      http://www.equilitri.org
 Description:    Equilitri Theme
 Author:         Teolin
 Author URI:     https://teolin.pages.dev
 Template:       asteria
 Version:        0.8.1
*/
@import url("../asteria/style.css");
/* =Theme customization starts here
------------------------------------------------------- */
h4 {font-size: normal; color: red;}
h6 {font-size: small;}
h6 {padding: 0px!important; margin: 0px!important; 
-webkit-margin-before: 0px!important;
-webkit-margin-after: 0px!important;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
h4 {padding: 0px!important; margin: 0px!important; 
-webkit-margin-before: 0px!important;
-webkit-margin-after: 0px!important;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;}
/*----------------------------STICKY TOP MENU BAR----------------------------*/
.header4 {font-size:0.6em!important; position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0;}
.header4 #topmenu ul li{max-height: 0px; padding: 0 5px 0 5px; border-bottom: 3px solid transparent;margin-left: -4px; -webkit-transition:all 0s ease-out;-moz-transition:all 0s ease-out;-ms-transition:all 0s ease-out;-o-transition:all 0s ease-out;transition:all 0s ease-out;}
.header4 #topmenu ul li:hover{background:rgba(0, 0, 0, 0.03); text-shadow: 2px 2px #99cc33; font-size: 80%!important; border-bottom: 3px solid #2dcb73;} 

body #topmenu ul li{max-height: 20px; padding: 0 5px 0 5px!important;}
body #topmenu{max-height: 20px;}
/*--------------------------------LOGO-----------------------------------*/
.logo img {max-height: 16px;}

/*----------------------------COMMENTS----------------------------*/
.comments_template{margin-top:1px!important;}
.comments_template #comments, #comments_ping, #reply-title{ padding:4px!important; font-size:small!important; margin-bottom:1px!important}
.comm_wrap{margin:1px 0;}
.comment-body{margin-top:1px!important; margin-bottom:1px!important;}
.commentlist li ul li .comment-body{margin-top:1px!important; margin-bottom:1px!important;}
.fn{ padding-top:1px!important;}
.comm_wrap input{padding:4px!important; border-bottom:1px;}
.comment-form-comment textarea{padding:4px!important; max-height:30px!important; }

/*----------------------------FEATURED POSTS thumb animation----------------------------*/
.lay1 h2.postitle {background:#fff!important;}
.lay1 h2.postitle a{color:#003300!important;}
.lay1 .post_content{bottom:0%!important; opacity:0.6;}
.post_image:hover .post_content, .vidwrap:hover .post_content {bottom:80%!important; opacity:1;}
.img_hover .icon_wrap{width:1px!important; height:1px!important;}
.img_hover .icon_wrap i{opacity:0;}

/*----------------------------POZE cu umbra si colturi rotunde----------------------------*/
img {border:1px solid;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-o-box-shadow: 5px 5px 15px #555;-icab-box-shadow: 5px 5px 15px #555;-khtml-box-shadow: 5px 5px 15px #555;-moz-box-shadow: 5px 5px 15px #555;-webkit-box-shadow: 5px 5px 15px #555;box-shadow: 5px 5px 15px #555;}
img:hover {-o-box-shadow: 2px 2px 10px #555;-icab-box-shadow: 2px 2px 10px #555;-khtml-box-shadow: 2px 2px 10px #555;-moz-box-shadow: 2px 2px 10px #555;-webkit-box-shadow: 2px 2px 10px #555;box-shadow: 2px 2px 10px #555;}
.flat, .flat:hover, .logo img, .logo {border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-o-box-shadow:none;-icab-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}

/*----------------------------MID-ROW-BLOCKS----------------------------*/
.ast_blocks {padding:0px!important;}
.midrow_block:hover h3{color:#ffffcc!important; font-weight:bold!important; line-height:10%!important;}
.midrow_block:hover .icon_wrap i{color:#880000!important;}
.midrow_block h3{margin:0!important; color:#006600!important; font-size:2em!important; font-weight:bold!important; line-height:10%;}
.midrow_block {font-weight:bold!important; line-height:10%;}
.block_img{color:#404040!important; -webkit-border-radius:30%!important; -moz-border-radius:30%!important; border:7px solid!important;}

/*----------------------------ACCORDION----------------------------*/
#accordion img{ max-width:1600px!important;}
#slide_acord {margin-top:37px!important;}


/*----------------------------Header40----------------------------*/
.header40{position: relative; width:100%; background:#333; height:auto; float:top; color:#404040; z-index:9;}

/*----------------------------RESPONSIVE SCREENS-------------------*/

@media screen and (max-height: 600px), (max-width: 760px) {
body .kwicks.horizontal li, body #accordion {height:200px!important; max-height:200px!important;min-height:200px!important; font-size:10px!important;}
.acc-sld_layout1 p {font: bold 10px!important; line-height:10px!important; color:#ffffff!important; padding:3px!important;}
.acc-sld_layout1 h3 a {font-size:12px!important; line-height:12px!important;} 
.midrow_block {padding-top:30px!important; padding-bottom:-30px!important;}
.midrow_block:hover {padding-bottom:-35px!important;}
.midrow_block .block_img{display:none;}
.header40{margin-top:-60px!important;}
}


@media screen and (max-height: 600px){.header40{margin-top:-60px!important;}}

/*----------------------------TABELE----------------------------*/
/*asta face ca textul sa se alinieze sus, in tabele*/
#content tr td { vertical-align: top; }
/* Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.*/
@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px)  {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {display: block;}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {position: absolute; top: -9999px;	left: -9999px;}
	tr { border: 1px solid #ccc; }
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		/* am sters randul asta:   padding-left: 50%; */
	}
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}}
/* compact Strategy / Network / Services blocks (half height) */
.midrow_block{padding-top:8px;padding-bottom:8px;}
.midrow_block .icon_wrap{padding-top:6px;}
.block_img{width:50px;height:50px;margin:12px auto;border-width:4px;}
.block_img i{font-size:24px;line-height:50px;}
.midrow_block h3{margin:4px 0;}
.midrow_block p{line-height:1.4em;margin:0 0 6px;}
.midrow_block h3{margin:0 0 4px;line-height:1.3;height:auto;overflow:visible;}
.midrow_block h3 a{display:inline-block;}
/* hover: keep headings readable, no layout shift */
.midrow_block:hover{padding-top:8px!important;padding-bottom:8px!important;}
.midrow_block:hover h3{line-height:1.3!important;}