/*  MICROTHEMER STYLES  */


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

/** General >> Root **/
:root, 
html {
	font-size: 62.5%;
}

/** General >> Body **/
body {
	min-height: 100vh;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/** General >> Page **/
#page {
	width: 100%;
	-webkit-flex: 1;
	flex: 1;
}

/** General >> Footer Logo **/
#footer-widgets img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/** General >> Anchor Links **/
.anchor--link {
	height: 0;
}


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

/** Header >> Masthead grid container **/
#masthead > .grid-container {
	padding-right: 20px;
	padding-left: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

/** Header >> Masthead is logo image **/
#masthead .is-logo-image {
	max-width: 200px;
}

/** Header >> home Banner box heading 2 **/
.banner--box > h2 {
	font-size: clamp(3.6rem, calc(4.2rem + ((1vw - 0.225rem) * 2.4645)), 6.8rem);
	font-weight: bolder;
	background-attachment: fixed;
}

/** Header >> Inside page hero banner box **/
.inside-page-hero > .banner--box {
	font-weight: 500;
	font-style: normal;
	background-attachment: scroll;
	max-width: 65%;
}

/** Header >> Site navigation **/
#site-navigation {
	margin-left: auto;
}

/** Header >> Featured image wrapper  Header **/
.featured-image--wrapper .fl-heading-text {
	letter-spacing: 2px;
	padding-right: 2rem;
	padding-left: 2rem;
}

/** Header >> Mt page welcome to mabsolve header front page **/
.mt-page-welcome-to-mabsolve .header--front-page {
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}


/*= Typography ================ */

/** Typography >> Heading Font Sizes **/
h1 {
	font-size: clamp(4rem, calc(4rem + ((1vw - 0.225rem) * 0.9479)), 5rem);
}
h2:not(.banner--box h2) {
	font-size: clamp(3.2rem, calc(3.2rem + (3.6 - 3.2) * ((100vw - 32rem) / (136 - 32))), 3.6rem);
}
h3 {
	font-size: clamp(2.8rem, calc(2.8rem + (3 - 2.8) * ((100vw - 32rem) / (136 - 32))), 3rem);
	min-height: 0vw;
}
h4 {
	font-size: clamp(2rem, calc(2rem + (2.4 - 2) * ((100vw - 32rem) / (136 - 32))), 2.4rem);
}
h5, 
h6 {
	font-size: clamp(1.8rem, calc(1.8rem + (2 - 1.8) * ((100vw - 32rem) / (136 - 32))), 2rem);
}

/** Typography >> Paragraph **/
p {
	font-size: clamp(1.6rem, calc(1.6rem + (1.7 - 1.6) * ((100vw - 32rem) / (136 - 32))), 1.7rem);
}

/** Typography >> Last Paragraph in Column **/
.fl-col-content p:last-of-type {
	margin-bottom: 0;
}


/*= Content =================== */

/** Content >> Resources box div **/
.resources--box > div {
	border: 1px solid rgb(229, 72, 0);
}


/*= Home Page ================= */

/** Home Page >> Flex Uabb Infobox **/
.home .uabb-infobox, 
.home .uabb-infobox-content, 
.home .uabb-infobox-text-wrap {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

/** Home Page >> Home Info Box Btn **/
.home .uabb-infobox-button {
	margin: auto auto 0 auto !important;
}

/** Home Page >> Home Info Box Height **/
.home .fl-module-content, 
.home .fl-module-info-box, 
.home .uabb-infobox > div {
	height: 100%;
}


/*= Forms ===================== */

/** Forms >> Fl builder content 54 [type="submit"] **/
.fl-builder-content-54 [type="submit"] {
	color: rgb(255, 255, 255) !important;
	width: 10em;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {

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

	/** Header >> Inside page hero banner box **/
	.inside-page-hero > .banner--box {
	background-attachment: scroll;
}

	/** Header >> home Banner box heading 2 **/
	.banner--box > h2 {
	background-position: left top;
	background-attachment: fixed;
}

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	background-image: url("/wp-content/uploads/2021/11/F0249695-Immunoglobulin_G_antibody_molecular_model_mirror_image-1920x1280.jpg");
	background-position: 50%;
}

	/** Header >> Featured image wrapper  Header **/
	.featured-image--wrapper .fl-heading-text {
	
}


}


/*( Laptop )*/
@media (min-width: 993px) and (max-width: 1199px) {

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

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	background-image: url("/wp-content/uploads/2021/11/F0249695-Immunoglobulin_G_antibody_molecular_model_mirror_image-1168x779.jpg");
	background-position: 50%;
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

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

	/** Header >> Inside page hero banner box **/
	.inside-page-hero > .banner--box {
	
}

	/** Header >> Masthead grid container **/
	#masthead > .grid-container {
	
}

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	background-image: url("/wp-content/uploads/2021/11/F0249695-Immunoglobulin_G_antibody_molecular_model_mirror_image-1168x779.jpg");
	background-position: right;
}

	/** Header >> Featured image wrapper  Header **/
	.featured-image--wrapper .fl-heading-text {
	
}


}


/*( Large Tablet )*/
@media (max-width: 992px) {

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

	/** Header >> Inside page hero banner box **/
	.inside-page-hero > .banner--box {
	max-width: 100%;
	padding-right: 50px;
}

	/** Header >> Masthead grid container **/
	#masthead > .grid-container {
	
}

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

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

	/** Header >> Inside page hero banner box **/
	.inside-page-hero > .banner--box {
	padding-right: 0;
}

	/** Header >> Masthead is logo image **/
	#masthead .is-logo-image {
	
}

	/** Header >> Masthead site logo **/
	#masthead .site-logo {
	margin-bottom: 0;
}

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	background-image: url("/wp-content/uploads/2021/11/F0249695-Immunoglobulin_G_antibody_molecular_model_mirror_image-1168x779.jpg");
	background-position: right;
}


	/*= Content =================== */

	/** Content >> Fl col group fl col **/
	#post-32 .fl-node-61851cb24ba7f .fl-col-group .fl-col {
	width: 50% !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

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

	/** Header >> Inside page hero banner box **/
	.inside-page-hero > .banner--box {
	
}

	/** Header >> Masthead grid container **/
	#masthead > .grid-container {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

	/** Header >> Site navigation **/
	#site-navigation {
	
}

	/** Header >> Mt page welcome to mabsolve header front page **/
	.mt-page-welcome-to-mabsolve .header--front-page {
	background-position: 70%;
}


	/*= Content =================== */

	/** Content >> Fl col group fl col **/
	#post-32 .fl-node-61851cb24ba7f .fl-col-group .fl-col {
	width: 100% !important;
}


}


/*( Small Phone )*/
@media (max-width: 380px) {

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

	/** Header >> Masthead grid container **/
	#masthead > .grid-container {
	padding-top: 10px;
	display: block;
}


}