/* 
 Theme Name:     AvocatiCluj
 Author:         Marusca Design
 Author URI:     https://marusca.design
 Template:       Divi
 Version:        1.0 
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* solve the pixelate logo */

#logo {
-webkit-transform:none;
}

/* Header */
#top-header #et-info {float:none!important;text-align:center;}
#top-header #et-info .md-header-phone {margin-right:20px;}
#top-header #et-info .md-header-phone i {margin-right:4px;font-size:16px;}

@media screen and (max-width: 782px) {
    #top-header #et-info .md-header-phone {text-align:center;display:block;margin-bottom:7px;}
}

/* Menu underline fill in on hover */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before { 
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:hover:before {
      right: 0;  
}
#top-menu  li  a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #3C545C; 
    height: 2px;  
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/*Hero*/
.md-hero.et_pb_fullwidth_header{
    max-height:411px!important;
}
.md-hero.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
	margin: 40px auto;
}
.md-hero.et_pb_fullwidth_header .header-content h1 {
    margin-top:100px;
}

.md-hero.et_pb_fullwidth_header_0 .header-content .et_pb_fullwidth_header_subhead{
    line-height:1em;
}



/*Footer*/
#footer-bottom{
    color:#fff;}
#footer-info{
    float:right;
    text-align:center;
    }
#md-footer-cta {
    z-index: 999;
    bottom:0;
    right:10px;
    position:fixed;
    color:#fff;
    border:2px solid #fff!important;
}
#md-footer-cta:hover {
    border:2px solid #fff!important;
}
.et-social-icons {
	float: none;
	text-align:center;
}
.et-social-icons li:first-child{
	display: inline-block;
	margin-left: 0px;
}
.textwidget i {margin-right:20px;font-size:18px}
.textwidget a {color:#3C545C;}
.textwidget a:hover {opacity:0.6;}
.footer-widget .textwidget i {margin-right:20px;font-size:18px}
.footer-widget .textwidget a {color:#fff;}
.footer-widget .textwidget a:hover {opacity:0.6;}


/* Back To Top Button */
.et_pb_scroll_top.et-pb-icon {
	right: 10px;
	bottom: 75px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #3C545C;
	border: 2px solid #3C545C;
	background: rgba(255, 255, 255, 0.2);
}
.et_pb_scroll_top.et-pb-icon:hover {
	color: #fff;
	background: rgba(60, 84, 92, 0.8);
}

/* Servici Effect */
.blurb-card .et_pb_main_blurb_image {
 margin-bottom: 0 !important;

}
.blurb-card h6 {
 color: #3C545C;
 margin-top: 20px;
}
.blurb-card .et_pb_button {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;

}
.blurb-card .et_pb_blurb {
 margin-bottom: 0 !important;
}
.blurb-card .et_pb_column {
 position: relative;
}
.blurb-card .et_pb_blurb_container {
 background: rgba(0, 0, 0, 0.0) ;
 padding: 5px;
 border-radius: 3px;
 box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .08) !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
 transition: all 0.1s linear;
 
}
.blurb-card .et_pb_column:hover .et_pb_blurb_container {
 -webkit-box-shadow: 0px 10px 19px rgba(0, 0, 0, .2) !important;
 -moz-box-shadow: 0px 10px 19px rgba(0, 0, 0, .2) !important;
 box-shadow: 0px 10px 19px rgba(0, 0, 0, .2) !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
 transition: all 0.1s linear;
}
 

.blurb-card .et_pb_main_blurb_image {
 font-size: 35px;
 position: relative;
 z-index: 1;
 color: #ffffff !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
}
.blurb-card .et_pb_main_blurb_image:after {
 pointer-events: none;
 position: absolute;
 width: 100%;
 height: 100%;
 border-radius: 50%;
 content: '';
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
.blurb-card .et_pb_main_blurb_image:before {
 content: '';
 display: block;
}
.blurb-card .et_pb_main_blurb_image {
 background: rgba(255, 255, 255, 0.1);
 -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
 -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
 transition: transform ease-out 0.1s, background 0.2s;
}
.blurb-card .et_pb_main_blurb_image:after {
 top: 0;
 left: 0;
 padding: 0;
 z-index: -1;
 box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
 opacity: 0;
 -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
 -ms-transform: scale(0.9);
 transform: scale(0.9);
}
.blurb-card .et_pb_column:hover .et_pb_main_blurb_image {
 background: rgba(255, 255, 255, 0.05);
 color: #fff !important;
 -webkit-transition: all 0.1s linear;
 -o-transition: all 0.1s linear;
 -moz-transition: all 0.1s linear;
 -ms-transition: all 0.1s linear;
 -kthtml-transition: all 0.1s linear;
}

/*-----Team Fade Effect-----*/
.md-team-hover {
	display: inline-block;
	position: relative;
	
}
.md-team-hover img {
	display: block;
	max-width: 100%;
}
.md-team-hover::before,
.md-team-hover::after {
	opacity: 0;
	position: absolute;
	width: 89%;
	color: #fff;
	padding: 5%;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.md-team-hover::before {
	content: attr(md-team-name);
	top: 0;
	height: 92%;
	background: rgba(60,84,92,0.9);
	border:2px solid #000;
	font-size: 25px;
	font-weight: 500;
	text-align:center;

}
.md-team-hover::after {
	content: attr(md-desc);
	bottom: 0%;
	width: initial;
	font-size: 16px;
	text-align: center;
}
.md-team-hover:hover::before,
.md-team-hover:hover::after {
	opacity: 1;
}
/* Avocati Page*/

.md-team-details i {text-align:left;margin-right:20px;color:#3c545c;}

/*Contact form Cariere*/
.wpcf7-form {
	color: #fff;
	text-shadow: 0px 0px 4px #000;
	font-size:18px;
	font-weight:600;
}
.md-contact .wpcf7-form {
	color: #3D3D3D;
	text-shadow: 0px 0px 0px #3D3D3D;
	font-size:18px;
	font-weight:400;
}

.wpcf7-form-control-wrap {
		margin-top:10px;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
	width:100%!important;
    margin-top:10px;
    padding:10px;
    border-radius:3px;
    background: #fff;
    border:1px solid #99;
    color:#000;
}
.wpcf7-form-control-wrap.file-687 input{width:100%!important;}
.wpcf7-form-control.wpcf7-submit {color:#fff!important;cursor:pointer;}

/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}
 
/*
* Create Mansonory styles for archive pages
*/
.search #left-area,
.archive #left-area {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 60px;
         column-gap: 60px;
}
 
.archive .et_pb_post > a,
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post,
.archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
}
 
.search #left-area .et_pb_post h2,
.archive #left-area .et_pb_post h2 {
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio,
.archive #left-area .et_pb_post.format-link,
.archive #left-area .et_pb_post.format-quote,
.archive #left-area .et_pb_post.format-audio{
    padding: 0;
}
 
.archive .et_pb_post .et_pb_image_container,
.archive .et_pb_post .et_main_video_container,
.archive .et_pb_post .et_audio_content,
.archive .et_pb_post .et_pb_slider,
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.archive .et_pb_post.format-audio .et_audio_content{
    margin: 0px -38px 0px;
}
 
.archive .et_pb_post .et_pb_slider .et_pb_slide,
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}
 
.archive .pagination,
.search .pagination {
    padding: 20px 0;
}
 
/*
* Media Queries
*/
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2;
            column-count: 2;
        -moz-column-gap: 60px;
            column-gap: 60px;
    }
}
@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1;
            column-count: 1;
    }
    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }
}

/*blog*/
.divi-100-article-card .et_pb_blog_grid .article-card__title {
    margin: 0;
    padding: 10px 0;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height:1.2em
}

/*cookie*/
#cookie-notice {
	background: rgba(0,0,0,0.7)!important;
	z-index: 9999;
}
#cn-accept-cookie {
	color:#fff;
	font-size:20px;
}

.form-submit .et_pb_button {
    color: #fff !important;
}