/*
Theme Name: RO MWF
Theme URI: http://www.ronline.com/
Author: Resources Online
Author URI: http://www.ronline.com/
Description: MWF-compliant theme. Requires Advanced Custom Fields PRO.
Version: 3.0.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: romwf
Tags:

RO MWF requires use of Microsoft MWF, and Advanced Custom Fields PRO.

NO SITE-SPECIFIC CUSTOM STYLES IN THIS FILE.  Use a child theme.

Microsoft MWF requires jQuery 1.7 or later (v1.9+ is supported).

URLs (and versioning) for MWF's required CSS and JS assets are set inline within header.php.
For Microsoft MWF documentation, including latest required markup for all modules, see http://getmwf.com/

For integrating Microsoft UHF, use the RO UHF plugin.

RO MWF 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
# Blog Styles
--------------------------------------------------------------*/

/* Clearfix (alias: .cf) */
.cf:before, .cf:after, .clearfix:before, .clearfix:after { content: " "; display: table; }
.cf:after, .clearfix:after { clear: both; }
.cf, .clearfix { *zoom: 1; }


/*--------------------------------------------------------------
# MWF Global Overrides and fixes
--------------------------------------------------------------*/

/* Fix rendering bug in current version of Chrome (2017.11.28) */
strong, b { font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* Fix bad UHF CSS for the MS Edge promo banner */
#headerUniversalHeader #epb, #epb.m-alert[role=alert] { margin-top: 0; }


.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;
}

.m-rich-heading .c-paragraph-3 { padding: 6px 0 0; }

blockquote.c-blockquote .c-paragraph-3:first-child, 
blockquote.c-blockquote + .c-paragraph-3, 
blockquote + .c-paragraph-3 { 
	padding-top: 0; 
}

/* Temp fix for overly-small Drawer toggler text. MWF fix forthcoming. */
.c-drawer .f-toggle, .c-drawer>button, .c-drawer>header .f-toggle, .c-drawer>header>button {
	font-size: 15px; line-height: 1.25em;
}

/* This may get fixed in v1.22.x */
[class*=m-persona-] >div+div [class*=c-heading] .c-hyperlink { padding: 0; }


/**
 * Social Toolbar
 */
.page-social-toolbar { border-top: 2px solid #ddd; margin: 2em 0 0; 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"; }
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%; }


/* Download module */
.mwf-c-download-module-wrapper { margin-top: 48px; }
.mwf-c-download-module {}
.mwf-c-download-module [data-grid*=col-] { float: none; }
.mwf-c-download-module-license {}
.mwf-c-download-module .mwf-c-download-module-ctas, .mwf-c-download-module .c-table { margin-top: 24px; }

.mwf-c-download-module .mwf-cta-standalone + .mwf-cta-standalone { margin-left: 16px; }
[data-grid~=col-4] .mwf-c-download-module .mwf-cta-standalone + .mwf-cta-standalone { margin-left: 0; clear: both; }

@media screen and (max-width: 767px) {
	.mwf-c-download-module-wrapper[data-grid~=stack-2] [data-grid] + [data-grid] {
		padding-top: 2.5em;
	}
}
@media screen and (min-width: 768px) {
	.mwf-c-download-module-wrapper[data-grid~=stack-2] .mwf-cta-standalone + .mwf-cta-standalone {
		 clear: both; 
		 margin-top: 12px; 
		 margin-left: 0; 
	}
}


/* RO-IFRAME */
.ro-iframe-heading + .romwf-iframe-row { margin-top: 1.5em; }
.romwf-iframe-wrapper { position: relative; width: 100%; }
.romwf-iframe-wrapper iframe { width: 100%; border: 0; }
.romwf-iframe-16x9 { height: 0; padding-bottom: 60%; }
.romwf-iframe-4x3 { height: 0; padding-bottom: 75%; }
.romwf-iframe-16x9 iframe, .romwf-iframe-4x3 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/*--------------------------------------------------------------
# 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
}

.page-mwf-blog, .page-mwf-article aside { padding-top: 65px; }


/* 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;
}

.page-mwf-blog .posts-navigation {
	margin-top: 2.5em;
}

.read-more-link,
.c-paragraph-3.read-more-link {
	padding-top: 0.5em;
}