/*
Theme Name: RO HealthVault MWF
Theme URI: http://underscores.me/
Author: Resources Online
Author URI: http://www.ronline.com/
Template:     ro-mwf
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hvm
Description: Theme for HealthVault.com, refactored as a child theme of RO-MWF
Tags: MWF, ACF PRO

HealthVaultMWF requires use of Microsoft MWF.

HealthVaultMWF is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

This theme, like WordPress, is licensed under the GPL.

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# MWF Global Overrides
# General Additions
# Site-Specific Overrides & Custom Styles
# Blog Styles
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# MWF Global Overrides and fixes
--------------------------------------------------------------*/

/* 
	NOTE - DO NOT USE THE FOLLOWING FIX.
	The .c-image default is BLOCK, which makes any link into a block. 
	But using INLINE-BLOCK breaks "padding" (which MWF uses instead of margin).
*/
/* img.c-image, picture.c-image img { display: inline-block; } */

.m-hero-item .c-heading-1, .m-hero-item .c-heading-2, .m-hero-item .c-heading-3, .m-hero-item .c-heading-4 {
	padding-top: 0;
}

@media only screen and (max-width: 767px) {
	.m-rich-heading a { margin-left: 8px !important; }
}

/**
 * Social Toolbar
 */
.page-social-toolbar { 
	border-top: 2px solid #ddd; margin: 2em 0 0; 
	/* UHF v3: */ padding: 0 0 0.9em;
	/* UHF v4: */ /* padding: 0;  */
}
.page-social-toolbar .m-social { margin: 1.25em 0 0; }
.page-social-toolbar div[data-grid~="col-6"]:nth-of-type(2) .m-social { float: right; }
/* Override UHF v4 style: */
.c-universal-footer { margin-top: 1.25em !important; }



/*--------------------------------------------------------------
# General Additions
--------------------------------------------------------------*/

.context-glyph-tile .c-glyph { font-size: 46px; font-family: "MWF-MDL2"; color: #008272; }

img.rwd-img, .rwd-img img { margin: 0; width: 100%; max-width: 100%; height: auto; }

.mwf-blog-preview {}
.mwf-blog-preview-header h1, .mwf-blog-preview-header h2 { margin-bottom: 0.3em; }

.mwf-blog-latest-posts {}

@media screen and (max-width: 540px) {
	.mwf-blog-latest-posts [data-grid~=col-8] { width: 100%; }
}
@media screen and (min-width:541px) and (max-width:768px) {
	.mwf-blog-latest-posts [data-grid~=col-8] { width: 490px; }
}
@media screen and (max-width:768px) {
	.mwf-blog-latest-posts { text-align: center; }
	.mwf-blog-latest-posts [data-grid~=col-8] { float: none; margin: 0 auto; padding: 0 24px 24px; }
}
@media screen and (min-width:769px) {
	.mwf-blog-latest-posts [data-grid~=col-8] { padding: 0 36px 36px; }
}

.c-feature>div .c-group .c-call-to-action + .c-call-to-action { margin-left: 24px; }

.mwf-c-feature-yt {}
.mwf-c-feature-yt-iframe-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 60%; }
.mwf-c-feature-yt-iframe { position: absolute; top: 0; left: 0; width: 100%;height: 100%; }



/*--------------------------------------------------------------
# Site-Specific Overrides & Custom Styles
--------------------------------------------------------------*/

.page-mwf-blog,
.page-mwf-article aside {
	padding-top: 65px;
}

.page-mwf-article aside .c-heading-1:first-child,
.page-mwf-article aside .c-heading-2:first-child,
.page-mwf-article aside .c-heading-3:first-child,
.page-mwf-article aside .c-heading-4:first-child,
.page-mwf-article aside .c-heading-5:first-child {
	padding-top: 0;
}


.custom-area-header-no-top-pad .m-area-heading { padding-top: 0; }

#try-it-out .m-area-heading { padding-bottom: 2em; }



/**
 * Customize link colors
 */
#content a.c-hyperlink,
.c-content-placement .c-call-to-action, 
.m-content-placement-item .c-call-to-action {
	color: #008272;
}

#content a.c-hyperlink:hover, #content a.c-hyperlink:focus { color: #006cc2; }

a.c-call-to-action { background: #008272; }
a.c-call-to-action:hover, a.c-call-to-action:active { background: #107c10; }

.hero-green .theme-dark a.c-call-to-action, 
.hero-green .theme-light .theme-dark a.c-call-to-action,
.theme-dark a.c-call-to-action, 
.theme-light .theme-dark a.c-call-to-action,
.c-feature>div .c-call-to-action,
a.c-call-to-action.f-lightweight {
	color: #008272;
}

.theme-dark a.c-call-to-action:focus,
.theme-dark a.c-call-to-action:hover,
.theme-light .theme-dark a.c-call-to-action:focus,
.theme-light .theme-dark a.c-call-to-action:hover,
.c-feature>div .c-call-to-action:focus:not(.x-hidden-focus),
.c-feature>div .c-call-to-action:hover,
a.c-call-to-action.f-lightweight:focus:not(.x-hidden-focus), 
a.c-call-to-action.f-lightweight:hover {

}


.theme-dark .m-hero-item.theme-light a.c-call-to-action, 
.m-hero-item.theme-light a.c-call-to-action,
.c-hero .c-group>.c-call-to-action+.c-call-to-action, 
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action,
.c-hero.theme-light .c-group>.c-call-to-action+.c-call-to-action, 
.m-hero-item.theme-light .c-group>.c-call-to-action+.c-call-to-action
{
	color: #fff;
	background: #008272;
}

.theme-dark .theme-light.m-hero-item a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-light.m-hero-item a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:focus:not(.x-hidden-focus) 
{
    outline-color: #fff;
}

.theme-dark .theme-light.m-hero-item a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-dark .theme-light.m-hero-item a.c-call-to-action:hover,
.theme-light.m-hero-item a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-light.m-hero-item a.c-call-to-action:hover,
.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:hover,
.theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:hover 
{
	color: #fff;
    background: #107c10;
}

.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:hover,
.theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:hover,
.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:active,
.theme-light.m-hero-item .c-group>.c-call-to-action+a.c-call-to-action:active 
{
	text-decoration: none;
}

.theme-dark .theme-light.m-hero-item .c-group>.c-call-to-action + a.c-call-to-action:focus:not(.x-hidden-focus),
.theme-light.m-hero-item .c-group>.c-call-to-action + a.c-call-to-action:focus:not(.x-hidden-focus) 
{
	border-color: #fff;
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action:focus:not(.x-hidden-focus) span,
.c-hero .c-group>.c-call-to-action+.c-call-to-action:hover span,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus:not(.x-hidden-focus) span,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:hover span 
{
	text-decoration: none;
}

.theme-dark .theme-light.m-hero-item a.c-call-to-action:active,
.theme-light.m-hero-item a.c-call-to-action:active 
{
    background: #107c10;
}

.c-hero .c-group>.c-call-to-action+.c-call-to-action:active,
.m-hero-item .c-group>.c-call-to-action+.c-call-to-action:active 
{
	-webkit-transform: scale(.98);
	transform: scale(.98);
}




.hero-green .c-hero.theme-dark .c-group>.c-call-to-action+.c-call-to-action, 
.hero-green .m-hero-item.theme-dark .c-group>.c-call-to-action+.c-call-to-action,
.hero-green .c-hero .c-group>.c-call-to-action+.c-call-to-action, 
.hero-green .m-hero-item .c-group>.c-call-to-action+.c-call-to-action 
{
	color: #008272;
	background: #fff;
}

.hero-green .theme-dark a.c-call-to-action:hover, 
.hero-green .theme-dark a.c-call-to-action:focus, 
.hero-green .theme-light .theme-dark a.c-call-to-action:hover,
.hero-green .theme-light .theme-dark a.c-call-to-action:focus,
.hero-green .c-hero.theme-dark .c-group>.c-call-to-action+.c-call-to-action:hover, 
.hero-green .c-hero.theme-dark .c-group>.c-call-to-action+.c-call-to-action:focus, 
.hero-green .m-hero-item.theme-dark .c-group>.c-call-to-action+.c-call-to-action:hover,
.hero-green .m-hero-item.theme-dark .c-group>.c-call-to-action+.c-call-to-action:focus,
.hero-green .c-hero .c-group>.c-call-to-action+.c-call-to-action:hover, 
.hero-green .c-hero .c-group>.c-call-to-action+.c-call-to-action:focus, 
.hero-green .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:hover,
.hero-green .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:focus,
.hero-green .theme-dark .c-call-to-action + a.c-call-to-action:focus, 
.hero-green .theme-dark .c-call-to-action + a.c-call-to-action:hover, 
.hero-green .theme-light .theme-dark .c-call-to-action + a.c-call-to-action:focus, 
.hero-green .theme-light .theme-dark .c-call-to-action + a.c-call-to-action:hover 
{
	background: #ccc;
    border-color: #fff;
    outline-color: #000;
	color: #000;
}

.hero-green .theme-dark a.c-call-to-action:hover span,
.hero-green .theme-light .theme-dark a.c-call-to-action:hover span,
.hero-green .c-hero.theme-dark .c-group>.c-call-to-action+.c-call-to-action:hover span, 
.hero-green .m-hero-item.theme-dark .c-group>.c-call-to-action+.c-call-to-action:hover span,
.hero-green .c-hero .c-group>.c-call-to-action+.c-call-to-action:hover span, 
.hero-green .m-hero-item .c-group>.c-call-to-action+.c-call-to-action:hover span 
{
	text-decoration: none;
}


.mwf-cta-standalone + .mwf-cta-standalone 
{
	margin-left: 24px;
}

/* also need this specific override */
@media screen and (min-width:  540px) and (max-width: 767px) {
	.m-hero-item .c-group>.c-call-to-action+.c-call-to-action { margin-left: 24px; }
}
@media screen and (max-width: 539px) {
 	.m-hero-item .c-group>.c-call-to-action { display: block; }
	.m-hero-item .c-group>.c-call-to-action+.c-call-to-action { margin-top: 1.5em; }
}


.mwf-c-cta-img .c-image { display: inline-block; }

.mwf-c-cta-img + .mwf-c-cta-img,
.mwf-c-cta-img + .mwf-cta-standalone,
.mwf-cta-standalone + .mwf-c-cta-img,
.c-call-to-action + .mwf-c-cta-img,
.mwf-c-cta-img + .c-call-to-action 
{
	margin-left: 24px; vertical-align: top;
}

.mwf-area-heading-ctas .c-subheading + .mwf-area-heading-ctas-wrapper,
.mwf-area-heading-ctas .c-paragraph + .mwf-area-heading-ctas-wrapper 
{
	padding-top: 1em;
}

@media screen and (max-width:768px) {
	.mwf-c-icon-ctas .mwf-c-cta-img { display: block; text-align: center;}
	.mwf-c-icon-ctas .mwf-c-cta-img .c-image { display: block; margin: 0 auto; }
	.mwf-c-icon-ctas .mwf-c-cta-img + .mwf-c-cta-img { margin-top: 1.75em; margin-left: 0; }
	.mwf-c-icon-ctas .mwf-c-cta-img:before, 
	.mwf-c-icon-ctas .mwf-c-cta-img:after { 
		content: " "; display: table; 
	}
	.mwf-c-icon-ctas .mwf-c-cta-img:after { clear: both; }
	.mwf-c-icon-ctas .mwf-c-cta-img { *zoom: 1; }
}

@media screen and (min-width:769px) and (max-width:1000px) {
	.mwf-c-icon-ctas .m-feature .mwf-c-cta-img .c-image { display: block; margin: 0; }
	.mwf-c-icon-ctas .m-feature .mwf-c-cta-img + .mwf-c-cta-img { display: inline-block; margin-top: 1.75em; margin-left: 0; }
}



/* Specific spacing for CTA in sidebar of ~/healthvault-connection-center/ */
#post-936 aside .mwf-cta-standalone {
	margin-top: 1.5em;
}

.mwf-c-notice { padding: 24px 0; text-align: center; }
.mwf-c-notice p { text-align: center; }
.mwf-c-notice-divider-top { border-top: 1px solid #ccc; }
.mwf-c-notice-divider-bottom { border-bottom: 1px solid #ccc; }



/*--------------------------------------------------------------
# Blog Styles
--------------------------------------------------------------*/


.screen-reader-text {
	/* clone of MWF's .x-screen-reader */
    border: 0!important; clip: rect(1px, 1px, 1px, 1px)!important; position: absolute!important; overflow: hidden!important;
	width: 1px!important; height: 1px!important; padding: 0!important; margin: 0!important
}

/* Augmentations: */

.page-mwf-blog article .c-heading-1 { padding-top: 0; }

#content .page-mwf-blog .entry-title a.c-hyperlink { color: inherit; }
#content .page-mwf-blog .entry-title a.c-hyperlink:hover,
#content .page-mwf-blog .entry-title a.c-hyperlink:focus { color: #006cc2; }

.page-mwf-blog .alignleft { display: inline; float: left; margin-right: 1.5em; }
.page-mwf-blog .alignright { display: inline; float: right; margin-left: 1.5em; }
.page-mwf-blog .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.page-mwf-blog .entry-meta,
.page-mwf-blog .entry-meta time,
.page-mwf-blog .entry-footer 
{ 
	font-style: italic; 
}

.page-mwf-blog .entry-footer .edit-link,
.page-mwf-blog .entry-footer .comments-link,
.page-mwf-blog .comment-metadata .edit-link 
{ 
	margin-left: 1em; padding-left: 1em; border-left: 1px solid #ccc;
}


.page-mwf-blog .comments-area,
.page-mwf-blog .comment-list,
.page-mwf-blog .comment-respond 
{ 
	margin-top: 1.5em; 
}
.page-mwf-blog .comment-body .reply { margin-top: 1em; }
.page-mwf-blog .comment-content { padding-left: 1.5em; }
.page-mwf-blog .comment-metadata { pading-left: 36px; }
	
	.page-mwf-blog h3.comment-reply-title {}


.page-mwf-blog .comment-form-comment {}
.page-mwf-blog .comment-form-comment label { display: block; margin: 1em 0 0.5em; }
.page-mwf-blog .comment-form-comment {}

.page-mwf-blog .form-submit { margin-top: 0.5em; }

.page-mwf-blog-single .post-navigation,
.page-mwf-blog .entry-meta .updated {
	display: none;
}
