/*
Theme Name: Lumiscaphe
Theme URI: https://www.lumiscaphe.com/
Author: Lumiscaphe
Author URI: https://www.lumiscaphe.com/
Description: Lumiscaphe Wordpress theme
Version: 1.0.2
*/

/*
 * Below: Customs CSS
 */

/* :root {
  --wp--preset--font-size--normal: 0.875rem;
  --wp--preset--font-size--huge: 2.5rem;
} */

html {
  font-size: 16px;
}

body.page-template-configurator main .wp-block-post-content,
body.post-template-configurator main .wp-block-post-content {
  /* height: calc(100vh - (82px + 75px)); */
  height: calc(100vh - (5.125rem + 4.6875rem));
}

body.page-template-configurator main iframe,
body.post-template-configurator main iframe {
  min-width: 100%;
  min-height: 100%;
  border: none;
  padding: 0 !important;
}

body.page-template-configurator main .post-password-form,
body.post-template-configurator main .post-password-form {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

body > .wp-site-blocks {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

main.wp-block-group > * > * {
  padding: var(--wp--custom--spacing--none) var(--wp--custom--spacing--normal);
}

/*
 * Below: Customs classes
 */

.add-shadow {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
}

.text-justify {
  text-align: justify;
}

/* 
 *  Hides paragraphs and line breaks automatically added by WordPress or MegaMenu that break the menu rendering.
 */
ul.mega-menu.max-mega-menu p,
ul.mega-menu.max-mega-menu br {
  display: none !important;
  margin-bottom: 0 !important;
}

/*
 * Below: Modification of WordPress blocks.
 * Beacause WordPress sucks...
 */

/*
 * Add hover effect on button link.
 */
.wp-block-button__link {
  transition: filter 0.4s ease-in-out;
}

.wp-block-button__link:hover {
  /* filter: brightness(.8) contrast(2); */
  filter: contrast(1.25);
}

/*
 * Improve responsiveness on media text block.
 */
.wp-block-media-text {
  gap: var(--wp--custom--spacing--large);
}

/*
 * Remove useless padding.
 */
:where(.wp-block-columns.has-background),
.wp-block-media-text .wp-block-media-text__content {
  padding: var(--wp--custom--spacing--none);
}

/*
 * Fix the display of white and gray dots on the left and right of the separator.
 */
.wp-block-separator {
  border-style: solid;
  border-width: 0.25rem;
  border-left: var(--wp--custom--border--none);
  border-right: var(--wp--custom--border--none);
  border-top: var(--wp--custom--border--none);
  margin-left: auto;
  margin-right: auto;
}

.wp-block-separator.is-style-default,
.wp-block-separator:not(.is-style-wide):not(.is-style-dots):not(
    .is-style-small
  ):not(.is-style-tiny) {
  width: clamp(6.25rem, 10vw, 10vw);
}

.wp-block-separator.is-style-dots {
  border: var(--wp--custom--border--none);
}

.wp-block-separator.is-style-small {
  width: clamp(3.125rem, 5vw, 5vw);
}

.wp-block-separator.is-style-tiny {
  width: clamp(1.5625rem, 2.5vw, 2.5vw);
}

/*
 * Fix the column display
 */
.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
}

.wp-block-columns .wp-block-column.is-vertically-aligned-center {
  align-self: auto;
  justify-content: center;
}

.wp-block-columns .wp-block-column.is-vertically-aligned-top {
  align-self: auto;
  justify-content: flex-start;
}

.wp-block-columns .wp-block-column.is-vertically-aligned-bottom {
  align-self: auto;
  justify-content: flex-end;
}

.wp-block-columns .wp-block-column.is-horizontally-aligned-left,
.wp-block-columns .wp-block-column.is-style-horizontally-aligned-left {
  align-items: flex-start;
}

.wp-block-columns .wp-block-column.is-horizontally-aligned-center,
.wp-block-columns .wp-block-column.is-style-horizontally-aligned-center {
  align-items: center;
}

.wp-block-columns .wp-block-column.is-horizontally-aligned-right,
.wp-block-columns .wp-block-column.is-style-horizontally-aligned-right {
  align-items: flex-end;
}

/*
 * Tooltip
 */
.qtip {
  font-size: var(--wp--preset--font-size--normal);
}

.qtip-content {
  padding: var(--wp--custom--spacing--small) var(--wp--custom--spacing--normal);
}

/*
 * form
 */

input:focus-visible,
textarea:focus-visible {
  outline: -webkit-focus-ring-color auto 0;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
  -webkit-text-fill-color: black !important;
}

/*
 * Contact Form 7
 */
.wp-block-uagb-cf7-styler {
  width: 100%;
}

.wpcf7 input[type="submit"]:disabled,
.wpcf7 button[type="submit"]:disabled {
  cursor: not-allowed;
}

form.has-fields-with-a-border-at-the-bottom-only input:not([type="submit"]),
form.has-fields-with-a-border-at-the-bottom-only textarea {
  border: none;
  border-bottom: 0.0625rem solid var(--wp--preset--color--black);
}

/*
 * Image
 */
.wp-block-image figcaption {
  text-align: center;
  margin: 0;
  margin-top: 0.5rem;
}

.wp-block-image.is-style-full-width,
.wp-block-image.is-style-full-width div,
.wp-block-image.is-style-full-width img,
.wp-block-image.is-style-full-width a img {
  width: 100% !important;
  height: auto !important;
}

.wp-block-image.is-style-link {
  position: relative;
}

.wp-block-image.is-style-link::before {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 998;
  background-color: var(--wp--preset--color--black);
  opacity: 0.5;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.4s ease-in-out 0.4s;
}

.wp-block-image.is-style-link:hover::before {
  transition: opacity 0.4s ease-in-out, width 0.4s linear 0.4s,
    height 0.4s linear 0.4s;
  opacity: 0;
  width: 0;
  height: 0;
}

.wp-block-image.is-style-link figcaption {
  left: 50%;
  text-align: center;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 999;
  font-size: 1.5rem;
  font-weight: bold;
}

/*
 * reCAPTCHA
 */

.grecaptcha-badge {
  display: none !important;
}