.wp-block {} /*  (.wp-block {} ensures MT files load in Gutenberg editor) */

/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> #shortcode-4-2 .container **/
#shortcode-4-2 .container {
	width: 100% !important;
	max-width: 800px !important;
	padding-right: 4px !important;
	padding-left: 4px !important;
	margin-top: 40px !important;
	display: grid !important;
	grid-auto-flow: row !important;
	grid-gap: 20px !important;
	gap: 20px !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto !important;
	justify-items: stretch !important;
}

/** General >> #shortcode-4-2 .container::before **/
#shortcode-4-2 .container::before {
	display: none !important;
}

/** General >> #shortcode-21-1743 .container **/
#shortcode-21-1743 .container {
	width: 100% !important;
	max-width: 800px !important;
}

/** General >> Detalii proiect **/
#detalii-proiect {
	color: rgb(47, 46, 46) !important;
	font-size: 14px !important;
	margin-top: 10px !important;
}

/** General >> .imaginelucrare **/
.imaginelucrare {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** General >> #detalii-proiect strong **/
#detalii-proiect strong {
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 3px !important;
}


/*= Header ==================== */

/** Header >> .oxy-header-container **/
.oxy-header-container {
	padding-right: 4px !important;
	padding-left: 4px !important;
	margin-top: 15px !important;
}

/** Header >> #menu-meniu-principal .menu-item a **/
#menu-meniu-principal .menu-item a {
	padding-right: 18px !important;
	padding-left: 0 !important;
}

/** Header >> .artfacts **/
.artfacts {
	background-image: url("/wp-content/uploads/2021/01/Artfacts-300x300.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 24px !important;
	height: 24px !important;
	margin-right: 10px !important;
	border-radius: 4px !important;
}

/** Header >> .instagr **/
.instagr {
	background-image: url("/wp-content/uploads/2021/01/Instagram-300x300.png") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	width: 24px !important;
	height: 24px !important;
}

/** Header >> #menu-meniu-principal Moved 1 **/
#menu-meniu-principal {
	margin-top: -10px !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
}

/** Header >> .oxy-header-container .ct-image **/
.oxy-header-container .ct-image {
	width: 153% !important;
}

/** Header >> #menu-meniu-mobil .instagr **/
#menu-meniu-mobil .instagr {
	min-width: 24px !important;
	min-height: 24px !important;
}


/*= Footer ==================== */

/** Footer >> Main footer **/
.main-footer {
	font-size: 14px !important;
	margin-top: 50px !important;
	border-top-width: 0 !important;
	border-top-style: solid !important;
}


/*= Form Adauga Lucrare ======= */

/** Form Adauga Lucrare >> Wpt credfile preview item image **/
.wpt-credfile-preview-item img {
	width: 100% !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** Header >> .imagine-front img **/
	.imagine-front img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 5px !important;
}

	/** Header >> .detalii **/
	.detalii {
	font-size: 11px !important;
}

	/** General >> #shortcode-4-2 .container **/
	#shortcode-4-2 .container {
	width: 100% !important;
	max-width: 800px !important;
}

	/** General >> #shortcode-4-2 .container::before **/
	#shortcode-4-2 .container::before {
	max-width: 800px !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Header >> .imagine-front img **/
	.imagine-front img {
	width: 100% !important;
}

	/** General >> #shortcode-4-2 .container **/
	#shortcode-4-2 .container {
	width: 100% !important;
	max-width: 800px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
	-webkit-justify-content: space-between !important;
	justify-content: space-between !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Header >> .imagine-front img **/
	.imagine-front img {
	width: 100% !important;
}

	/** Header >> .detalii **/
	.detalii {
	font-size: 11px !important;
}

	/** Header >> .artfacts **/
	.artfacts {
	width: 24!important;
	min-width: 24!important;
	height: 24!important;
	min-height: 24!important;
	margin-top: 50px !important;
}

	/** Header >> #menu-meniu-principal Moved 1 **/
	#menu-meniu-principal {
	height: 200px !important;
}

	/** Header >> #menu-meniu-mobil .artfacts **/
	#menu-meniu-mobil .artfacts {
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	margin-top: 50px !important;
	margin-right: 10px !important;
	border-radius: 6px !important;
}

	/** Header >> #menu-meniu-mobil .instagr **/
	#menu-meniu-mobil .instagr {
	width: 24px !important;
	min-width: 24px !important;
	height: 24px !important;
	min-height: 24px !important;
	margin-top: 20px !important;
	margin-right: 10px !important;
	border-radius: 6px !important;
}

	/** General >> #shortcode-4-2 .container **/
	#shortcode-4-2 .container {
	margin-top: 25px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Header >> .imagine-front img **/
	.imagine-front img {
	width: 100% !important;
}

	/** Header >> .oxy-header-container .ct-image **/
	.oxy-header-container .ct-image {
	height: 78px !important;
}

	/** General >> #shortcode-4-2 .container **/
	#shortcode-4-2 .container {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto !important;
}

}

