/**
 * Theme Name: RundizStrap
 * Theme URI: https://github.com/Rundiz-WP/rundizstrap
 * Author: Vee W.
 * Author URI: https://rundiz.com
 * Description: A modern WordPress Block Theme (FSE) based on Bootstrap.
 * Version: 0.0.4
 * Requires at least: 6.1
 * Tested up to: 6.9
 * Requires PHP: 8.0
 * License: MIT
 * License URI: https://opensource.org/licenses/MIT
 * Text Domain: rundizstrap
 * Tags: full-site-editing, two-columns, right-sidebar
 * Domain Path: /languages/
 */


/* WP core classes =========================================== */
/* https://developer.wordpress.org/advanced-administration/wordpress/css/ */
.alignnone {
  margin-bottom: 20px;
  margin-top: 5px;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin-bottom: 20px;
  margin-top: 5px;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  clear: both;
  margin-bottom: 20px;
  margin-top: 5px;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* end WP core classes ======================================== */


/* Custom style for this theme. ==================================== */
html:has(body.error404) {
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}
body.error404,
body.error404 .wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}


iframe:not(.ratio iframe) {
    aspect-ratio: 16/9;
    border: none;
    height: auto;
    max-width: 100%;/* use `max-width` instead of `width` to respect HTML attribute `width="..."`. otherwise, use `ratio` class from Bootstrap. */
}


.rundizstrap-entry-meta a {
    color: inherit;
    text-decoration: none;
}
.rundizstrap-entry-meta a:hover {
    color: hsl(from currentColor h s calc(l - 80));
}


.rundizstrap-comment-content-wrapper {
    min-width: 0;/* make flex child not too wide over its parent. */
}


.entry-content::after {
    clear: both;
    content: '';
    display: block;
}

/* always force image responsive (reference https://web.dev/learn/design/responsive-images ) */
.block-editor-iframe__body img,
.entry-content img {
    max-inline-size: 100%;
    block-size: auto;
}


.taxonomy-category::before {
    content: '\F3F5';
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    margin-right: 5px;
    vertical-align: -.125em;
}

.taxonomy-post_tag::before {
    content: '\F5B1';
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    margin-right: 5px;
    vertical-align: -.125em;
}


.wp-block-comments {
    border-top-style: dashed;
}
.wp-block-comments.border-top {
    border-top-style: dashed !important;
}
.wp-block-comment-template ol {
    padding-left: 1rem;
}