.book-editable-body  img,#webEditContent img {
 max-width:100%!important;
 height:auto!important;
}
.book-editable-body a img,#webEditContent a img {
 width:100%!important;
 height:auto!important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .book-editable-body  img,#webEditContent img {
     width:100%!important;
  }
}

@media screen and (max-width: 428px){
    h1{
        text-align: center;
    }
    .container iframe{
        height:100%;
        width: 100%;
    }
    .container object{
        width:100%;
        height: auto;
        min-width: 0px;
    }
    .container embed{
        width:100%;
        height: auto;
    }
    .container table{
        width: 100% !important;
        height: 100% !important;
    }
    .container td{
        width:100% !important;
        min-width: 0px;
        display: block;
        overflow: hidden;
    }
    .container td *{
        /*display: block;*/
    }
    .container tr{
        min-width: 0px;
    }
    .container img {
    max-width: 100% !important;
    height: auto !important;
}
}
#webEditContent .pub-4-col-list ul {
  margin: 0 0 0 1em;
  list-style: none;
}



/***
* first attempt to use ratio on iframe charts (rShiny in MDF 2022 #646358)
*/

.ratio-43-34 {
  position: relative;
  padding-bottom: 133%; 
  padding-top: 0; 
  height: 0;
}
.ratio-43-34 iframe {
  border: 0;
  position: absolute;
  top: 0; left: 0; 
  width: 100%!important; height: 100%!important;
}


@media screen and (min-width: 768px){ 
  .ratio-43-34 { padding-bottom: 75%;}
}

/***
* public vs private
*/

.cssCall, .codeContent {
 display: none;
  border: none;
}


/***
* styles for code/css inclusions & datatable within tinyMCE
*/

#tinymce .codeContent, #tinymce .cssCall {
 position: relative;
 margin-top: 1px;
 display: block;
 width: auto;
 padding: 2px;
 background: crimson;
 border-color: transparent;
 color: #333;
 
 opacity: .35;
}
#tinymce .cssCall:before {
 content: "css : ";
 color: wheat;
 font-weight: 600;
}
#tinymce .codeContent:before {
 content: "CODE";
 color: wheat;
 font-weight: 600;
}

