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