*
* This would give you a grid item which is 100% width unless it is on a lap
* device, at which point it become 50% wide, or it is on a desktop device, at
* which point it becomes 33.333% width.
*
* csswizardry grids also has push and pull classes which allow you to nudge
* grid items left and right by a defined amount. These follow the same naming
* convention as above, but are prepended by either `push--` or `pull--`, for
* example:
*
`class="grid__item one-half push--one-half"`
*
* This would give you a grid item which is 50% width and pushed over to the
* right by 50%.
*
* All classes in csswizardry grids follow this patten, so you should fairly
* quickly be able to piece together any combinations you can imagine, for
* example:
*
`class="grid__item one-whole lap--one-half desk--one-third push--desk--one-third"`
*
`class="grid__item one-quarter palm--one-half push--palm--one-half"`
*
`class="grid__item palm--one-third desk--five-twelfths"`
*/
/*------------------------------------*\
$VARIABLES
\*------------------------------------*/
/**
* If you are building a non-responsive site but would still like to use
* csswizardry-grids, set this to ‘false’:
*/
/**
* Is this build mobile first? Setting to ‘true’ means that all grids will be
* 100% width if you do not apply a more specific class to them.
*/
/**
* Set the spacing between your grid items.
*/
/**
* Would you like Sass’ silent classes, or regular CSS classes?
*/
/**
* Would you like push and pull classes enabled?
*/
/**
* Using `inline-block` means that the grid items need their whitespace removing
* in order for them to work correctly. Set the following to true if you are
* going to achieve this by manually removing/commenting out any whitespace in
* your HTML yourself.
*
* Setting this to false invokes a hack which cannot always be guaranteed,
* please see the following for more detail:
*
* github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
* github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
*/
/**
* Define your breakpoints. The first value is the prefix that shall be used for
* your classes (e.g. `.palm--one-half`), the second value is the media query
* that the breakpoint fires at.
*/
/**
* Define which namespaced breakpoints you would like to generate for each of
* widths, push and pull. This is handy if you only need pull on, say, desk, or
* you only need a new width breakpoint at mobile sizes. It allows you to only
* compile as much CSS as you need. All are turned on by default, but you can
* add and remove breakpoints at will.
*
* Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
* have been set to ‘true’.
*/
/**
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
*/
/*------------------------------------*\
$MIXINS
\*------------------------------------*/
/**
* These mixins are for the library to use only, you should not need to modify
* them at all.
*
* Enclose a block of code with a media query as named in `$breakpoints`.
*/
/**
* Drop relative positioning into silent classes which can’t take advantage of
* the `[class*="push--"]` and `[class*="pull--"]` selectors.
*/
/*------------------------------------*\
$GRID SETUP
\*------------------------------------*/
/**
* 1. Allow the grid system to be used on lists.
* 2. Remove any margins and paddings that might affect the grid system.
* 3. Apply a negative `margin-left` to negate the columns’ gutters.
*/
/* line 218, scss/vendor/csswizardry-grids/_index.scss */
.grid {
list-style: none;
/* [1] */
margin: 0;
/* [2] */
padding: 0;
/* [2] */
margin-left: -10px;
/* [3] */
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
font-size: 0em;
letter-spacing: -0.31em;
*letter-spacing: normal;
*word-spacing: -0.43em;
text-rendering: optimizespeed;
}
@media (min-width: 1201px) {
/* line 218, scss/vendor/csswizardry-grids/_index.scss */
.grid {
margin-left: -20px;
}
}
/* Opera hack */
/* line 240, scss/vendor/csswizardry-grids/_index.scss */
.opera:-o-prefocus,
.grid {
word-spacing: -0.43em;
}
/**
* 1. Cause columns to stack side-by-side.
* 2. Space columns apart.
* 3. Align columns to the tops of each other.
* 4. Full-width unless told to behave otherwise.
* 5. Required to combine fluid widths and fixed gutters.
*/
/* line 253, scss/vendor/csswizardry-grids/_index.scss */
.grid__item {
display: inline-block;
/* [1] */
padding-left: 10px;
/* [2] */
vertical-align: top;
/* [3] */
width: 100%;
/* [4] */
-webkit-box-sizing: border-box;
/* [5] */
-moz-box-sizing: border-box;
/* [5] */
box-sizing: border-box;
/* [5] */
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
font-size: 15px;
}
@media (min-width: 1201px) {
/* line 253, scss/vendor/csswizardry-grids/_index.scss */
.grid__item {
padding-left: 20px;
}
}
/**
* Reversed grids allow you to structure your source in the opposite order to
* how your rendered layout will appear. Extends `.grid`.
*/
/* line 281, scss/vendor/csswizardry-grids/_index.scss */
.grid--rev {
direction: rtl;
text-align: left;
}
/* line 285, scss/vendor/csswizardry-grids/_index.scss */
.grid--rev > .grid__item {
direction: ltr;
text-align: left;
}
/**
* Gutterless grids have all the properties of regular grids, minus any spacing.
* Extends `.grid`.
*/
/* line 296, scss/vendor/csswizardry-grids/_index.scss */
.grid--full {
margin-left: 0 !important;
}
/* line 299, scss/vendor/csswizardry-grids/_index.scss */
.grid--full > .grid__item {
padding-left: 0 !important;
}
/**
* Align the entire grid to the right. Extends `.grid`.
*/
/* line 308, scss/vendor/csswizardry-grids/_index.scss */
.grid--right {
text-align: right;
}
/* line 315, scss/vendor/csswizardry-grids/_index.scss */
.grid--right > .grid__item {
text-align: left;
}
/**
* Centered grids align grid items centrally without needing to use push or pull
* classes. Extends `.grid`.
*/
/* line 325, scss/vendor/csswizardry-grids/_index.scss */
.grid--center {
text-align: center;
}
/* line 332, scss/vendor/csswizardry-grids/_index.scss */
.grid--center > .grid__item {
text-align: left;
}
/**
* Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
* `.grid`.
*/
/* line 344, scss/vendor/csswizardry-grids/_index.scss */
.grid--middle > .grid__item {
vertical-align: middle;
}
/* line 351, scss/vendor/csswizardry-grids/_index.scss */
.grid--bottom > .grid__item {
vertical-align: bottom;
}
/**
* Create grids with narrower gutters. Extends `.grid`.
*/
/* line 360, scss/vendor/csswizardry-grids/_index.scss */
.grid--narrow {
margin-left: -5px;
}
/* line 363, scss/vendor/csswizardry-grids/_index.scss */
.grid--narrow > .grid__item {
padding-left: 5px;
}
/**
* Create grids with wider gutters. Extends `.grid`.
*/
/* line 372, scss/vendor/csswizardry-grids/_index.scss */
.grid--wide {
margin-left: -20px;
}
/* line 375, scss/vendor/csswizardry-grids/_index.scss */
.grid--wide > .grid__item {
padding-left: 20px;
}
/*------------------------------------*\
$WIDTHS
\*------------------------------------*/
/**
* Create our width classes, prefixed by the specified namespace.
*/
/**
* Our regular, non-responsive width classes.
*/
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.one-third, .two-sixths, .four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.one-quarter, .two-eighths, .three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.one-fifth, .two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.two-fifths, .four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.three-fifths, .six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.four-fifths, .eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.one-sixth, .two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.five-sixths, .ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.eleven-twelfths {
width: 91.666%;
}
/**
* Our responsive classes, if we have enabled them.
*/
@media only screen and (max-width: 480px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-half, .xs--two-quarters, .xs--three-sixths, .xs--four-eighths, .xs--five-tenths, .xs--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-third, .xs--two-sixths, .xs--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.xs--two-thirds, .xs--four-sixths, .xs--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-quarter, .xs--two-eighths, .xs--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.xs--three-quarters, .xs--six-eighths, .xs--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-fifth, .xs--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.xs--two-fifths, .xs--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.xs--three-fifths, .xs--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.xs--four-fifths, .xs--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-sixth, .xs--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.xs--five-sixths, .xs--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.xs--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.xs--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.xs--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.xs--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.xs--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.xs--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.xs--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.xs--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.xs--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.xs--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.xs--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.xs--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.xs--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.xs--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.xs--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.xs--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.xs--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 481px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.s--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.s--one-half, .s--two-quarters, .s--three-sixths, .s--four-eighths, .s--five-tenths, .s--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.s--one-third, .s--two-sixths, .s--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.s--two-thirds, .s--four-sixths, .s--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.s--one-quarter, .s--two-eighths, .s--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.s--three-quarters, .s--six-eighths, .s--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.s--one-fifth, .s--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.s--two-fifths, .s--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.s--three-fifths, .s--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.s--four-fifths, .s--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.s--one-sixth, .s--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.s--five-sixths, .s--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.s--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.s--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.s--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.s--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.s--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.s--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.s--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.s--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.s--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.s--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.s--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.s--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.s--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.s--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.s--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.s--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.s--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.s--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.s--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.s--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 601px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-half, .sm--two-quarters, .sm--three-sixths, .sm--four-eighths, .sm--five-tenths, .sm--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-third, .sm--two-sixths, .sm--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.sm--two-thirds, .sm--four-sixths, .sm--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-quarter, .sm--two-eighths, .sm--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.sm--three-quarters, .sm--six-eighths, .sm--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-fifth, .sm--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.sm--two-fifths, .sm--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.sm--three-fifths, .sm--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.sm--four-fifths, .sm--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-sixth, .sm--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.sm--five-sixths, .sm--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.sm--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.sm--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.sm--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.sm--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.sm--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.sm--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.sm--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.sm--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.sm--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.sm--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.sm--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.sm--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.sm--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.sm--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.sm--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.sm--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.sm--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 801px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.m--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.m--one-half, .m--two-quarters, .m--three-sixths, .m--four-eighths, .m--five-tenths, .m--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.m--one-third, .m--two-sixths, .m--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.m--two-thirds, .m--four-sixths, .m--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.m--one-quarter, .m--two-eighths, .m--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.m--three-quarters, .m--six-eighths, .m--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.m--one-fifth, .m--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.m--two-fifths, .m--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.m--three-fifths, .m--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.m--four-fifths, .m--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.m--one-sixth, .m--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.m--five-sixths, .m--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.m--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.m--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.m--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.m--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.m--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.m--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.m--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.m--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.m--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.m--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.m--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.m--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.m--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.m--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.m--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.m--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.m--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.m--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.m--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.m--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1025px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-half, .ml--two-quarters, .ml--three-sixths, .ml--four-eighths, .ml--five-tenths, .ml--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-third, .ml--two-sixths, .ml--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.ml--two-thirds, .ml--four-sixths, .ml--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-quarter, .ml--two-eighths, .ml--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.ml--three-quarters, .ml--six-eighths, .ml--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-fifth, .ml--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.ml--two-fifths, .ml--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.ml--three-fifths, .ml--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.ml--four-fifths, .ml--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-sixth, .ml--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.ml--five-sixths, .ml--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.ml--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.ml--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.ml--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.ml--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.ml--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.ml--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.ml--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.ml--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.ml--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.ml--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.ml--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.ml--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.ml--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.ml--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.ml--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.ml--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.ml--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1201px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.l--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.l--one-half, .l--two-quarters, .l--three-sixths, .l--four-eighths, .l--five-tenths, .l--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.l--one-third, .l--two-sixths, .l--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.l--two-thirds, .l--four-sixths, .l--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.l--one-quarter, .l--two-eighths, .l--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.l--three-quarters, .l--six-eighths, .l--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.l--one-fifth, .l--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.l--two-fifths, .l--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.l--three-fifths, .l--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.l--four-fifths, .l--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.l--one-sixth, .l--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.l--five-sixths, .l--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.l--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.l--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.l--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.l--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.l--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.l--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.l--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.l--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.l--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.l--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.l--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.l--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.l--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.l--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.l--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.l--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.l--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.l--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.l--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.l--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1441px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-half, .xl--two-quarters, .xl--three-sixths, .xl--four-eighths, .xl--five-tenths, .xl--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-third, .xl--two-sixths, .xl--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.xl--two-thirds, .xl--four-sixths, .xl--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-quarter, .xl--two-eighths, .xl--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.xl--three-quarters, .xl--six-eighths, .xl--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-fifth, .xl--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.xl--two-fifths, .xl--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.xl--three-fifths, .xl--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.xl--four-fifths, .xl--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-sixth, .xl--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.xl--five-sixths, .xl--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.xl--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.xl--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.xl--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.xl--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.xl--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.xl--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.xl--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.xl--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.xl--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.xl--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.xl--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.xl--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.xl--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.xl--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.xl--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.xl--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.xl--eleven-twelfths {
width: 91.666%;
}
}
@media only screen and (min-width: 1601px) {
/**
* Whole
*/
/* line 396, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-whole {
width: 100%;
}
/**
* Halves
*/
/* line 402, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-half, .xxl--two-quarters, .xxl--three-sixths, .xxl--four-eighths, .xxl--five-tenths, .xxl--six-twelfths {
width: 50%;
}
/**
* Thirds
*/
/* line 408, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-third, .xxl--two-sixths, .xxl--four-twelfths {
width: 33.333%;
}
/* line 409, scss/vendor/csswizardry-grids/_index.scss */
.xxl--two-thirds, .xxl--four-sixths, .xxl--eight-twelfths {
width: 66.666%;
}
/**
* Quarters
*/
/* line 415, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-quarter, .xxl--two-eighths, .xxl--three-twelfths {
width: 25%;
}
/* line 417, scss/vendor/csswizardry-grids/_index.scss */
.xxl--three-quarters, .xxl--six-eighths, .xxl--nine-twelfths {
width: 75%;
}
/**
* Fifths
*/
/* line 423, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-fifth, .xxl--two-tenths {
width: 20%;
}
/* line 424, scss/vendor/csswizardry-grids/_index.scss */
.xxl--two-fifths, .xxl--four-tenths {
width: 40%;
}
/* line 425, scss/vendor/csswizardry-grids/_index.scss */
.xxl--three-fifths, .xxl--six-tenths {
width: 60%;
}
/* line 426, scss/vendor/csswizardry-grids/_index.scss */
.xxl--four-fifths, .xxl--eight-tenths {
width: 80%;
}
/**
* Sixths
*/
/* line 432, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-sixth, .xxl--two-twelfths {
width: 16.666%;
}
/* line 436, scss/vendor/csswizardry-grids/_index.scss */
.xxl--five-sixths, .xxl--ten-twelfths {
width: 83.333%;
}
/**
* Eighths
*/
/* line 442, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-eighth {
width: 12.5%;
}
/* line 444, scss/vendor/csswizardry-grids/_index.scss */
.xxl--three-eighths {
width: 37.5%;
}
/* line 446, scss/vendor/csswizardry-grids/_index.scss */
.xxl--five-eighths {
width: 62.5%;
}
/* line 448, scss/vendor/csswizardry-grids/_index.scss */
.xxl--seven-eighths {
width: 87.5%;
}
/**
* Nineths
*/
/* line 454, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-nineth {
width: 11.111%;
}
/* line 455, scss/vendor/csswizardry-grids/_index.scss */
.xxl--two-nineths {
width: 22.222%;
}
/* line 456, scss/vendor/csswizardry-grids/_index.scss */
.xxl--three-nineths {
width: 33.333%;
}
/* line 457, scss/vendor/csswizardry-grids/_index.scss */
.xxl--four-nineths {
width: 44.444%;
}
/* line 458, scss/vendor/csswizardry-grids/_index.scss */
.xxl--five-nineths {
width: 55.555%;
}
/* line 459, scss/vendor/csswizardry-grids/_index.scss */
.xxl--six-nineths {
width: 66.666%;
}
/* line 460, scss/vendor/csswizardry-grids/_index.scss */
.xxl--seven-nineths {
width: 77.777%;
}
/* line 461, scss/vendor/csswizardry-grids/_index.scss */
.xxl--eight-nineths {
width: 88.888%;
}
/**
* Tenths
*/
/* line 467, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-tenth {
width: 10%;
}
/* line 469, scss/vendor/csswizardry-grids/_index.scss */
.xxl--three-tenths {
width: 30%;
}
/* line 473, scss/vendor/csswizardry-grids/_index.scss */
.xxl--seven-tenths {
width: 70%;
}
/* line 475, scss/vendor/csswizardry-grids/_index.scss */
.xxl--nine-tenths {
width: 90%;
}
/**
* Twelfths
*/
/* line 481, scss/vendor/csswizardry-grids/_index.scss */
.xxl--one-twelfth {
width: 8.333%;
}
/* line 485, scss/vendor/csswizardry-grids/_index.scss */
.xxl--five-twelfths {
width: 41.666%;
}
/* line 487, scss/vendor/csswizardry-grids/_index.scss */
.xxl--seven-twelfths {
width: 58.333%;
}
/* line 491, scss/vendor/csswizardry-grids/_index.scss */
.xxl--eleven-twelfths {
width: 91.666%;
}
}
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/**
* Not a particularly great selector, but the DRYest way to do things.
*/
/* line 622, scss/vendor/csswizardry-grids/_index.scss */
[class*="push--"] {
position: relative;
}
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--one-third, .push--two-sixths, .push--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--one-fifth, .push--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--two-fifths, .push--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--three-fifths, .push--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--four-fifths, .push--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--one-sixth, .push--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--five-sixths, .push--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--eleven-twelfths {
left: 91.666%;
}
@media only screen and (max-width: 480px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-half, .push--xs--two-quarters, .push--xs--three-sixths, .push--xs--four-eighths, .push--xs--five-tenths, .push--xs--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-third, .push--xs--two-sixths, .push--xs--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--two-thirds, .push--xs--four-sixths, .push--xs--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-quarter, .push--xs--two-eighths, .push--xs--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--three-quarters, .push--xs--six-eighths, .push--xs--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-fifth, .push--xs--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--two-fifths, .push--xs--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--three-fifths, .push--xs--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--four-fifths, .push--xs--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-sixth, .push--xs--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--five-sixths, .push--xs--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--xs--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 481px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-half, .push--s--two-quarters, .push--s--three-sixths, .push--s--four-eighths, .push--s--five-tenths, .push--s--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-third, .push--s--two-sixths, .push--s--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--s--two-thirds, .push--s--four-sixths, .push--s--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-quarter, .push--s--two-eighths, .push--s--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--s--three-quarters, .push--s--six-eighths, .push--s--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-fifth, .push--s--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--s--two-fifths, .push--s--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--s--three-fifths, .push--s--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--s--four-fifths, .push--s--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-sixth, .push--s--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--s--five-sixths, .push--s--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--s--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--s--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--s--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--s--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--s--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--s--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--s--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--s--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--s--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--s--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 601px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-half, .push--sm--two-quarters, .push--sm--three-sixths, .push--sm--four-eighths, .push--sm--five-tenths, .push--sm--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-third, .push--sm--two-sixths, .push--sm--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--two-thirds, .push--sm--four-sixths, .push--sm--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-quarter, .push--sm--two-eighths, .push--sm--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--three-quarters, .push--sm--six-eighths, .push--sm--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-fifth, .push--sm--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--two-fifths, .push--sm--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--three-fifths, .push--sm--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--four-fifths, .push--sm--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-sixth, .push--sm--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--five-sixths, .push--sm--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--sm--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 801px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-half, .push--m--two-quarters, .push--m--three-sixths, .push--m--four-eighths, .push--m--five-tenths, .push--m--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-third, .push--m--two-sixths, .push--m--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--m--two-thirds, .push--m--four-sixths, .push--m--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-quarter, .push--m--two-eighths, .push--m--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--m--three-quarters, .push--m--six-eighths, .push--m--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-fifth, .push--m--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--m--two-fifths, .push--m--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--m--three-fifths, .push--m--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--m--four-fifths, .push--m--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-sixth, .push--m--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--m--five-sixths, .push--m--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--m--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--m--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--m--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--m--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--m--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--m--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--m--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--m--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--m--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--m--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 1025px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-half, .push--ml--two-quarters, .push--ml--three-sixths, .push--ml--four-eighths, .push--ml--five-tenths, .push--ml--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-third, .push--ml--two-sixths, .push--ml--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--two-thirds, .push--ml--four-sixths, .push--ml--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-quarter, .push--ml--two-eighths, .push--ml--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--three-quarters, .push--ml--six-eighths, .push--ml--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-fifth, .push--ml--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--two-fifths, .push--ml--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--three-fifths, .push--ml--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--four-fifths, .push--ml--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-sixth, .push--ml--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--five-sixths, .push--ml--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--ml--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 1201px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-half, .push--l--two-quarters, .push--l--three-sixths, .push--l--four-eighths, .push--l--five-tenths, .push--l--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-third, .push--l--two-sixths, .push--l--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--l--two-thirds, .push--l--four-sixths, .push--l--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-quarter, .push--l--two-eighths, .push--l--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--l--three-quarters, .push--l--six-eighths, .push--l--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-fifth, .push--l--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--l--two-fifths, .push--l--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--l--three-fifths, .push--l--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--l--four-fifths, .push--l--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-sixth, .push--l--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--l--five-sixths, .push--l--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--l--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--l--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--l--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--l--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--l--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--l--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--l--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--l--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--l--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--l--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 1441px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-half, .push--xl--two-quarters, .push--xl--three-sixths, .push--xl--four-eighths, .push--xl--five-tenths, .push--xl--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-third, .push--xl--two-sixths, .push--xl--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--two-thirds, .push--xl--four-sixths, .push--xl--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-quarter, .push--xl--two-eighths, .push--xl--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--three-quarters, .push--xl--six-eighths, .push--xl--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-fifth, .push--xl--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--two-fifths, .push--xl--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--three-fifths, .push--xl--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--four-fifths, .push--xl--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-sixth, .push--xl--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--five-sixths, .push--xl--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--xl--eleven-twelfths {
left: 91.666%;
}
}
@media only screen and (min-width: 1601px) {
/**
* Whole
*/
/* line 532, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-whole {
left: 100%;
}
/**
* Halves
*/
/* line 538, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-half, .push--xxl--two-quarters, .push--xxl--three-sixths, .push--xxl--four-eighths, .push--xxl--five-tenths, .push--xxl--six-twelfths {
left: 50%;
}
/**
* Thirds
*/
/* line 544, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-third, .push--xxl--two-sixths, .push--xxl--four-twelfths {
left: 33.333%;
}
/* line 545, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--two-thirds, .push--xxl--four-sixths, .push--xxl--eight-twelfths {
left: 66.666%;
}
/**
* Quarters
*/
/* line 551, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-quarter, .push--xxl--two-eighths, .push--xxl--three-twelfths {
left: 25%;
}
/* line 553, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--three-quarters, .push--xxl--six-eighths, .push--xxl--nine-twelfths {
left: 75%;
}
/**
* Fifths
*/
/* line 559, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-fifth, .push--xxl--two-tenths {
left: 20%;
}
/* line 560, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--two-fifths, .push--xxl--four-tenths {
left: 40%;
}
/* line 561, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--three-fifths, .push--xxl--six-tenths {
left: 60%;
}
/* line 562, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--four-fifths, .push--xxl--eight-tenths {
left: 80%;
}
/**
* Sixths
*/
/* line 568, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-sixth, .push--xxl--two-twelfths {
left: 16.666%;
}
/* line 572, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--five-sixths, .push--xxl--ten-twelfths {
left: 83.333%;
}
/**
* Eighths
*/
/* line 578, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-eighth {
left: 12.5%;
}
/* line 580, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--three-eighths {
left: 37.5%;
}
/* line 582, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--five-eighths {
left: 62.5%;
}
/* line 584, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--seven-eighths {
left: 87.5%;
}
/**
* Tenths
*/
/* line 590, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-tenth {
left: 10%;
}
/* line 592, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--three-tenths {
left: 30%;
}
/* line 596, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--seven-tenths {
left: 70%;
}
/* line 598, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--nine-tenths {
left: 90%;
}
/**
* Twelfths
*/
/* line 604, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--one-twelfth {
left: 8.333%;
}
/* line 608, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--five-twelfths {
left: 41.666%;
}
/* line 610, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--seven-twelfths {
left: 58.333%;
}
/* line 614, scss/vendor/csswizardry-grids/_index.scss */
.push--xxl--eleven-twelfths {
left: 91.666%;
}
}
/*------------------------------------*\
$PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
/* Magnific Popup CSS */
/* line 2, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
/* line 14, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
/* line 24, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 36, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
/* line 42, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-align-top .mfp-container:before {
display: none;
}
/* line 45, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
/* line 53, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
/* line 57, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ajax-cur {
cursor: progress;
}
/* line 60, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
/* line 65, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
/* line 71, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
/* line 74, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* line 79, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-loading.mfp-figure {
display: none;
}
/* line 82, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-hide {
display: none !important;
}
/* line 85, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
/* line 95, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-preloader a {
color: #cccccc;
}
/* line 97, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-preloader a:hover {
color: white;
}
/* line 100, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-s-ready .mfp-preloader {
display: none;
}
/* line 103, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-s-error .mfp-content {
display: none;
}
/* line 106, scss/vendor/magnific-popup/_magnific-popup.scss */
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
/* line 118, scss/vendor/magnific-popup/_magnific-popup.scss */
button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* line 122, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
/* line 138, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
/* line 141, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-close:active {
top: 1px;
}
/* line 144, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-close-btn-in .mfp-close {
color: #333333;
}
/* line 147, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
/* line 154, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
/* line 162, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 173, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow:active {
margin-top: -54px;
}
/* line 175, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
/* line 178, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
/* line 189, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
/* line 193, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
/* line 198, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-left {
left: 0;
}
/* line 200, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
/* line 203, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
/* line 207, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-right {
right: 0;
}
/* line 209, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
/* line 212, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
/* line 215, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
/* line 218, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
/* line 222, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-iframe-holder .mfp-close {
top: -40px;
}
/* line 225, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
/* line 230, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
/* line 241, scss/vendor/magnific-popup/_magnific-popup.scss */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
/* line 254, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-figure {
line-height: 0;
}
/* line 256, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
/* line 269, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
/* line 274, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-figure figure {
margin: 0;
}
/* line 277, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
/* line 285, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
/* line 292, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-image-holder .mfp-content {
max-width: 100%;
}
/* line 295, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
/* line 302, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
/* line 305, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile img.mfp-img {
padding: 0;
}
/* line 307, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
/* line 310, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
/* line 313, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* line 323, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
/* line 325, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
/* line 328, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
/* line 340, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
/* line 343, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
/* line 346, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
/* line 349, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* line 353, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ie7 .mfp-img {
padding: 0;
}
/* line 355, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
/* line 361, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ie7 .mfp-container {
padding: 0;
}
/* line 363, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
/* line 365, scss/vendor/magnific-popup/_magnific-popup.scss */
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/**
*
* Sky jQuery Touch Carousel
* URL: http://www.skyplugins.com
* Version: 1.0.2
* Author: Sky Plugins
* Author URL: http://www.skyplugins.com
*
*/
/**
* Table of Contents
*
* 1. Media Queries
* 2. Container Styles
* 3. Carousel Item Styles
* 4. Current Content Styles
* 5. Gradient Overlay Styles
* 6. Navigation Styles
* 7. Preloader Styles
* 8. Other Styles
*/
/**********************************************
*
* 1. Media Queries
*
**********************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* line 31, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-overlay {
width: 160px !important;
}
}
@media only screen and (max-width: 479px) {
/* line 37, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-overlay {
width: 70px !important;
}
}
/**********************************************
*
* 2. Container Styles
*
**********************************************/
/* line 47, scss/vendor/sky-carousel/_customized-default-skin.scss */
.js .sky-carousel {
visibility: hidden;
}
/* line 51, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel {
width: 100%;
height: 360px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
/* line 59, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sky-carousel-container {
position: relative;
list-style-type: none;
float: left;
margin: 0;
padding: 0;
}
/**********************************************
*
* 3. Carousel Item Styles
*
**********************************************/
/* line 74, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sky-carousel-container li {
position: absolute;
border: 0;
}
/* line 79, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sky-carousel-container li img {
display: block;
border: 0;
max-width: none !important;
}
/* line 85, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sky-carousel-container li a img {
border: none;
}
/* line 89, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sky-carousel-container .sc-content {
display: none;
}
/**********************************************
*
* 4. Current Content Styles
*
**********************************************/
/* line 98, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-content-wrapper {
position: absolute;
text-align: center;
width: 100%;
top: 81%;
left: 50%;
z-index: 4999;
}
/* line 107, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-content-container {
position: relative;
left: -50%;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
padding: 0 20px;
}
/* line 114, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-content-wrapper h2 {
color: #444;
font-size: 22px;
margin: 0;
padding: 0;
}
/* line 121, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-content-wrapper p {
color: #777;
font-size: 14px;
margin: 0;
padding: 0;
}
/* line 128, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-content-wrapper a {
text-decoration: none;
color: #444;
border-bottom: 1px dotted #444;
}
/**********************************************
*
* 5. Gradient Overlay Styles
*
**********************************************/
/* line 139, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-overlay {
position: absolute;
height: 100%;
z-index: 4998;
pointer-events: none;
top: 0;
}
/* line 147, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-overlay-left {
left: -0.1px;
}
/* line 151, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-overlay-right {
right: -0.1px;
}
/**********************************************
*
* 6. Navigation Styles
*
**********************************************/
/* line 160, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-nav-button {
position: absolute;
top: 50%;
z-index: 5000;
width: 37px;
height: 60px;
margin-top: -30px;
opacity: 0.6;
transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}
/* line 174, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-nav-button.sc-next {
background: url("../img/sky-carousel/next_arrow.png") no-repeat 0 50%;
right: 5px;
}
/* line 179, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-nav-button.sc-prev {
background: url("../img/sky-carousel/prev_arrow.png") no-repeat 0 50%;
left: 5px;
}
/* line 184, scss/vendor/sky-carousel/_customized-default-skin.scss */
.no-touch .sky-carousel .sc-nav-button:hover {
opacity: 1;
}
/**********************************************
*
* 7. Preloader Styles
*
**********************************************/
/* line 193, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sky-carousel .sc-preloader {
position: absolute;
left: 50%;
top: 50%;
width: 24px;
height: 24px;
margin-top: -22px;
margin-left: -22px;
background: whitesmoke url("../img/sky-carousel/preloader.gif") no-repeat 50% 50%;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/**********************************************
*
* 8. Other Styles
*
**********************************************/
/* line 213, scss/vendor/sky-carousel/_customized-default-skin.scss */
.sc-no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 1, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs {
text-align: center;
border: 1px solid #bfedf4;
border-top: none;
}
/* line 6, scss/vendor/resp-tabs/_resp-tabs.scss */
.lt-ie9 .resp-tabs {
overflow: hidden;
}
@media (min-width: 801px) {
/* line 1, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs {
padding-top: 12px;
}
}
/* line 14, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tabs-list {
margin-bottom: -2px;
}
/* line 17, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tabs-list li {
cursor: pointer;
}
/* line 21, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tab-item {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 15px;
text-align: center;
}
/* line 28, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tab-item a {
text-decoration: none;
}
/* line 32, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tab-active {
background-color: #f4fcfd;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #bfedf4;
border-bottom: none;
font-weight: bold;
}
/* line 40, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs .resp-tab-active.resp-accordion {
background-color: #1dbfd7;
background-image: url('../img/icons/minus-circle-white.png?1661423276');
background-repeat: no-repeat;
background-position: 20px center;
border: none;
border-radius: 0;
color: #fff;
}
/* line 56, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-accordion {
background-color: #eee;
background-image: url('../img/icons/plus-circle-gray.png?1661423276');
background-repeat: no-repeat;
background-position: 20px center;
color: #626161;
cursor: pointer;
display: none;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-top: 2px;
margin-bottom: 0;
padding: 10px 15px;
font-size: 15px;
font-size: 1rem;
}
/* line 72, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tab-content {
display: none;
}
/*-----------Accordion styles-----------*/
/* line 78, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-easy-accordion h2.resp-accordion {
display: block;
}
/* line 82, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-jfit {
width: 100%;
margin: 0px;
}
/* line 87, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tab-content-active {
display: block;
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 801px) {
/* line 93, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-tabs-list {
display: none;
}
/* line 97, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-accordion {
display: block;
}
/* line 101, scss/vendor/resp-tabs/_resp-tabs.scss */
.resp-accordion-closed {
display: none !important;
}
}
/*
* Selecter v3.1.2 - 2014-05-30
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
/* line 9, scss/vendor/selectr/_index.scss */
.selecter {
display: block;
margin: 10px 0;
position: relative;
z-index: 1;
}
/* line 11, scss/vendor/selectr/_index.scss */
.selecter .selecter-element {
*left: -999999px;
height: 100%;
left: 0;
position: absolute;
opacity: 0;
width: 100%;
z-index: 0;
}
/* line 13, scss/vendor/selectr/_index.scss */
.selecter .selecter-element,
.selecter .selecter-element:focus {
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
}
/* line 18, scss/vendor/selectr/_index.scss */
.selecter .selecter-selected {
background: #f5feff url('../img/form/select-triangle.png?1661423276') no-repeat right center;
border: 1px solid #9ac5cb;
border-radius: 3px;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 10px;
position: relative;
text-overflow: clip;
z-index: 2;
}
/* line 19, scss/vendor/selectr/_index.scss */
.selecter .selecter-options {
border: 1px solid #9ac5cb;
border-width: 0 1px 1px;
background-color: #f5feff;
border-radius: 0 0 3px 3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
display: none;
left: 0;
margin: 0;
max-height: 260px;
overflow: auto;
overflow-x: hidden;
padding: 0;
position: absolute;
top: 100%;
width: 100%;
*width: auto;
z-index: 50;
}
/* line 20, scss/vendor/selectr/_index.scss */
.selecter .selecter-group {
background: #F9F9F9;
border-bottom: 1px solid #9ac5cb;
color: #999;
display: block;
font-size: 11px;
padding: 5px 10px 4px;
text-transform: uppercase;
}
/* line 21, scss/vendor/selectr/_index.scss */
.selecter .selecter-item {
background: #f5feff;
border-bottom: 1px solid #9ac5cb;
color: #333;
cursor: pointer;
display: block;
font-size: 13px;
margin: 0;
overflow: hidden;
padding: 8px 10px;
text-overflow: ellipsis;
width: 100%;
}
/* line 22, scss/vendor/selectr/_index.scss */
.selecter .selecter-item.selected {
background: #e8f8fB;
}
/* line 23, scss/vendor/selectr/_index.scss */
.selecter .selecter-item.disabled {
color: #999;
cursor: default;
}
/* line 24, scss/vendor/selectr/_index.scss */
.selecter .selecter-item:first-child {
border-radius: 0;
}
/* line 25, scss/vendor/selectr/_index.scss */
.selecter .selecter-item:last-child {
border-radius: 0 0 2px 2px;
border-bottom: 0;
}
@media screen and (min-width: 980px) {
/* line 29, scss/vendor/selectr/_index.scss */
.selecter .selecter-item:hover,
.selecter .selecter-item.selected:hover {
background-color: #e8f8fB;
}
/* line 30, scss/vendor/selectr/_index.scss */
.selecter .selecter-item.disabled:hover {
background-color: #fff;
}
/* line 34, scss/vendor/selectr/_index.scss */
.selecter.disabled .selecter-item:hover {
background: #fff;
}
}
/* Open */
/* line 38, scss/vendor/selectr/_index.scss */
.selecter.open {
z-index: 3;
}
/* line 39, scss/vendor/selectr/_index.scss */
.selecter.open .selecter-selected {
border-radius: 3px 3px 0 0;
z-index: 51;
}
/* line 42, scss/vendor/selectr/_index.scss */
.selecter.open .selecter-selected,
.selecter.focus .selecter-selected {
background-color: #f5feff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
/* 'Cover' Positioning */
/* line 45, scss/vendor/selectr/_index.scss */
.selecter.cover .selecter-options {
border-radius: 3px;
border-width: 1px;
top: 0;
}
/* line 46, scss/vendor/selectr/_index.scss */
.selecter.cover .selecter-options .selecter-item.first {
border-radius: 3px 3px 0 0;
}
/* line 47, scss/vendor/selectr/_index.scss */
.selecter.cover.open .selecter-selected {
border-radius: 3px 3px 0 0;
z-index: 49;
}
/* 'Bottom' Positioning */
/* line 50, scss/vendor/selectr/_index.scss */
.selecter.bottom .selecter-options {
border-width: 1px 1px 0;
bottom: 100%;
top: auto;
}
/* line 51, scss/vendor/selectr/_index.scss */
.selecter.bottom .selecter-item:last-child {
border: none;
}
/* line 52, scss/vendor/selectr/_index.scss */
.selecter.bottom.open .selecter-selected {
border-radius: 0 0 3px 3px;
}
/* line 53, scss/vendor/selectr/_index.scss */
.selecter.bottom.open .selecter-options {
border-radius: 3px 3px 0 0;
}
/* 'Bottom' + 'Cover' Positioning */
/* line 56, scss/vendor/selectr/_index.scss */
.selecter.bottom.cover .selecter-options {
bottom: 0;
top: auto;
}
/* line 57, scss/vendor/selectr/_index.scss */
.selecter.bottom.cover.open .selecter-selected {
border-radius: 3px;
}
/* line 58, scss/vendor/selectr/_index.scss */
.selecter.bottom.cover.open .selecter-options {
border-radius: 3px;
}
/* Multiple Select */
/* line 61, scss/vendor/selectr/_index.scss */
.selecter.multiple .selecter-options {
border-radius: 3px;
border-width: 1px;
box-shadow: none;
display: block;
position: static;
width: 100%;
}
/* 'Disabled' State */
/* line 64, scss/vendor/selectr/_index.scss */
.selecter.disabled .selecter-selected {
background: #fff;
border-color: #eee;
color: #ccc;
cursor: default;
}
/* line 65, scss/vendor/selectr/_index.scss */
.selecter.disabled .selecter-options {
background: #fff;
border-color: #eee;
}
/* line 67, scss/vendor/selectr/_index.scss */
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item {
border-color: #eee;
color: #ccc;
cursor: default;
}
/* line 68, scss/vendor/selectr/_index.scss */
.selecter.disabled .selecter-item.selected {
background: #fafafa;
}
/* Scroller Support */
/* line 71, scss/vendor/selectr/_index.scss */
.selecter .selecter-options.scroller {
overflow: hidden;
}
/* line 72, scss/vendor/selectr/_index.scss */
.selecter .selecter-options.scroller .scroller-content {
max-height: 260px;
padding: 0;
}
/**
* Objects
*/
/* ==========================================================================
Button
========================================================================== */
/* line 5, scss/objects/_buttons.scss */
.btn {
background: none;
border: none;
display: inline-block;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-weight: 800;
margin: 0;
padding: 0;
text-decoration: none;
text-transform: uppercase;
}
/* line 18, scss/objects/_buttons.scss */
.btn + .btn {
margin-left: 10px;
}
/* line 20, scss/objects/_buttons.scss */
.btn--outline, .btn--outline--dark-bg, .btn--outline--aktivity, .btn--outline--aktuality, .btn--outline--note, .btn--outline--pcontacts__button, .btn--outline--blue, .btn--outline--mapa-arealu {
padding: 10px 15px 8px;
border: 2px solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* line 25, scss/objects/_buttons.scss */
.btn--outline--dark-bg, .btn--outline--aktivity, .btn--outline--aktuality, .btn--outline--note {
border-color: rgba(255, 255, 255, 0.9);
color: white;
}
/* line 29, scss/objects/_buttons.scss */
.btn--outline--dark-bg:hover, .btn--outline--aktivity:hover, .btn--outline--aktuality:hover, .btn--outline--note:hover {
background-color: #fff;
}
/* line 33, scss/objects/_buttons.scss */
.btn--outline--pcontacts__button {
display: block;
border-color: #d3d3d3;
background: white;
color: #7e7e7e;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
margin-top: 22px;
text-align: center;
}
/* line 46, scss/objects/_buttons.scss */
.btn--outline--pcontacts__button:hover {
text-decoration: underline;
}
/* line 52, scss/objects/_buttons.scss */
.btn--outline--aktivity:hover {
border-color: #78b54d;
color: #78b54d;
}
/* line 59, scss/objects/_buttons.scss */
.btn--outline--aktuality:hover {
border-color: #26a2b9;
color: #26a2b9;
}
/* line 64, scss/objects/_buttons.scss */
.btn--outline--blue {
border-color: #b0dde7;
color: #419fad;
}
/* line 68, scss/objects/_buttons.scss */
.btn--outline--blue:hover {
border-color: #419fad;
}
/* line 75, scss/objects/_buttons.scss */
.btn--outline--note:hover {
border-color: #1d2731;
color: #1d2731;
}
/* line 80, scss/objects/_buttons.scss */
.btn--outline--mapa-arealu {
border-color: rgba(255, 255, 225, 0.5);
color: white;
text-decoration: none;
text-transform: uppercase;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* line 88, scss/objects/_buttons.scss */
.btn--outline--mapa-arealu:hover {
border-color: white;
}
/* line 92, scss/objects/_buttons.scss */
.btn--full-red {
background-color: #f26b48;
border: 2px solid #f26b48;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: white;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
height: 35px;
padding: 9px 15px 8px;
text-transform: uppercase;
width: 128px;
font-size: 12px;
font-size: 0.8rem;
}
/* line 106, scss/objects/_buttons.scss */
.btn--full-red:hover {
background-color: #fff;
border: 2px solid #f26b48;
color: #f26b48;
}
/* line 111, scss/objects/_buttons.scss */
.btn--full-red.greyed {
background-color: #b3b3b3;
border-color: #b3b3b3;
color: #fff;
}
/* line 115, scss/objects/_buttons.scss */
.btn--full-red.greyed:hover {
background-color: #fff;
color: #b3b3b3;
}
/* line 121, scss/objects/_buttons.scss */
.btn--full-blue {
background: #1dbfd7;
color: white;
padding: 12px 15px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* line 127, scss/objects/_buttons.scss */
.btn--full-blue:hover {
text-decoration: underline;
}
/* line 130, scss/objects/_buttons.scss */
.btn--dark-blue {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
background-color: #334F68;
background-color: rgba(51, 79, 104, 0.9);
color: white;
padding: 12px 15px 10px;
}
/* line 137, scss/objects/_buttons.scss */
.btn--dark-blue:hover {
text-decoration: underline;
}
/* line 142, scss/objects/_buttons.scss */
.btn--opacity--90 {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
}
/* line 146, scss/objects/_buttons.scss */
.btn--bottom {
position: absolute;
bottom: 66px;
left: 50%;
margin-left: -90px;
}
/* line 153, scss/objects/_buttons.scss */
.btn--info--note {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
position: relative;
top: -2px;
padding: 3px 8px;
border: 2px solid #F26B48;
background-color: #F26B48;
color: white;
font-size: 13px;
vertical-align: middle;
}
/* line 164, scss/objects/_buttons.scss */
.btn--info--note:hover {
background-color: #fff;
border: 2px solid #f26b48;
color: #f26b48;
}
/* ==========================================================================
Island
========================================================================== */
/**
* Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
* E.g.:
*
*
* Demo: jsfiddle.net/inuitcss/cf4Qs
*
*/
/* line 19, scss/objects/_media.scss */
.media {
display: block;
}
/* line 24, scss/objects/_media.scss */
.media__img {
float: left;
margin-right: 20px;
}
/**
* Reversed image location (right instead of left).
*/
/* line 32, scss/objects/_media.scss */
.media__img--rev {
float: right;
margin-left: 20px;
}
/* line 38, scss/objects/_media.scss */
.media__img img,
.media__img--rev img {
display: block;
}
/* line 42, scss/objects/_media.scss */
.media__body {
overflow: hidden;
}
/* line 47, scss/objects/_media.scss */
.media__body,
.media__body > :last-child {
margin-bottom: 0;
}
/* line 54, scss/objects/_media.scss */
.media__img--full {
width: 100%;
}
/* ==========================================================================
Vars
========================================================================== */
/**
* Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
* When used on an `ol` or `ul`, this class throws the list into horizontal mode
* e.g.:
*
*
* Demo: jsfiddle.net/inuitcss/Vnph4
*
*/
/* line 24, scss/objects/_nav.scss */
.nav > li,
.nav > li > a {
display: inline-block;
}
/* line 32, scss/objects/_nav.scss */
.lt-ie9 .nav > li {
float: left;
}
/* line 35, scss/objects/_nav.scss */
.lt-ie9 .nav > li a {
padding-right: 0.5em;
}
/**
* `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
*
*
*/
/* line 55, scss/objects/_nav.scss */
.nav--stacked > li {
display: list-item;
}
/* line 57, scss/objects/_nav.scss */
.nav--stacked > li > a {
display: block;
}
/**
* Partials
*/
/* line 4, scss/partials/_provozni-doba.scss */
.position-relative {
position: relative;
min-height: 100%;
}
/* line 9, scss/partials/_provozni-doba.scss */
.page-provoz {
background-color: #002e66;
background-image: url('../img/bg/provoz-page.png?1661423276');
background-size: 100%;
background-repeat: no-repeat;
margin-bottom: 130px;
color: #FFF;
}
/* line 17, scss/partials/_provozni-doba.scss */
.page-provoz#price-lists-body {
margin-bottom: 80px;
}
/* line 21, scss/partials/_provozni-doba.scss */
.page-provoz header {
display: -webkit-flex;
display: flex;
margin-bottom: 30px;
}
/* line 26, scss/partials/_provozni-doba.scss */
.page-provoz header .page-provoz__logo {
flex-basis: 50%;
padding: 15px 0 0 10%;
}
/* line 31, scss/partials/_provozni-doba.scss */
.page-provoz header .page-provoz__title {
background: url('../img/bg/provoz-title.png?1661423276') no-repeat;
background-size: cover;
flex-basis: 50%;
padding: 10px 10% 0 0;
position: relative;
}
/* line 38, scss/partials/_provozni-doba.scss */
.page-provoz header .page-provoz__title h1 {
text-align: right;
margin: 0;
font-weight: 400;
font-size: 38px;
}
/* line 45, scss/partials/_provozni-doba.scss */
.page-provoz header .page-provoz__title h2 {
color: #88abd4;
text-align: right;
margin: 0 0 10px;
font-weight: 400;
font-size: 30px;
}
/* line 55, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 10%;
}
/* line 62, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal {
width: 45%;
max-width: 470px;
min-width: 400px;
margin-top: 60px;
margin-bottom: 25px;
position: relative;
}
/* line 70, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__warning {
background-color: #0f2139;
padding: 10px;
margin-bottom: 5px;
position: absolute;
top: -75px;
height: 65px;
width: 100%;
}
/* line 79, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__warning img {
float: left;
margin-right: 10px;
}
/* line 84, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__warning p {
margin: 0;
line-height: 1.3;
font-size: 16px;
}
/* line 90, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__warning:before {
content: ' ';
background: url('../img/content/provoz-trojuhelnik.png?1661423276') no-repeat;
background-size: 100%;
width: 20px;
height: 15px;
position: absolute;
bottom: -15px;
left: 30px;
}
/* line 102, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__areal-title {
background: url('../img/bg/provoz-areal-title.png?1661423276') no-repeat;
background-size: 100%;
width: 100%;
padding: 5px 15px;
margin: 0;
font-size: 22px;
font-weight: 700;
}
/* line 112, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 5px 0;
border-bottom: 1px solid #1c6299;
}
/* line 121, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row:last-child {
border-bottom: none;
}
/* line 125, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row.provoz-active {
font-weight: 800;
background-color: #00224c;
}
/* line 130, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row .page-provoz__content-col {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 20px;
flex-basis: 10%;
}
/* line 137, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row .page-provoz__content-col.day {
color: #7da1ce;
flex-basis: 0%;
}
/* line 142, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row .page-provoz__content-col.provoz_note {
-webkit-flex: 0.5;
-ms-flex: 0.5;
flex: 0.5;
}
/* line 148, scss/partials/_provozni-doba.scss */
.page-provoz .page-provoz-content .page-provoz__areal .page-provoz__content-row .page-provoz__content-col.text-right {
text-align: right;
}
/* line 156, scss/partials/_provozni-doba.scss */
.page-provoz footer, .page-provoz div.footer-in-header {
background-image: url('../img/bg/provoz-footer-bg.png?1661423276');
background-size: cover;
background-repeat: no-repeat;
position: absolute;
bottom: 0;
right: 0;
left: 7%;
height: 130px;
}
/* line 166, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer, .page-provoz div.footer-in-header .page-provoz__footer {
display: -webkit-flex;
display: flex;
align-items: center;
height: 100%;
}
/* line 172, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-warning, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-warning {
flex-basis: 65%;
display: -webkit-flex;
display: flex;
align-items: center;
}
/* line 178, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-dange, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-dange {
padding: 0 30px 0 50px;
}
/* line 182, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-content, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-content {
font-size: 25px;
}
/* line 185, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-content p, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-warning .page-provoz__footer-content p {
margin: 0;
line-height: 1.3;
font-weight: bold;
}
/* line 194, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-clock, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-clock {
flex-basis: 30%;
text-align: center;
height: 100%;
}
/* line 199, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time {
font-size: 65px;
font-weight: 800;
letter-spacing: 3px;
position: relative;
display: inline-block;
line-height: 1;
margin-top: 15px;
}
/* line 208, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time:before, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time:before {
content: ' ';
background-image: url(../img/content/provoz-hodiny.png?1537788603);
position: absolute;
background-repeat: no-repeat;
left: -50px;
top: 5px;
width: 50px;
margin-right: 10px;
height: 50px;
}
/* line 220, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time:after, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-time:after {
content: ' ';
width: 100%;
height: 0;
border-bottom: 3px solid #20497d;
-webkit-box-shadow: 0px 3px 7px 3px #20497d;
-moz-box-shadow: 0px 3px 7px 3px #20497d;
box-shadow: 0px 3px 7px 3px #20497d;
position: absolute;
left: 0;
top: 48%;
}
/* line 233, scss/partials/_provozni-doba.scss */
.page-provoz footer .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-date, .page-provoz div.footer-in-header .page-provoz__footer .page-provoz__footer-clock .page-provoz__footer-date {
display: block;
font-size: 25px;
color: #88abd4;
text-align: center;
font-weight: bold;
}
/* line 243, scss/partials/_provozni-doba.scss */
.page-provoz footer#price-lists-footer, .page-provoz div.footer-in-header#price-lists-footer {
height: 84px;
}
/* line 248, scss/partials/_provozni-doba.scss */
.page-provoz footer#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-clock, .page-provoz div.footer-in-header#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-clock {
flex-basis: 50%;
}
/* line 252, scss/partials/_provozni-doba.scss */
.page-provoz footer#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-time, .page-provoz div.footer-in-header#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-time {
font-size: 52px;
display: inline-block;
vertical-align: middle;
}
/* line 258, scss/partials/_provozni-doba.scss */
.page-provoz footer#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-date, .page-provoz div.footer-in-header#price-lists-footer .page-provoz__footer--price-lists .page-provoz__footer-date {
font-size: 24px;
display: inline-block;
position: relative;
top: 14px;
margin-left: 15px;
}
@media screen and (min-width: 1200px) {
/* line 272, scss/partials/_provozni-doba.scss */
.page-provoz div.footer-in-header {
right: 0;
top: 0;
left: 50%;
background: url(../img/bg/provoz-title.png?1615795875) no-repeat;
background-size: cover;
background-position: left;
}
/* line 281, scss/partials/_provozni-doba.scss */
.page-provoz header.footer-in-header .page-provoz__footer-clock {
flex-basis: 70% !important;
}
/* line 285, scss/partials/_provozni-doba.scss */
.page-provoz header.footer-in-header .page-provoz__footer-warning {
padding-left: 20px;
}
/* line 289, scss/partials/_provozni-doba.scss */
.page-provoz header.footer-in-header .page-provoz__title {
position: absolute;
right: 50%;
max-width: 330px;
padding-right: 30px;
background: none;
}
/* line 296, scss/partials/_provozni-doba.scss */
.page-provoz header.footer-in-header .page-provoz__title h1 {
font-size: 30px;
}
/* line 301, scss/partials/_provozni-doba.scss */
.page-provoz header.footer-in-header .page-provoz__logo {
padding: 15px 0 0 5%;
}
}
/* line 2, scss/partials/_column-layout.scss */
.column-layout {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
/* line 7, scss/partials/_column-layout.scss */
.column-layout.column-layout--one {
justify-content: center;
}
/* line 11, scss/partials/_column-layout.scss */
.column-layout.column-layout--two {
justify-content: space-between;
}
/* line 15, scss/partials/_column-layout.scss */
.column-layout .column-layout__column {
width: 100%;
margin-top: 30px;
position: relative;
}
/* line 22, scss/partials/_column-layout.scss */
.column-layout .column-layout__column .column-layout__column__table {
margin-bottom: 25px;
}
@media (min-width: 1519px) {
/* line 29, scss/partials/_column-layout.scss */
.column-layout__column.column-layout__column--half {
width: 50%;
}
/* line 32, scss/partials/_column-layout.scss */
.column-layout__column.column-layout__column--half .column-layout__column__table {
margin: 0 10px 25px;
}
}
/* line 4, scss/partials/_price-lists.scss */
.page-price-lists-screen {
margin: 0 3%;
}
/* line 10, scss/partials/_price-lists.scss */
.price-lists-view h4 {
margin-top: 15px;
font-size: 22px;
margin-bottom: 0px;
}
/* line 16, scss/partials/_price-lists.scss */
.price-lists-view a {
text-decoration: none;
}
/* line 19, scss/partials/_price-lists.scss */
.price-lists-view a:hover {
text-decoration: underline;
}
/* line 24, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__wrap {
padding-left: 10px;
width: 99%;
}
/* line 29, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__h {
background: url(../img/bg/provoz-areal-title.png?1554105275) no-repeat;
background-size: 100%;
width: 100%;
padding: 5px 15px;
margin: 0;
font-size: 20px;
font-weight: 700;
}
/* line 39, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content {
margin-bottom: 30px;
}
/* line 43, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__h {
font-size: 20px;
border-bottom: 1px solid #1c6299;
margin-top: 10px;
}
/* line 49, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__row {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 5px 0;
padding-left: 10px;
border-bottom: 1px solid #1c6299;
}
/* line 58, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__row .price-lists-view__content__row__col {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 20px;
flex-basis: 0%;
text-align: right;
}
/* line 66, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__row .price-lists-view__content__row__col.col--h {
color: #7da1ce;
flex-basis: 70%;
text-align: left;
}
/* line 72, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__row .price-lists-view__content__row__col.col--time {
flex-basis: 20%;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
/* line 79, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__content .price-lists-view__content__row .price-lists-view__content__row__col:last-of-type {
flex-basis: 10%;
}
/* line 86, scss/partials/_price-lists.scss */
.price-lists-view .price-lists-view__note {
margin-top: 10px;
font-size: 18px;
}
/* ==========================================================================
Breadcrumb
========================================================================== */
/**
* Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
*
*
* Demo: jsfiddle.net/inuitcss/rkAY9
*
*/
/* line 19, scss/partials/_breadcrumb.scss */
.breadcrumb {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
display: block;
color: #e2e2e2;
font-weight: 300;
}
@media (min-width: 801px) {
/* line 19, scss/partials/_breadcrumb.scss */
.breadcrumb {
display: inline-block;
}
}
/* line 29, scss/partials/_breadcrumb.scss */
.breadcrumb .breadcrumb_last {
color: #ffffff;
}
/* line 34, scss/partials/_breadcrumb.scss */
.breadcrumb a {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
color: #e2e2e2;
font-weight: 300;
}
/* line 40, scss/partials/_breadcrumb.scss */
.breadcrumb a:hover {
text-decoration: none;
}
/* line 45, scss/partials/_breadcrumb.scss */
.breadcrumb {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 0;
padding: 0 15px;
}
@media (min-width: 801px) {
/* line 45, scss/partials/_breadcrumb.scss */
.breadcrumb {
text-transform: uppercase;
}
}
/* ==========================================================================
Dropdown
========================================================================== */
/* line 5, scss/partials/_dropdown.scss */
.dropdown-toggle {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
padding: 10px;
background-color: #168ea2;
color: #fff;
line-height: 30px;
text-transform: uppercase;
padding: 4px 10px;
margin: 6px 10px;
}
/* line 15, scss/partials/_dropdown.scss */
.subnavbar--water .dropdown-toggle {
background-color: #168ea2;
}
/* line 19, scss/partials/_dropdown.scss */
.subnavbar--sport .dropdown-toggle {
background-color: #5f933c;
}
/* line 23, scss/partials/_dropdown.scss */
.subnavbar--relax .dropdown-toggle {
background-color: #c2563a;
}
@media (min-width: 481px) {
/* line 5, scss/partials/_dropdown.scss */
.dropdown-toggle {
margin-right: 15px;
}
}
@media (min-width: 801px) {
/* line 5, scss/partials/_dropdown.scss */
.dropdown-toggle {
margin-right: 20px;
}
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_dropdown.scss */
.dropdown-toggle {
padding: 20px 20px;
}
}
/* line 40, scss/partials/_dropdown.scss */
.dropdown-wrapper {
position: absolute;
right: 0;
left: 0;
z-index: 30;
display: none;
width: 100%;
background-color: #168ea2;
color: #fff;
}
/* line 52, scss/partials/_dropdown.scss */
.subnavbar--water .dropdown-wrapper {
background-color: #168ea2;
}
/* line 56, scss/partials/_dropdown.scss */
.subnavbar--sport .dropdown-wrapper {
background-color: #5f933c;
}
/* line 60, scss/partials/_dropdown.scss */
.subnavbar--relax .dropdown-wrapper {
background-color: #c2563a;
}
/* line 65, scss/partials/_dropdown.scss */
.dropdown {
font-size: 16px;
font-size: 1.06667rem;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
margin-bottom: 0;
}
/* line 70, scss/partials/_dropdown.scss */
.dropdown li {
border-bottom: 1px solid #158193;
height: 50px;
}
/* line 74, scss/partials/_dropdown.scss */
.subnavbar--water .dropdown li {
border-color: #158193;
}
/* line 78, scss/partials/_dropdown.scss */
.subnavbar--sport .dropdown li {
border-color: #558436;
}
/* line 82, scss/partials/_dropdown.scss */
.subnavbar--relax .dropdown li {
border-color: #ae4d34;
}
/* line 87, scss/partials/_dropdown.scss */
.dropdown a {
display: block;
height: 100%;
line-height: 50px;
padding-left: 10px;
text-decoration: none;
text-transform: uppercase;
}
/* line 94, scss/partials/_dropdown.scss */
.dropdown a:hover {
color: #ffffff;
}
@media (min-width: 481px) {
/* line 87, scss/partials/_dropdown.scss */
.dropdown a {
padding-left: 15px;
}
}
@media (min-width: 801px) {
/* line 87, scss/partials/_dropdown.scss */
.dropdown a {
padding-left: 20px;
}
}
/* line 1, scss/partials/_faq.scss */
.faq__item {
padding-bottom: 49px;
margin-bottom: 49px;
border-bottom: 1px solid #d2f2f7;
}
/* line 6, scss/partials/_faq.scss */
.faq__title {
margin-bottom: 0px;
line-height: 1;
color: #334f68;
}
/* line 11, scss/partials/_faq.scss */
.faq__header {
margin-bottom: 20px;
}
@media (min-width: 481px) {
/* line 11, scss/partials/_faq.scss */
.faq__header {
background-image: url('../img/icons/faq-ask.png?1661423276');
background-position: top left;
background-repeat: no-repeat;
min-height: 80px;
padding: 23px 0 0 110px;
margin-bottom: 30px;
}
}
@media (min-width: 481px) {
/* line 24, scss/partials/_faq.scss */
.faq__answer {
background-image: url('../img/icons/faq-answer.png?1661423276');
background-position: top left;
background-repeat: no-repeat;
padding: 23px 0 0 110px;
}
/* line 31, scss/partials/_faq.scss */
.faq__answer > p {
min-height: 66px;
}
}
/* ==========================================================================
Languages
========================================================================== */
/* line 5, scss/partials/_languages.scss */
.languages {
margin-bottom: 0;
}
/* line 8, scss/partials/_languages.scss */
.languages > li > a {
padding: 10px 5px;
color: #fff;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1201px) {
/* line 8, scss/partials/_languages.scss */
.languages > li > a {
padding: 20px 10px;
}
}
/* line 21, scss/partials/_languages.scss */
.languages__item {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
/* line 27, scss/partials/_languages.scss */
.languages__item a:hover {
color: #0d5261;
}
@media (max-width: 480px) {
/* line 27, scss/partials/_languages.scss */
.languages__item a:hover {
color: #3098af;
}
}
/* ==========================================================================
Logo
========================================================================== */
/* line 5, scss/partials/_logo.scss */
.logo {
padding: 10px;
text-align: center;
}
@media (min-width: 360px) {
/* line 10, scss/partials/_logo.scss */
.logo > img {
margin-left: 71px;
}
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_logo.scss */
.logo {
padding: 20px 35px 20px 30px;
background-color: #4dacc2;
}
/* line 19, scss/partials/_logo.scss */
.navbar--muted .logo {
background-color: #2c3741;
}
/* line 23, scss/partials/_logo.scss */
.logo:hover {
background-color: #3098AF;
}
/* line 25, scss/partials/_logo.scss */
.navbar--muted .logo:hover {
background-color: #1d242b;
}
/* line 30, scss/partials/_logo.scss */
.logo > img {
margin-left: 0;
}
}
/* ==========================================================================
Menu
========================================================================== */
/* line 5, scss/partials/_menu.scss */
.menu {
margin-bottom: 0;
overflow: hidden;
}
/* line 9, scss/partials/_menu.scss */
.menu > li > a {
color: #fff;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1201px) {
/* line 9, scss/partials/_menu.scss */
.menu > li > a {
padding: 20px 25px;
}
}
/* line 21, scss/partials/_menu.scss */
.menu__item {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
/* line 26, scss/partials/_menu.scss */
.menu__item a:hover {
color: #0d5261;
}
/* line 29, scss/partials/_menu.scss */
.navbar--muted .menu__item a:hover {
color: #a5b1ba;
}
/* line 35, scss/partials/_menu.scss */
.menu__item--with-submenu a {
position: relative;
}
/* line 37, scss/partials/_menu.scss */
.menu__item--with-submenu a:after {
content: '';
width: 10px;
height: 10px;
display: block;
position: absolute;
left: 50%;
margin-left: -5px;
bottom: 7px;
border: 5px solid transparent;
border-top-color: #8cd8e7;
}
/* line 49, scss/partials/_menu.scss */
.navbar--muted .menu__item--with-submenu a:after {
border-top-color: #717a81;
}
/* line 54, scss/partials/_menu.scss */
.navbar--muted .menu__item--with-submenu a:hover {
color: #a5b1ba;
}
/* line 58, scss/partials/_menu.scss */
.menu__item--with-submenu a:hover:after {
color: #a5b1ba;
border-top-color: #187488;
}
/* line 62, scss/partials/_menu.scss */
.navbar--muted .menu__item--with-submenu a:hover:after {
border-top-color: #717a81;
}
/* line 72, scss/partials/_menu.scss */
.menu__item--with-submenu--opened a:after {
bottom: 12px;
border: 5px solid transparent;
border-bottom-color: #8cd8e7;
border-top-color: transparent;
}
/* line 78, scss/partials/_menu.scss */
.navbar--muted .menu__item--with-submenu--opened a:after {
border-bottom-color: #717a81;
border-top-color: transparent;
}
/* line 84, scss/partials/_menu.scss */
.menu__item--with-submenu--opened a:hover:after {
color: #0d5261;
border-bottom-color: #187488;
border-top-color: transparent;
}
/* line 89, scss/partials/_menu.scss */
.navbar--muted .menu__item--with-submenu--opened a:hover:after {
border-bottom-color: #717a81;
border-top-color: transparent;
}
/* line 98, scss/partials/_menu.scss */
.menu__item--subnavbar a {
color: #d2f9ff;
}
/* line 100, scss/partials/_menu.scss */
.subnavbar--water .menu__item--subnavbar a {
color: #d2f9ff;
}
/* line 104, scss/partials/_menu.scss */
.subnavbar--sport .menu__item--subnavbar a {
color: #e5ffd3;
}
/* line 108, scss/partials/_menu.scss */
.subnavbar--relax .menu__item--subnavbar a {
color: #ffded5;
}
/* line 112, scss/partials/_menu.scss */
.menu__item--subnavbar a:hover {
color: #fff;
}
/* line 118, scss/partials/_menu.scss */
.menu__item--subnavbar.menu__item--subnavbar--active a {
color: #fff;
}
/* ==========================================================================
Navbar
========================================================================== */
/* line 5, scss/partials/_navbar.scss */
.navbar {
width: 100%;
background-color: #61bbcf;
position: relative;
z-index: 1001;
}
@media (max-width: 1200px) {
/* line 5, scss/partials/_navbar.scss */
.navbar {
background-color: #33404b;
}
}
/* line 16, scss/partials/_navbar.scss */
.navbar--muted {
background-color: #33404b;
}
@media (min-width: 1201px) {
/* line 20, scss/partials/_navbar.scss */
.navbar__snap {
display: none;
}
}
/* line 26, scss/partials/_navbar.scss */
.navbar__logo {
overflow: hidden;
}
@media (min-width: 1201px) {
/* line 26, scss/partials/_navbar.scss */
.navbar__logo {
float: left;
margin-right: 10px;
}
}
/* line 35, scss/partials/_navbar.scss */
.navbar__reservation {
margin-left: 5px;
}
@media (min-width: 1201px) {
/* line 35, scss/partials/_navbar.scss */
.navbar__reservation {
margin-left: 10px;
}
}
/* line 43, scss/partials/_navbar.scss */
.navbar__menu {
display: none;
}
@media (min-width: 1201px) {
/* line 43, scss/partials/_navbar.scss */
.navbar__menu {
display: block;
}
}
/* line 51, scss/partials/_navbar.scss */
.navbar__languages {
padding-left: 40px;
background: url('../img/icons/globe.png?1661423276') no-repeat 8px center;
display: none;
}
@media (min-width: 481px) {
/* line 51, scss/partials/_navbar.scss */
.navbar__languages {
display: block;
}
}
/* line 60, scss/partials/_navbar.scss */
.navbar__submenu__wrap, .navbar__submenu__wrap--arealy,
.navbar__submenu__wrap--aktivity,
.navbar__submenu__wrap--sareza, .navbar__submenu__container--media-icons {
background-color: #fff;
display: none;
padding-top: 48px;
padding-left: 20px;
position: fixed;
top: 70px;
z-index: 1001;
overflow: hidden;
width: 100%;
}
/* line 73, scss/partials/_navbar.scss */
.navbar__submenu__wrap.front-submenu, .front-submenu.navbar__submenu__wrap--arealy,
.front-submenu.navbar__submenu__wrap--aktivity,
.front-submenu.navbar__submenu__wrap--sareza, .front-submenu.navbar__submenu__container--media-icons {
position: absolute;
top: auto;
}
/* line 77, scss/partials/_navbar.scss */
.navbar__submenu__wrap.front-submenu.is-fixed, .front-submenu.is-fixed.navbar__submenu__wrap--arealy,
.front-submenu.is-fixed.navbar__submenu__wrap--aktivity,
.front-submenu.is-fixed.navbar__submenu__wrap--sareza, .front-submenu.is-fixed.navbar__submenu__container--media-icons {
position: fixed;
top: 70px;
left: 0;
}
@media (min-width: 1300px) {
/* line 60, scss/partials/_navbar.scss */
.navbar__submenu__wrap, .navbar__submenu__wrap--arealy,
.navbar__submenu__wrap--aktivity,
.navbar__submenu__wrap--sareza, .navbar__submenu__container--media-icons {
padding-left: 135px;
}
}
/* line 88, scss/partials/_navbar.scss */
.navbar__submenu__wrap .navbar__submenu__wrap__ribbon, .navbar__submenu__wrap--arealy .navbar__submenu__wrap__ribbon,
.navbar__submenu__wrap--aktivity .navbar__submenu__wrap__ribbon,
.navbar__submenu__wrap--sareza .navbar__submenu__wrap__ribbon, .navbar__submenu__container--media-icons .navbar__submenu__wrap__ribbon {
content: '';
border-top: 4px solid #f7f7f7;
margin-left: -20px;
margin-top: 5px;
width: 150%;
}
@media (min-width: 1300px) {
/* line 88, scss/partials/_navbar.scss */
.navbar__submenu__wrap .navbar__submenu__wrap__ribbon, .navbar__submenu__wrap--arealy .navbar__submenu__wrap__ribbon,
.navbar__submenu__wrap--aktivity .navbar__submenu__wrap__ribbon,
.navbar__submenu__wrap--sareza .navbar__submenu__wrap__ribbon, .navbar__submenu__container--media-icons .navbar__submenu__wrap__ribbon {
margin-left: -140px;
}
}
/* line 106, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons {
position: relative;
z-index: auto;
background: #ededed;
width: 100%;
padding-left: 0;
}
/* line 115, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__container__ribbon {
display: none;
content: '';
border-top: 4px solid #dcdcdc;
width: 150%;
position: absolute;
top: 46px;
left: 0;
}
@media (min-width: 481px) {
/* line 115, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__container__ribbon {
display: block;
}
}
/* line 122, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__col__h, .navbar__submenu__container--media-icons .navbar__submenu__col__h--blue,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--green,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--red {
background: #fff;
color: #999;
min-height: 50px;
padding: 0 40px 0 20px;
}
/* line 126, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__col__h:empty, .navbar__submenu__container--media-icons .navbar__submenu__col__h--blue:empty,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--green:empty,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--red:empty {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 940px) {
/* line 122, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__col__h, .navbar__submenu__container--media-icons .navbar__submenu__col__h--blue,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--green,
.navbar__submenu__container--media-icons .navbar__submenu__col__h--red {
padding: 0 20px 0 20px;
}
}
/* line 135, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__close {
background: #ededed;
background-image: url('../img/icons/close-X-gray-dark.png?1661423276');
background-repeat: no-repeat;
background-position: 20px center;
top: 35px;
}
/* line 136, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons .navbar__submenu__col__list, .navbar__submenu__container--media-icons .navbar__submenu__col__list--aktivity {
margin-top: 0;
margin-bottom: 60px;
}
/* line 140, scss/partials/_navbar.scss */
.navbar__submenu__container--media-icons p.navbar__submenu__col__list, .navbar__submenu__container--media-icons p.navbar__submenu__col__list--aktivity {
font-size: 14px;
font-size: 0.93333rem;
margin-top: 8px;
color: #4f4f4f;
}
/* line 147, scss/partials/_navbar.scss */
.navbar__submenu__wrap--arealy .navbar__submenu__col, .navbar__submenu__wrap--arealy .navbar__submenu__col--aktivity {
margin-right: 20px;
}
@media (max-width: 1200px) {
/* line 146, scss/partials/_navbar.scss */
.navbar__submenu__wrap--arealy {
padding-left: 10px;
}
/* line 153, scss/partials/_navbar.scss */
.navbar__submenu__wrap--arealy .navbar__submenu__col, .navbar__submenu__wrap--arealy .navbar__submenu__col--aktivity {
margin-right: 0;
}
}
/* line 159, scss/partials/_navbar.scss */
.navbar__submenu__wrap--aktivity .navbar__submenu__wrap__ribbon--aktivity {
border-top: none;
background-image: linear-gradient(to right, #1fc4da 430px, #84c662 430px, #84c662 840px, #f26b48 840px);
width: 150%;
height: 4px;
margin-left: -40px;
}
@media (min-width: 1200px) {
/* line 159, scss/partials/_navbar.scss */
.navbar__submenu__wrap--aktivity .navbar__submenu__wrap__ribbon--aktivity {
display: block !important;
}
}
@media (min-width: 1300px) {
/* line 159, scss/partials/_navbar.scss */
.navbar__submenu__wrap--aktivity .navbar__submenu__wrap__ribbon--aktivity {
margin-left: -140px;
}
}
/* line 178, scss/partials/_navbar.scss */
.navbar__submenu {
width: 100%;
position: relative;
z-index: 1001;
}
/* line 185, scss/partials/_navbar.scss */
.navbar__submenu--media-icons {
z-index: auto;
max-width: 940px;
margin: 0 auto;
}
/* line 190, scss/partials/_navbar.scss */
.navbar__submenu__close {
background-color: #fff;
background-image: url('../img/icons/close-X-gray.png?1661423276');
background-position: 20px center;
background-repeat: no-repeat;
color: #b6b6b6;
cursor: pointer;
font-size: 0;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
height: 23px;
padding-left: 55px;
position: absolute;
top: -15px;
right: 16px;
text-transform: uppercase;
width: 60px;
z-index: 1;
/*.reservation & {
top: 33px;
}*/
}
@media (min-width: 1441px) {
/* line 190, scss/partials/_navbar.scss */
.navbar__submenu__close {
width: 135px;
display: block;
font-size: 17px;
font-size: 1.13333rem;
}
}
/* line 220, scss/partials/_navbar.scss */
.navbar__submenu__col, .navbar__submenu__col--aktivity {
float: left;
margin-right: 30px;
position: relative;
top: -12px;
}
/* line 226, scss/partials/_navbar.scss */
.navbar__submenu__col--aktivity {
float: left;
position: relative;
}
/* line 233, scss/partials/_navbar.scss */
.navbar__submenu__col--aktivity .navbar__submenu__col__h, .navbar__submenu__col--aktivity .navbar__submenu__col__h--blue,
.navbar__submenu__col--aktivity .navbar__submenu__col__h--green,
.navbar__submenu__col--aktivity .navbar__submenu__col__h--red {
float: left;
position: absolute;
left: 0;
}
/* line 239, scss/partials/_navbar.scss */
.navbar__submenu__col__list, .navbar__submenu__col__list--aktivity {
margin: 40px 0 40px 20px;
}
/* line 244, scss/partials/_navbar.scss */
.navbar__submenu__col__content {
margin-left: 20px;
}
/* line 249, scss/partials/_navbar.scss */
.navbar__submenu__col__list--aktivity {
width: 190px;
float: left;
}
/* line 253, scss/partials/_navbar.scss */
.navbar__submenu__col__list--aktivity a {
display: block;
}
/* line 257, scss/partials/_navbar.scss */
.navbar__submenu__col__list--aktivity--double {
width: 420px;
margin-left: 0;
}
/* line 260, scss/partials/_navbar.scss */
.navbar__submenu__col__list--aktivity--double a {
float: left;
width: 190px;
margin-left: 20px;
}
/* line 266, scss/partials/_navbar.scss */
.navbar__submenu__col__list__item {
background-repeat: no-repeat;
background-position: left 0;
line-height: 20px;
padding-left: 32px;
margin: 8px 0;
}
/* line 273, scss/partials/_navbar.scss */
.navbar__submenu__col__h, .navbar__submenu__col__h--blue,
.navbar__submenu__col__h--green,
.navbar__submenu__col__h--red {
font-size: 17px;
font-size: 1.13333rem;
line-height: 1.29412;
background-color: #fff;
color: #c1c1c1;
display: inline-block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
padding: 0 20px;
text-transform: uppercase;
}
/* line 286, scss/partials/_navbar.scss */
.navbar__submenu__col__h--blue,
.navbar__submenu__col__h--green,
.navbar__submenu__col__h--red {
padding-left: 50px;
padding-top: 2px;
background-position: 20px center;
background-repeat: no-repeat;
}
/* line 293, scss/partials/_navbar.scss */
.navbar__submenu__col__h--blue {
background-image: url('../img/icons/activity-swimming-blue.png?1661423276');
color: #00acc1;
}
/* line 297, scss/partials/_navbar.scss */
.navbar__submenu__col__h--green {
background-image: url('../img/icons/activity-dot-green.png?1661423276');
color: #67ae43;
}
/* line 301, scss/partials/_navbar.scss */
.navbar__submenu__col__h--red {
background-image: url('../img/icons/activity-heart-red.png?1661423276');
color: #f26b48;
}
/* line 306, scss/partials/_navbar.scss */
.navbar__submenu__col__link, .navbar__submenu__col__link--red,
.navbar__submenu__col__link--blue,
.navbar__submenu__col__link--green,
.navbar__submenu__col__link--info {
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.57143;
}
/* line 316, scss/partials/_navbar.scss */
.navbar__submenu__col__link--green {
color: #426b2d;
}
/* line 319, scss/partials/_navbar.scss */
.navbar__submenu__col__link--red {
color: #733829;
}
/* line 322, scss/partials/_navbar.scss */
.navbar__submenu__col__link--blue {
color: #2f6b73;
}
/* line 325, scss/partials/_navbar.scss */
.navbar__submenu__col__link--info {
background-image: url('../img/icons/arrow-right-circle.png?1661423276');
background-repeat: no-repeat;
background-position: left center;
color: #5e5e5e;
display: block;
float: left;
margin-right: 65px;
padding-left: 35px;
}
/* ==========================================================================
Page
========================================================================== */
/* line 5, scss/partials/_page.scss */
.page {
background-color: #fff;
}
/* line 9, scss/partials/_page.scss */
.last-row {
background-color: #313131;
height: 35px;
padding-bottom: 60px;
position: relative;
}
/* line 15, scss/partials/_page.scss */
.last-row:before {
background-color: #7e7e7e;
content: '';
display: block;
height: 1px;
position: absolute;
top: 16px;
width: 100%;
}
/* line 25, scss/partials/_page.scss */
.last-row .toplink, .last-row .logo-moravio {
background-color: #313131;
z-index: 1;
}
/* line 30, scss/partials/_page.scss */
.last-row .toplink {
background-image: url('../img/icons/toplink.png?1661423276');
background-repeat: no-repeat;
background-position: 4px center;
-webkit-background-size: 25px;
background-size: 25px;
color: #7e7e7e;
display: block;
float: left;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
height: 35px;
line-height: 35px;
padding-left: 35px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: color 200ms, background-image 200ms;
width: 130px;
font-size: 13px;
font-size: 0.86667rem;
}
@media (min-width: 481px) {
/* line 30, scss/partials/_page.scss */
.last-row .toplink {
background-position: 9px center;
-webkit-background-size: auto;
background-size: auto;
padding-left: 53px;
width: 170px;
font-size: 15px;
font-size: 1rem;
}
}
/* line 60, scss/partials/_page.scss */
.last-row .toplink:hover {
color: #fff;
background-image: url('../img/icons/toplink-hover.png?1661423276');
}
/* line 66, scss/partials/_page.scss */
.last-row .logo-rockero {
width: 135px;
height: 28px;
float: right;
margin-right: 5px;
position: relative;
background: #313131;
top: 2px;
}
/* line 76, scss/partials/_page.scss */
.last-row .logo-rockero:hover svg path {
fill: white !important;
}
@media (min-width: 481px) {
/* line 66, scss/partials/_page.scss */
.last-row .logo-rockero {
width: 135px;
height: 28px;
margin-right: 5%;
}
}
@media (min-width: 1201px) {
/* line 66, scss/partials/_page.scss */
.last-row .logo-rockero {
margin-right: 120px;
}
}
/* line 91, scss/partials/_page.scss */
.page-overlay {
background: url('../img/bg/overlay-dark.png?1661423276');
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
}
/* line 108, scss/partials/_page.scss */
.page--aktuality,
.page--aktualita,
.page--faq,
.page--contacts,
.page--profirmy,
.page--aktivity,
.page--press {
padding: 20px 0;
/*
@include breakpoint($l) {
padding: 70px 0;
}*/
}
@media (min-width: 1201px) {
/* line 108, scss/partials/_page.scss */
.page--aktuality,
.page--aktualita,
.page--faq,
.page--contacts,
.page--profirmy,
.page--aktivity,
.page--press {
padding: 40px 0;
}
}
/* line 120, scss/partials/_page.scss */
.page--aktualita_button {
margin-top: 60px;
}
/* line 122, scss/partials/_page.scss */
.page--profirmy > .container, .page--profirmy > .container--narrow {
margin-top: 50px;
}
/* line 123, scss/partials/_page.scss */
.page--profirmy > .container:first-child, .page--profirmy > .container--narrow:first-child {
margin-top: 0;
}
/* line 125, scss/partials/_page.scss */
.page--cenik, .page--oteviraci-doba {
padding-top: 20px;
}
@media (min-width: 1201px) {
/* line 125, scss/partials/_page.scss */
.page--cenik, .page--oteviraci-doba {
padding-top: 40px;
}
}
/* line 132, scss/partials/_page.scss */
.page--cenik > .container, .page--cenik > .container--narrow {
margin-bottom: 40px;
}
/* ==========================================================================
Postcard
========================================================================== */
/* line 5, scss/partials/_postcard.scss */
.postcard {
position: relative;
padding-bottom: 100%;
margin-bottom: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
font-size: 1rem;
overflow: hidden;
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_postcard.scss */
.postcard {
margin-bottom: 20px;
font-size: 1.5rem;
}
}
/* line 19, scss/partials/_postcard.scss */
.postcard--double {
padding-bottom: 49%;
}
@media (min-width: 1201px) {
/* line 19, scss/partials/_postcard.scss */
.postcard--double {
padding-bottom: 48.5%;
}
}
@media (min-width: 1441px) {
/* line 19, scss/partials/_postcard.scss */
.postcard--double {
padding-bottom: 48%;
}
}
/* line 31, scss/partials/_postcard.scss */
.postcard__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 39, scss/partials/_postcard.scss */
.postcard__header {
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
}
/* line 46, scss/partials/_postcard.scss */
.postcard__title {
margin-bottom: 0;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 1em;
line-height: 1.2;
}
/* line 53, scss/partials/_postcard.scss */
.postcard__image {
width: 100%;
height: 100%;
background-size: cover;
}
/* line 65, scss/partials/_postcard.scss */
.postcard--arealy .postcard__header,
.postcard--arealy .postcard__title,
.postcard--arealy .postcard__info,
.postcard--arealy .postcard__place, .postcard--arealy:after {
transition-duration: 650ms;
transition-timing-function: ease-out;
}
/* line 69, scss/partials/_postcard.scss */
.postcard--arealy .postcard__header {
bottom: -30px;
display: block;
height: 155px;
position: absolute;
transition-property: bottom;
width: 100%;
z-index: 1;
background: -webkit-gradient(linear, 50% 0%, 50% 125, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5) 125px);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5) 125px);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5) 125px);
background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5) 125px);
}
/* line 80, scss/partials/_postcard.scss */
.postcard--arealy .postcard__title {
color: white;
color: rgba(255, 255, 255, 0.6);
font-weight: 300;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 24px;
position: absolute;
bottom: 30px;
left: 0;
margin: 20px;
transition-property: color;
}
/* line 92, scss/partials/_postcard.scss */
.postcard--arealy .postcard__info {
background-image: url('../img/icons/check.png?1661423276');
background-position: left center;
background-repeat: no-repeat;
bottom: 10px;
color: white;
position: absolute;
padding: 0 41px 0 24px;
transition-property: bottom;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 103, scss/partials/_postcard.scss */
.postcard--arealy .postcard__place {
border-top-left-radius: 13px;
border-bottom-left-radius: 13px;
background-color: rgba(0, 0, 0, 0.5);
color: white;
display: inline-block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
height: 25px;
line-height: 25px;
padding: 2px 12px;
position: absolute;
right: -100%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
top: 15px;
transition-property: all;
font-size: 12px;
font-size: 0.8rem;
line-height: 1.83333;
}
/* line 122, scss/partials/_postcard.scss */
.postcard--arealy .postcard__image {
position: absolute;
top: 0;
left: 0;
transition: width 650ms, height 650ms, top 650ms, left 650ms;
}
/* line 132, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:after {
content: '';
width: 27px;
height: 27px;
display: block;
position: absolute;
bottom: 14px;
right: 14px;
opacity: 0.25;
background-image: url('../img/icons/arrow-right-transp.png?1661423276');
background-repeat: no-repeat;
transition-property: opacity;
}
/* line 146, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover .postcard__header {
bottom: 0;
}
/* line 149, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover .postcard__title {
color: white;
}
/* line 152, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover .postcard__info {
bottom: 18px;
}
/* line 155, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover .postcard__place {
right: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
/* line 159, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover .postcard__image {
position: absolute;
width: 140%;
height: 140%;
top: -20%;
left: -20%;
}
/* line 166, scss/partials/_postcard.scss */
.postcard--arealy .postcard__link:hover:after {
opacity: 1;
}
/* line 172, scss/partials/_postcard.scss */
.activity-wrapper {
-webkit-transition-property: height;
-moz-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
overflow: hidden;
}
/* line 177, scss/partials/_postcard.scss */
.postcard--aktivity {
padding-bottom: 68%;
}
/* line 182, scss/partials/_postcard.scss */
.postcard--aktivity:hover .postcard--aktivity__image {
opacity: 1;
}
/* line 185, scss/partials/_postcard.scss */
.postcard--aktivity:hover .postcard--aktivity__title {
text-decoration: none;
}
/* line 190, scss/partials/_postcard.scss */
.postcard--aktivity--water {
background-color: #1db7cc;
}
/* line 193, scss/partials/_postcard.scss */
.postcard--aktivity--sport {
background-color: #6eba48;
}
/* line 196, scss/partials/_postcard.scss */
.postcard--aktivity--relax {
background-color: #ee7a5b;
}
/* line 200, scss/partials/_postcard.scss */
.postcard--aktivity__header {
background-color: white;
bottom: 0;
height: 42%;
padding-top: 10%;
position: absolute;
width: 100%;
}
/* line 208, scss/partials/_postcard.scss */
.postcard--aktivity__title {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 600;
font-size: 12px;
font-size: 0.8rem;
line-height: 1.83333;
text-align: center;
text-decoration: underline;
}
@media (min-width: 481px) {
/* line 208, scss/partials/_postcard.scss */
.postcard--aktivity__title {
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.57143;
}
}
@media (min-width: 801px) {
/* line 208, scss/partials/_postcard.scss */
.postcard--aktivity__title {
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
}
@media (min-width: 1441px) {
/* line 208, scss/partials/_postcard.scss */
.postcard--aktivity__title {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
}
@media (min-width: 1601px) {
/* line 208, scss/partials/_postcard.scss */
.postcard--aktivity__title {
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
}
/* line 232, scss/partials/_postcard.scss */
.postcard--aktivity__image {
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
margin-top: -5%;
min-height: 70%;
min-width: 100%;
opacity: 0.6;
-ms-behavior: url(/wp-content/themes/sareza/backgroundsize.min.htc);
}
/* line 243, scss/partials/_postcard.scss */
.lt-ie9 .postcard--aktivity__image {
background-image: none !important;
}
/* line 247, scss/partials/_postcard.scss */
.postcard--aktivity__icon {
height: 30px;
left: 50%;
margin-left: -15px;
line-height: 30px;
position: absolute;
text-align: center;
top: -15px;
width: 30px;
}
/* line 259, scss/partials/_postcard.scss */
.postcard--aktivity__title--water {
color: #1fc4da;
}
/* line 262, scss/partials/_postcard.scss */
.postcard--aktivity__title--relax {
color: #f26b48;
}
/* line 265, scss/partials/_postcard.scss */
.postcard--aktivity__title--sport {
color: #67ae43;
}
/* ==========================================================================
Postcard
========================================================================== */
/* line 4, scss/partials/_postcard-rev.scss */
.postcard-rev {
font-size: 15px;
font-size: 1rem;
position: relative;
padding-bottom: 35%;
margin-bottom: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
overflow: hidden;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
/* line 15, scss/partials/_postcard-rev.scss */
.no-touch .postcard-rev {
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
@media (min-width: 481px) {
/* line 4, scss/partials/_postcard-rev.scss */
.postcard-rev {
padding-bottom: 50%;
}
}
@media (min-width: 801px) {
/* line 4, scss/partials/_postcard-rev.scss */
.postcard-rev {
padding-bottom: 100%;
}
}
@media (min-width: 1201px) {
/* line 4, scss/partials/_postcard-rev.scss */
.postcard-rev {
margin-bottom: 20px;
}
}
@media (min-width: 481px) {
/* line 30, scss/partials/_postcard-rev.scss */
.postcard-rev--double {
padding-bottom: 28%;
}
}
@media (min-width: 801px) {
/* line 30, scss/partials/_postcard-rev.scss */
.postcard-rev--double {
padding-bottom: 49%;
}
}
@media (min-width: 1201px) {
/* line 30, scss/partials/_postcard-rev.scss */
.postcard-rev--double {
padding-bottom: 48.5%;
}
}
@media (min-width: 1441px) {
/* line 30, scss/partials/_postcard-rev.scss */
.postcard-rev--double {
padding-bottom: 48%;
}
}
/* line 44, scss/partials/_postcard-rev.scss */
.postcard-rev__link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* &:hover {
&:after {
opacity: 1;
}
}*/
}
/* line 50, scss/partials/_postcard-rev.scss */
.postcard-rev__link:after {
content: '';
width: 27px;
height: 27px;
display: block;
position: absolute;
bottom: 14px;
right: 14px;
background-image: url('../img/icons/arrow-right-transp.png?1661423276');
background-repeat: no-repeat;
transition-property: opacity;
z-index: 1;
}
/* line 71, scss/partials/_postcard-rev.scss */
.postcard-rev__header {
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(20%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
position: absolute;
left: 0;
bottom: 0px;
z-index: 1;
width: 100%;
padding: 30px 50px 20px 15px;
transition-duration: 300ms;
transition-timing-function: ease-out;
transition-property: bottom;
}
/* line 82, scss/partials/_postcard-rev.scss */
.no-cssgradients .postcard-rev__header {
background: url('../img/bg/overlay-gradient.png?1661423276') repeat-x 0 100%;
}
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
margin-bottom: 15px;
font-weight: 300;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1.2;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}
@media (min-width: 381px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media (min-width: 481px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (min-width: 601px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media (min-width: 801px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (min-width: 1081px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media (min-width: 1201px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 24px;
font-size: 1.6rem;
}
}
@media (min-width: 1441px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media (min-width: 1501px) {
/* line 86, scss/partials/_postcard-rev.scss */
.postcard-rev__title {
font-size: 24px;
font-size: 1.6rem;
}
}
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 12px;
font-size: 0.8rem;
background-position: left center;
background-repeat: no-repeat;
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
padding: 0 0 0 20px;
transition: all, 300ms;
}
@media (min-width: 381px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 13px;
font-size: 0.86667rem;
}
}
@media (min-width: 801px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 13px;
font-size: 0.86667rem;
}
}
@media (min-width: 1081px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 15px;
font-size: 1rem;
}
}
@media (min-width: 1441px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 13px;
font-size: 0.86667rem;
}
}
@media (min-width: 1501px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 14px;
font-size: 0.93333rem;
}
}
@media (min-width: 1601px) {
/* line 127, scss/partials/_postcard-rev.scss */
.postcard-rev__info {
font-size: 15px;
font-size: 1rem;
}
}
/* line 161, scss/partials/_postcard-rev.scss */
.no-touch .postcard-rev__link:hover .postcard-rev__info {
background-image: url('../img/icons/check.png?1661423276');
}
/* line 166, scss/partials/_postcard-rev.scss */
.postcard-rev__image {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #a0a6ae;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
transition-duration: 300ms;
transition-property: all;
-ms-behavior: url(/wp-content/themes/sareza/backgroundsize.min.htc);
}
/* line 181, scss/partials/_postcard-rev.scss */
.no-touch .postcard-rev__link:hover .postcard-rev__image {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}
/* line 187, scss/partials/_postcard-rev.scss */
.postcard-rev__place {
font-size: 12px;
font-size: 0.8rem;
line-height: 1.83333;
position: absolute;
top: 10px;
right: 0;
z-index: 1;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
/* line 197, scss/partials/_postcard-rev.scss */
.lt-ie9 .postcard-rev__place {
background-image: url('../img/bg/overlay-dark-location.png?1661423276');
}
/* line 201, scss/partials/_postcard-rev.scss */
.postcard-rev__innerplace {
position: relative;
padding: 6px 12px;
border-radius: 12px 0 0 12px;
background-color: rgba(0, 0, 0, 0.4);
}
/* line 212, scss/partials/_postcard-rev.scss */
.postcard-rev .postcard-rev__link--no-anim {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 219, scss/partials/_postcard-rev.scss */
.postcard-rev .postcard-rev__link--no-anim .postcard-rev__header {
bottom: 0;
}
/* line 222, scss/partials/_postcard-rev.scss */
.postcard-rev .postcard-rev__link--no-anim .postcard-rev__title {
margin-bottom: 0;
}
/* line 225, scss/partials/_postcard-rev.scss */
.postcard-rev .postcard-rev__link--no-anim .postcard-rev__info {
background: none;
padding: 0;
}
@media (min-width: 801px) {
/* line 225, scss/partials/_postcard-rev.scss */
.postcard-rev .postcard-rev__link--no-anim .postcard-rev__info {
font-size: 13px;
font-size: 0.86667rem;
}
}
/* line 232, scss/partials/_postcard-rev.scss */
.no-touch .postcard-rev .postcard-rev__link--no-anim .postcard-rev__info {
display: block;
}
/* line 4, scss/partials/_press.scss */
.page--press {
position: relative;
text-align: center;
z-index: 999;
}
@media (min-width: 1201px) {
/* line 13, scss/partials/_press.scss */
.borderradius .page--press {
background-image: url('../img/bg/press-line.png?1661423276');
background-position: center;
background-repeat: repeat-y;
margin-top: -5px;
}
}
/* line 22, scss/partials/_press.scss */
.press__list {
position: relative;
margin-top: 12px;
*zoom: 1;
}
/* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.press__list:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 1201px) {
/* line 28, scss/partials/_press.scss */
.borderradius .press__list {
margin-top: 0;
}
}
/* line 35, scss/partials/_press.scss */
.press__item {
margin-top: 40px;
margin-left: 0;
*zoom: 1;
}
/* line 38, ../../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.press__item:after {
content: "";
display: table;
clear: both;
}
/* line 40, scss/partials/_press.scss */
.lt-ie9 .press__item {
display: inline-block;
}
/* line 43, scss/partials/_press.scss */
.press__item:first-child {
margin-top: 0;
}
@media (min-width: 1201px) {
/* line 48, scss/partials/_press.scss */
.borderradius .press__item {
margin-top: 90px;
width: 50%;
}
/* line 53, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) {
margin-left: 50%;
}
/* line 56, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) .press__icon {
float: left;
text-align: right;
}
/* line 60, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) .press__icon:before {
right: auto;
left: -7px;
}
/* line 64, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) .press__body {
float: right;
padding: 0 0 0 30px;
text-align: left;
}
/* line 69, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) .press__date {
padding-left: 28px;
padding-right: 0;
}
/* line 73, scss/partials/_press.scss */
.borderradius .press__item:nth-child(2n) .press__date:after {
right: auto;
left: 0;
}
}
/* line 81, scss/partials/_press.scss */
.press__item:first-child {
margin-top: 0;
}
/* line 85, scss/partials/_press.scss */
.press__icon {
float: left;
position: relative;
text-align: center;
padding-left: 0;
margin-bottom: 12px;
}
@media (min-width: 481px) {
/* line 85, scss/partials/_press.scss */
.press__icon {
margin-bottom: 0;
}
}
/* line 95, scss/partials/_press.scss */
.lt-ie9 .press__icon {
text-align: right;
padding-right: 20px;
}
@media (min-width: 1201px) {
/* line 100, scss/partials/_press.scss */
.borderradius .press__icon {
float: right;
text-align: left;
}
/* line 104, scss/partials/_press.scss */
.borderradius .press__icon:before {
position: absolute;
right: -7px;
top: 42%;
width: 14px;
height: 14px;
content: " ";
background-color: #bbecf3;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-ms-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
}
/* line 114, scss/partials/_press.scss */
.borderradius .press__icon:after {
position: absolute;
right: 0;
top: 50%;
width: 100%;
height: 2px;
content: " ";
background-color: #bbecf3;
z-index: 10;
}
}
/* line 128, scss/partials/_press.scss */
.press__icon span {
position: relative;
display: inline-block;
background-color: white;
padding: 18px 21px;
text-align: center;
z-index: 20;
}
/* line 135, scss/partials/_press.scss */
.borderradius .press__icon span {
border: 1px solid #bbecf3;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
-ms-border-radius: 45px;
-o-border-radius: 45px;
border-radius: 45px;
}
/* line 142, scss/partials/_press.scss */
.press__body {
float: right;
text-align: left;
padding-left: 0;
}
@media (min-width: 1201px) {
/* line 148, scss/partials/_press.scss */
.borderradius .press__body {
float: left;
text-align: right;
padding-right: 30px;
}
}
/* line 157, scss/partials/_press.scss */
.press__title {
margin: 0;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #334f68;
font-weight: 800;
font-size: 24px;
line-height: 30px;
}
/* line 166, scss/partials/_press.scss */
.press__date {
position: relative;
margin: 12px 0 0;
padding: 0;
padding-left: 28px;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #3ba5bd;
font-weight: 600;
font-style: italic;
line-height: 20px;
}
/* line 177, scss/partials/_press.scss */
.press__date:after {
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
content: " ";
background-image: url('../img/icons/calendar_18x18.png?1661423276');
background-repeat: no-repeat;
background-position: 0 0;
}
@media (min-width: 1201px) {
/* line 190, scss/partials/_press.scss */
.borderradius .press__date {
padding-right: 28px;
padding-left: 0;
}
/* line 195, scss/partials/_press.scss */
.borderradius .press__date:after {
left: auto;
right: 0;
}
}
/* line 203, scss/partials/_press.scss */
.press__button {
background: white;
margin-top: 60px;
padding-bottom: 90px;
}
/* ==========================================================================
Promo
========================================================================== */
/* line 5, scss/partials/_promo.scss */
.promo {
display: none;
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_promo.scss */
.promo {
display: block;
}
}
/* line 12, scss/partials/_promo.scss */
.promo__bg {
background: url('../img/bg/promo.jpg?1661423276') no-repeat 50% 50%;
background-size: cover;
}
/* line 17, scss/partials/_promo.scss */
.promo__logo {
height: 200px;
background: url('../img/bg/logo.png?1661423276') no-repeat 50% 50%;
}
/* ==========================================================================
Reservation
========================================================================== */
/* line 4, scss/partials/_reservation.scss */
.reservation-wrapper {
display: none;
width: 100%;
background-color: #fff;
position: absolute;
left: 0;
}
/* line 11, scss/partials/_reservation.scss */
.reservation-toggle {
padding: 10px;
background-color: #4dacc2;
color: #fff;
line-height: 30px;
text-transform: uppercase;
}
@media (max-width: 1200px) {
/* line 11, scss/partials/_reservation.scss */
.reservation-toggle {
padding: 4px 10px;
background-color: #2c3741;
margin: 6px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
}
@media (min-width: 1201px) {
/* line 11, scss/partials/_reservation.scss */
.reservation-toggle {
padding: 20px 30px 20px 35px;
margin: 0;
}
/* line 29, scss/partials/_reservation.scss */
.navbar--muted .reservation-toggle {
background-color: #2c3741;
}
}
/* line 35, scss/partials/_reservation.scss */
.reservation-toggle--navbar.reservation-toggle--active {
background-color: #3098af;
}
@media (min-width: 1201px) {
/* line 35, scss/partials/_reservation.scss */
.reservation-toggle--navbar.reservation-toggle--active {
background-color: #3098af;
}
/* line 41, scss/partials/_reservation.scss */
.navbar--muted .reservation-toggle--navbar.reservation-toggle--active {
background-color: #1d242b;
}
}
/* line 50, scss/partials/_reservation.scss */
.reservation p {
color: #102e34;
float: left;
width: 100%;
}
/* line 54, scss/partials/_reservation.scss */
.reservation p a {
color: #334f68;
}
/* line 58, scss/partials/_reservation.scss */
.reservation .info-wrapper {
width: 100%;
}
/* line 61, scss/partials/_reservation.scss */
.reservation .info {
margin-top: 35px;
}
@media (min-width: 481px) {
/* line 64, scss/partials/_reservation.scss */
.reservation .info-reg {
margin-top: 20px;
}
}
/* line 70, scss/partials/_reservation.scss */
.reservation__form {
float: left;
width: 100%;
}
/* line 74, scss/partials/_reservation.scss */
.reservation__form label {
width: 100%;
display: block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 80, scss/partials/_reservation.scss */
.reservation__form label.error {
color: #fe3535;
margin: -5px 0 20px 10px;
}
/* line 83, scss/partials/_reservation.scss */
.reservation__form label.error:before {
width: 20px;
height: 20px;
display: block;
float: left;
margin-right: 10px;
content: "";
background-image: url('../img/icons/error.png?1661423276');
}
/* line 94, scss/partials/_reservation.scss */
.reservation__form input, .reservation__form button {
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
/* line 98, scss/partials/_reservation.scss */
.reservation__form input {
background-color: #f5feff;
border: 1px solid #9ac5cb;
width: 100%;
margin-top: 10px;
margin-bottom: 15px;
padding: 10px;
}
/* line 105, scss/partials/_reservation.scss */
.reservation__form input.error {
border: 2px solid #ff7979;
background-color: #fee3e3;
}
/* line 110, scss/partials/_reservation.scss */
.reservation__form button {
border: 2px solid #1dbfd7;
display: inline-block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
font-size: 1.06667rem;
}
/* line 119, scss/partials/_reservation.scss */
.reservation__form button:hover {
color: #1dbfd7;
background-color: #fff;
text-decoration: none;
}
@media (max-width: 480px) {
/* line 110, scss/partials/_reservation.scss */
.reservation__form button {
width: 100%;
}
}
/* line 130, scss/partials/_reservation.scss */
.reservation__form--grid {
margin: 20px 0;
}
/* Reservation popup */
/* line 135, scss/partials/_reservation.scss */
.reservation__form--popup {
width: auto;
float: none;
}
/* line 139, scss/partials/_reservation.scss */
.reservation__form--popup input {
width: 100%;
}
@media (min-width: 801px) {
/* line 135, scss/partials/_reservation.scss */
.reservation__form--popup {
padding-right: 20px;
}
}
@media (min-width: 801px) {
/* line 148, scss/partials/_reservation.scss */
.reservation__paragraph--popup {
margin-top: 30px;
}
}
/* Reservation popup */
/* line 155, scss/partials/_reservation.scss */
.white-popup-block {
background: #fff;
padding: 20px 20px 0;
max-width: 800px;
margin: 40px auto;
position: relative;
}
/* ==========================================================================
Snap.js Custom Styles
========================================================================== */
/* line 5, scss/partials/_snap.scss */
.snap-toggle {
padding: 10px;
background-color: #2c3741;
color: #fff;
line-height: 30px;
text-transform: uppercase;
}
@media (max-width: 1200px) {
/* line 5, scss/partials/_snap.scss */
.snap-toggle {
background-color: #2c3741;
background-image: url('../img/icons/burgr-m.png?1661423276');
background-repeat: no-repeat;
background-position: center;
font-size: 0;
height: 38px;
margin: 6px;
width: 38px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
}
/* line 23, scss/partials/_snap.scss */
.snap-toggle:hover {
background-color: #1d242b;
}
/* line 28, scss/partials/_snap.scss */
.offcanvas__wrap {
background-color: #1d2d3e;
color: #fff;
}
/* line 33, scss/partials/_snap.scss */
.offcanvas__wrap {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
width: 266px;
}
/* line 38, scss/partials/_snap.scss */
.offcanvas__wrap li {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/* line 41, scss/partials/_snap.scss */
.offcanvas__wrap a {
display: block;
text-decoration: none;
padding: 22px 0 22px 15px;
}
/* line 46, scss/partials/_snap.scss */
.offcanvas__wrap > ul {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 50, scss/partials/_snap.scss */
.offcanvas__wrap > ul > ul {
background-color: #fff;
}
/* line 54, scss/partials/_snap.scss */
.offcanvas__wrap .level-2, .offcanvas__wrap .level-3 {
background-color: #fff;
color: #16222e;
display: none;
margin-bottom: 0;
}
/* line 61, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 li {
border-bottom: 1px solid #e5e5e5;
border-right: 6px solid #ccc;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 13px;
font-size: 0.86667rem;
line-height: 1.69231;
}
/* line 70, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-water,
.offcanvas__wrap .level-2 .level-2-sport,
.offcanvas__wrap .level-2 .level-2-relax {
border-bottom: none;
border-right: none;
color: #fff;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 78, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-water a,
.offcanvas__wrap .level-2 .level-2-sport a,
.offcanvas__wrap .level-2 .level-2-relax a {
padding: 18px 0 18px 15px;
}
/* line 82, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-water {
background-color: #0bc2d7;
}
/* line 84, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-water li {
border-right: 6px solid #b5edf3;
}
/* line 88, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-sport {
background-color: #84c662;
}
/* line 90, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-sport li {
border-right: 6px solid #daeed0;
}
/* line 94, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-relax {
background-color: #f26b48;
}
/* line 96, scss/partials/_snap.scss */
.offcanvas__wrap .level-2 .level-2-relax li {
border-right: 6px solid #fbd2c8;
}
/* line 104, scss/partials/_snap.scss */
.offcanvas__wrap .drawer {
position: relative;
}
/* line 106, scss/partials/_snap.scss */
.offcanvas__wrap .drawer:after {
content: '';
width: 10px;
height: 10px;
border: 5px solid transparent;
border-top-color: white;
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
}
/* ==========================================================================
Menu
========================================================================== */
/* line 5, scss/partials/_submenu.scss */
.submenu {
height: 50px;
padding-right: 10px;
margin-bottom: 0;
overflow: hidden;
}
/* line 12, scss/partials/_submenu.scss */
.submenu > li > a {
padding: 10px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1201px) {
/* line 12, scss/partials/_submenu.scss */
.submenu > li > a {
padding: 20px 25px;
}
}
@media (min-width: 481px) {
/* line 5, scss/partials/_submenu.scss */
.submenu {
padding-left: 5px;
}
}
@media (min-width: 801px) {
/* line 5, scss/partials/_submenu.scss */
.submenu {
padding-left: 10px;
}
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_submenu.scss */
.submenu {
text-align: center;
}
}
@media (min-width: 1201px) {
/* line 5, scss/partials/_submenu.scss */
.submenu {
height: 70px;
padding-left: 10px;
}
}
/* ==========================================================================
Subnavbar
========================================================================== */
/* line 5, scss/partials/_subnavbar.scss */
.subnavbar {
background-color: #1DBFD7;
width: 100%;
}
/* line 10, scss/partials/_subnavbar.scss */
.subnavbar.is-fixed {
position: fixed;
top: 50px;
left: 0;
z-index: 99;
}
@media (min-width: 1201px) {
/* line 10, scss/partials/_subnavbar.scss */
.subnavbar.is-fixed {
top: 70px;
}
}
/* line 21, scss/partials/_subnavbar.scss */
.subnavbar--water {
background-color: #1DBFD7;
}
/* line 25, scss/partials/_subnavbar.scss */
.subnavbar--sport {
background-color: #77B84B;
}
/* line 29, scss/partials/_subnavbar.scss */
.subnavbar--relax {
background-color: #F26B48;
}
/* line 33, scss/partials/_subnavbar.scss */
.subnavbar__dropdown {
float: right;
}
/* line 1, scss/partials/_gallery.scss */
.gallery {
border-radius: 4px 4px 0 0;
overflow: hidden;
text-align: left;
}
/* line 7, scss/partials/_gallery.scss */
.gallery--detail {
border-radius: 0;
}
/* line 11, scss/partials/_gallery.scss */
.gallery-header {
background-color: #1dbfd7;
}
/* line 15, scss/partials/_gallery.scss */
.gallery-title {
font-size: 15px;
font-size: 1rem;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 0;
}
/* line 20, scss/partials/_gallery.scss */
.gallery-title > a {
display: block;
padding: 10px 20px;
color: #fff;
background: url('../img/icons/arrow-right-small.png?1661423276') no-repeat right 20px center;
}
/* line 27, scss/partials/_gallery.scss */
.gallery-title > span {
display: block;
padding: 10px 20px;
color: #fff;
}
/* line 34, scss/partials/_gallery.scss */
.gallery-list {
margin-bottom: 20px;
overflow: hidden;
}
/* line 38, scss/partials/_gallery.scss */
.gallery-list > li {
float: left;
width: 50%;
}
@media (min-width: 601px) {
/* line 38, scss/partials/_gallery.scss */
.gallery-list > li {
width: 25%;
}
}
/* line 46, scss/partials/_gallery.scss */
.gallery-list > li > a {
display: block;
}
/* line 49, scss/partials/_gallery.scss */
.gallery-list > li > a > img {
max-width: 100%;
height: auto;
}
/* line 57, scss/partials/_gallery.scss */
.gallery-more {
position: relative;
}
/* line 61, scss/partials/_gallery.scss */
.gallery-more:before, .gallery-more:after {
position: absolute;
left: 0;
width: 100%;
}
/* line 67, scss/partials/_gallery.scss */
.gallery-more:before {
content: "";
top: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
/* line 74, scss/partials/_gallery.scss */
.gallery-more:after {
content: "Více \A fotografií";
top: 50%;
margin-top: -18px;
color: #fff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-align: center;
white-space: pre;
line-height: 1.2;
text-decoration: underline;
}
/* line 87, scss/partials/_gallery.scss */
.gallery-more:hover:after {
text-decoration: none;
}
/* line 1, scss/partials/_comment.scss */
.comments-area {
text-align: left;
}
/* line 5, scss/partials/_comment.scss */
.comment-respond {
margin-bottom: 60px;
}
/* line 9, scss/partials/_comment.scss */
.comment-reply-title {
font-size: 20px;
font-size: 1.33333rem;
color: #334f68;
}
/* line 15, scss/partials/_comment.scss */
.comment-form label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
/* line 23, scss/partials/_comment.scss */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
display: block;
width: 100%;
border-radius: 4px;
border: 1px solid #9ac5cb;
background-color: #f5feff;
padding: 10px;
}
/* line 32, scss/partials/_comment.scss */
.comment-form textarea {
resize: none;
height: 190px;
}
@media (min-width: 481px) {
/* line 38, scss/partials/_comment.scss */
.comment-form-author {
float: left;
padding-right: 10px;
width: 50%;
}
}
@media (min-width: 481px) {
/* line 46, scss/partials/_comment.scss */
.comment-form-email {
overflow: hidden;
width: 50%;
padding-left: 10px;
}
}
/* line 55, scss/partials/_comment.scss */
.form-submit input {
background: #1dbfd7;
border: none;
display: inline-block;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin: 0;
padding: 0;
text-decoration: none;
text-transform: uppercase;
color: white;
padding: 12px 15px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
/* line 71, scss/partials/_comment.scss */
.form-submit input:hover {
text-decoration: underline;
}
/* line 76, scss/partials/_comment.scss */
.comment-list > li {
border-top: 1px solid #d2f2f7;
padding-top: 30px;
margin-top: 30px;
}
/* line 81, scss/partials/_comment.scss */
.comment-list > li > ol {
margin: 20px 0 0 20px;
}
/* line 84, scss/partials/_comment.scss */
.comment-list > li > ol .depth-2 {
background-color: #f9f9f9;
border-radius: 4px;
border-bottom: 4px solid #1dbfd7;
padding: 20px;
overflow: hidden;
}
/* line 95, scss/partials/_comment.scss */
.comment-metadata {
color: #a6a6a6;
}
/* line 98, scss/partials/_comment.scss */
.comment-metadata > a {
color: #1dbfd7;
}
/* line 103, scss/partials/_comment.scss */
.comment-author {
color: #1dbfd7;
}
/* line 1, scss/partials/_section-header.scss */
.section-header {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 20px;
padding: 0 20px;
}
@media (min-width: 1441px) {
/* line 1, scss/partials/_section-header.scss */
.section-header {
margin-bottom: 50px;
}
}
/* line 9, scss/partials/_section-header.scss */
.section-header__main {
color: #fff;
font-size: 36px;
font-size: 2.4rem;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
margin-bottom: 0;
}
@media (max-width: 480px) {
/* line 9, scss/partials/_section-header.scss */
.section-header__main {
font-size: 27px;
font-size: 1.8rem;
}
}
/* line 21, scss/partials/_section-header.scss */
.section-header__sub {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
}
@media (max-width: 480px) {
/* line 21, scss/partials/_section-header.scss */
.section-header__sub {
font-size: 17px;
font-size: 1.13333rem;
}
}
/* line 35, scss/partials/_section-header.scss */
.section-header__sub__inner {
padding: 0 20px;
}
/* line 40, scss/partials/_section-header.scss */
.section-header--arealy .section-header__main {
color: #334f68;
}
/* line 43, scss/partials/_section-header.scss */
.section-header--arealy .section-header__sub {
color: #61bbcf;
}
/* line 49, scss/base/_headings.scss */
.section-header--arealy .section-header__sub:before {
background-image: linear-gradient(to right, rgba(97, 187, 207, 0), rgba(97, 187, 207, 0.2));
background-position: right center;
}
/* line 53, scss/base/_headings.scss */
.lt-ie9 .section-header--arealy .section-header__sub:before {
background-image: url('../img/bg/bar-left.png?1661423276');
}
/* line 57, scss/base/_headings.scss */
.section-header--arealy .section-header__sub:after {
background-image: linear-gradient(to left, rgba(97, 187, 207, 0), rgba(97, 187, 207, 0.2));
background-position: left center;
}
/* line 61, scss/base/_headings.scss */
.lt-ie9 .section-header--arealy .section-header__sub:after {
background-image: url('../img/bg/bar-right.png?1661423276');
}
@media (max-width: 1200px) {
/* line 39, scss/partials/_section-header.scss */
.section-header--arealy {
padding-top: 50px;
}
}
/* line 51, scss/partials/_section-header.scss */
.section-header--aktivity {
color: white;
margin-bottom: 40px;
}
@media (max-width: 1440px) {
/* line 51, scss/partials/_section-header.scss */
.section-header--aktivity {
margin-bottom: 20px;
}
}
/* line 58, scss/partials/_section-header.scss */
.section-header--aktuality {
color: white;
padding-left: 0;
margin-bottom: 35px;
}
/* line 64, scss/partials/_section-header.scss */
.section-header--aktuality-alt {
color: #334f68;
}
/* line 67, scss/partials/_section-header.scss */
.section-header--aktuality-alt .section-header__main {
color: #334f68;
}
/* line 72, scss/partials/_section-header.scss */
.section-header--pricing .section-header__main {
color: #334f68;
}
/* line 77, scss/partials/_section-header.scss */
.section-header--personnel .section-header__main {
color: #626161;
}
/* line 82, scss/partials/_section-header.scss */
.section-header--schedule h1 {
color: #334f68;
}
/* line 86, scss/partials/_section-header.scss */
.section-header--masseur {
text-transform: uppercase;
}
/* line 87, scss/partials/_section-header.scss */
.section-header--masseur h1 {
color: #334f68;
}
/* line 93, scss/partials/_section-header.scss */
.section-header--masseur-certificate {
text-transform: uppercase;
}
/* line 94, scss/partials/_section-header.scss */
.section-header--masseur-certificate h1 {
color: #626161;
}
/* line 1, scss/partials/_section.scss */
.bg-dotted {
background-image: radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px);
background-size: 23px 23px;
}
/* line 4, scss/partials/_section.scss */
.bg-dotted.section--webcams {
background-image: radial-gradient(#5d646e 1px, transparent 1px);
}
/* line 9, scss/partials/_section.scss */
.section {
padding: 90px 0;
}
@media (max-width: 1440px) {
/* line 9, scss/partials/_section.scss */
.section {
padding: 40px 0;
}
}
/* line 17, scss/partials/_section.scss */
.section--aktuality {
background-color: #8ecf61;
padding: 80px 0 90px 0;
}
/* line 20, scss/partials/_section.scss */
.section--aktuality .post__title {
font-size: 20px;
font-size: 1.33333rem;
color: white;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 5px;
}
@media (min-width: 801px) {
/* line 20, scss/partials/_section.scss */
.section--aktuality .post__title {
min-height: 48px;
}
}
/* line 32, scss/partials/_section.scss */
.section--aktuality-alt .post__title {
font-size: 20px;
font-size: 1.33333rem;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 5px;
}
/* line 38, scss/partials/_section.scss */
.section--aktuality-sidebar {
padding: 90px 0;
margin: 0 -20px;
}
@media (max-width: 1440px) {
/* line 38, scss/partials/_section.scss */
.section--aktuality-sidebar {
padding: 40px 0;
}
}
@media (min-width: 801px) {
/* line 38, scss/partials/_section.scss */
.section--aktuality-sidebar {
margin: 0;
}
}
/* line 50, scss/partials/_section.scss */
.section--aktivity {
background-color: #2fb9d2;
padding: 60px 0 70px 0;
}
@media (max-width: 1440px) {
/* line 50, scss/partials/_section.scss */
.section--aktivity {
padding: 40px 0;
}
}
/* line 58, scss/partials/_section.scss */
.section--aktivity__footer {
margin-top: 20px;
}
/* line 61, scss/partials/_section.scss */
.section--aktuality__footer {
margin-top: 0px;
}
/* line 64, scss/partials/_section.scss */
.section--aktivity-item {
padding-top: 40px;
background-color: #eee;
}
@media (min-width: 481px) {
/* line 64, scss/partials/_section.scss */
.section--aktivity-item {
padding-top: 70px;
}
}
@media (min-width: 1201px) {
/* line 64, scss/partials/_section.scss */
.section--aktivity-item {
padding-top: 90px;
}
}
/* line 75, scss/partials/_section.scss */
.section--arealy {
padding: 70px 0;
}
@media (max-width: 1440px) {
/* line 75, scss/partials/_section.scss */
.section--arealy {
padding: 40px 0;
}
}
/* line 82, scss/partials/_section.scss */
.section--schedule {
background-color: #b1e6ef;
}
/* line 85, scss/partials/_section.scss */
.section--webcams {
background-color: #545c66;
color: #fff;
}
/* line 89, scss/partials/_section.scss */
.section--masseur-certificate {
background-color: #eee;
}
/* line 93, scss/partials/_section.scss */
.section--copy-pool {
background-color: #85c659;
text-align: center;
}
/* line 96, scss/partials/_section.scss */
.section--copy-pool .section-header__main {
color: #fff;
}
/* line 99, scss/partials/_section.scss */
.section--copy-pool > p {
color: #182b0c;
margin: 0 auto 40px;
padding: 0 20px;
text-align: center;
max-width: 580px;
}
/* line 107, scss/partials/_section.scss */
.section-header--copy-pool {
margin-bottom: 20px;
}
@media (min-width: 1201px) {
/* line 107, scss/partials/_section.scss */
.section-header--copy-pool {
margin-bottom: 50px;
}
}
/* line 115, scss/partials/_section.scss */
.section--copy {
text-align: center;
}
/* line 117, scss/partials/_section.scss */
.section--copy svg {
width: 15px;
fill: #00509e;
}
/* line 122, scss/partials/_section.scss */
.section--copy a {
white-space: nowrap;
}
/* line 127, scss/partials/_section.scss */
.section--copy .section-header__main {
color: #334f68;
}
/* line 130, scss/partials/_section.scss */
.section--copy > h2 {
color: #3ba5bd;
text-transform: uppercase;
margin-bottom: 10px;
}
/* line 136, scss/partials/_section.scss */
.section--copy > p {
color: #182b0c;
margin: 0 auto 20px;
padding: 0 20px;
text-align: center;
max-width: 580px;
}
/* line 144, scss/partials/_section.scss */
.section--copy > table {
max-width: 540px;
color: #182b0c;
margin: -20px auto 40px;
text-align: left;
}
/* line 150, scss/partials/_section.scss */
.section--copy > table caption {
font-weight: bold;
text-align: left;
}
/* line 155, scss/partials/_section.scss */
.section--copy > table td {
vertical-align: top;
}
/* line 158, scss/partials/_section.scss */
.section--copy > table td:last-child {
width: 100%;
}
/* line 164, scss/partials/_section.scss */
.section--copy > table tfoot td {
padding-top: 10px;
text-align: center;
}
/* line 172, scss/partials/_section.scss */
.section--contest > h2 {
color: #334f68;
font-weight: normal;
text-transform: none;
}
/* line 178, scss/partials/_section.scss */
.section--contest > h3 {
color: #3ba5bd;
font-weight: normal;
margin-bottom: 0;
}
/* line 184, scss/partials/_section.scss */
.section--partners {
margin: 0 -20px;
background-color: #eeeeee;
text-align: center;
}
@media (min-width: 1201px) {
/* line 184, scss/partials/_section.scss */
.section--partners {
margin: 0;
text-align: left;
}
}
/* line 194, scss/partials/_section.scss */
.section--partners .section-header__main {
color: #334f68;
}
/*
* maser
*/
/* line 201, scss/partials/_section.scss */
.section--masseur {
padding: 40px 0;
}
/* line 204, scss/partials/_section.scss */
.section--masseur .masseur__about {
max-width: 710px;
margin: 50px auto 0;
}
@media (min-width: 1201px) {
/* line 201, scss/partials/_section.scss */
.section--masseur {
padding: 60px 0 40px 0;
}
}
/* line 212, scss/partials/_section.scss */
.section--masseur-certificate {
padding-top: 40px;
padding-bottom: 27px;
}
@media (min-width: 1441px) {
/* line 212, scss/partials/_section.scss */
.section--masseur-certificate {
padding-top: 60px;
padding-bottom: 47px;
}
}
/* line 223, scss/partials/_section.scss */
.section--masseur-certificate .masseur__certificate {
color: #3ba5bd;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 28px;
font-size: 1.86667rem;
line-height: 1.57143;
}
/* line 228, scss/partials/_section.scss */
.section--masseur-certificate .masseur__certificate .certificates {
text-align: center;
}
/* line 230, scss/partials/_section.scss */
.section--masseur-certificate .masseur__certificate .certificates .certificate {
padding: 4px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
display: inline-block;
margin: 0 13px 13px;
position: relative;
}
/* line 240, scss/partials/_section.scss */
.section--masseur-certificate .masseur__certificate .certificates .certificate:hover:before {
background-color: rgba(0, 0, 0, 0.5);
content: '';
display: block;
margin: 4px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
/* line 252, scss/partials/_section.scss */
.section--masseur-certificate .masseur__certificate .certificates .certificate:hover:after {
position: absolute;
right: 20px;
bottom: 20px;
z-index: 2;
content: '';
display: block;
width: 27px;
height: 27px;
background: url('../img/icons/plus-circle-white.png?1661423276') no-repeat 0 0;
}
/*
* personnel
*/
/* line 272, scss/partials/_section.scss */
.section--personnel {
background-color: #eee;
}
/* line 276, scss/partials/_section.scss */
.section-body {
padding: 0 20px;
}
/* line 280, scss/partials/_section.scss */
.section-subtitle {
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
color: #3ba5bd;
text-transform: uppercase;
}
/* line 286, scss/partials/_section.scss */
.section-footer {
padding: 0 20px;
}
/*
* footer navigation
*/
/* line 293, scss/partials/_section.scss */
.footnav {
background-color: #313131;
padding: 20px 0;
}
@media (min-width: 1201px) {
/* line 293, scss/partials/_section.scss */
.footnav {
padding: 55px 0;
}
}
/* line 300, scss/partials/_section.scss */
.footnav__h {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-weight: 800;
color: white;
}
/* line 306, scss/partials/_section.scss */
.footnav__links {
color: #a3a3a3;
font-size: 13px;
font-size: 0.86667rem;
}
/* line 309, scss/partials/_section.scss */
.footnav__links > li {
margin: 10px 0;
}
/* line 314, scss/partials/_section.scss */
.footnav__links .link-fb, .footnav__links .link-gplus {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
}
/* line 319, scss/partials/_section.scss */
.footnav__links .link-fb {
background-image: url('../img/icons/social-fb.png?1661423276');
}
/* line 322, scss/partials/_section.scss */
.footnav__links .link-gplus {
background-image: url('../img/icons/social-gplus.png?1661423276');
}
/* line 1, scss/partials/_notice.scss */
.notice {
padding: 20px 0;
background-color: #eee;
}
@media (min-width: 1201px) {
/* line 1, scss/partials/_notice.scss */
.notice {
padding: 40px 0;
}
}
/* line 9, scss/partials/_notice.scss */
.notice__type {
color: #626161;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
}
/* line 16, scss/partials/_notice.scss */
.notice__box {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
margin: 25px auto 0;
max-width: 1055px;
padding: 0 10px 0;
}
/* line 26, scss/partials/_notice.scss */
.notice__text {
color: #626161;
margin: 16px 0 15px;
margin-left: 50px;
position: relative;
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
@media (min-width: 801px) {
/* line 26, scss/partials/_notice.scss */
.notice__text {
padding-right: 155px;
}
}
/* line 39, scss/partials/_notice.scss */
.notice__box--warning {
background-color: #fff;
background-image: url('../img/icons/circle-red-excl.png?1661423276');
-webkit-background-origin: border-box;
background-origin: border-box;
background-position: 18px 22px;
background-repeat: no-repeat;
border-top: 5px solid #f26b48;
position: relative;
}
/* line 49, scss/partials/_notice.scss */
.notice__box--warning .btn {
width: 100%;
width: calc(100% + 50px);
margin-left: -50px;
margin-top: 10px;
text-align: center;
}
@media (min-width: 801px) {
/* line 58, scss/partials/_notice.scss */
.notice__box--warning .btn {
width: 145px;
margin-top: -18px;
position: absolute;
right: 10px;
top: 50%;
}
}
/* line 68, scss/partials/_notice.scss */
.notice__box__message {
border-top: 1px solid #eee;
color: #626161;
padding: 20px 10px 0;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 1, scss/partials/_post.scss */
.post--aktuality {
margin-bottom: 40px;
}
@media (min-width: 801px) {
/* line 1, scss/partials/_post.scss */
.post--aktuality {
min-height: 50px;
}
}
/* line 8, scss/partials/_post.scss */
.post--aktuality .media__body {
color: #102e34;
}
/* line 12, scss/partials/_post.scss */
.post--aktuality .post__category {
color: white;
font-style: italic;
font-size: 15px;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 10px;
}
@media (min-width: 801px) {
/* line 12, scss/partials/_post.scss */
.post--aktuality .post__category {
min-height: 44px;
}
}
/* line 28, scss/partials/_post.scss */
.page--aktuality .post--aktuality .post__title {
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
color: #334f68;
line-height: 24px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-bottom: 5px;
}
@media (min-width: 801px) {
/* line 28, scss/partials/_post.scss */
.page--aktuality .post--aktuality .post__title {
min-height: 48px;
}
}
/* line 41, scss/partials/_post.scss */
.page--aktuality .post--aktuality .post__category {
color: #3ba5bd;
}
/* line 47, scss/partials/_post.scss */
.post__line {
display: none;
height: 1px;
border: none;
background: #d2f2f7;
margin: 55px 0;
}
@media (min-width: 1201px) {
/* line 47, scss/partials/_post.scss */
.post__line {
display: block;
}
}
/* line 59, scss/partials/_post.scss */
.post-ul {
list-style-type: disc;
padding-left: 40px;
}
/* line 2, scss/partials/_hero.scss */
#top.is-fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
@media (max-width: 1200px) {
/* line 9, scss/partials/_hero.scss */
#top.front-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
}
/* line 20, scss/partials/_hero.scss */
.hero {
position: relative;
z-index: 0;
padding: 90px 0 40px 0;
background-color: #334f68;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
-ms-behavior: url(/wp-content/themes/sareza/backgroundsize.min.htc);
}
@media (max-width: 480px) {
/* line 20, scss/partials/_hero.scss */
.hero {
background-image: none !important;
}
}
@media (min-width: 1201px) {
/* line 20, scss/partials/_hero.scss */
.hero {
padding: 130px 0 60px 0;
}
}
@media (min-width: 1441px) {
/* line 20, scss/partials/_hero.scss */
.hero {
padding: 190px 0 120px;
}
}
/* line 44, scss/partials/_hero.scss */
.hero--with-margin {
margin-bottom: 50px;
}
@media (min-width: 1201px) {
/* line 44, scss/partials/_hero.scss */
.hero--with-margin {
margin-bottom: 70px;
}
}
/* line 52, scss/partials/_hero.scss */
.hero--blue-dark {
position: relative;
padding-bottom: 85px;
}
/* line 57, scss/partials/_hero.scss */
.hero--blue-dark:after {
-moz-border-radius-topright: 45px;
-webkit-border-top-right-radius: 45px;
border-top-right-radius: 45px;
position: absolute;
bottom: 0;
left: 0;
width: 50%;
height: 45px;
background: #ffffff;
content: " ";
}
/* line 68, scss/partials/_hero.scss */
.hero--blue-dark:before {
-moz-border-radius-topleft: 45px;
-webkit-border-top-left-radius: 45px;
border-top-left-radius: 45px;
position: absolute;
bottom: 0;
left: 50%;
width: 50%;
height: 45px;
background: #ffffff;
content: " ";
}
@media (min-width: 481px) {
/* line 52, scss/partials/_hero.scss */
.hero--blue-dark {
padding: 90px 0 85px;
}
}
@media (min-width: 1201px) {
/* line 52, scss/partials/_hero.scss */
.hero--blue-dark {
padding: 130px 0 105px;
}
}
@media (min-width: 1601px) {
/* line 52, scss/partials/_hero.scss */
.hero--blue-dark {
padding: 130px 0 105px;
}
}
/* line 93, scss/partials/_hero.scss */
.hero--no--arrow {
padding-bottom: 40px;
}
/* line 97, scss/partials/_hero.scss */
.hero--no--arrow:before, .hero--no--arrow:after {
display: none;
}
@media (min-width: 481px) {
/* line 93, scss/partials/_hero.scss */
.hero--no--arrow {
padding-bottom: 40px;
}
}
@media (min-width: 1201px) {
/* line 93, scss/partials/_hero.scss */
.hero--no--arrow {
padding-bottom: 60px;
}
}
@media (min-width: 1601px) {
/* line 93, scss/partials/_hero.scss */
.hero--no--arrow {
padding-bottom: 60px;
margin-bottom: 0;
}
}
/* line 115, scss/partials/_hero.scss */
.hero--activity {
padding-bottom: 70px;
}
/* line 118, scss/partials/_hero.scss */
.hero--activity:after {
position: absolute;
bottom: -57px;
left: 0;
display: block;
width: 100%;
height: 115px;
background-position: center;
background-repeat: no-repeat;
content: '';
}
@media (max-width: 480px) {
/* line 118, scss/partials/_hero.scss */
.hero--activity:after {
bottom: -30px;
height: 60px;
-webkit-background-size: 60px;
background-size: 60px;
}
}
@media (min-width: 481px) {
/* line 115, scss/partials/_hero.scss */
.hero--activity {
padding: 90px 0 97px;
}
}
@media (min-width: 1201px) {
/* line 115, scss/partials/_hero.scss */
.hero--activity {
padding: 130px 0 117px;
}
}
@media (min-width: 1601px) {
/* line 115, scss/partials/_hero.scss */
.hero--activity {
padding: 130px 0 117px;
}
}
/* line 150, scss/partials/_hero.scss */
.hero--activity--water {
border-bottom: 8px solid #1fc4da;
}
/* line 152, scss/partials/_hero.scss */
.hero--activity--water:after {
background-image: url('../img/bg/activity-water.png?1661423276');
}
/* line 156, scss/partials/_hero.scss */
.hero--activity--sport {
border-bottom: 8px solid #67ae43;
}
/* line 158, scss/partials/_hero.scss */
.hero--activity--sport:after {
background-image: url('../img/bg/activity-sport.png?1661423276');
}
/* line 162, scss/partials/_hero.scss */
.hero--activity--relax {
border-bottom: 8px solid #f26b48;
}
/* line 164, scss/partials/_hero.scss */
.hero--activity--relax:after {
background-image: url('../img/bg/activity-relax.png?1661423276');
}
/* line 169, scss/partials/_hero.scss */
.hero--masseur {
padding-bottom: 110px;
}
@media (min-width: 481px) {
/* line 169, scss/partials/_hero.scss */
.hero--masseur {
padding-bottom: 110px;
}
}
@media (min-width: 1201px) {
/* line 169, scss/partials/_hero.scss */
.hero--masseur {
padding-bottom: 120px;
}
}
@media (min-width: 1601px) {
/* line 169, scss/partials/_hero.scss */
.hero--masseur {
padding-bottom: 190px;
}
}
@media (min-width: 481px) {
/* line 185, scss/partials/_hero.scss */
.hero__gradient {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
background: url('../img/bg/hero_gradient.png?1661423276') no-repeat 50% 100%;
-webkit-background-size: cover;
background-size: cover;
}
/* line 197, scss/partials/_hero.scss */
.cssgradients .hero__gradient {
background-color: rgba(0, 0, 0, 0.3);
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
-webkit-background-size: auto;
background-size: auto;
}
}
@media (min-width: 481px) {
/* line 206, scss/partials/_hero.scss */
.hero__gradient--tone {
top: auto;
height: 100px;
}
/* line 211, scss/partials/_hero.scss */
.cssgradients .hero__gradient--tone {
background-color: transparent;
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #334f68), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, #334f68 0%, rgba(0, 0, 0, 0) 100%);
background-image: -moz-linear-gradient(bottom, #334f68 0%, rgba(0, 0, 0, 0) 100%);
background-image: -o-linear-gradient(bottom, #334f68 0%, rgba(0, 0, 0, 0) 100%);
background-image: linear-gradient(bottom, #334f68 0%, rgba(0, 0, 0, 0) 100%);
}
}
/* line 218, scss/partials/_hero.scss */
.hero__box {
position: relative;
z-index: 2;
padding: 0 10px;
}
@media (min-width: 481px) {
/* line 218, scss/partials/_hero.scss */
.hero__box {
padding: 0 15px;
}
}
@media (min-width: 1201px) {
/* line 218, scss/partials/_hero.scss */
.hero__box {
padding: 0 25px;
}
}
@media (min-width: 1601px) {
/* line 218, scss/partials/_hero.scss */
.hero__box {
padding: 0 25px;
}
}
/* line 237, scss/partials/_hero.scss */
.hero__title > h1 {
font-size: 30px;
font-size: 2rem;
margin-bottom: 0;
color: #ffffff;
text-transform: uppercase;
}
@media (min-width: 801px) {
/* line 237, scss/partials/_hero.scss */
.hero__title > h1 {
font-size: 48px;
font-size: 3.2rem;
}
}
/* line 253, scss/partials/_hero.scss */
.subheader {
font-size: 18px;
font-size: 1.2rem;
color: #8CD8E7;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
}
/* line 261, scss/partials/_hero.scss */
.subheader > p {
margin-bottom: 0;
}
@media (min-width: 801px) {
/* line 253, scss/partials/_hero.scss */
.subheader {
font-size: 22px;
font-size: 1.46667rem;
}
}
/* line 270, scss/partials/_hero.scss */
.hero__other-links {
font-size: 18px;
font-size: 1.2rem;
margin: 0;
color: #ffffff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
text-align: center;
}
/* line 279, scss/partials/_hero.scss */
.hero__other-links > li {
display: inline-block;
}
/* line 282, scss/partials/_hero.scss */
.hero__other-links > li:before {
content: "-";
margin: 0 10px 0 8px;
color: #8CD8E7;
}
/* line 288, scss/partials/_hero.scss */
.hero__other-links > li:first-child:before {
display: none;
}
/* line 292, scss/partials/_hero.scss */
.hero__other-links > li > a {
color: #8CD8E7;
}
@media (min-width: 801px) {
/* line 270, scss/partials/_hero.scss */
.hero__other-links {
font-size: 22px;
font-size: 1.46667rem;
}
}
/* line 302, scss/partials/_hero.scss */
.hero__state {
font-size: 20px;
font-size: 1.33333rem;
margin-top: 20px;
color: #ffffff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 600;
text-transform: uppercase;
}
@media (min-width: 801px) {
/* line 302, scss/partials/_hero.scss */
.hero__state {
font-size: 24px;
font-size: 1.6rem;
}
}
/* line 315, scss/partials/_hero.scss */
.hero__note-wrapper {
position: relative;
}
/* line 319, scss/partials/_hero.scss */
.hero__note {
position: relative;
display: inline-block;
padding-right: 35px;
cursor: pointer;
text-decoration: underline;
}
/* line 326, scss/partials/_hero.scss */
.hero__note:hover {
text-decoration: none;
}
/* line 330, scss/partials/_hero.scss */
.hero__note:after {
position: absolute;
top: 0;
right: 0;
width: 26px;
height: 26px;
background: url('../img/icons/note.png?1661423276') no-repeat 0 0;
content: "";
}
@media (min-width: 481px) {
/* line 330, scss/partials/_hero.scss */
.hero__note:after {
top: 2px;
}
}
/* line 345, scss/partials/_hero.scss */
.note {
position: absolute;
top: 100%;
z-index: 3;
width: 90%;
padding: 20px;
margin: 20px 5% 0;
border-radius: 4px;
background-color: #1d2731;
background-color: rgba(29, 39, 49, 0.98);
color: #fff;
}
/* line 357, scss/partials/_hero.scss */
.note:before {
position: absolute;
top: -9px;
left: 50%;
margin-left: -8px;
width: 16px;
height: 9px;
background: url('../img/icons/arrow-note.png?1661423276') no-repeat 0 0;
content: "";
}
@media (min-width: 801px) {
/* line 345, scss/partials/_hero.scss */
.note {
left: 50%;
max-width: 560px;
margin-left: -280px;
}
}
/* line 375, scss/partials/_hero.scss */
.hero__breadcrumb {
position: relative;
margin-top: 20px;
}
/* line 49, scss/base/_headings.scss */
.hero__breadcrumb:before {
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
background-position: right center;
}
/* line 53, scss/base/_headings.scss */
.lt-ie9 .hero__breadcrumb:before {
background-image: url('../img/bg/bar-left.png?1661423276');
}
/* line 57, scss/base/_headings.scss */
.hero__breadcrumb:after {
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
background-position: left center;
}
/* line 61, scss/base/_headings.scss */
.lt-ie9 .hero__breadcrumb:after {
background-image: url('../img/bg/bar-right.png?1661423276');
}
@media (min-width: 801px) {
/* line 375, scss/partials/_hero.scss */
.hero__breadcrumb {
display: table;
}
/* line 383, scss/partials/_hero.scss */
.hero__breadcrumb:before, .hero__breadcrumb:after {
content: '';
display: table-cell;
width: 50%;
background-repeat: no-repeat;
-webkit-background-size: 100% 2px;
background-size: 100% 2px;
}
/* line 393, scss/partials/_hero.scss */
.hero__breadcrumb > * {
white-space: nowrap;
}
}
/* line 399, scss/partials/_hero.scss */
.thermometer-wrapper {
display: inline-block;
padding: 10px 20px;
margin-top: 20px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.3);
}
/* line 407, scss/partials/_hero.scss */
.thermometer-title {
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}
/* line 413, scss/partials/_hero.scss */
.thermometer {
font-size: 16px;
font-size: 1.06667rem;
margin-top: 8px;
margin-bottom: 0;
color: #ffffff;
}
@media (min-width: 481px) {
/* line 420, scss/partials/_hero.scss */
.thermometer > li {
display: inline-block;
}
/* line 423, scss/partials/_hero.scss */
.thermometer > li + li:before {
content: "\00A0" "\00A0" "\002d" "\00A0" "\00A0";
color: #fff;
}
}
/* line 432, scss/partials/_hero.scss */
.thermometer__val,
.thermometer__label {
display: inline-block;
color: #ffffff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
text-transform: uppercase;
}
/* line 440, scss/partials/_hero.scss */
.thermometer__val {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 600;
}
/* line 444, scss/partials/_hero.scss */
.thermometer__val:after {
content: '°';
}
/* line 449, scss/partials/_hero.scss */
.hero--maser__main-photo {
position: absolute;
bottom: -72px;
left: 0;
display: block;
width: 100%;
height: 140px;
background-position: center;
background-repeat: no-repeat;
content: '';
}
/* line 460, scss/partials/_hero.scss */
.hero--maser__main-photo > img {
position: absolute;
left: 50%;
width: 140px;
height: 140px;
margin-left: -70px;
border: 4px solid white;
border-radius: 50%;
}
/* line 1, scss/partials/_photo.scss */
.photo__item {
background-color: #000000;
}
/* line 5, scss/partials/_photo.scss */
.photo__img {
position: relative;
display: block;
opacity: 0.4;
}
/* line 10, scss/partials/_photo.scss */
.photo__img:hover {
opacity: 1;
}
/* line 13, scss/partials/_photo.scss */
.photo__img:hover:after {
background-image: url('../img/icons/plus-circle.png?1661423276');
background-repeat: no-repeat;
bottom: 15px;
content: '';
position: absolute;
right: 15px;
height: 27px;
width: 27px;
}
/* line 25, scss/partials/_photo.scss */
.photo__img > img {
max-width: 100%;
height: auto;
}
/* line 1, scss/partials/_contacts.scss */
.contacts {
position: relative;
padding: 10px 0;
background-color: #8ecf61;
color: white;
text-transform: uppercase;
}
/* line 8, scss/partials/_contacts.scss */
.contacts .container, .contacts .container--narrow {
position: relative;
}
/* line 13, scss/partials/_contacts.scss */
.contacts__important {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
white-space: nowrap;
display: block;
}
@media (min-width: 481px) {
/* line 13, scss/partials/_contacts.scss */
.contacts__important {
display: inline;
}
}
/* line 25, scss/partials/_contacts.scss */
.contacts__email,
.contacts__phone {
font-size: 15px;
font-size: 1rem;
margin: 10px;
padding: 5px 0 5px 40px;
background-position: left center;
background-repeat: no-repeat;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 300;
}
@media (min-width: 601px) {
/* line 25, scss/partials/_contacts.scss */
.contacts__email,
.contacts__phone {
font-size: 18px;
font-size: 1.2rem;
padding-left: 50px;
}
}
@media (min-width: 1441px) {
/* line 25, scss/partials/_contacts.scss */
.contacts__email,
.contacts__phone {
margin-left: 0;
}
}
/* line 43, scss/partials/_contacts.scss */
.lt-ie9 .contacts__email, .lt-ie9
.contacts__phone {
width: 350px;
}
/* line 48, scss/partials/_contacts.scss */
.contacts__phone {
background-image: url('../img/icons/phone.png?1661423276');
}
/* line 52, scss/partials/_contacts.scss */
.contacts__email {
background-image: url('../img/icons/mail.png?1661423276');
white-space: nowrap;
}
/* line 57, scss/partials/_contacts.scss */
.contacts__email svg {
width: 18px;
fill: white;
}
/* line 62, scss/partials/_contacts.scss */
.contacts__email > a {
display: block;
}
@media (min-width: 481px) {
/* line 62, scss/partials/_contacts.scss */
.contacts__email > a {
display: inline;
}
}
@media (min-width: 1201px) {
/* line 71, scss/partials/_contacts.scss */
.contacts__improve-wrapper {
text-align: right;
}
}
/* line 77, scss/partials/_contacts.scss */
.contacts__improve {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 10px 10px 10px 50px;
margin: 10px 0 0;
background: #87c45c url('../img/icons/question_mark.png?1661423276') no-repeat 15px center;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
}
@media (min-width: 601px) {
/* line 77, scss/partials/_contacts.scss */
.contacts__improve {
padding: 15px 15px 15px 60px;
margin-bottom: 5px;
-webkit-background-size: 32px 32px;
background-size: 32px 32px;
background-position: 15px center;
}
}
@media (min-width: 1201px) {
/* line 77, scss/partials/_contacts.scss */
.contacts__improve {
display: inline-block;
text-align: left;
}
}
/* line 99, scss/partials/_contacts.scss */
.contacts__improve .contacts__improve__q {
font-size: 15px;
font-size: 1rem;
margin-bottom: 5px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media (min-width: 601px) {
/* line 99, scss/partials/_contacts.scss */
.contacts__improve .contacts__improve__q {
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
}
/* line 110, scss/partials/_contacts.scss */
.contacts__improve .contacts__improve__inf {
font-size: 13px;
font-size: 0.86667rem;
color: #d2ecc0;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1.3;
}
@media (min-width: 601px) {
/* line 110, scss/partials/_contacts.scss */
.contacts__improve .contacts__improve__inf {
font-size: 15px;
}
}
/* line 1, scss/partials/_ad.scss */
.ad {
display: none;
text-align: center;
overflow: hidden;
}
/* line 6, scss/partials/_ad.scss */
.ad .ad__inner {
background-color: white;
border: 1px solid #ebebeb;
display: inline-block;
margin: 35px 0;
padding: 9px;
position: relative;
}
/* line 14, scss/partials/_ad.scss */
.ad .ad__inner:before {
content: '';
width: 10000%;
height: 1px;
display: block;
position: relative;
left: -50%;
top: 50px;
z-index: -1;
border-bottom: 1px solid #ebebeb;
}
/* line 26, scss/partials/_ad.scss */
.ad .ad__inner table {
margin-bottom: 0;
}
/* line 30, scss/partials/_ad.scss */
.ad .ad__inner object {
display: block;
}
/* line 34, scss/partials/_ad.scss */
.ad .ad__label {
position: absolute;
top: -25px;
left: 26px;
color: #a2a2a2;
font-size: 13px;
font-size: 0.86667rem;
line-height: 1.69231;
}
/* line 40, scss/partials/_ad.scss */
.ad .ad__label:before {
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
border: 4px solid transparent;
border-top-color: #a2a2a2;
top: 10px;
left: -16px;
}
@media (min-width: 801px) {
/* line 1, scss/partials/_ad.scss */
.ad {
display: block;
}
}
/* line 2, scss/partials/_webcams.scss */
.sky-carousel--webcams {
max-width: 1060px;
}
/* line 12, scss/partials/_webcams.scss */
.sky-carousel-container > li {
text-align: center;
}
/* line 15, scss/partials/_webcams.scss */
.sky-carousel-container > li .webcam {
padding: 20px;
}
/* line 18, scss/partials/_webcams.scss */
.sky-carousel-container > li .webcam > img {
width: 400px;
height: 300px;
margin-bottom: 15px;
}
@media (max-width: 480px) {
/* line 18, scss/partials/_webcams.scss */
.sky-carousel-container > li .webcam > img {
width: 264px;
height: 216px;
}
}
/* line 27, scss/partials/_webcams.scss */
.sky-carousel-container > li .webcam > p {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
text-transform: uppercase;
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
/* line 39, scss/partials/_webcams.scss */
.sc-selected .webcam {
padding: 20px;
background-image: url('../img/bg/webcam-frame.png?1661423276');
background-repeat: no-repeat;
}
/* line 44, scss/partials/_webcams.scss */
.sc-selected .webcam > img {
width: 400px;
height: 300px;
}
@media (max-width: 480px) {
/* line 44, scss/partials/_webcams.scss */
.sc-selected .webcam > img {
width: 264px;
height: 216px;
}
}
/* line 52, scss/partials/_webcams.scss */
.sc-selected .webcam p {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.375;
}
/* line 58, scss/partials/_webcams.scss */
.sc-nav-button {
display: none;
z-index: inherit !important;
}
@media (min-width: 481px) {
/* line 58, scss/partials/_webcams.scss */
.sc-nav-button {
display: block;
}
}
/* line 1, scss/partials/_media.scss */
.media {
font-size: 15px;
}
/* line 4, scss/partials/_media.scss */
.media .media__title {
font-size: 24px;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #334f68;
line-height: 24px;
font-weight: 800;
margin-bottom: 16px;
}
/* line 12, scss/partials/_media.scss */
.media .media__img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/* line 13, scss/partials/_media.scss */
.media .media__arealy {
margin-top: 16px;
color: #3ba5bd;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
}
/* line 20, scss/partials/_media.scss */
.media .media__arealy a {
color: #3ba5bd;
}
/* line 22, scss/partials/_media.scss */
.media .media__img, .media .media__body {
width: 100%;
}
@media (min-width: 481px) {
/* line 22, scss/partials/_media.scss */
.media .media__img, .media .media__body {
width: auto;
}
}
/* line 28, scss/partials/_media.scss */
.media .media__img {
margin-bottom: 10px;
}
@media (min-width: 481px) {
/* line 37, scss/partials/_media.scss */
.media .media__img, .media .media__body {
display: block;
}
/* line 40, scss/partials/_media.scss */
.media .media__img {
margin-bottom: 0;
}
}
/* line 1, scss/partials/_article.scss */
.article__title {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 34px;
color: #334f68;
line-height: 36px;
}
/* line 9, scss/partials/_article.scss */
.article__date {
position: relative;
left: 33px;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 17px;
font-style: italic;
color: #3ba5bd;
}
/* line 18, scss/partials/_article.scss */
.article__date > p {
position: relative;
height: 22px;
}
/* line 24, scss/partials/_article.scss */
.article__date__icon {
position: relative;
}
/* line 27, scss/partials/_article.scss */
.article__date__icon:before {
position: absolute;
left: -33px;
top: -5px;
content: " ";
width: 22px;
height: 22px;
background-image: url('../img/icons/calendar.png?1661423276');
background-repeat: no-repeat;
background-position: 0 0;
}
/* line 40, scss/partials/_article.scss */
.article__image {
float: left;
border: 1px solid #e7e7e7;
margin: 0 20px 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/* line 45, scss/partials/_article.scss */
.article__image > img {
margin-bottom: 0 !important;
max-width: none !important;
}
/* line 51, scss/partials/_article.scss */
.article__image--right {
float: right;
margin-right: 0;
margin-left: 20px;
}
/* line 57, scss/partials/_article.scss */
.article__arealy {
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #3ba5bd;
font-style: italic;
}
/* line 64, scss/partials/_article.scss */
.article__buttons {
margin-top: 50px;
}
/* line 1, scss/partials/_table.scss */
.table, .table--opening-hours, .table--pricing-wrap table {
color: #37565a;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
width: 100%;
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.57143;
}
/* line 6, scss/partials/_table.scss */
.table th, .table--opening-hours th, .table--pricing-wrap table th {
font-weight: bold;
}
/* line 9, scss/partials/_table.scss */
.table caption, .table--opening-hours caption, .table--pricing-wrap table caption {
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 17, scss/partials/_table.scss */
.table--opening-hours {
margin-bottom: 40px;
}
/* line 23, scss/partials/_table.scss */
.table--opening-hours tr th, .table--opening-hours tr td {
line-height: 16px;
}
/* line 26, scss/partials/_table.scss */
.table--opening-hours tr th {
display: block;
padding-left: 15px;
padding-top: 10px;
}
/* line 31, scss/partials/_table.scss */
.table--opening-hours tr td {
display: inline-block;
padding: 0;
}
@media (min-width: 801px) {
/* line 36, scss/partials/_table.scss */
.table--opening-hours tr th, .table--opening-hours tr td {
display: table-cell;
line-height: 22px;
padding-top: 0;
padding-bottom: 0;
}
}
/* line 44, scss/partials/_table.scss */
.table--opening-hours caption {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #1dbfd7;
border: 1px solid #16a5ba;
color: #fff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
height: 45px;
line-height: 45px;
text-transform: uppercase;
font-size: 18px;
font-size: 1.2rem;
}
/* line 58, scss/partials/_table.scss */
.table--opening-hours tr {
background-color: #fff;
border: 1px solid #bfedf4;
height: 35px;
}
/* line 63, scss/partials/_table.scss */
.table--opening-hours tr:first-child {
border-top: none;
}
/* line 66, scss/partials/_table.scss */
.table--opening-hours tr:nth-child(even) {
background-color: #f4fcfd;
}
/* line 70, scss/partials/_table.scss */
.table--opening-hours th {
width: 10.25rem;
text-align: left;
}
/* line 74, scss/partials/_table.scss */
.table--opening-hours .table-note {
margin: -20px 0 40px 15px;
}
/* line 77, scss/partials/_table.scss */
.table--opening-hours .oh_time_closed, .table--opening-hours .oh_time {
width: 15rem;
padding-left: 6rem;
}
/* line 81, scss/partials/_table.scss */
.table--opening-hours .oh_exception_date {
font-weight: 400;
float: right;
}
/* line 88, scss/partials/_table.scss */
.table--pricing header {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #1dbfd7;
border: 1px solid #16a5ba;
color: #fff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
height: 45px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
font-size: 18px;
font-size: 1.2rem;
}
/* line 103, scss/partials/_table.scss */
.table--pricing tbody {
padding: 7px 0;
}
/* line 108, scss/partials/_table.scss */
.table--pricing-wrap {
background-color: #f4fcfd;
border-top: 1px solid #bfedf4;
padding: 16px 14px;
}
/* line 113, scss/partials/_table.scss */
.table--pricing-wrap.resp-tab-content {
padding-top: 0;
}
/* line 117, scss/partials/_table.scss */
.table--pricing-wrap table {
margin-bottom: 0;
}
/* line 121, scss/partials/_table.scss */
.table--pricing-wrap table th, .table--pricing-wrap table caption {
padding-left: 10px;
text-align: left;
}
@media (min-width: 601px) {
/* line 121, scss/partials/_table.scss */
.table--pricing-wrap table th, .table--pricing-wrap table caption {
padding-left: 20px;
}
}
/* line 129, scss/partials/_table.scss */
.table--pricing-wrap table th {
line-height: 24px;
width: 56%;
}
/* line 134, scss/partials/_table.scss */
.table--pricing-wrap table td {
width: 22%;
padding-right: 10px;
text-align: right;
}
@media (min-width: 601px) {
/* line 134, scss/partials/_table.scss */
.table--pricing-wrap table td {
padding-right: 20px;
}
}
/* line 144, scss/partials/_table.scss */
.table--pricing-wrap table caption {
background-color: #e8f8fb;
border: 1px solid #bfedf4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
height: 35px;
line-height: 35px;
margin-bottom: 5px;
margin-top: 20px;
font-size: 14px;
font-size: 0.93333rem;
}
/* line 158, scss/partials/_table.scss */
.table--pricing-wrap .table-note {
margin-top: 20px;
margin-left: 10px;
margin-bottom: 40px;
text-align: left;
}
@media (min-width: 601px) {
/* line 158, scss/partials/_table.scss */
.table--pricing-wrap .table-note {
margin-left: 20px;
}
}
/* line 170, scss/partials/_table.scss */
.table-note {
margin-bottom: 40px;
}
/* line 173, scss/partials/_table.scss */
.nowrapr {
white-space: nowrap;
}
@media screen and (max-width: 800px) {
/* line 178, scss/partials/_table.scss */
.table--opening-hours .oh_time {
padding-left: 15px;
width: 10rem;
}
/* line 182, scss/partials/_table.scss */
.table--opening-hours .oh_time_closed {
padding-left: 15px;
width: 10rem;
}
/* line 186, scss/partials/_table.scss */
.table--opening-hours th {
width: 15.8rem;
}
}
@media screen and (min-width: 1201px) and (max-width: 1354px) {
/* line 191, scss/partials/_table.scss */
.table--opening-hours .oh_time {
padding-left: 4rem;
}
/* line 194, scss/partials/_table.scss */
.table--opening-hours .oh_time_closed {
padding-left: 4rem;
}
}
/* line 1, scss/partials/_activity-item.scss */
.activity-item {
background-color: #fff;
background-image: linear-gradient(to left, transparent 300px, #e7e7e7);
-webkit-background-size: 100% 1px;
background-size: 100% 1px;
background-position: 0 70px;
background-repeat: no-repeat;
border-bottom: 4px solid #1dbfd8;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
height: 275px;
padding: 25px;
position: relative;
margin-bottom: 20px;
}
/* line 21, scss/partials/_activity-item.scss */
.activity-item__icon {
background-repeat: no-repeat;
background-position: 0 center;
height: 20px;
width: 20px;
position: absolute;
top: 25px;
left: 25px;
}
/* line 30, scss/partials/_activity-item.scss */
.activity-item__name {
color: #2f6b73;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
padding-left: 35px;
text-decoration: underline;
text-transform: uppercase;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 39, scss/partials/_activity-item.scss */
.activity-item__descr {
color: #7e7e7e;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-top: 40px;
margin-bottom: 5px;
font-size: 24px;
font-size: 1.6rem;
line-height: 1.83333;
}
/* line 48, scss/partials/_activity-item.scss */
.activity-item__info,
.activity-item__open {
color: #7e7e7e;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 54, scss/partials/_activity-item.scss */
.activity-item__btn-wrap {
position: absolute;
bottom: 25px;
left: 25px;
}
/* line 59, scss/partials/_activity-item.scss */
.activity-item__btn {
border: 2px solid #1dbfd7;
display: inline-block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-right: 10px;
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
font-size: 1.06667rem;
}
/* line 69, scss/partials/_activity-item.scss */
.activity-item__btn:hover {
color: #1dbfd7;
background-color: #fff;
text-decoration: none;
}
/* line 75, scss/partials/_activity-item.scss */
.activity-item__map-wrap {
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
display: none;
height: 250px;
overflow: hidden;
position: absolute;
top: 10px;
right: 10px;
width: 290px;
}
@media (min-width: 801px) {
/* line 75, scss/partials/_activity-item.scss */
.activity-item__map-wrap {
display: block;
}
}
/* line 1, scss/partials/_page-contacts.scss */
.pcontacts {
border: none;
color: #6b6b6b;
text-align: left;
}
/* line 7, scss/partials/_page-contacts.scss */
.resp-tabs > div:first-of-type > .resp-accordion {
border-radius: 4px 4px 0 0;
}
/* line 12, scss/partials/_page-contacts.scss */
.resp-tabs > div:last-of-type > .resp-accordion,
.resp-tabs > div:last-of-type > .resp-tab-content-active {
border-radius: 0 0 4px 4px;
}
/* line 16, scss/partials/_page-contacts.scss */
.resp-tabs > div:last-of-type > .resp-tab-active.resp-accordion {
border-radius: 0;
}
/* line 21, scss/partials/_page-contacts.scss */
.pcontacts__wrap .resp-accordion {
text-align: left;
padding-left: 55px;
}
/* line 26, scss/partials/_page-contacts.scss */
.pcontacts__wrap .resp-tab-content {
background: #f9f9f9;
margin-top: 2px;
}
/* line 48, scss/partials/_page-contacts.scss */
.pcontacts__inner {
border-bottom: 2px solid #fff;
padding: 20px 20px 40px;
}
/* line 52, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item:last-child .pcontacts__inner {
border: none;
}
@media (min-width: 801px) {
/* line 59, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item:nth-last-child(2):nth-child(odd) .pcontacts__inner--half {
border: none;
}
}
/* line 66, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item.one-whole .pcontacts__inner--third {
border-bottom: 2px solid #fff !important;
}
@media (min-width: 481px) {
/* line 71, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item:nth-last-child(2):nth-child(odd) .pcontacts__inner--third {
border: none;
}
}
@media (min-width: 801px) {
/* line 77, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item:nth-last-child(2):nth-child(3n+2) .pcontacts__inner--third {
border: none;
}
/* line 81, scss/partials/_page-contacts.scss */
.pcontacts__wrap .grid__item:nth-last-child(3):nth-child(3n+1) .pcontacts__inner--third {
border: none;
}
}
/* line 87, scss/partials/_page-contacts.scss */
.pcontacts__title {
font-size: 18px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #2f6b73;
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 35px;
line-height: 21px;
text-transform: uppercase;
}
/* line 99, scss/partials/_page-contacts.scss */
.pcontacts__title--light {
color: #3ba5bd;
}
/* line 103, scss/partials/_page-contacts.scss */
.pcontacts__undertitle {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
color: #334f68;
}
/* line 109, scss/partials/_page-contacts.scss */
.pcontacts__contacts {
white-space: nowrap;
}
/* line 112, scss/partials/_page-contacts.scss */
.pcontacts__contacts svg {
width: 15px;
fill: #6b6b6b;
}
/* line 117, scss/partials/_page-contacts.scss */
.pcontacts__contacts dt {
float: left;
clear: left;
width: 60px;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
}
/* line 125, scss/partials/_page-contacts.scss */
.pcontacts__contacts dd {
margin-left: 65px;
}
/* line 130, scss/partials/_page-contacts.scss */
.pcontacts__button__wrap {
margin-top: 15px;
text-align: left;
}
@media (min-width: 801px) {
/* line 130, scss/partials/_page-contacts.scss */
.pcontacts__button__wrap {
text-align: right;
margin-top: 0;
position: absolute;
bottom: 6px;
}
}
/* line 142, scss/partials/_page-contacts.scss */
.pcontacts__address__wrap {
position: relative;
}
/* line 146, scss/partials/_page-contacts.scss */
.pcontacts__address--title {
margin: 0;
}
@media (min-width: 801px) {
/* line 152, scss/partials/_page-contacts.scss */
#traffic .resp-tabs-list {
display: none;
}
/* line 156, scss/partials/_page-contacts.scss */
#traffic .resp-tab-content {
display: block;
margin-top: 0;
background: none;
}
/* line 162, scss/partials/_page-contacts.scss */
#traffic .traffic-container {
padding: 0;
}
/* line 166, scss/partials/_page-contacts.scss */
#traffic h2 {
font-size: 28px;
font-size: 1.86667rem;
line-height: 1.57143;
color: #3ba5bd;
}
}
/* line 173, scss/partials/_page-contacts.scss */
.traffic-container {
padding: 20px 20px 0;
}
/* line 1, scss/partials/_mapboxes.scss */
.mapboxes-wrapper {
position: relative;
}
/* line 5, scss/partials/_mapboxes.scss */
.mapboxes {
background: url('../img/bg/contacts.png?1661423276') repeat;
background: rgba(29, 191, 215, 0.75);
min-height: 580px;
padding: 45px 0;
position: absolute;
top: 0;
left: 0;
min-width: 100%;
}
/* line 16, scss/partials/_mapboxes.scss */
.mapboxes__box {
background: white;
border-bottom: 4px solid #334f68;
padding: 28px;
margin-top: 15px;
color: #6b6b6b;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
@media (min-width: 801px) {
/* line 16, scss/partials/_mapboxes.scss */
.mapboxes__box {
margin-top: 0;
min-height: 378px;
}
}
/* line 30, scss/partials/_mapboxes.scss */
.mapboxes__title {
font-size: 24px;
line-height: 24px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #334f68;
text-transform: uppercase;
margin-bottom: 17px;
}
/* line 40, scss/partials/_mapboxes.scss */
.mapboxes__name {
font-size: 20px;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #3ba5bd;
margin-bottom: 0;
line-height: 1.2;
}
/* line 49, scss/partials/_mapboxes.scss */
.mapboxes__img__wrap {
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 801px) {
/* line 49, scss/partials/_mapboxes.scss */
.mapboxes__img__wrap {
margin-top: 0;
margin-bottom: 0;
}
}
/* line 59, scss/partials/_mapboxes.scss */
.mapboxes__img {
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
-ms-border-radius: 80px;
-o-border-radius: 80px;
border-radius: 80px;
}
/* line 63, scss/partials/_mapboxes.scss */
.mapboxes__contacts, .mapboxes__idnums {
margin-top: 17px;
margin-bottom: 30px;
}
/* line 67, scss/partials/_mapboxes.scss */
.mapboxes__contacts svg, .mapboxes__idnums svg {
width: 15px;
fill: #6b6b6b;
}
/* line 72, scss/partials/_mapboxes.scss */
.mapboxes__contacts dt, .mapboxes__idnums dt {
float: left;
width: 60px;
font-weight: bold;
}
/* line 77, scss/partials/_mapboxes.scss */
.mapboxes__contacts dd, .mapboxes__idnums dd {
margin-left: 70px;
}
/* line 82, scss/partials/_mapboxes.scss */
.mapboxes__idnums {
margin: 13px 0;
}
@media (min-width: 801px) {
/* line 86, scss/partials/_mapboxes.scss */
.mapboxes__contacts--last {
margin-bottom: 0;
}
}
/* line 92, scss/partials/_mapboxes.scss */
.mapboxes__address {
margin-top: 12px;
font-style: normal;
}
/* line 97, scss/partials/_mapboxes.scss */
.mapboxes__button {
margin-top: 50px;
}
/* line 101, scss/partials/_mapboxes.scss */
.mapboxes__relative {
position: relative !important;
}
/* line 1, scss/partials/_facecard.scss */
.facecard {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
background-color: #fff;
display: block;
position: relative;
overflow: hidden;
margin-bottom: 10px;
text-decoration: none;
}
/* line 10, scss/partials/_facecard.scss */
.facecard header {
height: 140px;
}
/* line 13, scss/partials/_facecard.scss */
.facecard:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
background-color: rgba(255, 255, 255, 0.2);
top: 83px;
}
/* line 24, scss/partials/_facecard.scss */
.facecard--orange .facecard__title {
color: #f26b48;
}
/* line 27, scss/partials/_facecard.scss */
.facecard--orange .facecard__content {
color: #733829;
}
/* line 32, scss/partials/_facecard.scss */
.facecard--green .facecard__title {
color: #67ae43;
}
/* line 35, scss/partials/_facecard.scss */
.facecard--green .facecard__content {
color: #426b2d;
}
/* line 39, scss/partials/_facecard.scss */
.facecard__bg {
width: 100%;
height: 100px;
position: absolute;
top: 0;
left: 0;
}
/* line 46, scss/partials/_facecard.scss */
.facecard--orange .facecard__bg {
background-color: #f59076;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF59076', endColorstr='#FFF26B48');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f59076), color-stop(100%, #f26b48));
background-image: -webkit-linear-gradient(top, #f59076 0%, #f26b48 100%);
background-image: -moz-linear-gradient(top, #f59076 0%, #f26b48 100%);
background-image: -o-linear-gradient(top, #f59076 0%, #f26b48 100%);
background-image: linear-gradient(top, #f59076 0%, #f26b48 100%);
}
/* line 51, scss/partials/_facecard.scss */
.facecard--green .facecard__bg {
background-color: #8dc272;
*zoom: 1;
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF8DC272', endColorstr='#FF67AE43');
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8dc272), color-stop(100%, #67ae43));
background-image: -webkit-linear-gradient(top, #8dc272 0%, #67ae43 100%);
background-image: -moz-linear-gradient(top, #8dc272 0%, #67ae43 100%);
background-image: -o-linear-gradient(top, #8dc272 0%, #67ae43 100%);
background-image: linear-gradient(top, #8dc272 0%, #67ae43 100%);
}
/* line 57, scss/partials/_facecard.scss */
.facecard__main-img {
width: 130px;
height: 130px;
left: 50%;
margin-left: -65px;
position: absolute;
top: 35px;
z-index: 1;
}
/* line 65, scss/partials/_facecard.scss */
.facecard__main-img img {
width: 130px;
height: 130px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 4px solid white;
}
/* line 72, scss/partials/_facecard.scss */
.facecard__title {
color: #626161;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 22px;
font-size: 1.46667rem;
line-height: 1;
margin-bottom: 25px;
text-decoration: underline;
width: 100%;
}
/* line 81, scss/partials/_facecard.scss */
.facecard:hover .facecard__title {
text-decoration: none;
}
/* line 85, scss/partials/_facecard.scss */
.facecard__content {
margin-top: 180px;
margin-bottom: 35px;
}
/* line 88, scss/partials/_facecard.scss */
.facecard__content p {
text-align: center;
text-decoration: none;
}
/* line 1, scss/partials/_media-icons.scss */
.media-icons {
margin-top: 20px;
}
/* line 6, scss/partials/_media-icons.scss */
.media-icons.is-active .media-icons__inner {
position: relative;
overflow: hidden;
}
/* line 9, scss/partials/_media-icons.scss */
.media-icons.is-active .media-icons__inner:after {
position: absolute;
left: 50%;
bottom: 0;
content: " ";
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ededed;
}
/* line 22, scss/partials/_media-icons.scss */
.media-icons__icon {
display: inline-block;
border: 2px solid #d9d9d9;
padding: 7px;
margin-bottom: 15px;
-webkit-border-radius: 110px;
-moz-border-radius: 110px;
-ms-border-radius: 110px;
-o-border-radius: 110px;
border-radius: 110px;
}
/* line 28, scss/partials/_media-icons.scss */
.media-icons__icon:focus {
outline: none;
}
/* line 35, scss/partials/_media-icons.scss */
.media-icons__icon:hover, .media-icons.is-active .media-icons__icon {
border-color: #b0b0b0;
}
/* line 40, scss/partials/_media-icons.scss */
.media-icons__name {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
font-weight: 800;
color: #7e7e7e;
text-align: center;
min-height: 42px;
}
/* line 50, scss/partials/_media-icons.scss */
.media-icons__content {
background: #f7f7f7;
}
/* line 1, scss/partials/_schedule.scss */
.schedule {
position: relative;
max-width: 1065px;
margin: 0 auto;
padding: 0 10px;
text-align: center;
}
@media (min-width: 481px) {
/* line 1, scss/partials/_schedule.scss */
.schedule {
padding: 0 20px;
}
}
/* line 12, scss/partials/_schedule.scss */
.schedule .nav-wrap {
display: inline-block;
position: relative;
}
@media (min-width: 1251px) {
/* line 12, scss/partials/_schedule.scss */
.schedule .nav-wrap {
position: static;
}
}
/* line 20, scss/partials/_schedule.scss */
.schedule .nav {
margin-bottom: 20px;
text-align: center;
}
/* line 23, scss/partials/_schedule.scss */
.schedule .nav > a {
color: #0a8a9d;
font-style: italic;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
margin-left: 10px;
position: relative;
}
/* line 32, scss/partials/_schedule.scss */
.schedule .nav > a a {
text-decoration: underline;
}
/* line 34, scss/partials/_schedule.scss */
.schedule .nav > a a:hover {
text-decoration: none;
}
/* line 39, scss/partials/_schedule.scss */
.schedule .nav > a.active {
color: #334f68;
text-decoration: none;
}
/* line 42, scss/partials/_schedule.scss */
.schedule .nav > a.active a {
text-decoration: none;
}
/* line 47, scss/partials/_schedule.scss */
.schedule .nav > a:first-child {
margin-left: 0;
}
/* line 50, scss/partials/_schedule.scss */
.schedule .nav > a:first-child:before {
content: none;
}
@media (min-width: 481px) {
/* line 23, scss/partials/_schedule.scss */
.schedule .nav > a {
margin-left: 37px;
}
/* line 58, scss/partials/_schedule.scss */
.schedule .nav > a:before {
content: '-';
position: absolute;
left: -23px;
}
}
@media (min-width: 601px) {
/* line 23, scss/partials/_schedule.scss */
.schedule .nav > a {
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
}
}
/* line 70, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .nav-arrow-left, .schedule .bx-next, .schedule .bx-prev {
background-repeat: no-repeat;
background-position: center;
content: "";
display: block;
height: 37px;
opacity: 0.8;
position: absolute;
top: -7px;
width: 37px;
display: none;
}
/* line 82, scss/partials/_schedule.scss */
.schedule .nav-arrow-right:hover, .schedule .nav-arrow-left:hover, .schedule .bx-next:hover, .schedule .bx-prev:hover {
opacity: 1;
}
@media (min-width: 601px) {
/* line 70, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .nav-arrow-left, .schedule .bx-next, .schedule .bx-prev {
display: block;
}
}
@media (min-width: 1201px) {
/* line 70, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .nav-arrow-left, .schedule .bx-next, .schedule .bx-prev {
top: 50%;
margin-top: -18px;
}
}
/* line 95, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .bx-next {
background-image: url('../img/icons/arrow-right-white-transp.png?1661423276');
right: 15px;
}
@media (min-width: 801px) {
/* line 95, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .bx-next {
right: 20px;
}
}
@media (min-width: 1201px) {
/* line 95, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .bx-next {
right: -40px;
}
}
@media (min-width: 1441px) {
/* line 95, scss/partials/_schedule.scss */
.schedule .nav-arrow-right, .schedule .bx-next {
right: -80px;
}
}
/* line 111, scss/partials/_schedule.scss */
.schedule .nav-arrow-left, .schedule .bx-prev {
background-image: url('../img/icons/arrow-left-white-transp.png?1661423276');
left: 15px;
}
@media (min-width: 801px) {
/* line 111, scss/partials/_schedule.scss */
.schedule .nav-arrow-left, .schedule .bx-prev {
left: 20px;
}
}
@media (min-width: 1201px) {
/* line 111, scss/partials/_schedule.scss */
.schedule .nav-arrow-left, .schedule .bx-prev {
left: -40px;
}
}
@media (min-width: 1441px) {
/* line 111, scss/partials/_schedule.scss */
.schedule .nav-arrow-left, .schedule .bx-prev {
left: -80px;
}
}
/* line 128, scss/partials/_schedule.scss */
.schedule__table {
border-radius: 4px;
border-top: 1px solid bfedf4;
border-right: 1px solid bfedf4;
border-collapse: separate;
width: 100%;
}
/* line 136, scss/partials/_schedule.scss */
.schedule__table th, .schedule__table td {
text-align: left;
color: #37565a;
border-bottom: 1px solid #bfedf4;
border-left: 1px solid #bfedf4;
height: 35px;
line-height: 35px;
width: 10%;
padding: 5px;
}
@media (min-width: 601px) {
/* line 136, scss/partials/_schedule.scss */
.schedule__table th, .schedule__table td {
padding: 5px 10px;
}
}
/* line 150, scss/partials/_schedule.scss */
.schedule__table th {
background-color: #e8f8fb;
}
/* line 152, scss/partials/_schedule.scss */
.schedule__table th:first-child {
border-radius: 4px 0 0 0;
}
/* line 155, scss/partials/_schedule.scss */
.schedule__table th:last-child {
border-radius: 0 4px 0 0;
}
/* line 161, scss/partials/_schedule.scss */
.schedule__table tbody tr:last-child td:first-child {
border-radius: 0 0 0 4px;
}
/* line 164, scss/partials/_schedule.scss */
.schedule__table tbody tr:last-child td:last-child {
border-radius: 0 0 4px 0;
}
/* line 169, scss/partials/_schedule.scss */
.schedule__table tbody td:first-child {
font-weight: 800;
width: 20%;
}
/* line 173, scss/partials/_schedule.scss */
.schedule__table .schedule__table__data {
border: 1px solid #c3e5ac;
background-color: #d7f1c5;
color: #fff;
font-weight: bold;
text-align: center;
}
/* line 180, scss/partials/_schedule.scss */
.schedule__table .schedule__table__data--plavci {
border-color: #e6a561;
background-color: #ffb260;
}
/* line 184, scss/partials/_schedule.scss */
.schedule__table .schedule__table__data--rezervace {
border-color: #e16653;
background-color: #ff735d;
}
/* line 188, scss/partials/_schedule.scss */
.schedule__table tr {
background-color: #fff;
}
/* line 258, scss/partials/_schedule.scss */
.schedule__legend__item {
color: #334f68;
text-align: left;
}
/* line 262, scss/partials/_schedule.scss */
.schedule__legend__item:before {
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.57143;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
display: inline-block;
content: "";
width: 15px;
height: 15px;
margin-right: 5px;
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 8px;
vertical-align: middle;
}
@media (min-width: 481px) {
/* line 258, scss/partials/_schedule.scss */
.schedule__legend__item {
display: inline-block;
margin: 0 10px;
}
}
/* line 282, scss/partials/_schedule.scss */
.schedule__legend__item--volno:before {
background-color: #9fde73;
}
/* line 288, scss/partials/_schedule.scss */
.schedule__legend__item--plavci:before {
background-color: #ffb260;
}
/* line 294, scss/partials/_schedule.scss */
.schedule__legend__item--rezervace:before {
background-color: #ff735d;
}
/* line 300, scss/partials/_schedule.scss */
.schedule__legend__item--blank:before {
display: none;
}
/* line 1, scss/partials/_mapbox.scss */
.map__wrap {
position: relative;
}
/* line 5, scss/partials/_mapbox.scss */
.mapbox {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
width: 350px;
background-color: #fff;
padding: 20px;
margin-left: 30px;
position: absolute;
top: 70px;
left: 50%;
z-index: 20;
}
/* line 16, scss/partials/_mapbox.scss */
.mapbox:after {
content: "";
width: 20px;
height: 20px;
position: absolute;
display: block;
border: 10px solid transparent;
border-right-color: white;
margin-top: -45px;
left: -20px;
top: 50%;
}
@media (min-width: 1025px) {
/* line 5, scss/partials/_mapbox.scss */
.mapbox {
left: auto;
right: 50%;
margin-left: 0;
margin-right: 40px;
}
/* line 35, scss/partials/_mapbox.scss */
.mapbox:after {
border-right-color: transparent;
border-left-color: white;
left: auto;
right: -20px;
}
}
/* line 43, scss/partials/_mapbox.scss */
.mapbox__title {
color: #2f6b73;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
padding-left: 40px;
position: relative;
text-transform: uppercase;
font-size: 18px;
font-size: 1.2rem;
line-height: 1.22222;
}
/* line 54, scss/partials/_mapbox.scss */
.mapbox__icon {
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 0;
}
/* line 61, scss/partials/_mapbox.scss */
.mapbox__content {
color: #6b6b6b;
margin-top: 20px;
position: relative;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 68, scss/partials/_mapbox.scss */
.mapbox__content .address-label, .mapbox__content .phone-label, .mapbox__content .email-label {
font-weight: bold;
}
/* line 72, scss/partials/_mapbox.scss */
.mapbox__content .address, .mapbox__content .email {
margin-top: 10px;
}
/* line 75, scss/partials/_mapbox.scss */
.mapbox__content .btn {
width: 100%;
border-color: #d6d6d6;
background-color: #fff;
margin-top: 10px;
padding: 9px 15px 5px;
text-align: center;
}
@media (max-width: 800px) {
/* line 75, scss/partials/_mapbox.scss */
.mapbox__content .btn {
width: 100%;
}
}
/* line 91, scss/partials/_mapbox.scss */
.mapbox__content .btn:hover {
background-color: #d6d6d6;
color: #fff;
}
/* line 98, scss/partials/_mapbox.scss */
.mapbox__mobile {
position: relative !important;
width: auto !important;
height: auto !important;
top: auto !important;
left: auto !important;
}
/* line 106, scss/partials/_mapbox.scss */
.map__hidden {
height: auto;
}
/* line 110, scss/partials/_mapbox.scss */
.map__link {
display: block;
}
/* line 1, scss/partials/_partners.scss */
.partners {
padding: 20px;
text-align: center;
}
@media (min-width: 1201px) {
/* line 1, scss/partials/_partners.scss */
.partners {
padding: 50px 0 30px;
}
}
/* line 8, scss/partials/_partners.scss */
.partners__header {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
text-transform: uppercase;
color: #334f68;
font-weight: 800;
font-size: 26px;
font-size: 1.73333rem;
line-height: 1.69231;
}
/* line 15, scss/partials/_partners.scss */
.partners__link {
display: inline-block;
font-size: 0;
width: 140px;
margin: 9px 30px 9px 0;
/*filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
transition: all 200ms;
&:hover {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
}*/
}
/* line 37, scss/partials/_partners.scss */
.partners-list {
margin-bottom: 40px;
margin-left: -10px;
}
/* line 41, scss/partials/_partners.scss */
.partners-list > li {
padding-left: 10px;
}
/* line 45, scss/partials/_partners.scss */
.partners-list > li > a,
.partners-list > li > span {
display: block;
background-color: #fff;
border: 1px solid #e7e7e7;
height: 0;
padding-bottom: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: 80%;
}
/* line 59, scss/partials/_partners.scss */
.partners-list--gp > li {
width: 50%;
}
@media (min-width: 481px) {
/* line 59, scss/partials/_partners.scss */
.partners-list--gp > li {
width: 33.333333%;
}
}
@media (min-width: 601px) {
/* line 59, scss/partials/_partners.scss */
.partners-list--gp > li {
width: 25%;
}
}
@media (min-width: 801px) {
/* line 59, scss/partials/_partners.scss */
.partners-list--gp > li {
width: 20%;
}
}
@media (min-width: 1201px) {
/* line 59, scss/partials/_partners.scss */
.partners-list--gp > li {
width: 50%;
}
}
/* line 84, scss/partials/_partners.scss */
.partners-list--hp {
margin-left: -20px;
}
/* line 87, scss/partials/_partners.scss */
.partners-list--hp > li {
width: 33.333333%;
padding-left: 20px;
}
@media (min-width: 481px) {
/* line 87, scss/partials/_partners.scss */
.partners-list--hp > li {
width: 33.333333%;
}
}
@media (min-width: 601px) {
/* line 87, scss/partials/_partners.scss */
.partners-list--hp > li {
width: 25%;
}
}
@media (min-width: 801px) {
/* line 87, scss/partials/_partners.scss */
.partners-list--hp > li {
width: 20%;
}
}
@media (min-width: 1201px) {
/* line 87, scss/partials/_partners.scss */
.partners-list--hp > li {
width: 50%;
}
}
/* line 115, scss/partials/_partners.scss */
.partners-list--p > li {
width: 33.333333%;
}
@media (min-width: 481px) {
/* line 115, scss/partials/_partners.scss */
.partners-list--p > li {
width: 25%;
}
}
@media (min-width: 601px) {
/* line 115, scss/partials/_partners.scss */
.partners-list--p > li {
width: 20%;
}
}
@media (min-width: 801px) {
/* line 115, scss/partials/_partners.scss */
.partners-list--p > li {
width: 12.5%;
}
}
@media (min-width: 1201px) {
/* line 115, scss/partials/_partners.scss */
.partners-list--p > li {
width: 33.333333%;
}
}
/* line 142, scss/partials/_partners.scss */
.partners-list--mp > li {
width: 50%;
}
@media (min-width: 481px) {
/* line 142, scss/partials/_partners.scss */
.partners-list--mp > li {
width: 33.333333%;
}
}
@media (min-width: 601px) {
/* line 142, scss/partials/_partners.scss */
.partners-list--mp > li {
width: 25%;
}
}
@media (min-width: 801px) {
/* line 142, scss/partials/_partners.scss */
.partners-list--mp > li {
width: 20%;
}
}
@media (min-width: 1201px) {
/* line 142, scss/partials/_partners.scss */
.partners-list--mp > li {
width: 50%;
}
}
/* ==========================================================================
Form
========================================================================== */
/* line 5, scss/partials/_form.scss */
.ninja-forms-required-items {
margin-bottom: 20px;
}
/* line 9, scss/partials/_form.scss */
.field-wrap {
margin-bottom: 10px !important;
}
@media (min-width: 481px) {
/* line 14, scss/partials/_form.scss */
.clear-wrap {
clear: both;
}
/* line 18, scss/partials/_form.scss */
.col-12-wrap {
width: 50%;
}
/* line 22, scss/partials/_form.scss */
.col-13-wrap {
width: calc(100% * 1 / 3);
}
/* line 26, scss/partials/_form.scss */
.fl-left-wrap {
float: left;
}
/* line 30, scss/partials/_form.scss */
.padding-left-wrap {
padding-left: 10px;
}
/* line 34, scss/partials/_form.scss */
.padding-right-wrap {
padding-right: 10px;
}
}
/* line 40, scss/partials/_form.scss */
.ninja-forms-form-wrap input[type="text"] {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-color: #f5feff;
border: 1px solid #9ac5cb;
width: 100%;
margin-top: 10px;
margin-bottom: 15px;
padding: 10px;
}
/* line 50, scss/partials/_form.scss */
.ninja-forms-form-wrap .ninja-forms-error input {
border: 2px solid #ff7979;
background-color: #fee3e3;
}
/* line 56, scss/partials/_form.scss */
#ui-datepicker-div {
padding: 5px;
margin-top: 5px;
border: 1px solid #9ac5cb;
background-color: #f5feff !important;
color: #37565a;
}
/* line 64, scss/partials/_form.scss */
.ui-datepicker-header {
padding: 10px !important;
background-color: #e8f8fb;
border: 1px solid #bfedf4;
border-radius: 3px;
}
/* line 71, scss/partials/_form.scss */
.ui-datepicker-calendar {
margin-bottom: 0;
}
/* line 75, scss/partials/_form.scss */
.ui-datepicker-calendar td {
padding: 10px !important;
}
/* line 79, scss/partials/_form.scss */
.ninja-forms-field-error {
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fe3535;
margin: -5px 0 20px 10px;
}
/* line 85, scss/partials/_form.scss */
.ninja-forms-field-error:before {
width: 20px;
height: 20px;
display: block;
float: left;
margin-right: 10px;
content: "";
background-image: url('../img/icons/error.png?1661423276');
}
/*
* Selecter v3.1.1 - 2014-05-13
* A jQuery plugin for replacing default select elements. Part of the Formstone Library.
* http://formstone.it/selecter/
*
* Copyright 2014 Ben Plum; MIT Licensed
*/
/* line 1, scss/partials/_error404.scss */
.error404__wrap {
background-color: #334f68;
background-image: url('../img/bg/bubbles.png?1661423276');
background-repeat: no-repeat;
background-position: center top -75px;
padding: 20px 0 80px;
}
/* line 8, scss/partials/_error404.scss */
.error404__content {
text-align: center;
}
/* line 10, scss/partials/_error404.scss */
.error404__content .btn {
border-color: #5c778f;
color: #fff;
margin-top: 22px;
}
/* line 15, scss/partials/_error404.scss */
.error404__content .btn:hover {
border-color: #fff;
}
/* line 22, scss/partials/_error404.scss */
.error404__h h1 {
color: #405b73;
font-size: 120px;
font-size: 8rem;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 120px;
margin-bottom: 0;
}
/* line 30, scss/partials/_error404.scss */
.error404__h h1 strong {
color: #fff;
}
/* line 34, scss/partials/_error404.scss */
.error404__h p {
color: #849eb6;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 20px;
font-size: 1.33333rem;
margin-bottom: 10px;
margin-top: -15px;
text-transform: uppercase;
}
/* line 43, scss/partials/_error404.scss */
.error404__info {
background-image: url('../img/bg/separator-wave.png?1661423276');
background-repeat: no-repeat;
background-position: center top;
color: #fff;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
padding-top: 30px;
text-transform: uppercase;
}
/* line 53, scss/partials/_error404.scss */
.error404__info strong {
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 800;
}
/* line 1, scss/partials/_offcanvas.scss */
.offcanvas {
position: fixed;
top: 0;
left: -266px;
width: 266px;
background-color: #1d2d3e;
z-index: 500;
overflow: auto;
height: 100%;
-webkit-backface-visibility: hidden;
}
/* line 20, scss/partials/_offcanvas.scss */
.offcanvas__wrap {
overflow-y: scroll;
height: auto;
}
/* line 25, scss/partials/_offcanvas.scss */
.page__offcanvas {
position: absolute;
top: 0;
left: 0;
overflow-y: hidden;
}
/* line 33, scss/partials/_offcanvas.scss */
.navbar__offcanvas--small {
width: 54px;
height: 50px;
}
/* line 38, scss/partials/_offcanvas.scss */
.hero__offcanvas {
margin-top: 50px;
}
/* line 42, scss/partials/_offcanvas.scss */
.body__offcanvas {
overflow: hidden;
}
/* line 1, scss/partials/_cookies.scss */
.cookies {
position: fixed;
left: 0;
bottom: 0;
z-index: 100;
width: 100%;
text-align: center;
background-color: #33404b;
color: #fff;
}
/* line 11, scss/partials/_cookies.scss */
.cookies .btn {
padding: 4px 10px;
margin: 6px;
background-color: #2c3741;
color: #fff;
line-height: 30px;
text-transform: uppercase;
border-radius: 4px;
}
/* line 1, scss/partials/_pronajem.scss */
.container--pronajem {
position: relative;
}
@media (min-width: 1201px) {
/* line 1, scss/partials/_pronajem.scss */
.container--pronajem {
width: 1370px;
min-height: 1050px;
}
}
/* line 9, scss/partials/_pronajem.scss */
.pronajem {
margin: 0;
margin-bottom: 2px;
}
/* line 13, scss/partials/_pronajem.scss */
.pronajem__title {
margin: 0;
}
/* line 15, scss/partials/_pronajem.scss */
.pronajem__title a {
border: 2px solid #f7f7f7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #f7f7f7;
color: #2f6b73;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
display: block;
width: 100%;
text-decoration: none;
font-weight: normal;
padding: 10px 20px;
}
@media (min-width: 1201px) {
/* line 15, scss/partials/_pronajem.scss */
.pronajem__title a {
width: 385px;
}
}
/* line 33, scss/partials/_pronajem.scss */
.pronajem__title a:focus {
outline: none;
}
/* line 39, scss/partials/_pronajem.scss */
.is-active .pronajem__title a {
width: 100%;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: white;
position: relative;
z-index: 888;
border: 2px solid #ebebeb;
border-bottom: 0;
}
@media (min-width: 1201px) {
/* line 39, scss/partials/_pronajem.scss */
.is-active .pronajem__title a {
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-ms-border-radius: 5px 0 0 5px;
-o-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
width: 398px;
border: 2px solid #ebebeb;
border-right: 2px solid white;
}
}
/* line 56, scss/partials/_pronajem.scss */
.pronajem__content {
display: none;
border: 2px solid #ebebeb;
background-color: #fff;
}
@media (min-width: 1201px) {
/* line 56, scss/partials/_pronajem.scss */
.pronajem__content {
left: 420px;
top: 0;
position: absolute;
width: 925px;
min-height: 430px;
}
}
/* line 70, scss/partials/_pronajem.scss */
.is-active .pronajem__content {
display: block;
}
/**
* Shame
*/
/* ==========================================================================
Shame
========================================================================== */
/* line 5, scss/_shame.scss */
.circled-info {
display: inline-block;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
position: relative;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
}
/* line 14, scss/_shame.scss */
.circled-info > li {
margin: 10px auto;
width: 70px;
display: block;
}
@media (min-width: 561px) {
/* line 21, scss/_shame.scss */
.circled-info > li {
display: inline-block;
float: left;
height: 130px;
margin-top: 0;
margin-bottom: 0;
margin-left: 130px;
position: relative;
}
/* line 29, scss/_shame.scss */
.circled-info > li:before {
content: '';
background-color: rgba(255, 255, 255, 0.15);
display: inline-block;
height: 2px;
position: absolute;
top: 34px;
right: 75px;
width: 120px;
}
/* line 39, scss/_shame.scss */
.circled-info > li:first-child {
margin-left: 0;
}
/* line 41, scss/_shame.scss */
.circled-info > li:first-child:before {
content: none;
}
}
/* line 48, scss/_shame.scss */
.circled-info .circle {
border-radius: 35px;
border: 2px solid white;
color: #fff;
height: 70px;
line-height: 70px;
margin: 0 auto;
position: relative;
text-align: center;
width: 70px;
font-size: 18px;
font-size: 1.2rem;
}
/* line 60, scss/_shame.scss */
.circled-info .label {
width: 145px;
position: relative;
left: -38px;
color: #e3ffd1;
margin-top: 8px;
text-align: center;
font-size: 14px;
font-size: 0.93333rem;
}
@media (min-width: 1201px) {
/* line 71, scss/_shame.scss */
.equal {
height: 100% !important;
}
}
/* line 3, scss/_textova-stranka.scss */
.page--text h1, .page--text .alpha {
font-size: 34px;
font-size: 2.26667rem;
line-height: 1.29412;
color: #334f68;
}
/* line 7, scss/_textova-stranka.scss */
.page--text h2, .page--text .beta {
font-size: 28px;
font-size: 1.86667rem;
line-height: 1.57143;
color: #3ba5bd;
}
/* line 11, scss/_textova-stranka.scss */
.page--text h3, .page--text .gamma {
font-size: 24px;
font-size: 1.6rem;
line-height: 1.83333;
color: #334f68;
}
/* line 15, scss/_textova-stranka.scss */
.page--text h4, .page--text .delta, .page--text h5, .page--text .epsilon, .page--text h6, .page--text .zeta {
font-size: 20px;
font-size: 1.33333rem;
line-height: 1.1;
color: #3ba5bd;
}
/* line 21, scss/_textova-stranka.scss */
.page--text p {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 26, scss/_textova-stranka.scss */
.page--text p a {
color: #334f68;
text-decoration: underline;
}
/* line 29, scss/_textova-stranka.scss */
.page--text p a:hover {
text-decoration: none;
}
/* line 34, scss/_textova-stranka.scss */
.page--text strong {
font-weight: bold;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/* line 39, scss/_textova-stranka.scss */
.page--text img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
/* line 45, scss/_textova-stranka.scss */
.page--text .alignleft {
float: left;
margin-right: 20px;
}
/* line 50, scss/_textova-stranka.scss */
.page--text .alignright {
float: right;
margin-left: 20px;
}
/* line 59, scss/_textova-stranka.scss */
.page--text .bulleted, .page--text .bulleted ul {
margin-bottom: 0;
}
/* line 62, scss/_textova-stranka.scss */
.page--text .bulleted li {
min-height: 35px;
line-height: 35px;
background-repeat: no-repeat;
}
/* line 67, scss/_textova-stranka.scss */
.page--text .bulleted .no-bullet {
background: none;
}
/* line 70, scss/_textova-stranka.scss */
.page--text .bulleted > li {
background-position: 15px 11px;
background-image: url('../img/bg/bullet-L1.png?1661423276');
padding-left: 50px;
}
/* line 77, scss/_textova-stranka.scss */
.page--text .bulleted > li ul > li {
background-position: 6px center;
background-image: url('../img/bg/bullet-L2.png?1661423276');
padding-left: 35px;
}
/* line 89, scss/_textova-stranka.scss */
.page--text .resp-tabs-list {
display: none;
}
/* line 93, scss/_textova-stranka.scss */
.page--text .resp-accordion {
display: block;
}
/* line 97, scss/_textova-stranka.scss */
.page--text .resp-accordion-closed {
display: none !important;
}
/* line 109, scss/_textova-stranka.scss */
.page--text form textarea, .page--text form .in-text, .page--text form select {
background-color: #f5feff;
border: 1px solid #9ac5cb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-top: 10px;
padding-left: 1em;
width: 100%;
}
/* line 117, scss/_textova-stranka.scss */
.page--text form select, .page--text form .in-text {
height: 45px;
}
/* line 120, scss/_textova-stranka.scss */
.page--text form select {
margin-top: 0;
}
/* line 123, scss/_textova-stranka.scss */
.page--text form button {
background-color: #1dbfd7;
border: 2px solid #1dbfd7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #fff;
font-size: 16px;
font-size: 1.06667rem;
font-weight: 800;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
height: 51px;
line-height: 51px;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
/* line 137, scss/_textova-stranka.scss */
.page--text form button:hover {
background-color: #fff;
color: #1dbfd7;
}
/* line 142, scss/_textova-stranka.scss */
.page--text form .form-field {
padding-bottom: 40px;
}
/* line 144, scss/_textova-stranka.scss */
.page--text form .form-field label {
font-weight: bold;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 151, scss/_textova-stranka.scss */
.page--text form .form-error {
position: relative;
}
/* line 154, scss/_textova-stranka.scss */
.page--text form .form-error:after {
background-image: url('../img/bg/form-error-X.png?1661423276');
background-position: left center;
background-repeat: no-repeat;
bottom: 10px;
color: #fe3535;
content: 'Chybně zadaný údaj!';
font-weight: bold;
left: 18px;
padding-left: 28px;
position: absolute;
}
/* line 166, scss/_textova-stranka.scss */
.page--text form .form-error .in-text, .page--text form .form-error select, .page--text form .form-error textarea {
border: 2px solid #ff7979;
background-color: #fee3e3;
}
/* line 171, scss/_textova-stranka.scss */
.page--text form.form--poll {
color: #102e34;
}
/* line 174, scss/_textova-stranka.scss */
.page--text form.form--poll .form--poll__question {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
}
/* line 180, scss/_textova-stranka.scss */
.page--text form.form--poll .picker-label {
color: #102e34;
}
/* line 190, scss/_textova-stranka.scss */
.page--text .img-wrap {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(128, 128, 128, 0.5);
width: 100%;
overflow: hidden;
}
/* line 195, scss/_textova-stranka.scss */
.page--text .img-wrap img {
margin: -1px;
width: 100%;
width: calc(100% + 2px);
}
/* line 214, scss/_textova-stranka.scss */
.page--text a[href$='.pdf'],
.page--text a[href$='.doc'],
.page--text a[href$='.docx'],
.page--text a[href$='.ppt'],
.page--text a[href$='.pptx'],
.page--text a[href$='.xls'],
.page--text a[href$='.xlsx'],
.page--text a[href$='.zip'] {
display: block;
background-repeat: no-repeat;
background-position: left center;
height: 40px;
line-height: 40px;
padding-left: 50px;
margin-bottom: 20px;
}
/* line 224, scss/_textova-stranka.scss */
.page--text a[href$='.pdf'] {
background-image: url('../img/icons/filetype/pdf.png?1661423276');
}
/* line 225, scss/_textova-stranka.scss */
.page--text a[href$='.doc'], .page--text a[href$='.docx'] {
background-image: url('../img/icons/filetype/doc.png?1661423276');
}
/* line 226, scss/_textova-stranka.scss */
.page--text a[href$='.ppt'], .page--text a[href$='.pptx'] {
background-image: url('../img/icons/filetype/ppt.png?1661423276');
}
/* line 227, scss/_textova-stranka.scss */
.page--text a[href$='.xls'], .page--text a[href$='.xlsx'] {
background-image: url('../img/icons/filetype/xls.png?1661423276');
}
/* line 228, scss/_textova-stranka.scss */
.page--text a[href$='.zip'] {
background-image: url('../img/icons/filetype/zip.png?1661423276');
}
/* line 234, scss/_textova-stranka.scss */
.page--text .resp-tabs {
border: none;
}
/* line 237, scss/_textova-stranka.scss */
.page--text .resp-accordion {
color: #626161;
font-weight: 600;
font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 15px;
font-size: 1rem;
line-height: 1.46667;
padding-left: 55px;
text-align: left;
}
/* line 238, scss/_textova-stranka.scss */
.page--text .resp-accordion:first-child {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
/* line 241, scss/_textova-stranka.scss */
.page--text .resp-accordion:last-of-type {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* line 251, scss/_textova-stranka.scss */
.page--text .resp-tab-content {
padding: 30px 20px;
background-color: #f9f9f9;
}
/* line 254, scss/_textova-stranka.scss */
.page--text .resp-tab-content p {
color: #102e34;
text-align: left;
}
/* line 267, scss/_textova-stranka.scss */
.page--text .textpage-border-top {
border-top: 1px solid #d2f2f7;
}
/* line 271, scss/_textova-stranka.scss */
.page--text ul.bulleted {
margin-bottom: 50px;
}
/* line 274, scss/_textova-stranka.scss */
.page--text .media {
margin-bottom: 40px;
}
/* line 277, scss/_textova-stranka.scss */
.page--text .media__img--full {
margin-bottom: 1em;
}
/* line 280, scss/_textova-stranka.scss */
.page--text .section {
padding: 40px 0;
}
I am boxed off.
*
* Demo: jsfiddle.net/inuitcss/u8pV3
*
*/
/* line 17, scss/objects/_island.scss */
.islet, .island {
display: block;
}
/* line 22, scss/objects/_island.scss */
.islet {
padding: 20px 0;
}
/* line 26, scss/objects/_island.scss */
.island {
padding: 30px 0;
}
/* line 30, scss/objects/_island.scss */
.islet > :last-child, .island > :last-child {
margin-bottom: 0;
}
/* ==========================================================================
Media
========================================================================== */
/**
* Place any image- and text-like content side-by-side, as per:
* stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
* E.g.:
*
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.