/*
 * Theme Name: EUROCARGUY Custom
 * Theme URI: xzdatadesign.com
 * Description: Custom designed for use on this site only.
 * Version: 1.0.0
 * Author: XZ Data Design
 * Author URI: https://xzdatadesign.com
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       eurocarguy
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

.position--relative {
  position: relative;
  height: calc((var(--figures-column-width) / 3) * 4);
}

:root {
  --figures-column-width: 0px;
}

.background-img-grayscale.wp-block-cover>.wp-block-cover__image-background {
  filter: grayscale(100%);
}

.current-menu-item::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background: var(--wp--preset--color--contrast);
  bottom: -0.30rem;
  height: 0.12rem;
}

.wp-theme-eurocarguy .animate-underline::after {
  background: var(--wp--preset--color--contrast);
  bottom: -0.30rem;
  height: 0.12rem;
}

form.xzdd input,
form.xzdd textarea {
  width: 100%;
  padding-bottom: var(--wp--preset--spacing--40);
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  padding-top: var(--wp--preset--spacing--40);
  border-radius: 6px;
  border-style: hidden;
  box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.25);
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--md);
  font-style: normal;
  font-weight: 400;
  letter-spacing: var(--wp--custom--letter-spacing--md-normal);
  line-height: var(--wp--custom--line-height--md-double);
}

form.xzdd label {
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--md);
  font-style: normal;
  font-weight: 700;
  letter-spacing: var(--wp--custom--letter-spacing--lg-normal);
  line-height: var(--wp--custom--line-height--lg-double);
  text-decoration: none;
}

form.xzdd input:focus-visible,
form.xzdd textarea:focus-visible {
  outline: none;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}

form.xzdd textarea {
  resize: none;
}

form.xzdd .xzdd-form-field-wrapper {
  position: relative;
  margin-top: var(--wp--preset--spacing--40);
}

form.xzdd #xzdd-submit-button-contact-us {
  background-color: var(--wp--preset--color--contrast);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  color: var(--wp--preset--color--base);
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--md);
  font-style: normal;
  font-weight: 700;
  letter-spacing: var(--wp--custom--letter-spacing--lg-normal);
  line-height: var(--wp--custom--line-height--lg-double);
  text-decoration: none;
}

form.xzdd .wp-block-buttons {
  margin-top: var(--wp--preset--spacing--40);
}

form.xzdd .field-msg.liveValidateMessage--visible {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

form.xzdd .field-msg.liveValidateMessage--visible::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 12px;
  border-style: solid;
  border-color: var(--wp--preset--color--contrast) transparent transparent transparent;
}

form.xzdd .field-msg {
  position: absolute;
  right: 0px;
  top: 0px;
  padding-bottom: var(--wp--preset--spacing--20);
  padding-left: var(--wp--preset--spacing--30);
  padding-right: var(--wp--preset--spacing--30);
  padding-top: var(--wp--preset--spacing--20);
}

::-moz-selection { /* Code for Firefox */
  color: var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--euro-yellow);
}

::selection {
  color: var(--wp--preset--color--contrast);
  background: var(--wp--preset--color--euro-yellow);
}