/*
Theme Name: RO WIP MULTILINGUAL
Theme URI: http://www.ronline.com/
Author: Resources Online
Author URI: http://www.ronline.com/
Template:     ro-mwf
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rowipml
Description: MWF Theme for using with ACF and WPML. Requires use of the RO MWF parent theme.
Tags: MWF, WPML, ACF PRO

This child theme requires use of the parent theme RO MWF.

*/

/* Fix bad UHF/MWF style combo */
#epb.m-alert[role=alert] { margin-top: 0; }

/*--------------------------------------------------------------
# Site-Specific Overrides & Custom Styles
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
	.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 {
		margin-top: 18px !important;
	}
}

/* for JS-actuated dynamic content */
[data-audience], a.c-call-to-action[data-audience], a.c-form-acceptance[data-audience] { display: none; }
@media screen and (max-width: 1083px) {
	[data-grid~=stack-3]> [data-grid][data-audience], 
	[data-grid~=stack-3]> a.c-call-to-action[data-audience],
	[data-grid~=stack-3]> a.c-form-acceptance[data-audience] { display: none; }
}
@media screen and (max-width: 1399px) {
	[data-grid~=stack-4]>[data-grid][data-audience], 
	[data-grid~=stack-4]> a.c-call-to-action[data-audience],
	[data-grid~=stack-4]> a.c-form-acceptance[data-audience] { display: none; }
}


/* Fix MWF's broken RTL implementation of their sticky in-page nav */
[dir="rtl"] nav.c-in-page-navigation.f-vertical.f-sticky { background: transparent; pointer-events: none; }
[dir="rtl"] nav.c-in-page-navigation.f-vertical.f-sticky>ul li { background: #fff; }
[dir="rtl"] nav.c-in-page-navigation.f-vertical.f-sticky>ul li>a { pointer-events: auto; }
[dir="rtl"] nav.c-in-page-navigation.f-sticky.f-vertical.f-dropdown.f-sticky { background: #fff; pointer-events: auto; }

.m-typographic-intro.f-brief.footnote { height:100% !important; margin-top:48px; background-color: #333 !important;}
.m-typographic-intro.f-brief.footnote>div>div {font-size:11px; max-width: 100% !important; top:0px; transform: translateY(0%); margin-top:40px; margin-bottom:40px; }
.m-typographic-intro.f-brief.footnote>div>div p, 
.m-typographic-intro.f-brief.footnote>div>div ol, 
.m-typographic-intro.f-brief.footnote>div>div ul, 
.m-typographic-intro.f-brief.footnote>div>div .c-paragraph-3, 
.m-typographic-intro.f-brief.footnote>div>div .c-list  {font-size:11px;  }
.m-typographic-intro.f-background-accent {background-color: #0078d7;}

.m-content-placement-item .c-paragraph .c-hyperlink, .c-paragraph-3 a.c-call-to-action.f-lightweight { display:inline; padding:0;}
 .c-paragraph-3 a.c-call-to-action.f-lightweight:after { vertical-align: bottom; }

.page-template-mwf-page [data-grid~=pad-6x]>.c-paragraph-3, 
.page-template-mwf-page [data-grid~=pad-6x]>.c-heading-2,
.page-template-mwf-page [data-grid~=pad-6x]>.c-heading-3,
.page-template-mwf-page [data-grid~=pad-6x]>.c-heading-4,
.page-template-mwf-page [data-grid~=pad-6x]>.c-heading-5,
.page-template-mwf-page [data-grid~=pad-6x]>.c-heading-6 {padding-left:12px; padding-right:12px;} 
.page-template-mwf-page [data-grid~=pad-6x]>.c-list {margin-left:12px; margin-right:12px;} 

.theme-dark .c-group a.c-call-to-action { color: #000 !important; background: #FFF !important; padding-right:22px !important; }

.paragraph-indent {margin-left:40px;}
.list-indent {margin-left:40px; }

.personaList {
    display: -webkit-flex; display: -ms-flexbox; display: flex; 
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.personaList li { flex: 1 1 0; margin-bottom:20px; }
.f-columns-2 .personaList li { min-width:50%; max-width:50%; }
.f-columns-3 .personaList li { min-width:33%; max-width:33%; }
.f-columns-4 .personaList li { min-width:25%; max-width:25%; }
.f-columns-5 .personaList li { min-width:20%; max-width:20%; }

@media screen and (max-width: 540px) {
    .f-columns-2 .personaList li, .f-columns-3 .personaList li, .f-columns-4 .personaList li, .f-columns-5 .personaList li { min-width: 100%; max-width: 100%;}
}
@media screen and (min-width:541px) and (max-width:768px) { }
@media screen and (min-width:769px) and (max-width: 1024px) {
    .f-columns-3 .personaList li, .f-columns-4 .personaList li, .f-columns-5 .personaList li { min-width: 50%; max-width: 50%;}
}
@media screen and (min-width:1025px) and (max-width: 1200px) {
    .f-columns-4 .personaList li, .f-columns-5 .personaList li { min-width: 33%; max-width: 33%;}
}

@media screen and (min-width:1201px) and (max-width: 1500px) {
    .f-columns-4 .personaList li, .f-columns-5 .personaList li { min-width: 25%; max-width: 25%;}
}

.rowipml-validation { color: #cc0000; font-size: 14px; }
.rowipml-validationHidden {display:none; }
.rowipml-validationVisible { display: block;}

.rowipml-acceptance {position: relative; margin-top: 12px;}
.rowipml-acceptance .c-group { position:absolute; right:0px; top:0px; float: right; overflow: visible; }
@media screen and (max-width: 768px) {
	.rowipml-acceptance .c-checkbox { max-width: 66%;}
}
@media screen and (max-width: 540px) {
  .rowipml-acceptance .c-checkbox { max-width: 50%;}
}
.page-mwf-article aside { padding-top: 35px !important; }

	
/* begin nested list legal numbers */		
ol.ordered-list-level-1 > li { counter-increment: root; }
ol.ordered-list-level-1 > li > ol { counter-reset: subsection; list-style-type: none; display: table; }
ol.ordered-list-level-1 > li > ol > li { counter-increment: subsection; display: table-row; }
ol.ordered-list-level-1 > li > ol > li:before {
    content: counter(root) "." counter(subsection) " "; display: table-cell; padding-right: 0.5em;
}
ol.ordered-list-level-1 > li > ol > li > ol { counter-reset: subsubsection; list-style-type: none; display: table-row; }
ol.ordered-list-level-1 > li > ol > li > ol > li { counter-increment: subsubsection; display: table-row;  }
ol.ordered-list-level-1 > li > ol > li > ol > li:before {
    content: counter(root) "." counter(subsection) "." counter(subsubsection) " "; display: table-cell; padding-right: 0.5em;
}
ol.ordered-list-level-1 > li > ol > li > ol.ordered-list-roman { counter-reset: roman; list-style-type: lower-roman; display: block; }

ol.ordered-list-level-1 > li > ol > li > ol.ordered-list-roman > li { display: list-item; }
/* there must be an easier way: */
ol.ordered-list-level-1 > li > ol > li > ol.ordered-list-roman > li:before { content: ""; display: inline; padding-right: initial; }


/* blog (articles) style tweaks */

.page-mwf-blog-single .entry-content img.attachment-full {margin-top: 20px;}

.page-mwf-blog-default article, .page-mwf-blog-archive article {clear:both;}
.page-mwf-blog-default .entry-content img.attachment-thumbnail, .page-mwf-blog-archive .entry-content img.attachment-thumbnail { float: left; margin-right: 20px; margin-top:20px; }

.page-mwf-blog { padding-top: 10px; }
.page-mwf-blog aside { padding-top: 10px; }
.page-mwf-blog-archive h2.entry-title a:link, .page-mwf-blog-archive h2.entry-title a:visited {color: #000000;}
.page-mwf-blog-archive h2.entry-title a:hover {color: #0067b8; text-decoration:none;}
.page-mwf-blog-archive .entry-meta,  .page-mwf-blog-archive .entry-meta time, .page-mwf-blog .entry-meta,  .page-mwf-blog .entry-meta time { font-style: normal; }
.page-mwf-blog .entry-meta.c-paragraph-3, .page-mwf-blog-archive .entry-content .c-paragraph-3 {padding-top: 0px; margin-top:8px;}
.page-mwf-blog .entry-meta .c-label { margin-top: 0px; padding-bottom:0px; }
.page-mwf-blog-archive .entry-content .read-more-link {margin-top: 20px;}
.page-mwf-blog .widget ul.c-list {margin-top: 0px;}

.page-mwf-blog-archive .entry-image {padding-left:20px; padding-top:45px;}
.page-mwf-blog-archive .entry-image img.attachment-full, .page-mwf-blog-single .entry-content img.attachment-full {width:100% !important; height:auto;}

.page-mwf-blog-single .entry-content { padding-top:10px; }
.page-mwf-blog-single .entry-header .c-heading-2 { margin-bottom:0px; }
.page-mwf-blog-single .entry-content .c-heading-4 { padding-top: 34px; padding-bottom:0px; }
.page-mwf-blog-single .entry-content .c-heading-6 { padding-top: 24px; padding-bottom:0px; }
.page-mwf-blog-single .entry-content .c-paragraph-3 { padding-top: 18px; padding-bottom:0px; }
.page-mwf-blog-single .entry-meta { padding-top: 0px; }

/* MVP and Events and Fellows style tweaks */
.page-mwf-mvp .m-persona-3>div+div h5.c-heading a.c-hyperlink {font-weight: bold;}
.page-mwf-mvp .c-menu {z-index:1000;}
.page-mvp-profile .mvp-country, .page-fellows-profile .fellow-country {color: #999;}
.page-mvp-profile [data-grid~=col-4], .page-fellows-profile [data-grid~=col-4] {padding-right: 20px;}
.page-mvp-profile hr, .page-fellows-profile hr  { margin-top:35px;margin-bottom:35px; border: 1px solid #ddd; border-bottom-width:0px;}
.mvp-social-follow ul.c-list, .fellow-social-follow ul.c-list {list-style:none; margin-left:auto;margin-right:auto;}
.mvp-social-follow ul.c-list li a, .fellow-social-follow ul.c-list li a {margin-right:8px;}
.mvp-social-follow, .fellow-social-follow { margin-top: 24px; }
.page-mvp-profile .mwfPersonalImage picture, .page-fellows-profile .fellowPersonalImage picture { width: 265px; height: 265px; }

.mvp_cat, .fellow-blurb {display:block; margin-top:10px; }
.page-mwf-mvp button:first-of-type { margin-right: 20px; }
.mvp_submit {margin-top:12px;}
.page-mwf-mvp input.c-text-field[type=text], .page-mwf-mvp .c-menu, .page-mwf-mvp .c-select-menu button {width: 260px; }
.page-mwf-mvp ul.m-pagination { text-align:right; }
.page-mwf-mvp button[name=mvpclearbtn] {background-color:rgba(0,0,0,.2);color:#000;}

.page-mwf-events button:first-of-type { margin-right: 20px; }
.page-mwf-events button[name=eventclearbtn] {background-color:rgba(0,0,0,.2);color:#000;}
.wipEventList img { width:100%; height:auto; }
.wipEventList .eventImage {margin-right: 20px; max-width: 279px; min-width: 100px;}
.wipEventList .wipEventListHeader h2,
.wipEventList .wipEventListHeader h3,
.wipEventList .wipEventListHeader h4,
.wipEventList .wipEventListHeader h5, 
.wipEventList .wipEventListCTA { text-align: center; }
.wipEventList .wipEventListHeader h2,
.wipEventList .wipEventListHeader h3,
.wipEventList .wipEventListHeader h4,
.wipEventList .wipEventListHeader h5 { margin-bottom: 36px; } 
.wipEventList .wipEventListCTA { text-transform:uppercase; margin-top:10px;}
.wipEventList > .event { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding-top:20px; padding-bottom:20px; }
.wipEventList > .event ~ .event { border-top: none;  }
.wipEventList .event .c-heading3 { font-weight: 700; font-size: 24px; color: #000000; text-decoration:none !important;  }
.wipEventList .event .c-button { margin-top: 36px; text-transform: uppercase; }
.wipEventList .event a { text-decoration:none !important; }
.wipEventList.eventlist-no-cta { margin-bottom:48px; }
.wipEventList.eventlist-no-header { margin-top:72px; }

@media screen and (min-width: 681px) {
	.wipEventList .event {display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }
	.wipEventList .event .eventImage, .wipEventList .event .eventData {flex: 1; }
	.wipEventList .event .eventData {position: relative; }
	.wipEventList .event .eventData a.c-button {position: absolute; bottom: 0px; }
}

@media screen and (max-width: 1399px) {
	.page-mvp-profile [data-grid=col-4] + [data-grid=col-4],
	.page-fellows-profile [data-grid=col-4] + [data-grid=col-4] {
		margin-top:20px; 
	}
}
	
@media screen and (max-width: 1325px) {
	.page-mvp-profile .mwfPersonalImage picture img, .page-fellows-profile .mwfPersonalImage picture img {width:200px; height:200px;}
	.page-mvp-profile .mwfPersonalImage picture, .page-fellows-profile .fellowPersonalImage picture {width: 200px; height: 200px;}
	.mvp-social-follow, .fellow-social-follow { width: 150px; margin-left: auto; margin-right:auto; }
}
@media screen and (max-width: 1083px) {
	.page-mvp-profile .mwfPersonalImage picture img, .page-fellows-profile .fellowPersonalImage picture img {width:180px; height:180px;}
	.page-mvp-profile .mwfPersonalImage picture, .page-fellows-profile .mwfPersonalImage picture {width: 180px; height: 180px;}
	.page-mvp-profile [data-grid~=stack-3]>[data-grid=col-9], 
	.page-fellows-profile [data-grid~=stack-3]>[data-grid=col-9] { 
		float:left; width: 60%; 
	}
	.page-mvp-profile aside[data-grid=col-3], .page-fellows-profile aside[data-grid=col-3] {float:left; width: 30%;}
}
@media screen and (max-width: 680px) {
	.page-mvp-profile [data-grid~=stack-3]>[data-grid=col-9],
	.page-fellows-profile [data-grid~=stack-3]>[data-grid=col-9] { float:none; width: 100%; }
	.page-mvp-profile aside[data-grid=col-3], .page-fellows-profile aside[data-grid=col-3] {float:none; width: 100%; }
	.mvp-social-follow, .fellow-social-follow { width: 265px; }
	.wipEventList .event .eventImage, .wipEventList .event .eventData {margin-left: 20px; }
	.wipEventList .event .eventData {margin-top: 10px; }

}

@media only screen and (max-width: 539px) {
	.page-mvp-profile .c-pagination li:first-child span, .page-mvp-profile .c-pagination li:last-child span, .page-mvp-profile .m-pagination li:first-child span, .page-mvp-profile .m-pagination li:last-child span,
	.page-fellows-profile .c-pagination li:first-child span, .page-fellows-profile .c-pagination li:last-child span, .page-fellows-profile .m-pagination li:first-child span, .page-fellows-profile .m-pagination li:last-child span {
		height: auto; overflow: hidden; position: absolute;
	}
	.page-mwf-blog-archive .entry-image {padding-left:0px; padding-top:10px;}

}

/* PODCASTS & WEBINARS */
.wip-video-iframe-wrapper { position: relative; width: 100%; height: 0; margin: 0; padding: 0 0 56.25%; overflow: hidden; }
.wip-video-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; } 

.page-wip-media-archive .c-heading-4 { padding-top: 0 !important; }
.page-wip-media-archive p.item-date { font-size: 0.9em !important; color: #737373 !important; }
.page-wip-media-archive .media-archive-listing-row { padding-top: 36px; }
.page-wip-media-archive .media-archive-listing-row .c-call-to-action + .c-call-to-action { margin-left: 24px; }

.page-podcast article { padding-top: 46px; }
.page-podcast .c-heading-2 { padding-top: 0; } 
.page-podcast .transcript-content { margin-top: 36px; }
.page-podcast .player-column .translation-widget { text-align: center; }
.page-podcast .player-column .translation-widget .c-heading-5 { padding-top: 0; }
.page-podcast .player-column .wonderpluginaudio, .page-podcast .player-column .wip-video-iframe-wrapper { margin-top: 36px !important; }


/* hide meControl until updated: */
#meControl { display: none; }