/* ie11mc_vids-snds.css */




/* MC IE11 CSS CODE  */

        
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{ 

    .filltwocolwidth {
        /* padding-top: .25em; */
        margin-bottom:.75em;
        border-bottom: thick solid rgba(0, 102, 102,1);
    }
    /* child of twocolcontent grid */

    .filltwocolwidth h2 {
        margin-top:.25em;
        margin-bottom:0;
        padding-bottom:0em;
        line-height: 1.125em; 
        text-align:left;
    }
    /* wide versions ? */ 

    .filltwocolwidth p {
        margin-top:0em;
        padding-bottom:0em;
        line-height: 1.125em; 
        text-align:left;
    }

    .filltwocolwidth h2 + p {
        padding-top:.25em;
    }

    .ienonital {
        font-style:normal; font-weight:400;
    }

    figcaption.ienonital {
        font-size:.9em; line-height:1.125em; font-style:normal; font-weight:400;
    }

    figcaption.vidcap span.ienonital,
    figcaption.player span.ienonital { font-style:normal; font-weight:400; }




   
    .bottom {
        padding:.5em 0 .5em 0;
        margin-bottom:.5em;
    }

    figcaption.iebottom {
        padding-top:.5em;
        font-size:100%;
        line-height:1.125em;
    }

    h3.quote:first-child {
        margin:1.5em 0 .25em 0;
    }

    /* the DLdt list for the when you ask for a quote section is in contactus.css */

}
/* MC IE11 CSS CODE  */










 /* ////  IE11 WIDE 832px to 1140px  //// */
        
@media all and (min-width:832px)
 and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{

    #article_content { 
        display:-ms-grid;
        -ms-grid-columns:4fr 1.5em 2fr;
        -ms-grid-rows: auto ;
    }

    .filltwocolwidth {
        -ms-grid-column:1;
        -ms-grid-column-span: 3;
        -ms-grid-row:1;
        -ms-grid-row-span: 1;
    }

    .leftcol {  
        -ms-grid-column:1;
        -ms-grid-column-span: 1;
        -ms-grid-row:2;
        -ms-grid-row-span: 1;
     }

    .rightcol { 
        -ms-grid-column:3;
        -ms-grid-column-span: 1;
        -ms-grid-row:2;
        -ms-grid-row-span: 1;
    }

    .filltwocolwidth h2 {
        margin-top:.25em;
        padding-bottom:.25em;
        line-height: 1.125em; 
        text-align:left;
    }
    /* wide versions ? */ 

    .filltwocolwidth h2 { border-bottom:none;
    }

    .filltwocolwidth h2 + p {
        padding-top:0em;
    }

    .ie11quote {        
        margin:0rem 0 .25em 0 !important;
        padding:0 0 0 0 !important;
    }



}








 /* //// end IE11 WIDE 832px to 1140px  //// */


 /* ////  IE11 WIDE 1140px and up //// */
        
@media all and (min-width:1140px)
and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
    html {
        background:white;
        font: normal 16.5px/1em 'Roboto', Helvetica, Arial, sans-serif !important;
        min-width:16em;
    }
    /* sets overall base font size etc. */
    /*
    min-width is existential to prevent width overflows when browser window gets too narrow
    */ 

    .filltwocolwidth { background:none; }
    .filltwocolwidth h2 { 
        /* background:pink; */
        /* border-bottom:none !important; */
        padding-bottom:.125em;
    }

    .filltwocolwidth h2 + p {
        padding-top:0em;
        /* background:yellow; */
    }

    .ie11quote {
        font-size: 1.25rem;
        margin:-.13rem 0 .5em 0 !important;
        line-height: 1.0rem  !important;
        padding:0 0 0 0 !important;
    }


}
 /* //// end IE11 WIDE 1140px and up //// */