/*
 Theme Name:   Konniki
 Theme URI:    https://generatepress.com
 Description:  A GeneratePress child theme
 Author:       Annamari Bán
 Author URI:   https:/mysto.hu
 Template:     generatepress
 Version:      0.1
*/

/* --------------------- Fonts -------------------- */

/* unica-one-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Unica One';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/konniki/fonts/unica-one-v19-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/konniki/fonts/unica-one-v19-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* work-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* work-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* work-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* work-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/wp-content/themes/konniki/fonts/work-sans-v23-latin_latin-ext-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* --------------------- Manu -------------------- */


@media (min-width: 769px) {
    .main-navigation .menu > .menu-item > a::after {
        content: "";
        position: absolute;
        right: 0;
        left: 50%;
        bottom: 15px;
        -webkit-transform: translate3d(-50%,0,0);
        transform: translate3d(-50%,0,0);

        display: block;
        width: 0;
        height: 2px;

        background-color: currentColor;
        transition: 0.3s width ease;
    }
    .main-navigation .menu > .menu-item.current-menu-item > a::after,
    .main-navigation .menu > .menu-item.current-menu-ancestor > a::after,
    .main-navigation .menu > .menu-item > a:hover::after {
        width: 50%;
    }
}

.main-navigation .menu-toggle {
    background: transparent !important;
}

.main-navigation.toggled .main-nav {
    background: var(--base-3);
}

/* --------------------- Typo & Main Elements -------------------- */

.button, 
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
.wp-block-button .wp-block-button__link,
div.wpforms-container-full button[type=submit] {
    padding: 15px 30px;
    border: 3px solid var(--violet);
    border-radius: 999px;
    height: auto;
    background: var(--violet) !important;
    font-weight: bold;
}


.button:hover, 
button:hover, 
html input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover, 
a.button:hover, 
.wp-block-button .wp-block-button__link:hover,
div.wpforms-container-full button[type=submit]:hover {
    background: transparent !important;
    color: var(--darkviolet)
}

.wp-block-button.secondary a.wp-block-button__link {
    background: transparent !important;
    color: var(--violet);
}

.wp-block-button.secondary a.wp-block-button__link:hover {
    background: var(--violet) !important;
    color: var(--base);
}


/* --------------------- Hero -------------------- */

.home .hero figure {
    margin-top: 20px;
    margin-bottom: -40px;
}


/* --------------------- Marquee -------------------- */

.marquee {
    --gap: 1.5rem;
    position: relative;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap)
}

.marquee__content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    margin: 0 !important;
    animation: scroll 28s linear infinite;
    list-style: disc;
}

.marquee__content li {
    font-style: italic;
    font-size: 32px;
    margin-left: 26px;
    color: var(--darkviolet);
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-100% - var(--gap)))
    }
}

/* --------------------- WP Forms -------------------- */

.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
    font-weight: 400;
}

.urlap {
    background: #FEFAF2;
    padding: 10px 40px 10px;
    border-radius: 20px;
}

/* --------------------- Footer -------------------- */

.footer-widgets .footer-widget-1 {
    flex-basis: 16%;
}


/* --------------------- Media Queries -------------------- */


@media only screen and (max-width: 600px) {
      .site-header .header-image {
            width: 200px;
        }
}