/*
Theme Name: Buro Child
Theme URI: http://buro.mikado-themes.com/
Description: A child theme of Büro Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Template: buro
*/

/*MENIU PRINCIPAL*/
.nav.mkd-fullscreen-menu > ul > li > a > span.mkd-fill-hover-text {
	color: #f69322 !important
}

/*HOME*/
.titlu-home {
	font-family: Josefin Sans; 
	font-size: 60px; 
	line-height: 70px; 
	font-style: normal; 
	font-weight: 700; 
	color: #484849; 
	text-align: left; 
	max-width: 750px
}

/*HEADINGS*/
.mkd-fill-hover-text {
	color: #f69322 !important; 
	text-shadow: none !important
}

.mkd-page-header .mkd-menu-area .mkd-logo-wrapper a {
	padding-top: 15px; 
	padding-bottom: 40px
}

/*FOOTER*/
.widget ul li {
	text-transform: none !important; 
	font-size: 15px !important; 
	font-weight: 200 !important
}

/*COOKIES*/
.ctcc-left-side {
	font-size: 14px !important
}

.cookie-bar-block #catapult-cookie-bar h3 {
	font-size: 30px !important
}

button#catapultCookie {
	border-color: #ffffff; 
	background-color: transparent !important; 
	border-width: 1px; 
	border-radius: 3px; 
	padding: 3px 40px 3px 40px
}

#catapult-cookie-bar {
	text-align: center
}

/*BUTTONS CTAs*/
.mkd-btn.mkd-btn-solid { 
	border-radius: 5px
}

/*PORTFOLIO LIST*/

.mkd-portfolio-list-holder-outer.mkd-ptf-hover-zoom-out-simple-light article:hover .mkd-item-image-holder-inner {
	 -webkit-transform: scale(1.2) !important; 
		-moz-transform: scale(1.2) !important; 
			 transform: scale(1.2) !important
}

.mkd-item-image-holder-inner {
	 -webkit-transform: scale(1) rotate(.01deg);
		-moz-transform: scale(1) rotate(.01deg);
			 transform: scale(1) rotate(.01deg)
}

/*PORTFOLIO DETAILS*/
.align-text-right .mkd-image-with-text .mkd-iwt-text {
	text-align: right; 
	right: 0; 
	left: auto
}

.mkd-image-with-text:after {
	background-color: rgba(245, 146, 33, 0.5) !important
}

.mkd-portfolio-list-holder-outer.mkd-ptf-hover-content-always-visible article .mkd-item-title {
	color: #fff !important
}


/*SOCIAL NETWORKS*/
.mkd-social-share-holder.mkd-list li a {
	color: #484849 !important
}

.mkd-social-share-holder.mkd-list li a:hover {
	color: #f69322 !important
}
.mkd-social-share-holder.mkd-list .mkd-social-share-title {
	color: #484849 !important
}

/*LAPTOP LENOVO THINKPAD PORTOFOLIU DETALIU*/
.touch .mkd-parallax-section-holder.mkd-parallax-section-holder-touch-disabled {
	height: initial !important; 
	background-position: initial !important
}

/* PORTFOLIO */
.mkd-portfolio-list-holder-outer.mkd-ptf-hover-follow article .mkd-item-text-overlay {
	background-color: rgba(255,255,255,.85)!important;
	transition: all 0s ease-in-out !important
}

.mkd-portfolio-list-holder-outer.mkd-ptf-hover-follow article .mkd-item-text-overlay .mkd-item-text-holder .mkd-ptf-category-holder h6,
.mkd-portfolio-title-link {
	color: #282828!important
}

/* CONTACT */
.gf_stylespro .medium {
    width: 38em !important
}

.gf_stylespro .ginput_complex input{
	width:300px !important
}

/* SERVICII TITLU STANGA*/
.mkd-section-holder .mkd-sh-title-area{
	padding-right: 10vh
}

/* SERVICII → ITEMS */
.mkd-section-item-inner > .mkd-section-item-content {
	display: flex;
	flex-direction: column;
	height: 100%;
	place-content: space-around;
}

.mkd-section-item-inner > .mkd-section-item-content > div {
	padding-bottom: 2rem;
}

.mkd-section-item-inner > .mkd-section-item-content > div:nth-of-type(2) {
	height: 8rem;
}

.mkd-section-item-inner > .mkd-section-item-content > a {
	display: block;
	max-width: fit-content;
}

@media (min-width: 600px) and (max-width: 1199px) {
	.mkd-section-item-inner > .mkd-section-item-content > div:nth-of-type(2) {
		height: 10rem;
	}
}

@media (max-width: 1199px) {
	.vc_custom_1587733980012 {
		margin-top: 0 !important
	}
}

@media (max-width: 1024px) {
	.mkd-section-holder:nth-of-type(2) .mkd-sh-title-area {
		display: none !important
	}
}

@media (max-width: 600px) {
	.mkd-section-holder .mkd-sh-title-area .mkd-sh-title-area-inner {
		width: 90% !important;
	}
	.mkd-section-holder .mkd-sh-content-area {
		display: flex !important;
		flex-direction: column
	}
	.mkd-sh-content-area > .mkd-section-item:first-of-type {
		order: 1
	}
	.mkd-sh-content-area > .mkd-section-item:nth-of-type(2) {
		order: 2
	}
	.mkd-sh-content-area > .mkd-section-item:nth-of-type(3) {
		order: 4
	}
	.mkd-sh-content-area > .mkd-section-item:nth-of-type(4) {
		order: 3
	}
}

/* PROIECTE */
.mkd-ptf-category-holder{
	display:none
}

/* BACK TO TOP BUTTON DESIGN */
span.mkd-icon-stack{
	border-radius: 25px
}

/*PORTFOLIO WIDTH*/
.mkd-portfolio-list-holder-outer.mkd-ptf-gallery article .mkd-item-image-holder-inner img, 
.mkd-portfolio-list-holder-outer.mkd-ptf-masonry article .mkd-item-image-holder-inner img, 
.mkd-portfolio-list-holder-outer.mkd-ptf-pinterest article .mkd-item-image-holder-inner img {
	width: 3840px
}

/*STICKY HEADER*/
.mkd-page-header .mkd-sticky-header .mkd-sticky-holder {
	border-bottom: 1px solid #ffffff !important
}

/*HOMEPAGE*/
.mkd-btn.mkd-btn-medium.mkd-btn-solid.mkd-btn-custom-hover-bg.fadeinbutton {
    -webkit-animation-name: fadeIn;
    		animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    		animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    		animation-fill-mode: both;
}

/*RESPONSIVE ROWS*/
@media (max-width:768px)  {
	.responsivemobile.wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner .wpb_wrapper .mkd-elements-holder.mkd-two-columns.mkd-responsive-mode-768 {
		display: flex;
		flex-direction: column-reverse;
	} 
}

.mkd-blog-holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.services-section h2,
.services-section h3 {
	color: #888;
	font-size: 1rem;
	line-height: 1.53rem;
}

.services-section h2 > span {
	font-weight: normal;
}

.services-section ul {
	column-count: 1;
	column-width: 275px;
	padding-top: 1rem;
}

@media (min-width: 576px) {
	.services-section ul {
		column-count: 2
	}
}

@media (min-width: 768px) {
	.mkd-blog-holder article .mkd-post-text {
		width: 720px;
		display: block
	}
	.mkd-blog-holder article .mkd-post-text-inner .mkd-post-info-bottom {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}	
	@media (max-width: 991px) {
		.mkd-blog-holder article .mkd-post-text {
			padding: 0 15px
		}		
	}
}

@media (min-width: 992px) {
	.mkd-blog-holder article .mkd-post-text {
		width: 960px;
	}	
	.services-section ul {
		width: 900px;
		column-count: 3
	}		
}