/* Fix Mobile White Gap Issue Due to YouTube Video iframe Embed*/

@media only screen and (max-width: 768px) {
iframe {
    width: 100%;
    height: auto;
}
}

/* Fix Mobie White Gap Issue Due to Embedding Code Snippets to The Frontend */

code {
  max-width: 100%;
  word-break: break-all;
  white-space: pre-wrap;

}

/* Fix Mobile White Gap Issue Due to Lengthy URLs or Texts Without Spacings */ 

.wrap-long {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}



/* Fix Mobile White Gap Issue Due to Images Added via Gutenberg or Classic Editor are Too Wide */

figure {
    max-width: 100%;
    margin: 0 !important;
}

/* Fix Mobile White Gap and Misalignment Issue Due to A Shortcode */

.Global-Div-Full, .Global-Shortcode {
max-width: 100%;
}