/*
Theme Name: RO MS Genomics
Theme URI: http://www.ronline.com/
Author: Resources Online
Author URI: http://www.ronline.com/
Template:     ro-mwf
Version: 4.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: romsgenomics
Description: MWF-compliant child theme. Requires use of the RO MWF parent theme.
Tags: MWF, ACF PRO

This child theme requires use of the parent theme RO MWF. Cloned from RO MS Healthcare.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Site-Specific MWF Overrides
# Site-Specific Custom Styles
# Site-Specific Blog Styles
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Site-Specific MWF Overrides
--------------------------------------------------------------*/

/* a11y fix for client text resizing */ .m-rich-heading .c-heading { overflow: visible; }

.m-immersive-hero-item.theme-light a.c-call-to-action { background: #0067b8; }
.m-immersive-hero-item.theme-light a.c-call-to-action:focus:not(.x-hidden-focus), .m-immersive-hero-item.theme-light a.c-call-to-action:hover {
    background: #005da6;
}

.c-table tbody td, .c-table tbody th { vertical-align: top; }

/* MWF 1.5x.x has nonsensical heading gutters */
/* .m-area-heading .c-heading, .m-banner .c-heading-3 { padding-bottom: 38px; } */
.simple-column-row > div > [class^="c-heading"]:first-child { margin-top: 0; padding-top: 0; }

/* Product Placement variant with no link */
.m-product-placement-item>div:first-child {
	position: relative; border: 2px solid transparent; outline: 0; display: block; overflow: hidden; padding: 1px; width: 100%; height: 100%; white-space: nowrap;
}
.m-product-placement-item>div:first-child:before {
	display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; border: 1px solid transparent;
}
.m-product-placement-item>div>picture, .m-product-placement-item>div>.f-default-image>picture {
	border: 1px solid rgba(0,0,0,.1);
}
@media(-ms-high-contrast:active) {
	.m-product-placement-item>div:first-child,
	.m-product-placement-item>div:first-child {
		border-color: window
	}
}


/*--------------------------------------------------------------
# Site-Specific Custom Styles
--------------------------------------------------------------*/

.msg-highlight-band { background: #0067b8; color: #fff; padding: 1em 0; }
.msg-highlight-band .c-paragraph-3 { padding: 4px 0 8px; }
.msg-highlight-band > div:first-child .c-paragraph-3 { font-size: 24px; line-height: 28px; font-weight: 600; }
.msg-highlight-band > div + div { text-align: right; }
.msg-highlight-band > div + div .c-paragraph-3 { padding-top: 1em; padding-right: 2em; }
.msg-highlight-band a.c-call-to-action { background: #000; color: #fff; }
.msg-highlight-band a.c-call-to-action:focus:not(.x-hidden-focus), .msg-highlight-band a.c-call-to-action:hover { background: #737373; }

.msh-table-dl-docs .c-table td.f-numerical { white-space: nowrap; }
.msh-special-banner .m-area-heading { margin-top: 44px; padding-top: 44px; padding-bottom: 30px; background: #e6e6e6; }


/* UHF footer: nix the top margin, for our contact bar */
body:not(.msg-v102020) .c-uhff { margin-top: 0; }
#contact-footer { margin-top: 85px; padding-top: 1.5em; padding-bottom: 1.5em; font-size: 1.25em; }
#contact-footer { background: #000; color: #fff; }
#contact-footer [data-grid] { vertical-align: middle; }
@media screen and (max-width: 767px) {
	#contact-footer { text-align: center; }
	#contact-footer [data-grid] + [data-grid] { padding-top: 1.5em; }
}
@media screen and (min-width: 768px) {
	#contact-footer { 
		background-repeat: no-repeat; background-image: url(img/footer-bg-dna-v2.png); background-position: center right 35px; background-size: auto;
	}
	/* #contact-footer [data-grid]:first-child span { display: inline-block; padding-top: 6px; } */
}
#contact-footer a.c-call-to-action.f-secondary { background: #fff; }
#contact-footer a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), #contact-footer a.c-call-to-action.f-secondary:hover {
	background: #eee;
}
#contact-footer a.c-call-to-action { padding-top: 14px; padding-bottom: 10px; }
#contact-footer a.c-call-to-action.f-secondary:active { background: #ddd; }



.page-msh-customer-stories {}
.page-msh-customer-stories .msh-customer-stories-listing {}
.page-msh-customer-stories .msh-customer-stories-row { padding-top: 48px; }
.page-msh-customer-stories .msh-customer-stories-listing .c-heading-3 { padding-top: 0; }
.page-msh-customer-stories .msh-customer-stories-listing .c-heading-4 { padding-top: 24px; }
.page-msh-customer-stories .msh-cs-quote-wrapper { padding-top: 24px; }
.page-msh-customer-stories .msh-cs-quote { font-style: italic; }
.page-msh-customer-stories .msh-cs-quote-attribution { font-weight: bold; }



.msh-genomics-partners-row .partner-logo { padding-top: 38px; }


/**
 * OCTOBER 2019
 */

.msg-hero-widen .m-hero-item>div>div, .c-hero>div>div {
	max-width: 600px;
}

#homepage .m-rich-heading { margin-top: 0; }

#homepage .c-paragraph-1,
.msg-intro .c-paragraph-3 {
	padding: 24px 0 4px; font-size: 20px; line-height: 1.5; font-weight: normal;
}

.msg-subhero { background-color: #d2d2d2; padding: 2em 5%; }


/* with Hero: */
/* .msg-subhero .c-paragraph-3 { font-size: 28px; line-height: 1.4; padding-top: 0; } */
/* with Rich Heading: */
.msg-subhero .c-paragraph-3 { font-size: 22px; line-height: 1.4; padding-top: 0; }
/* v1: */
/* .msg-subhero .c-paragraph-3 { font-size: 18px; line-height: 24px; padding-top: 5px; } */

@media screen and (min-width: 767px) and (max-width: 1778px) {
	.msg-subhero[data-grid~="pad-12x"]>[data-grid]:first-child {
		padding-left: 8px;
	}
}
@media screen and (max-width: 767px) {
	.msg-subhero { text-align: center; }
}


.msg-promo-banner { margin-top: 48px; padding-top: 1.5em; padding-bottom: 1.4em; font-size: 1.25em; }
.msg-promo-banner { color: #fff; background-color: #737373; }
.msg-promo-banner [data-grid] { vertical-align: middle; }
@media screen and (max-width: 767px) {
	.msg-promo-banner { text-align: center; }
	.msg-promo-banner .simple-column-row [data-grid] + [data-grid] { padding-top: 1.5em; }
}
@media screen and (min-width: 768px) {
 	.msg-promo-banner {
		background-repeat: no-repeat; background-image: url(img/promo-banner-bg.png); background-position: center right 35px; background-size: auto;
	}
	.msg-promo-banner .simple-column-row [class^="c-heading"],
	.msg-promo-banner .simple-column-row > div > [class^="c-heading"]:first-child { 
		display: inline-block; padding: 5px 0; 
	}
	.msg-promo-banner .simple-column-row [data-grid] + [data-grid] { text-align: right; }
	.msg-promo-banner .c-paragraph-3 { display: inline-block; margin-left: 4em; padding: 0; vertical-align: middle; }
}

.msg-promo-banner a.c-call-to-action.f-secondary { background: #fff; }
.msg-promo-banner a.c-call-to-action.f-secondary:focus:not(.x-hidden-focus), .msg-promo-banner a.c-call-to-action.f-secondary:hover {
	background: #eee;
}
.msg-promo-banner a.c-call-to-action.f-secondary:active { background: #ddd; }



/* Oct 2020 */
/* body.msg-v102020 {} */


.msg-v102020 #nav-home { display: none; } 
.msg-v102020 #contact-footer { display: none; }

.msg-subhero-dark { background-color: #000; color: #fff; padding: 3em 5%;  }

.msg-subhero-dark .c-paragraph-3 { padding: 0; font-size: 18px; line-height: 28px; }

.msg-v102020 .msg-empty-cpm { display: none; }

.msg-bg-grey { background-color: #f4f4f4; padding-top: 80px; }
.msg-bg-grey + .msg-bg-grey { padding-top: 0; padding-bottom: 80px; }

/* .msg-bg-grey .m-content-placement-item, .msg-bg-grey .c-content-placement, 
.msg-bg-grey .m-content-placement-item .c-heading, .msg-bg-grey .c-content-placement .c-heading { 
	margin-top: 0; 
} */

.msg-v102020 .msg-feature-top { padding-top: 90px; }
.msg-v102020 .msg-feature-bottom { padding-bottom: 95px; }

.msg-v102020 .msg-customer-stories-hdr { padding-top: 100px; padding-bottom: 15px; }
.msg-v102020 .msg-customer-stories {}

.msg-v102020 .msg-partners-hdr { padding-top: 100px; }

.msg-v102020 .msg-icon-section-intro .c-subheading-2 { padding-top: 24px; font-weight: normal; line-height: 1.4; }
.msg-v102020 .msg-icon-section-intro .m-image img.c-image, .msg-v102020 .msg-icon-section-intro .m-image picture.c-image img { margin: 0 auto; }

.msg-v102020 .msg-fancy-bar {
	padding-top: 58px;
	padding-bottom: 48px;
	background-image: url(https://www.microsoft.com/en-us/genomics/wp-content/uploads/sites/12/2020/09/hm-workspace-bg-539x303-1.png);
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: cover;
}
@media screen and (min-width:540px) {
	.msg-v102020 .msg-fancy-bar { background-image: url(https://www.microsoft.com/en-us/genomics/wp-content/uploads/sites/12/2020/09/hm-workspace-bg-767x431-1.png); }
}
@media screen and (min-width:768px) {
	.msg-v102020 .msg-fancy-bar { background-image: url(https://www.microsoft.com/en-us/genomics/wp-content/uploads/sites/12/2020/09/hm-workspace-bg-1083x609-1.png); }
}
@media screen and (min-width:1084px) {
	.msg-v102020 .msg-fancy-bar { background-image: url(https://www.microsoft.com/en-us/genomics/wp-content/uploads/sites/12/2020/09/hm-workspace-bg-1259x472-1.png); }
}
@media screen and (min-width:1400px) {
	.msg-v102020 .msg-fancy-bar { background-image: url(https://www.microsoft.com/en-us/genomics/wp-content/uploads/sites/12/2020/09/hm-workspace-bg-1600x600-1.png); }
}
.msg-v102020 .msg-fancy-bar .c-subheading-3 { font-weight: normal; }
