/*
Theme Name: San Simeon
Theme URI: https://sansimeonwines.com/
Author: Vin
Author URI: https://vinagency.com
Version: 1.0.0
*/

/* 

Reset
Color
Elements
Typography
Links
Forms
Util
Effects
Components

*/

/* =Reset */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,
body {
min-height: 100vh;
overscroll-behavior: none;
overflow-x: clip;
}
html { scrollbar-gutter: stable; }
:focus {
outline: none;
}
:focus-visible {
outline: 1px dotted var(--wp--preset--color--gold-light);
outline-offset: 5px;
}
::selection {
background-color: var(--wp--preset--color--gold-light);
color: var(--wp--preset--color--black);
}
p:empty {
display: none;
}
img {
color: transparent;
}
@view-transition {
navigation: auto;
}

/* =Color */

:focus-visible {
outline: 1px dotted var(--wp--preset--color--gold);
outline-offset: 3px;
}

/* =Elements */

body {
scroll-behavior: smooth;
letter-spacing: 0.025em;
}
* {
margin:0;
padding:0;
box-sizing: border-box;
}
img {
max-width: 100%;
color: transparent;
}

/* =Links */

a,
a:where(:not(.wp-element-button)) {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: var(--wp--preset--color--gold-light);
text-underline-offset: 0.5em;
transition: all 0.3s ease;
}
a:hover,
a:focus-visible,
p a:hover,
p a:focus-visible,
a:where(:not(.wp-element-button)):hover,
a:where(:not(.wp-element-button)):focus-visible,
p a:where(:not(.wp-element-button)):hover
p a:where(:not(.wp-element-button)):focus-visible {
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: var(--wp--preset--color--gold);
text-underline-offset: 0.5em;
transition: all 0.3s ease;
}


a.button,
div.button {
font-size: var(--wp--preset--font-size--x-small);
letter-spacing: 0.1em;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: var(--wp--preset--color--black);
background-color: var(--wp--preset--color--gold);
border: 2px solid var(--wp--preset--color--gold);
padding-top: calc(0.6rem - 1px);
padding-bottom: calc(0.6rem - 1px);
padding-left: calc(1rem - 1px);
padding-right: calc(1rem - 1px);
transition: all 0.3s ease;
}
a.button:hover,
a.button:focus-visible,
a:hover div.button:hover,
a:focus-visible div.button {
text-decoration: none;
color: var(--wp--preset--color--gold-darkest);
background-color: var(--wp--preset--color--gold-light);
border-color: var(--wp--preset--color--gold-light);
transition: all 0.3s ease;
}
h2 a {
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--gold-light);
text-decoration-thickness: 1px;
text-underline-offset: 0.25em;
}
h2 a:hover,
h2 a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--gold);
text-decoration-thickness: 1px;
text-underline-offset: 0.25em;
}


/* =Typography */

body,
button {
letter-spacing: 0.025em;
}

h2.size-2 {
font-size: 24px;
}
h3.size-2 {
font-size: 1rem;
}
p {
margin-bottom: 1em;
}
h1, h2, h3 {
font-weight: normal;
}
h1 {
margin-top: 0;
margin-bottom: 1em;
}
h1.spacing-tight {
margin-bottom: 0.5em;
}
h2 {
margin-top: 1em;
margin-bottom: 1em;
line-height: 1.25em;
letter-spacing: 0.025em;
}
h2.spacing-tight {
margin-bottom: 0.5em;
}
h3 {
margin-top: 1em;
margin-bottom: 1em;
text-transform: uppercase;
line-height: 1.35em;
font-weight: 600;
letter-spacing: 0.1em;
}
h2 + h3 {
margin-top: -1em;
}
h2.has-xxx-large-font-size + h3 {
margin-top: -2rem;
margin-bottom: 2rem;
}
.kt-inside-inner-col > h2:first-child {
margin-top: 0;
}
p {
letter-spacing: 0.025em;
}
@media screen and (max-width:640px) {
    :root {
    --wp--preset--font-size--medium: 1.125em;
    }
}
.text-balance {
text-wrap: balance;
}
.font-serif,
.font-serif > * {
font-family: var(--wp--preset--font-family--garamond);
}




/* =Layout */

@media screen and (min-width:1800px) {
    body {
    font-size: 22px;
    }
    :root {
    --wp--style--global--wide-size:1440px;
    }
    .alignwide {
    max-width: var(--wp--style--global--wide-size);
    }
}



/* =Forms */

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
width: 100%;
padding: 0.5rem;
font-size: var(--wp--preset--font-size--medium);
}
.form-required {
color: var(--color-red);
}
label {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: var(--wp--preset--font-size--small);
}


/* =Util */

.hide {
display: none;
}


/* =Effects */

/* .reveal-text {
display: inline-block;
} */
.reveal-text .reveal-word {
display: inline-block;
overflow: hidden;
}
.reveal-text .reveal-word-inner {
display: inline-block;
transform: translateY(100%);
}
.reveal-text.reveal-text--visible .reveal-word-inner {
transform: translateY(0);
}


/* =Components */

/* Image Map Pro - Interactive Map */

.imp-tooltip-content h3 {
font-size: 1rem !important;
}

/* Accordion - No Border */

.accordion-block.accordion-no-border {
border-top: none !important;
}
.accordion-block.accordion-no-border > button {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.accordion-block.accordion-no-border h3 {
font-weight: normal;
text-transform: none;
letter-spacing: 0;;
font-size: var(--wp--preset--font-size--x-large);
font-family: var(--wp--preset--font-family--garamond);
padding: 0.5rem 0;
}
.accordion-block.accordion-no-border .accordion-head span {
position: relative;
top: auto;
right: auto;
}
.accordion-block.accordion-no-border .accordion-panel {
padding-top: 1rem;
}

/* FAQ accordion */

.faq-accordion h3 {
text-align: left;
font-weight: normal;
text-transform: none;
letter-spacing: 0;;
font-size: var(--wp--preset--font-size--x-large);
font-family: var(--wp--preset--font-family--garamond);
padding: 0.5rem 0;
}

/* Kadence Gallery Lightbox */

.glightbox-container .gnext {
right: 0;
}
.glightbox-container .gprev {
left: 0;
}
.glightbox-container .gnext svg,
.glightbox-container .gprev svg {
display: none;
}
.glightbox-container .gclose svg {  
display: none;
}
.glightbox-container button.gclose::after,
.glightbox-container button.gnext::after,
.glightbox-container button.gprev::after {
font-family: 'Times New Roman', Times, serif;
color: #111;
font-size: 1.25rem;
/* color: var(--wp--preset--color--xxxxx); */
}
.glightbox-container button:hover.gclose::after,
.glightbox-container button:hover.gnext::after,
.glightbox-container button:hover.gprev::after,
.glightbox-container button:focus.gclose::after,
.glightbox-container button:focus.gnext::after,
.glightbox-container button:focus.gprev::after  {
color: #111;
/* color: var(--wp--preset--color--xxxxx); */
}
.glightbox-container button.gclose::after {
content: "\00D7";
display: block;
font-size: 2rem;
}
.glightbox-container button.gnext::after {
content: "\2192";
display: block;
}
.glightbox-container button.gprev::after {
content: "\2190";
display: block;
}
body .glightbox-kadence-dark {
background-color: #fff !important;
}
body .goverlay {
background-color: #fff !important;
}
body .glightbox-container .gclose {
top:0;
right:0;
padding-top: 10px;
padding-bottom: 10px;
}
body .glightbox-container .gclose, 
body .glightbox-container .gnext, 
body .glightbox-container .gprev {
background-color: transparent !important;
width: 50px;
text-align: center;
}
.glightbox-container .gslider {
padding: 60px;
}
body .glightbox-container .gslide-media {
box-shadow: none;
}
body .gslide-image img {
max-height: calc(100vh - 80px);
}


/* categories menu */

:root :where(.wp-block-query-title span) {
font-style: normal;
}
.wp-block-categories-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wp-block-categories-list a {
text-transform: uppercase;
text-decoration-color: var(--wp--preset--color--gold-light);
text-underline-offset: 0.5em;
transition: all 0.35s ease;
}
.wp-block-categories-list a:hover,
.wp-block-categories-list a:focus-visible {
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--gold);
transition: all 0.35s ease;
}


/* posts block */

.wp-block-post h2 a {
text-decoration: underline;
text-decoration-thickness: 1px;
}
.wp-block-post h2 a:hover,
.wp-block-post h2 a:focus-visible {
text-decoration: underline;
text-decoration-thickness: 1px;
}
.post.type-post > figure {
padding-bottom: 0 !important;
}


/* search */

.wp-block-search__label {
position: absolute;
top: -10000px;
left: -10000px;
}

/* contact form 7 */

body .wpcf7 form.sent .wpcf7-response-output {
border-color: var(--wp--preset--color--gold);
}

/* image block captions */

:root :where(.wp-element-caption, 
.wp-block-audio figcaption, 
.wp-block-embed figcaption, 
.wp-block-gallery figcaption, 
.wp-block-image figcaption, 
.wp-block-table figcaption, 
.wp-block-video figcaption) {
font-size: 1rem !important;
}

/* buttons */

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible {
background-color: var(--wp--preset--color--gold);
}
button,
input[type="submit"] {
color: var(--wp--preset--color--black);
background-color: var(--wp--preset--color--gold);
border: 2px solid var(--wp--preset--color--gold);
border-radius: 0;
padding: 1rem 1.5rem;
font-size: var(--wp--preset--font-size--small);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
cursor: pointer;
transition: all 0.3s ease;
}
button:hover,
input[type="submit"]:hover,
button:focus-visible,
input[type="submit"]:focus-visible,
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus-visible {
text-decoration: none;
color: var(--wp--preset--color--gold-darkest);
background-color: var(--wp--preset--color--gold-light);
border-color: var(--wp--preset--color--gold-light);
transition: all 0.3s ease;
}