| Server IP : 149.50.156.242 / Your IP : 216.73.216.238 Web Server : Apache System : Linux vps-6212575-x.dattaweb.com 4.18.0-553.148.1.el8_10.x86_64 #1 SMP Tue Jul 28 01:08:52 EDT 2026 x86_64 User : c1751829 ( 1001) PHP Version : 8.4.23 Disable Function : system, shell, exec, system_exec, shell_exec, mysql_pconnect, passthru, popen, proc_open, proc_close, proc_nice, proc_terminate, proc_get_status, escapeshellarg, escapeshellcmd, eval, dl, imap_mail, libvirt_connect, gnupg_init, unsetenv, apache_setenv, pcntl_exec, pcntl_alarm, pcntl_fork, pcntl_waitpid, pcntl_wait, pcntl_wifexited, pcntl_wifstopped, pcntl_wifsignaled, pcntl_wifcontinued, pcntl_wexitstatus, pcntl_wtermsig, pcntl_wstopsig, pcntl_signal, pcntl_signal_get_handler, pcntl_signal_dispatch, pcntl_get_last_error, pcntl_strerror, pcntl_sigprocmask, pcntl_sigwaitinfo, pcntl_sigtimedwait, pcntl_getpriority, pcntl_setpriority, pcntl_async_signals, opcache_get_status, opcache_reset, opcache_get_configuration MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/c1751829/public_html/wp-includes/blocks/media-text/ |
Upload File : |
/**
* Breakpoints & Media Queries
*/
.wp-block-media-text {
/*rtl:begin:ignore*/
direction: ltr;
/*rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto;
box-sizing: border-box;
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%;
}
.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top > .wp-block-media-text__media {
align-self: start;
}
.wp-block-media-text > .wp-block-media-text__content,
.wp-block-media-text > .wp-block-media-text__media,
.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center > .wp-block-media-text__media {
align-self: center;
}
.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom > .wp-block-media-text__media {
align-self: end;
}
.wp-block-media-text > .wp-block-media-text__media {
/*rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*rtl:end:ignore*/
margin: 0;
}
.wp-block-media-text > .wp-block-media-text__content {
direction: ltr;
/*rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*rtl:end:ignore*/
padding: 0 8% 0 8%;
word-break: break-word;
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__media {
/*rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
/*rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*rtl:end:ignore*/
}
.wp-block-media-text__media a {
display: block;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
height: auto;
max-width: unset;
width: 100%;
vertical-align: middle;
}
/* `is-image-fill` is deprecated and the styles are kept for backwards compatibility. */
.wp-block-media-text.is-image-fill > .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover;
}
.wp-block-media-text.is-image-fill > .wp-block-media-text__media > a {
display: block;
height: 100%;
}
.wp-block-media-text.is-image-fill > .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
/* Image fill for versions 8 and onwards */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
position: relative;
height: 100%;
min-height: 250px;
}
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media > a {
display: block;
height: 100%;
}
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
/*
* Here we here not able to use a mobile first CSS approach.
* Custom widths are set using inline styles, and on mobile,
* we need 100% width, so we use important to overwrite the inline style.
* If the style were set on mobile first, on desktop styles,
* we would have no way of setting the style again to the inline style.
*/
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
}