@charset "UTF-8"; /** * @name Functions API * This are all the API functions that are exposed by gridle. */ /** * Get states count * @return {Integer} The number of states defined * @author Olivier Bossel */ /** * Get the current state map * @return {Map} The current state map * @author Olivier Bossel */ /** * Get the current state name * @return {String} The current state name * @author Olivier Bossel */ /** * Get the column width in percent for the global or a specific context * * @param {Integer} [$columns=1] The number of columns to calculate * @param {Integer} [$stateMap-or-stateName=current] The state to calculate the column width for * @return {Percent} The width in percent * @author Olivier Bossel */ /* * Get a state map * * @param {String|Map} [$state=current] The name or map of the state to get * @return {Map} A state map object * @author Olivier Bossel */ /** * Check if a state exist : * @param {String} $name The name of the state to check * @return {Boolean} true if exist * @author Olivier Bossel */ /** * Get a state variable * * @param {String} $varName The variable name * @param {String} [$stateMap-or-stateName=current] The state name or a map state value * @return {Mixed} The finded value */ /** * Set a variable in a state * @param {String} $var Variable name to assign * @param {Mixed} $newValue The new value to assign * @param {String} [$state=current] The state to apply the variable for * @return {List} The states list (full) * @author Olivier Bossel */ /** * get the registered gridle states * @return {Map} All the registered states * @author Olivier Bossel */ /** * get the registered gridle states names * @return {List} All the registered states names * @author Olivier Bossel */ /** * Get the register columns map * @param {String|List} [$state=current] The state name or map * @return {Map} The map of registered columns for the specified state * @author Olivier Bossel */ /** * Will return the generated selector depending on the "package" wanted, the state and some optional values that might be needed by the package (like for row-align that need a "side" value) * @param {String} $package The package to generate the selector for (see _settings.scss file) * @param {String|List */ /** * Return the current used driver * @return {String} The used driver like default or driver * @author Olivier Bossel */ /** * Check if the used driver is the specified one * @param {String} $driver The driver to check * @return {Boolean} True if is the current driver * @author Olivier Bossel */ /** * Get the media query for a particular state, or width, etc... * * @param {Mixed} [$stateName-or-stateMap=current] The state name of the min width * @return {String} The media query string without the @media */ /** * @name Setting mixins * This are all the mixins that are exposed by gridle for the setting up your grid. */ /** * Setting up your grid * @param {Map} $settings Your default grid settings * @example scss * // default settings * $_gridle-settings : ( * name : default, * min-width : null, * max-width : null, * query : null, * classes : true, * context : 12, * column-width : null, * gutter-width : 20px, * gutter-height : 0, * gutter-top : 0, * gutter-right : 10px, * gutter-bottom : 0, * gutter-left : 10px, * direction : ltr, * dir-attribute : false, * name-multiplicator : 1, * states-classes : false, * classes-prefix : null * ); * * // setting up your grid * \@include g-setup(( * context : 12 * // other settings * )); * * @author Olivier Bossel */ /** * Register a new state with some settings * @param {String} $name The new state name * @param {Map} $settings The state settings * @example scss * \@include g-register-state(mobile, ( * max-width : 600px * )); * * @author Olivier Bossel */ /** * Register some clear each that will been generated in classes * @param {Integer} $count The n each item to clear * @param {String} $what What to clear (left, right, both) * @example scss * \@include g-register-clear-each(2, left); * * @author Olivier Bossel */ /** * Register a new custom column in case the generated ones are not enough. * This is useful when you have a 12 columns grid and you need some 1/5 ones. * @param {String} $name The column name * @param {Integer} $columns The column width * @param {Integer} $context The context on which to calculate the column width * * @example scss * \@include g-register-column(1on5, 1, 5); * * @author Olivier Bossel */ /** * Set a pattern for a specified package used to generate the classnames * @param {String} $package The package name to specify the pattern for * @param {List} $pattern The new classname pattern * * @example scss * \@include g-set-classname-map(grid, ('grid','-','%count','@','%state')); * * @author Olivier Bossel */ /** * Set a generic selector for a specific package. This generic selector will be used to target some elements like [class*="gr-"]. * If not specified for a package, the generic selector will be generated automatically but sometimes it's better to hardcode it. * @param {String} $package The package to specify the generic selector for * @param {String} $selector The generic selector like [class*="gr-"], or whatever... * @example scss * \@include g-set-generic-selector(grid, '[class*="gr-"]'); * * @author Olivier Bossel */ /** * Register some basics states: * * - mobile : 0 to 480px * - tablet : 481px to 1024px * * @example scss * \@include g-register-default-states(); * * @author Olivier Bossel */ /** * Register some basics mobile first states: * * - mobile : 320px to infinite * - tablet : 640px to infinite * - desktop : 992px to infinite * - large : 1200px to infinite * * @example scss * \@include g-register-mobile-first-states(); * * @author Olivier Bossel */ /** * Register bootstrap 3 states * * - xs : 0 to 750px * - sm : 750px to infinite * - md : 970px to infinite * - lg : 1170px to infinite * * @example scss * \@include g-register-bootstrap3-states(); * * @author Olivier Bossel */ /** * Register bootstrap 4 states * * - xs : 0 to 576px * - sm : 576px to infinite * - md : 970px to infinite * - lg : 1200px to infinite * * @example scss * \@include g-register-bootstrap4-states(); * * @author Olivier Bossel */ /** * @name Base API * This are all the base API mixins that are exposed by gridle. */ /** * Specify a layout using a single call like in the example bellow * @param {Map} $layout The map layout wanted * @param {Map|List|String} [$context=null] The context in which to apply the layout * @example scss * body { * \@include g-layout(( * '#header' : 12, * '#sidebar' : 4 mobile 12, * '#content' : 8 mobile 12, * '#footer' : 12 * )); * } * * @author Olivier Bossel */ /** * Apply some styling in a passed state * @param {Map|List|String} $states The states to apply the css for. Can be a state map, a list of states or a state name * @example scss * .my-cool-element { * // specify a register state name * \@include g-state(mobile) { * // your css code here... * } * // specify more than one register states * \@include g-state(mobile tablet) { * // your css code here... * } * // specify a min and max width * \@include g-state(200px, 500px) { * // your css code here... * } * // passing a state map (complexe usage) * \@include g-state(( * query : 'print only' * )) { * // your code here... * } * } * * @author Olivier Bossel */ /** * Apply some css depending on the element size (element queries) * **Using this mixin requires that you import the ```gridle-eq.js``` file into your javascript code** * @param {Number} $size The size to take care of. If negative, mean lower than, if positive, mean greater than. * @param {Boolean} [$height=false] Set to true to handle height instead of width * @example scss * .my-cool-element { * \@include g-eq(-400px) { * // your css that will be applied when element * // is between 0 and 399px wide * } * } * * @author Olivier Bossel */ /** * Basically, this is the same as the ```g-state``` mixin, with the difference that it will not print any media queries. It will just create a state context in which your inside code will refer. * @param {Map|List|String} $states The states to apply the css for. Can be a state map, a list of states or a state name * @example scss * @warn(g-get-state-var(min-width)); // will output the min-width of the default state * \@include g-state-context(mobile) { * @warn(g-get-state-var(min-width)); // will output the min-width of the mobile state * } * * @author Olivier Bossel */ /** * Will print the generated selector depending on the "package" wanted, the state and some optional values that might be needed by the package (like for row-align that need a "side" value) * @param {String} $package The package to generate the selector for (see _settings.scss file) * @param {String|List */ /** * Helper gridle mixin that let you specify the grid properties through ```g-set``` map, or a list of properties like "8 push 2 mobile 12 push 0" * @param {Map|List} $properties The grid properties to apply * @example scss * #content { * // using list * \@include gridle(8 mobile 12); * // using a map * \@include gridle(( * grid : 8, * mobile : ( * grid : 12 * ) * )); * } * * @author Olivier Bossel */ /** * Helper mixin that let you specify the grid properties through map formated like in the example bellow. * Here's the possible properties: * * - ```grid``` {Integer} : The grid column count * - ```container``` {Boolean} : Set the element as container * - ```grid-grow``` {Boolean} : Set the element a grid column that grow * - ```grid-adapt``` {Boolean} : Set the element a grid column that adapt * - ```grid-table``` {Boolean} : Set the element a grid column of type table * - ```push``` {Integer} : Set the push count * - ```pull``` {Integer} : Set the pull count * - ```prefix``` {Integer} : Set the prefix count * - ```suffix``` {Integer} : Set the suffix count * - ```clear-each``` {Integer} : Set the clear each count * - ```grid-centered``` {Boolean} : Set the grid column as centered * - ```row``` {Boolean} : Set the element as a grid row * - ```row-full``` {Boolean} : Set the element as a grid row full * - ```col``` {Boolean} : Set the element as a grid column (vertical) * - ```row-align``` {String} : Set the row alignement * - ```row-no-gutter``` {Boolean} : Remove the gutters on columns inside this row * - ```nowrap``` {Boolean} : Set a nowrap on the row * - ```wrap``` {Boolean} : Reset the wrap property on the row * - ```order``` {Integer} : Set the order of the column (flex driver) * - ```hide``` {Boolean} : Hide the element * - ```show``` {Boolean} : Show the element * - ```visible``` {Boolean} : Set the visibility of the element to visible * - ```not-visible``` {Boolean} : Set the visibility of the element to hidden * - ```invisible``` {Boolean} : Set the visibility of the element to hidden * - ```show-inline``` {Boolean} : Set the display of the element to inline-block * - ```float``` {String} : Set the specified float of the element * - ```clear``` {String} : Clear the specified float of the element * - ```no-gutter``` {Boolean|String|List} : Remove the specified gutters * - ```gutter``` {Boolean|String|List} : Apply the specified gutters * * @param {Map} $properties The grid map properties to apply * @example scss * #content { * // using a map * \@include gridle(( * grid : 8, * push : 2 * mobile : ( * grid : 12 * ), * {stateName} : {mapProperties} * )); * } * * @author Olivier Bossel */ /** * Set the push count for the column * @param {Integer} $columns The number of columns to push this column * @param {Integer} [$context=null] The context on which to calculate the push value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-push(2); * } * * @author Olivier Bossel */ /** * Set the pull count for the column * @param {Integer} $columns The number of columns to pull this column * @param {Integer} [$context=null] The context on which to calculate the pull value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-pull(2); * } * * @author Olivier Bossel */ /** * Set the prefix count for the column * @param {Integer} $columns The number of columns to prefix this column * @param {Integer} [$context=null] The context on which to calculate the prefix value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-prefix(2); * } * * @author Olivier Bossel */ /** * Set the suffix count for the column * @param {Integer} $columns The number of columns to suffix this column * @param {Integer} [$context=null] The context on which to calculate the suffix value. By default, it is the default context setted with ```g-setup```. * @example scss * .my-cool-column { * \@include g-suffix(2); * } * * @author Olivier Bossel */ /** * Display a debug grid on top of the row * @example scss * .my-row { * \@include g-row-debug(); * } * * @author Olivier Bossel */ /** * Make the element a grid container * @example scss * .my-cool-container { * \@include g-container(); * } * * @author Olivier Bossel */ /** * Remove the gutters on each columns inside the row * @param {String|List} [$sides=top right bottom left] The sides to clear * @example scss * .my-cool-row { * \@include g-row-no-gutter(left right); * } * * @author Olivier Bossel */ /** * Make a column centered * @example scss * .my-cool-column { * \@include g-grid-centered(); * } * * @author Olivier Bossel */ /** * Hide an element * @example scss * .my-cool-element { * \@include g-hide(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to hidden * @example scss * .my-cool-element { * \@include g-not-visible(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to hidden * @example scss * .my-cool-element { * \@include g-invisible(); * } * * @author Olivier Bossel */ /** * Set the display of an element to block * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the display of an element to inline-block * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the visibility of an element to visible * @example scss * .my-cool-element { * \@include g-show(); * } * * @author Olivier Bossel */ /** * Set the float property of the element to the specified direction * @param {String} [$float=left] The float direction to set * @example scss * .my-cool-element { * \@include g-float(right); * } * * @author Olivier Bossel */ /** * Clear the float property of the element to the specified direction * @param {String} [$float=left] The float direction to clear * @example scss * .my-cool-element { * \@include g-clear(right); * } * * @author Olivier Bossel */ /** * Remove the gutters on the column * @param {String|List} [$sides=top right bottom left] The sides to clear * @example scss * .my-cool-column { * \@include g-no-gutter(left right); * } * * @author Olivier Bossel */ /** * Set the gutters on the column * @param {String|List} [$sides=top right bottom left] The sides to apply gutters on * @example scss * .my-cool-column { * \@include g-gutter(left right); * } * * @author Olivier Bossel */ /** * @name Generate mixins * This are all the mixins that you can use to generate classes to use inside your HTML codebase */ /** * Generate a custom class for all the states * @param {List} $pattern The name pattern of the class * @param {List} [$statesNames=null] The states names to generate. If null or all, will generate the class for all registered states * @example scss * \@include g-generate-custom-class(('my','-','cool','-','class','-','%state')) { * color: pink; * padding: g-get-state-var(gutter-left); * } * * @author Olivier Bossel */ /** * Generate all the classes depending on the packages you have specified like: * - ```.container@{state}``` : default container * - ```.row@{state}``` : default row * - ```.row-align-{align}@{state}``` : default row-align * - ```.row-full@{state}``` : default row-full * - ```.row-debug@{state}``` : default row-debug * - ```.row-no-gutter@{state}``` : default row-no-gutter * - ```.nowrap@{state}``` : default nowrap * - ```.wrap@{state}``` : default wrap * - ```.col@{state}``` : default col * - ```.gr-{column}@{state}``` : default grid * - ```.gr-table@{state}``` : default gr-table * - ```.gr-grow@{state}``` : default gr-grow * - ```.gr-adapt@{state}``` : default gr-adapt * - ```.gr-centered@{state}``` : default gr-centered * - ```.push@{state}``` : default push * - ```.pull@{state}``` : default pull * - ```.prefix@{state}``` : default prefix * - ```.suffix@{state}``` : default suffix * - ```.hide@{state}``` : helpers hide * - ```.show@{state}``` : helpers show * - ```.show-inline@{state}``` : helpers show-inline * - ```.not-visible@{state}``` : helpers not-visible * - ```.visible@{state}``` : helpers visible * - ```.float-{%float}@{state}``` : helpers float * - ```.clear-{%float}@{state}``` : helpers clear * - ```.clear-each-{%count}@{state}``` : helpers clear-each * - ```.gutter-{%side}@{state}``` : helpers gutter * - ```.no-gutter-{%side}@{state}``` : helpers no-gutter * - ```.auto-height@{state}``` : helpers auto-height * - ```.order-{%column-count}@{state}``` : helpers order * * @param {String|List} [$states=all] The states to generate the classes for * @param {String|List} [$package=all] The packages to generate the classes for * @param {String} [$scope=null] A classname to scope the classes in * * @example scss * // generate all the classes * \@include g-classes(); * // generate only certain states * \@include g-classes(mobile tablet); * // generate only the helpers for all the states * \@include g-classes(all, helpers); * * @author Olivier Bossel */ /** * @name Default driver API * This are all the API mixins that are exposed by gridle for the flex driver. */ /** * Set the element as a row * @param {Boolean} [$reverse=false] Revert the columns order if true * @example scss * .my-cool-row { * \@include g-row(); * } * * @author Olivier Bossel */ /** * Set the element as a col * @param {Boolean} [$reverse=false] Revert the columns order if true * @example scss * .my-cool-col { * \@include g-col(); * } * * @author Olivier Bossel */ /** * Apply a nowrap on the element * @example scss * .my-cool-element { * \@include g-nowrap(); * } * * @author Olivier Bossel */ /** * Reset the nowrap on the element * @example scss * .my-cool-element { * \@include g-wrap(); * } * * @author Olivier Bossel */ /** * Apply a column width on the element * @param {Integer|String} $columns The column count to apply or a registered column name * @param {Integer} [$context=null] The context on which to calculate the column width. If null, take the context setted with ```g-setup``` * @example scss * .my-cool-column { * \@include g-grid(2); * } * * @author Olivier Bossel */ /** * Set the width of the row element to full viewport width * @example scss * .my-cool-row { * \@include g-row(); * \@include g-row-full(); * } * * @author Olivier Bossel */ /** * Set the width of the grid element to adapt to his content * @example scss * .my-cool-column { * \@include g-grid-adapt(); * // or * \@include g-grid(adapt); * } * * @author Olivier Bossel */ /** * Set the width of the grid element to grow depending on the place it has at disposal * @example scss * .my-cool-column { * \@include g-grid-grow(); * // or * \@include g-grid(grow); * } * * @author Olivier Bossel */ /** * Set the position that the column has to take inside the row to rearange the order * @example scss * .my-cool-column { * \@include g-grid(2); * \@include g-order(1); * } * * @author Olivier Bossel */ /** * Set the alignement of the columns inside the row using these alignement properties: * * - top : Align vertical top * - middle : Align vertical middle * - bottom : Align vertical bottom * - left : Align horizontal left * - center : Align horizontal center * - right : Align horizontal right * * @example scss * .my-cool-row { * \@include g-row-align(middle center); * \@include g-row-align(right); * \@include g-row-align(middle); * // etc... * } * * @author Olivier Bossel */ /* line 1, dev/sass/includes/_reset.scss */ * { margin: 0; bottom: 0; padding: 0; } /* line 7, dev/sass/includes/_reset.scss */ .invisible, .hide, .hidden { display: none; } /** * @name default State * Here's the settings for the **default** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name default * @gridle-min-width * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-wide State * Here's the settings for the **from-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-desktop State * Here's the settings for the **til-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-desktop * @gridle-min-width * @gridle-max-width 1590px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-tablet State * Here's the settings for the **til-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-tablet * @gridle-min-width * @gridle-max-width 1160px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-tabletPortrait State * Here's the settings for the **til-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-tabletPortrait * @gridle-min-width * @gridle-max-width 800px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-handheld State * Here's the settings for the **til-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-handheld * @gridle-min-width * @gridle-max-width 600px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name til-mobile State * Here's the settings for the **til-mobile** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name til-mobile * @gridle-min-width * @gridle-max-width 480px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-wide State * Here's the settings for the **from-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-desktop State * Here's the settings for the **from-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-desktop * @gridle-min-width 1160px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-tablet State * Here's the settings for the **from-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-tablet * @gridle-min-width 800px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-tabletPortrait State * Here's the settings for the **from-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-tabletPortrait * @gridle-min-width 600px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name from-handheld State * Here's the settings for the **from-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name from-handheld * @gridle-min-width 480px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-wide State * Here's the settings for the **on-wide** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-wide * @gridle-min-width 1590px * @gridle-max-width * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-desktop State * Here's the settings for the **on-desktop** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-desktop * @gridle-min-width 1160px * @gridle-max-width 1590px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-tablet State * Here's the settings for the **on-tablet** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-tablet * @gridle-min-width 800px * @gridle-max-width 1160px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-tabletPortrait State * Here's the settings for the **on-tabletPortrait** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-tabletPortrait * @gridle-min-width 600px * @gridle-max-width 800px * @gridle-query * @gridle-classes true * @gridle-context 12 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-handheld State * Here's the settings for the **on-handheld** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-handheld * @gridle-min-width 480px * @gridle-max-width 600px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ /** * @name on-mobile State * Here's the settings for the **on-mobile** state. * @styleguide Gridle / States * @display gridle-settings * @gridle-name on-mobile * @gridle-min-width * @gridle-max-width 480px * @gridle-query * @gridle-classes true * @gridle-context 4 * @gridle-gutter-width 20px * @gridle-gutter-height 0 * @gridle-gutter-top 0 * @gridle-gutter-right 10px * @gridle-gutter-bottom 0 * @gridle-gutter-left 10px * @gridle-direction ltr * @gridle-dir-attribute false * @gridle-name-multiplicator 1 * @gridle-states-classes false * @gridle-classes-prefix */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0.1; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0.1; } 100% { opacity: 1; -webkit-transform: none; transform: none; } } /* line 34, dev/sass/includes/_animations.scss */ .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-light { font-weight: 300; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-regular { font-weight: 400; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-semibold { font-weight: 500; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-extrabold { font-weight: 700; } /* line 81, dev/sass/includes/_fonts.scss */ .copy-bold { font-weight: 700; } /* line 1, dev/sass/modules/_defaults.scss */ * { border: none; } /* line 5, dev/sass/modules/_defaults.scss */ html, body { color: #2d2d2d; overflow-x: hidden; background-color: #eee; } /* line 12, dev/sass/modules/_defaults.scss */ img { vertical-align: bottom; } /* line 16, dev/sass/modules/_defaults.scss */ html { height: 100%; } /* line 20, dev/sass/modules/_defaults.scss */ body { font-family: "Proxima Nova", sans-serif; font-weight: 300; } /* line 29, dev/sass/modules/_defaults.scss */ a { text-decoration: none; color: #606060; } /* line 34, dev/sass/modules/_defaults.scss */ p { margin-bottom: 15px; } /* line 38, dev/sass/modules/_defaults.scss */ header, footer, #main { position: relative; } /* line 42, dev/sass/modules/_defaults.scss */ h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-size: 1.6666666667rem; } /* line 46, dev/sass/modules/_defaults.scss */ h1, .h1, h2, .h2, h3, .h3 { font-size: 2.2222222222rem; } /* line 50, dev/sass/modules/_defaults.scss */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { padding-bottom: 20px; } /* line 54, dev/sass/modules/_defaults.scss */ [class*='mod_'] { position: relative; } /* line 58, dev/sass/modules/_defaults.scss */ #wrapper { width: 100%; max-width: 1590px; margin: 0 auto; background-color: #fff; } /* line 65, dev/sass/modules/_defaults.scss */ #container { padding-top: 70px; } /* line 3, dev/sass/modules/_header.scss */ #header { height: 70px; z-index: 1000; position: fixed; width: 100%; top: 0; } /* line 10, dev/sass/modules/_header.scss */ #header .inside { width: 100%; max-width: 1610px; margin: 0 auto; height: 100%; background-color: white; position: relative; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .inside, .ce_form .formbody, .ce_rsce_m11_teaserwall .wrapper, .ce_rsce_m12_image_text .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .ce_hyperlink, #header .mod_navigation, #header.small_logo .mod_navigation, .ce_rsce_h_logo, .small_logo .ce_rsce_h_logo, .ce_form .formbody > fieldset, .ce_rsce_m10_icon_text .item > .image_container, .ce_rsce_m10_icon_text .item > .text, .ce_rsce_m11_teaserwall, .ce_rsce_m11_teaserwall .item, .ce_rsce_m12_image_text, .ce_rsce_m12_image_text .image_container, .ce_rsce_m12_image_text .text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, #header.small_logo .mod_navigation, .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { position: relative; } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m9_iconslider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m3_image_text_cols .m3_boxes .m3_box, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m5_image_text_cols .m5_boxes .m5_box, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m8_image_list_cols .m8_box, .ce_rsce_m8a_image_list_cols, .ce_rsce_m8a_image_list_cols .m8_box, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text, .ce_rsce_m10_icon_text .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, .ce_rsce_h_logo, .ce_rsce_f_text_cols .item, .ce_rsce_m11_teaserwall .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (max-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ #header .mod_navigation, .ce_rsce_h_logo { position: relative; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m9_iconslider { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m3_image_text_cols .m3_boxes .m3_box, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m5_image_text_cols .m5_boxes .m5_box, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m8_image_list_cols .m8_box, .ce_rsce_m8a_image_list_cols, .ce_rsce_m8a_image_list_cols .m8_box, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text, .ce_rsce_m10_icon_text .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_form, .mod_newslist, .mod_newsreader, .ce_rsce_m2_textcontainer, .ce_rsce_m3_image_text_cols .m3_boxes, .ce_rsce_m5_image_text_cols .m5_boxes, .ce_rsce_m7_textcontainer_bg .wrapper, .ce_rsce_m8_image_list_cols, .ce_rsce_m8a_image_list_cols, .ce_rsce_m9_iconslider, .ce_rsce_m10_icon_text { position: relative; } } @media screen and (min-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_f_text_cols { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } } @media screen and (min-width: 600px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_f_text_cols.cols_1 .item, .ce_rsce_f_text_cols.cols_2 .item, .ce_rsce_f_text_cols.cols_3 .item, .ce_rsce_f_text_cols.cols_4 .item, .ce_rsce_f_text_cols.cols_5 .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall, .ce_rsce_m12_image_text { position: relative; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_mixins.scss */ .ce_rsce_m11_teaserwall .item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; min-height: 1px; box-sizing: border-box; padding-right: 10px; padding-left: 10px; } } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > #header .inside { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ #header .inside #header .inside { margin-left: -10px; margin-right: -10px; } } /* line 19, dev/sass/includes/_mixins.scss */ #header .inside::before { right: 100%; } /* line 23, dev/sass/includes/_mixins.scss */ #header .inside::after { left: 100%; } /* line 28, dev/sass/includes/_mixins.scss */ #header .inside::before, #header .inside::after { display: block; position: absolute; content: ""; width: 100vw; height: 100%; top: 0; background: white; display: block; } /* line 20, dev/sass/modules/_header.scss */ #header .ce_hyperlink { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } /* line 22, dev/sass/modules/_header.scss */ #header .ce_hyperlink .image_container { width: 100%; } /* line 24, dev/sass/modules/_header.scss */ #header .ce_hyperlink .image_container img { width: 100%; height: auto; } /* line 30, dev/sass/modules/_header.scss */ #header .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 33.3333333333%; right: auto; text-align: right; display: flex; justify-content: center; height: 100%; position: relative; } @media screen and (max-width: 600px) { /* line 30, dev/sass/modules/_header.scss */ #header .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; } } /* line 37, dev/sass/modules/_header.scss */ #header .mod_navigation ul { list-style: none; } /* line 40, dev/sass/modules/_header.scss */ #header .mod_navigation li { font-size: 1rem; } /* line 43, dev/sass/modules/_header.scss */ #header .mod_navigation .level_1 > li { display: inline-block; } /* line 46, dev/sass/modules/_header.scss */ #header .mod_navigation input, #header .mod_navigation label { display: none; } @media screen and (max-width: 800px) { /* line 50, dev/sass/modules/_header.scss */ #header .mod_navigation label { display: block; width: 40px; height: 30px; cursor: pointer; position: absolute; right: 20px; top: calc(50% - 15px); } /* line 58, dev/sass/modules/_header.scss */ #header .mod_navigation label:before, #header .mod_navigation label:after { position: relative; content: ''; display: block; left: 0; width: 100%; height: 50%; border-top: 2px solid black; border-bottom: 2px solid black; box-sizing: border-box; } /* line 69, dev/sass/modules/_header.scss */ #header .mod_navigation label:before { border-bottom-width: 1px; top: 0; } /* line 73, dev/sass/modules/_header.scss */ #header .mod_navigation label:after { border-top-width: 1px; bottom: 0; } /* line 78, dev/sass/modules/_header.scss */ #header .mod_navigation ul { display: none; } /* line 86, dev/sass/modules/_header.scss */ #header .mod_navigation input:checked ~ ul { display: block; position: absolute; right: 0; top: 70px; bottom: auto; background-color: white; max-height: calc(100vh - 70px); overflow-y: auto; } /* line 95, dev/sass/modules/_header.scss */ #header .mod_navigation input:checked ~ ul li { padding-top: 10px; padding-bottom: 10px; } } /* line 103, dev/sass/modules/_header.scss */ #header .logo .image_container { box-sizing: border-box; padding: 20px; width: 250px; background-color: white; } /* line 111, dev/sass/modules/_header.scss */ #header.small_logo .mod_navigation { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; display: flex; } /* line 3, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } @media screen and (max-width: 600px) { /* line 3, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; left: 0%; right: auto; } } /* line 7, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo a { width: 100%; display: inline-block; } /* line 12, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .logo { width: 100%; padding: 40px; background: white; box-sizing: border-box; } /* line 20, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo img { max-width: 100%; height: auto; } /* line 25, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .normal { display: block; } /* line 29, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .small { display: none; padding: 15px; } /* line 33, dev/sass/modules/_h_logo.scss */ .ce_rsce_h_logo .small img { max-height: 100%; width: auto; } /* line 39, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } /* line 41, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo .normal { display: none; } /* line 44, dev/sass/modules/_h_logo.scss */ .small_logo .ce_rsce_h_logo .small { display: block; } /* line 2, dev/sass/modules/_footer.scss */ #footer { height: 350px; } /* line 4, dev/sass/modules/_footer.scss */ #footer .mod_navigation { font-size: 0; text-align: center; } /* line 7, dev/sass/modules/_footer.scss */ #footer .mod_navigation input { display: none; } /* line 10, dev/sass/modules/_footer.scss */ #footer .mod_navigation li { padding: 0 10px; box-sizing: border-box; display: inline-block; font-size: 1rem; border-right: 1px solid; } /* line 17, dev/sass/modules/_footer.scss */ #footer .mod_navigation li.last { border-right: none; } /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { font-size: 0; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 3, dev/sass/modules/_f_forms.scss */ .ce_form { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 17, dev/sass/modules/_f_forms.scss */ .ce_form .formbody { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_form .formbody { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_form .formbody .ce_form .formbody { margin-left: -10px; margin-right: -10px; } } /* line 19, dev/sass/modules/_f_forms.scss */ .ce_form .formbody > fieldset { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } /* line 21, dev/sass/modules/_f_forms.scss */ .ce_form .formbody > fieldset .widget { padding: 0; } /* line 29, dev/sass/modules/_f_forms.scss */ .ce_form .widget { margin-bottom: 15px; font-size: 1rem; display: inline-block; box-sizing: border-box; padding: 0 10px; width: 100%; } /* line 36, dev/sass/modules/_f_forms.scss */ .ce_form .widget > label { display: none; } /* line 41, dev/sass/modules/_f_forms.scss */ .ce_form .widget-explanation { display: block; width: 100%; } /* line 45, dev/sass/modules/_f_forms.scss */ .ce_form label { position: relative; } /* line 49, dev/sass/modules/_f_forms.scss */ .ce_form input, .ce_form select, .ce_form textarea, .ce_form button { font-family: "Proxima Nova", sans-serif; min-height: 42px; background-color: #dfdfdf; box-sizing: border-box; width: 100%; padding-left: 15px; padding-right: 15px; } /* line 62, dev/sass/modules/_f_forms.scss */ .ce_form textarea { padding-top: 15px; padding-bottom: 15px; } /* line 68, dev/sass/modules/_f_forms.scss */ .ce_form input, .ce_form select, .ce_form button { line-height: 42px; height: 42px; } /* line 72, dev/sass/modules/_f_forms.scss */ .ce_form ::placeholder { font-size: 0.8888888889rem; } /* line 75, dev/sass/modules/_f_forms.scss */ .ce_form .widget-submit { text-align: center; } /* line 78, dev/sass/modules/_f_forms.scss */ .ce_form .submit { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; font-size: 0.8888888889rem; white-space: nowrap; cursor: pointer; width: auto; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_form .submit a { text-decoration: none; } /* line 86, dev/sass/modules/_f_forms.scss */ .ce_form legend { display: none; margin-bottom: 15px; } /* line 92, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox_container fieldset > span, .ce_form .radio_container fieldset > span { display: block; } /* line 95, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox_container legend, .ce_form .radio_container legend { display: block; } /* line 100, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox, .ce_form .radio { clip: rect(0, 0, 0, 0); position: absolute; display: none; } /* line 105, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label, .ce_form .radio + label { display: block; width: 100%; box-sizing: border-box; vertical-align: bottom; padding-left: 40px; padding-bottom: 15px; min-width: 25px; min-height: 25px; } /* line 118, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label::before, .ce_form .checkbox + label::after, .ce_form .radio + label::before, .ce_form .radio + label::after { content: ''; width: 25px; height: 25px; position: absolute; top: 0; left: 0; } /* line 126, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox + label::before, .ce_form .radio + label::before { background: #dfdfdf; } /* line 133, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox:checked + label::after, .ce_form .radio:checked + label::after { color: #2d2d2d; content: '✔'; font-size: 25px; text-align: center; margin-top: -5px; } /* line 144, dev/sass/modules/_f_forms.scss */ .ce_form .checkbox:checked + label::after { content: '✔'; } /* line 147, dev/sass/modules/_f_forms.scss */ .ce_form .radio:checked + label::after { content: '\2022'; margin-top: -2px; } /* line 152, dev/sass/modules/_f_forms.scss */ .ce_form .small { font-size: 0.7777777778rem; } @media screen and (min-width: 600px) { /* line 1, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; margin: 0; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_f_text_cols { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_f_text_cols .ce_rsce_f_text_cols { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_1 .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_2 .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_3 .item { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_4 .item { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media screen and (min-width: 600px) and (min-width: 600px) and (min-width: 600px) { /* line 7, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols.cols_5 .item { -webkit-flex-basis: 20%; -moz-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media screen and (max-width: 600px) { /* line 14, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols .item { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 600px) and (max-width: 600px) and (max-width: 600px) { /* line 14, dev/sass/modules/_f_text_cols.scss */ .ce_rsce_f_text_cols .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { padding: 0 0 20px 0; display: flex; flex-flow: row wrap; justify-content: center; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_news.scss */ .mod_newslist { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 14, dev/sass/modules/_news.scss */ .mod_newslist > div { flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 10px; box-sizing: border-box; } /* line 20, dev/sass/modules/_news.scss */ .mod_newslist > div .image_container img { width: 100%; height: auto; } /* line 25, dev/sass/modules/_news.scss */ .mod_newslist > div.pagination { display: none; } /* line 28, dev/sass/modules/_news.scss */ .mod_newslist > div.load_more { max-width: 100%; flex-basis: 100%; cursor: pointer; display: block; text-align: center; } /* line 34, dev/sass/modules/_news.scss */ .mod_newslist > div.load_more span { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; } /* line 129, dev/sass/includes/_mixins.scss */ .mod_newslist > div.load_more span a { text-decoration: none; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 40, dev/sass/modules/_news.scss */ .mod_newsreader { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 40, dev/sass/modules/_news.scss */ .mod_newsreader { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 9, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider { position: relative; white-space: nowrap; font-size: 0; display: flex; margin-bottom: 20px; } /* line 17, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider.small { height: 15vw; } /* line 20, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider.normal { height: 30vw; } /* line 24, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .image_container { position: relative; width: 100%; height: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; } /* line 34, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .item { margin-top: 0; display: none; height: 100%; width: 100%; position: relative; transform: translateZ(0); } /* line 43, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider img { max-width: 100%; height: auto; vertical-align: top; } /* line 48, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .toggle { clip: rect(0, 0, 0, 0); position: absolute; top: 0; margin-left: -99999px; } /* line 55, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider :checked + * { display: block; } /* line 58, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .control { font-size: 1rem; position: absolute; top: 50%; width: 100%; height: 0; margin-top: 2.7386127875px; } /* line 66, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .control > * { cursor: pointer; border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 7.5px; width: 0; } /* line 76, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .next { position: absolute; right: 5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /* line 83, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .prev { position: absolute; left: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } /* line 89, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio] { display: none; } /* line 91, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio]:checked + .slide { position: relative; opacity: 1; } /* line 95, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider input[type=radio]:not(:checked) + .slide { position: absolute; opacity: 0; } /* line 100, dev/sass/modules/_m1.scss */ .ce_rsce_m1_slider .slide { display: block; width: 100%; transition: opacity 0.9s ease; } /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { text-align: center; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; left: 16.6666666667%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 9, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer .m_cta_wrapper { text-align: center; } /* line 12, dev/sass/modules/_m2.scss */ .ce_rsce_m2_textcontainer .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m2_textcontainer .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 7, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 7, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 2, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 14, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { padding-bottom: 20px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 14, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 20, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box { text-align: center; } /* line 22, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 26, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m3_boxes .m3_box figure img { max-width: 100%; height: auto; } /* line 34, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; } /* line 37, dev/sass/modules/_m3.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m3_image_text_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 7, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 7, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 2, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 14, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { padding-bottom: 20px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 14, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 20, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box { text-align: center; } /* line 22, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 26, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m5_boxes .m5_box figure img { max-width: 100%; height: auto; } /* line 34, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper { display: block; text-align: center; padding-top: 20px; padding-bottom: 20px; } /* line 37, dev/sass/modules/_m5.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m5_image_text_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg { overflow: hidden; position: relative; } /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { z-index: 2; padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 4, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 15, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper { display: block; text-align: center; } /* line 18, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m7_textcontainer_bg .wrapper .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 25, dev/sass/modules/_m7.scss */ .ce_rsce_m7_textcontainer_bg .background { z-index: 1; position: absolute; top: 0; left: 0; } /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 6, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 6, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 13, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 18, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box { text-align: left; margin-bottom: 20px; } /* line 22, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box .ce_text ul { margin-left: 1em; } /* line 25, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 29, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m8_box figure img { max-width: 100%; height: auto; } /* line 36, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper { display: block; text-align: center; } /* line 39, dev/sass/modules/_m8.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m8_image_list_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 48, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols { padding-top: 20px; padding-bottom: 20px; } @media screen and (min-width: 800px) { /* line 48, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols { display: flex; flex-flow: row nowrap; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 48, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 53, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 53, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 48, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 60, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 65, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box { text-align: left; margin-bottom: 20px; } /* line 69, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box .ce_text ul { margin-left: 1em; } /* line 72, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box figure { max-width: 100%; position: relative; padding-bottom: 20px; } /* line 76, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m8_box figure img { max-width: 100%; height: auto; } /* line 83, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m_cta_wrapper { display: block; text-align: center; } /* line 86, dev/sass/modules/_m8.scss */ .ce_rsce_m8a_image_list_cols .m_cta_wrapper .m_cta { font-size: 1rem; line-height: 42px; box-sizing: border-box; border: 1px solid; display: inline-block; -ms-border-radius: 21px; -o-border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-align: center; padding: 0 20px; min-width: 80px; margin-bottom: 20px; } /* line 129, dev/sass/includes/_mixins.scss */ .ce_rsce_m8a_image_list_cols .m_cta_wrapper .m_cta a { text-decoration: none; } /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { position: relative; margin-bottom: 20px; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m9_iconslider { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) { /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m9_iconslider { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m9_iconslider .ce_rsce_m9_iconslider { margin-left: -10px; margin-right: -10px; } } /* line 15, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio] { display: none; } /* line 17, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio]:checked + .slide { opacity: 1; position: relative; } /* line 21, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider input[type=radio]:not(:checked) + .slide { opacity: 0; position: absolute; } /* line 27, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 0 10px; box-sizing: border-box; } /* line 34, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide .item { max-width: 20%; overflow: hidden; display: block; } /* line 39, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide img { max-width: 100%; height: auto; } /* line 45, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide { transition: all 0.9s ease; } /* line 48, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide_back, .ce_rsce_m9_iconslider .slide_forward { position: absolute; vertical-align: middle; top: 0; font-size: 3em; color: white; text-shadow: 0 0 2px black; cursor: pointer; z-index: 10; height: 100%; display: flex; align-items: center; } /* line 62, dev/sass/modules/_m9.scss */ .ce_rsce_m9_iconslider .slide_forward { right: 0; } /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { overflow: hidden; position: relative; } /* line 2, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text figure.image_container { z-index: -1; position: absolute; top: 0; } /* line 8, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .wrapper { z-index: 1; overflow: hidden; display: flex; flex-flow: row wrap; padding-top: 20px; position: relative; } @media screen and (min-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { padding-bottom: 20px; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } } @media screen and (min-width: 800px) { /* line 20, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { overflow: hidden; } } @media screen and (min-width: 800px) and (min-width: 800px) and (min-width: 800px) { /* line 20, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 1, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media screen and (max-width: 800px) and (max-width: 800px) and (max-width: 800px) { /* line 28, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 33, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item { display: flex; flex-flow: row nowrap; padding-bottom: 10px; } /* line 36, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .image_container { -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-preferred-size: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; max-width: 100%; position: relative; padding-bottom: 20px; } /* line 41, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .image_container img { max-width: 100%; height: auto; } /* line 46, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } /* line 49, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text.dark { color: black; } /* line 52, dev/sass/modules/_m10.scss */ .ce_rsce_m10_icon_text .item > .text.light { color: white; } /* line 1, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 1, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; left: 0%; right: auto; } } /* line 3, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; position: relative; display: flex; flex-wrap: wrap; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m11_teaserwall .wrapper { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m11_teaserwall .wrapper .ce_rsce_m11_teaserwall .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 3, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .wrapper { margin-bottom: 10px; margin-top: -10px; } } /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media screen and (max-width: 600px) { /* line 17, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } /* line 21, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .item::before { content: ''; display: block; padding-top: 100%; } /* line 27, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .square { position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-sizing: border-box; padding: 10px; } /* line 38, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .inner { background-color: lightgray; height: 100%; } /* line 42, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall a { position: relative; display: block; height: 100%; } /* line 48, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .image_container { display: flex; align-items: center; height: 100%; justify-content: center; } /* line 55, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall img { max-width: 100%; height: auto; } /* line 60, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_1, .ce_rsce_m11_teaserwall .text_2 { background-color: white; display: inline-block; position: absolute; padding: 10px; max-width: calc(100% - 40px); } /* line 68, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_1 { top: 10px; left: 10px; bottom: auto; font-weight: bold; } /* line 74, dev/sass/modules/_m11.scss */ .ce_rsce_m11_teaserwall .text_2 { bottom: 10px; right: 10px; } /* line 1, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text { -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; left: 8.3333333333%; right: auto; margin-bottom: 20px; } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 1, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; left: 0%; right: auto; } } /* line 4, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding-left: 0 !important; padding-right: 0 !important; margin-left: -10px; margin-right: -10px; } /* line 42, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ [class*="no-gutter"] > .ce_rsce_m12_image_text .wrapper { margin-left: 0 !important; margin-right: 0 !important; } /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 1160px) and (max-width: 1590px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 800px) and (max-width: 1160px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 600px) and (max-width: 800px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (min-width: 480px) and (max-width: 600px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 480px) { /* line 52, node_modules/coffeekraken-gridle/sass/_driver-flex.scss */ .ce_rsce_m12_image_text .wrapper .ce_rsce_m12_image_text .wrapper { margin-left: -10px; margin-right: -10px; } } /* line 7, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container { -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; position: relative; padding-bottom: 20px; } /* line 11, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container img { max-width: 100%; height: auto; } /* line 15, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .image_container:after { content: attr(data-copyright); bottom: 0; } /* line 20, dev/sass/modules/_m12.scss */ .ce_rsce_m12_image_text .text { -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-preferred-size: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; }