/* normalize.css */
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body {margin: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden], template {display: none;}a {background-color: transparent;}a:active, a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b, strong {font-weight: bold;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}mark {background: #ff0;color: #000;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}img {border: 0;}svg:not(:root) {overflow: hidden;}figure {margin: 1em 40px;}hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}pre {overflow: auto;}code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}button {overflow: visible;}button, select {text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}button[disabled], html input[disabled] {cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}input {line-height: normal;}input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {border: 0;padding: 0;}textarea {overflow: auto;}optgroup {font-weight: bold;}table {border-collapse: collapse;border-spacing: 0;}td, th {padding: 0;}

/* skeleton.css */
.container {position: relative;width: 100%;max-width: 960px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}.column, .columns {width: 100%;float: left;box-sizing: border-box;}@media (min-width: 400px) {.container {width: 85%;padding: 0;}}@media (min-width: 800px) {.container {width: 80%;}.column, .columns {margin-left: 4%;}.column:first-child, .columns:first-child {margin-left: 0;}.one.column, .one.columns {width: 4.66666666667%;}.two.columns {width: 13.3333333333%;}.three.columns {width: 22%;}.four.columns {width: 30.6666666667%;}.five.columns {width: 39.3333333333%;}.six.columns {width: 48%;}.seven.columns {width: 56.6666666667%;}.eight.columns {width: 65.3333333333%;}.nine.columns {width: 74.0%;}.ten.columns {width: 82.6666666667%;}.eleven.columns {width: 91.3333333333%;}.twelve.columns {width: 100%;margin-left: 0;}.one-third.column {width: 30.6666666667%;}.two-thirds.column {width: 65.3333333333%;}.one-half.column {width: 48%;}.offset-by-one.column, .offset-by-one.columns {margin-left: 8.66666666667%;}.offset-by-two.column, .offset-by-two.columns {margin-left: 17.3333333333%;}.offset-by-three.column, .offset-by-three.columns {margin-left: 26%;}.offset-by-four.column, .offset-by-four.columns {margin-left: 34.6666666667%;}.offset-by-five.column, .offset-by-five.columns {margin-left: 43.3333333333%;}.offset-by-six.column, .offset-by-six.columns {margin-left: 52%;}.offset-by-seven.column, .offset-by-seven.columns {margin-left: 60.6666666667%;}.offset-by-eight.column, .offset-by-eight.columns {margin-left: 69.3333333333%;}.offset-by-nine.column, .offset-by-nine.columns {margin-left: 78.0%;}.offset-by-ten.column, .offset-by-ten.columns {margin-left: 86.6666666667%;}.offset-by-eleven.column, .offset-by-eleven.columns {margin-left: 95.3333333333%;}.offset-by-one-third.column, .offset-by-one-third.columns {margin-left: 34.6666666667%;}.offset-by-two-thirds.column, .offset-by-two-thirds.columns {margin-left: 69.3333333333%;}.offset-by-one-half.column, .offset-by-one-half.columns {margin-left: 52%;}}html {font-size: 62.5%;}body {font-size: 1.5em;line-height: 1.6;font-weight: 400;font-family: "Gabarito", Arial, sans-serif;color: #092768;}h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 2rem;font-weight: 300;}h1 {font-size: 4.0rem;line-height: 1.2;letter-spacing: -.1rem;}h2 {font-size: 3.6rem;line-height: 1.25;letter-spacing: -.1rem;}h3 {font-size: 3.0rem;line-height: 1.3;letter-spacing: -.1rem;}h4 {font-size: 2.4rem;line-height: 1.35;letter-spacing: -.08rem;}h5 {font-size: 1.8rem;line-height: 1.5;letter-spacing: -.05rem;}h6 {font-size: 1.5rem;line-height: 1.6;letter-spacing: 0;}@media (min-width: 800px) {h1 {font-size: 5.0rem;}h2 {font-size: 4.2rem;}h3 {font-size: 3.6rem;}h4 {font-size: 3.0rem;}h5 {font-size: 2.4rem;}h6 {font-size: 1.5rem;}}p {margin-top: 0;}input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box;}input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {-webkit-appearance: none;-moz-appearance: none;appearance: none;}textarea {min-height: 65px;padding-top: 6px;padding-bottom: 6px;}input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {border: 1px solid #33C3F0;outline: 0;}label, legend {display: block;margin-bottom: .5rem;font-weight: 600;}fieldset {padding: 0;border-width: 0;}input[type="checkbox"], input[type="radio"] {display: inline;}label > .label-body {display: inline-block;margin-left: .5rem;font-weight: normal;}ul {list-style: circle inside;}ol {list-style: decimal inside;}ol, ul {padding-left: 0;margin-top: 0;}ul ul, ul ol, ol ol, ol ul {margin: 1.5rem 0 1.5rem 3rem;font-size: 90%;}li {margin-bottom: 1rem;}code {padding: .2rem .5rem;margin: 0 .2rem;font-size: 90%;white-space: nowrap;background: #F1F1F1;border: 1px solid #E1E1E1;border-radius: 4px;}pre > code {display: block;padding: 1rem 1.5rem;white-space: pre;}th, td {padding: 12px 15px;text-align: left;border-bottom: 1px solid #E1E1E1;}th:first-child, td:first-child {padding-left: 0;}th:last-child, td:last-child {padding-right: 0;}button, .button {margin-bottom: 1rem;}input, textarea, select, fieldset {margin-bottom: 1.5rem;}pre, blockquote, dl, figure, table, p, ul, ol, form {margin-bottom: 2.5rem;}.u-full-width {width: 100%;box-sizing: border-box;}.u-max-full-width {max-width: 100%;box-sizing: border-box;}.u-pull-right {float: right;}.u-pull-left {float: left;}hr {margin-top: 3rem;margin-bottom: 3.5rem;border-width: 0;border-top: 1px solid #E1E1E1;}.container:after, .row:after, .u-cf {content: "";display: table;clear: both;}

/* app.css */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Book Antiqua', serif;
    background: #f6f4f4;
    color: #092768;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.screen {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.screen#uvod {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.parallax {
    transform: translate(0, 0);
    transition: transform 0.5s ease-out;
}

h1 {
    float: left;
    width: 80%;
    max-width: 300px;
    height: 60px;
    position: relative;
    color: #f8f4f2;
    font-size: 18px;
    margin: 0;
}

h1:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f8f4f2 url('../images/galimatyas.svg?v=3') no-repeat center center;
    background-size: contain;
}

h2 {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    text-align: center;
    font-size: 28px;
}

.flower-1 {
    float: left;
    width: 200px;
    height: 200px;
    background: url('../images/flowers/1.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -100px;
    top: 10%;
    z-index: 10;
}

.flower-2 {
    float: left;
    width: 160px;
    height: 160px;
    background: url('../images/flowers/2.svg?v=2') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: -100px;
    bottom: 10%;
    z-index: 10;
}

.photo-container {
    float: left;
    width: 100%;
    height: 500px;
    max-width: 400px;
    background: #fff;
    background-size: contain;
    position: relative;
    border-radius: 2px;
    box-shadow: #ddd 0 0 15px;
    padding: 15px 15px 80px;
    margin-top: -80px;
    margin-left: calc(50% - 200px);
    box-sizing: border-box;
    rotate: 2deg;
}

@media(max-width: 500px) {
    .photo-container {
        margin-left: 0;
    }
}

@media(max-width: 800px) {
    .photo-container {
        margin-top: 20px;
    }
}

.photo-container .slideshow {
    position: relative;
    width: 100%;
    height: 100%;
}

.photo-container .slideshow .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.photo-container .slideshow .slide.active {
    opacity: 1;
}

.photo-container .photo {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.photo-container .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.photo-container .slideshow .slide .caption {
    float: left;
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    bottom: -75px;
    left: 0;
    color: #000;
    font-size: 42px;
}

.screen#lokalita {
    margin-top: 180px;
}

.solnice {
    float: right;
    width: 100%;
    height: 550px;
    margin-top: -160px;
    background: url('../images/solnice.svg') no-repeat center center;
    background-size: contain;
    position: relative;

}

.text {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

@media(max-width: 800px) {
    .illustration {
        display: none;
    }

    .parallax {
        transform: none !important;
    }

    .screen {
        margin-top: 0 !important;
    }

    .domecky {
        float: right;
        width: 100%;
        height: 100px;
        margin: 90px 0 40px;
        background: url('../images/domecky.svg') no-repeat center center;
        background-size: 60% 100%;
    }

    .kolo {
        float: right;
        width: 100%;
        height: 100px;
        margin: 90px 0 40px;
        background: url('../images/kolo.svg') no-repeat center center;
        background-size: 60% 100%;
    }

    .masle {
        float: right;
        width: 100%;
        height: 100px;
        margin: 60px 0 0;
        background: url('../images/masle.svg') no-repeat center center;
        background-size: 60% 100%;
    }
}

p {
    color: #000;
    font-size: 20px;
    line-height: 1.8;
    margin: 0 0 20px;

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
            "wdth" 100;
}

p a {
    color: #000;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    transition: 200ms color, 200ms border-bottom;
}

p a:hover {
    color: #092768;
    border-bottom: 1px solid #092768;
}

.button {
    float: left;
    color: #092768;
    border: 2px solid #092768;
    margin: 10px 0 0;
    padding: 15px 30px;
    position: relative;
    font-size: 18px;
    text-decoration: none;
    transition: color 300ms ease-out;
}

.button span {
    position: relative;
    z-index: 2;
}

.button:hover {
    color: #fff;
}

.button:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background: #092768;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    transition: height 300ms ease-out;
}

.button:hover:after {
    height: 100%;
}

.screen#doprava {
    margin-top: 180px;
}

.ceske-budejovice {
    float: left;
    width: 100%;
    height: 350px;
    margin-top: -60px;
    background: url('../images/ceske-budejovice.svg') no-repeat center center;
    background-size: contain;
    position: relative;
}

h3 {
    font-size: 36px;
}

.flower-4 {
    float: left;
    width: 150px;
    height: 150px;
    background: url('../images/flowers/4.svg') no-repeat center center;
    background-size: contain;
    position: absolute;
    right: -100px;
    top: -500px;
    z-index: 10;
}

@media(max-width: 800px) {
    .flower-4 {
        display: none;
    }
}

.screen#dresscode {
    margin-top: 180px;
}

.sako {
    float: right;
    width: 100%;
    height: 350px;
    margin-top: -280px;
    background: url('../images/sako.svg') no-repeat center center;
    background-size: contain;
    position: relative;
}

.screen#otazky-odpovedi {
    margin-top: 180px;
}

#otazky-odpovedi h3 {
    margin-top: 60px;
}

#harmonogram h3 {
    width: 100%;
    text-align: center;
}

#harmonogram .text {
    width: 100%;
    text-align: center;
}

.musle {
    float: left;
    width: 100%;
    height: 80px;
    margin: 50px 0 60px;
    background: url('../images/musle.svg') no-repeat center center;
    background-size: contain;
    z-index: 10;
}

.gift-word-container {
    display: inline-block;
    min-width: 330px;
}

#gift-word {
    display: inline-block;
    white-space: nowrap;
    border-right: .08em solid currentColor;
    animation: caret 1s steps(1) infinite;
}
@keyframes caret { 50% { border-color: transparent; } }


.fade { transition: opacity .25s ease; }