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

/*  MICROTHEMER STYLES  */


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

/** General >> Recent Projects - Title Box **/
.mtp-37 #upfront .pp-grid-tile-text {
	height: 60px !important;
	margin-left: -10px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	-webkit-align-items: center !important;
	align-items: center !important;
}

/** General >> Recent Projects text box **/
.mtp-37 .pp-grid-tile-info {
	width: auto !important;
	height: auto !important;
	margin-left: 0 !important;
}

/** General >> Aboutgroup **/
.aboutgroup {
	background-color: rgb(232, 233, 234) !important;
	width: 100vw !important;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** General >> About **/
.aboutgroup .wp-block-group__inner-container {
	width: 1000px !important;
}

/** General >> Button - Dark BG **/
.buttondarkbg .wp-block-button__link {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 18px 30px 18px 30px !important;
	border: 2px solid rgb(198, 200, 203) !important;
	border-radius: 0 !important;
}

/** General >> Button light BG **/
.buttonlightbg .wp-block-button__link {
	color: rgb(69, 81, 88) !important;
	font-size: 18px !important;
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 18px 30px 18px 30px !important;
	border: 2px solid rgb(198, 200, 203) !important;
	border-radius: 0 !important;
}

/** General >> Recentprojects **/
.recentprojects {
	background-color: rgb(31, 38, 44) !important;
	width: 100vw !important;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** General >> Group inner container Copy 1 **/
.recentprojects .wp-block-group__inner-container {
	width: 80% !important;
}

/** General >> Button - Dark BG (:hover) **/
.buttondarkbg .wp-block-button__link:hover {
	color: rgb(31, 38, 44) !important;
	text-decoration: none !important;
	background-color: rgb(232, 232, 232) !important;
	border-color: rgb(232, 232, 232) !important;
}

/** General >> Button light BG (:hover) **/
.buttonlightbg .wp-block-button__link:hover {
	color: rgb(221, 221, 221) !important;
	text-decoration: none !important;
	background-color: rgb(51, 51, 51) !important;
	border-color: rgb(51, 51, 51) !important;
}

/** General >> Notebook group **/
.notebookgroup {
	background-color: rgb(232, 233, 234) !important;
	width: 100vw !important;
	padding: 100px 20% 100px 20% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
	position: relative !important;
	left: calc(-50vw + 50%) !important;
}

/** General >> Notebook group inner container **/
notebookgroup .wp-block-group__inner-container {
	width: 90% !important;
}

/** General >> Pp grid tile info **/
.upfront .pp-grid-tile-info {
	width: 300px !important;
	height: 75px !important;
	padding-top: 10px !important;
	padding-bottom: 15px !important;
	margin-right: 10px !important;
}

/** General >> Upfront Image **/
.upfront .pp-post-featured-img {
	position: relative !important;
}

/** General >> Pp content grid title **/
.upfront .pp-content-grid-title {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** General >> Pp content grid title _3 **/
.upfrontb .pp-content-grid-title {
	color: rgb(255, 255, 255) !important;
}


/*( < 1200 )*/
@media (max-width: 1199.98px) {
	/** General >> Aboutgroup **/
	.aboutgroup {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

	/** General >> Recentprojects **/
	.recentprojects {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

	/** General >> Notebook group **/
	.notebookgroup {
	padding: 50px 10% 50px 10% !important;
}

}


/*( < 980 )*/
@media (max-width: 979.98px) {
	/** General >> About **/
	.aboutgroup .wp-block-group__inner-container {
	width: 90% !important;
}

	/** General >> Group inner container Copy 1 **/
	.recentprojects .wp-block-group__inner-container {
	width: 90% !important;
}

	/** General >> Notebook group **/
	.notebookgroup {
	padding-right: 5% !important;
	padding-left: 5% !important;
}

	/** General >> Pp grid tile info **/
	.upfront .pp-grid-tile-info {
	width: 400px !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** General >> Recent Projects - Title Box **/
	.mtp-37 #upfront .pp-grid-tile-text {
	height: 90px !important;
}

	/** General >> Pp grid tile info **/
	.upfront .pp-grid-tile-info {
	width: 600px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** General >> Pp grid tile info **/
	.upfront .pp-grid-tile-info {
	width: 250px !important;
}

}