/*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit https://jqueryui.com/themeroller/ */ /* */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5/*{borderColorDefault}*/; } .ui-widget-content { border: 1px solid #dddddd/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/; color: #333333/*{fcContent}*/; } .ui-widget-content a { color: #333333/*{fcContent}*/; } .ui-widget-header { border: 1px solid #dddddd/*{borderColorHeader}*/; background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/; color: #333333/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #333333/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5/*{borderColorDefault}*/; background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc/*{borderColorHover}*/; background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #2b2b2b/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b/*{fcHover}*/; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff/*{borderColorActive}*/; background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #ffffff/*{fcActive}*/; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff/*{borderColorActive}*/; background-color: #ffffff/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/; color: #777620/*{fcHighlight}*/; } .ui-state-checked { border: 1px solid #dad55e/*{borderColorHighlight}*/; background: #fffa90/*{bgColorHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899/*{borderColorError}*/; background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/; color: #5f3f3f/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-0ec02058e27f71c352637ad8cf116491b94527208affb95e29534bc6e1c239a4.png)/*{iconsHeader}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-2ae1a3121a9024293d3d98f529f49edd9609e4043974e86304e263f811e865b8.png)/*{iconsHover}*/; } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-063ff6c0b18fa40b9a89952c7a14ba75909dc2a6012612d83c40b9ef77df08e9.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-db31659e24ef3c3402c3cce811aaa4f6e6c69d353f32ddf40ce43f80e98e1297.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-32d2aace8d299dd84d2e10ce1f1eb9cbb83550e147a4147b474eb22510dac5c3.png)/*{iconsError}*/; } .ui-button .ui-icon { background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-03396f638d0837b69aa809188d82742d27a85eb85d105d4d553520df635176b7.png)/*{iconsDefault}*/; } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; } .ui-widget-shadow { box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/; } /*! * jQuery UI Accordion 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/accordion/#theming */ /* */ .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } /*! * jQuery UI Autocomplete 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/autocomplete/#theming */ /* */ .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } /*! * jQuery UI Button 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/button/#theming */ /* */ .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; user-select: none; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 125+ */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /*! * jQuery UI Checkboxradio 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/checkboxradio/#theming */ /* */ .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } /*! * jQuery UI Controlgroup 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/controlgroup/#theming */ /* */ .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } /*! * jQuery UI Datepicker 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/datepicker/#theming */ /* */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /*! * jQuery UI Dialog 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/dialog/#theming */ /* */ .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Draggable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-draggable-handle { touch-action: none; } /*! * jQuery UI Menu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/menu/#theming */ /* */ .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Progressbar 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/progressbar/#theming */ /* */ .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } /*! * jQuery UI Resizable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } /*! * jQuery UI Selectable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } /*! * jQuery UI Selectmenu 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/selectmenu/#theming */ /* */ .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } /*! * jQuery UI Sortable 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license */ /* */ .ui-sortable-handle { touch-action: none; } /*! * jQuery UI Slider 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/slider/#theming */ /* */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI Spinner 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/spinner/#theming */ /* */ .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /*! * jQuery UI Tabs 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tabs/#theming */ /* */ .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } /*! * jQuery UI Tooltip 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/tooltip/#theming */ /* */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ /*! * jQuery UI CSS Framework 1.14.1 * https://jqueryui.com * * Copyright OpenJS Foundation and other contributors * Released under the MIT license. * https://jquery.org/license * * https://api.jqueryui.com/category/theming/ */ /* */ @charset "UTF-8"; /* */ @import https://fonts.googleapis.com/css?family=Architects+Daughter|Reenie+Beanie|Special+Elite; /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } @font-face { font-family: icomoon; font-style: normal; font-weight: normal; src: url(/assets/icomoon/icomoon-b7b2c7f09a629c920e301d0243d1cbe622fcdd78ff884a97312a404c3e089a6a.eot?fb1q2r); src: url(/assets/icomoon/icomoon-b7b2c7f09a629c920e301d0243d1cbe622fcdd78ff884a97312a404c3e089a6a.eot?fb1q2r#iefix) format("embedded-opentype"), url(/assets/icomoon/icomoon-66080eeb853e5f45b1da7f214bfb356abe94eb40499d0a1b481d4f44af0da567.ttf?fb1q2r) format("truetype"), url(/assets/icomoon/icomoon-5f3a5b135f4dbdee929adb87726d4bfaff6695391bd781a00a4b4e30253e82b9.woff?fb1q2r) format("woff"), url(/assets/icomoon/icomoon-a4979231ccb277ef3d62fd3d9c02838ed3a96b90c19b3a13d134a6cb8cc9d903.svg?fb1q2r#icomoon) format("svg"); } @font-face { font-family: "OpenSans-Light"; font-style: normal; font-weight: 300; src: url(/assets/Open_Sans/OpenSans-Light-4192583beaa2b345753a90530ff48544f7e36639d2d9a7a9fb983582364cd2a3.ttf) format("truetype"); src: url(/assets/Open_Sans/OpenSans-Light-webfont-9cf1d5f4142016608091742d2401004fd773a79fd7f3c57bf9e3e6a7910d47e6.eot?#iefix) format("embedded-opentype"), url(/assets/Open_Sans/OpenSans-Light-webfont-83f29abaa5715601f01a85e72d638463892d0d34c23558b5f05d7538f67fe8f7.woff) format("woff"), url(/assets/Open_Sans/OpenSans-Light-webfont-f4961ea9adf8b70a70a02ba8f4bfd73860e6ab202af92e7b751458e84d51495a.ttf) format("truetype"); font-display: swap; } @font-face { font-family: "OpenSans-Regular"; font-style: normal; font-weight: 300; src: url(/assets/Open_Sans/OpenSans-Regular-3755500bbd7bbe60de7bc7648cb996175a5df039b263510fcdda37a39f9f9375.ttf) format("truetype"); src: url(/assets/Open_Sans/OpenSans-Regular-webfont-d49d824d7fbd5712afb0044894c0401a4bb4fff25710bae9a3ed108968712a9f.eot?#iefix) format("embedded-opentype"), url(/assets/Open_Sans/OpenSans-Regular-webfont-6ca8cc59affe7c7f2a3564f5068f191cf62ddba7ef4bdc8cad3d7b87481da72b.woff) format("woff"); font-display: swap; } @font-face { font-family: "OpenSans-SemiBold"; font-style: normal; font-weight: 300; src: url(/assets/Open_Sans/OpenSans-SemiBold-84bc5b1cfdfd59b851ec31f8318518a9156307e8a83ae310709b591b838d78f9.ttf) format("truetype"); src: url(/assets/Open_Sans/OpenSans-Semibold-webfont-5be65b73db2262013f40e47b3be98bc2ec8ed2ebbf0b578a9b5f72684206415a.eot?#iefix) format("embedded-opentype"), url(/assets/Open_Sans/OpenSans-Semibold-webfont-b6e2824aa95121d18dd4a0935f79909528ecd348e69f5a7912950486acda20e9.woff) format("woff"); font-display: swap; } @font-face { font-family: "OpenSans-Bold"; font-style: normal; font-weight: 300; src: url(/assets/Open_Sans/OpenSans-Bold-2ab6568a521324931895d48f2cf21e68f0668ed003888449213d7af08515da9d.ttf) format("truetype"); src: url(/assets/Open_Sans/OpenSans-Bold-webfont-e9482ac4800f085a4ba5d644e17859717065bf01ff416614dfaec90449449eaa.eot?#iefix) format("embedded-opentype"), url(/assets/Open_Sans/OpenSans-Bold-webfont-52e2983d1d3c4980af428c9f4eedbcee2836ef05be2edc6ec95fc9d2aaebd2bd.woff) format("woff"); font-display: swap; } @font-face { font-family: "Rubik-Regular"; font-style: normal; font-weight: 300; src: url(/assets/Rubik/Rubik-Regular-93508901223dbd29a383061bcda60e35fc95a7bd7153250b839fbd3c81387a51.ttf) format("truetype"); font-display: swap; } @font-face { font-family: "Rubik-Medium"; font-style: normal; font-weight: 300; src: url(/assets/Rubik/Rubik-Medium-cfe4c1d4016442bd10a06136f1602e6ac905039fe38d26feb4af2be69ecf366d.ttf) format("truetype"); font-display: swap; } @font-face { font-family: "Rubik-SemiBold"; font-style: normal; font-weight: 300; src: url(/assets/Rubik/Rubik-SemiBold-e72d66fe9bcbde275cee8767636bcd44c49ae775c27257d7b891cd62207b1381.ttf) format("truetype"); font-display: swap; } @font-face { font-family: "Rubik-Bold"; font-style: normal; font-weight: 300; src: url(/assets/Rubik/Rubik-Bold-91c9858a678deaf826f1ba2d77587fc79fb24726f28c916f819411b2137f0bb1.ttf) format("truetype"); font-display: swap; } /* line 1, app/assets/stylesheets/lib/ios_styling_disabled.scss */ input[type='text'], input[type='button'], input[type='submit'] { appearance: none; border-radius: 0; } /* stylelint-disable no-descending-specificity */ /* stylelint-disable selector-no-qualifying-type */ /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* mixins for creating browser-compatible styles. compass is no longer maintained, so we create our own. [i] font face mixins are located in _webfonts.scss. */ /************************************************* basic transition. https://developers.google.com/web/fundamentals/design-and-ui/animations/the-basics-of-easing **************************************************/ /************************************************* transforms call via: @include transform(translateX(10px)); **************************************************/ /************************************************* transitions **************************************************/ /******************************************************************************************************************* browser-proof border-radius. use with optional position param. example: @include border-radius(4px); --> produces radius for ALL corners. @include border-radius(4px, 'lop-left'); --> produces radius for ONE corner (border-top-left-radius: $radius) ********************************************************************************************************************/ /************************************************* opacity **************************************************/ /************************************************* color opacity **************************************************/ /************************************************* background-opacity **************************************************/ /************************************************* box shadow **************************************************/ /**************************************************************************** font feature settings. see: https://developer.mozilla.org/de/docs/Web/CSS/font-feature-settings [i] currently not supported in safari/WebKit. Mobile: unknown ****************************************************************************/ /* border with position. usage: @include border(1px, solid, #ccc) --> border: 1px solid #ccc or @include border(1px, solid, #ccc, top) --> border-top: 1px solid #ccc */ /******************************************** BORDERED LIST. usage: .my-ul-list { @include bordered-list('ul li') } -> results to: .my-ul-list { ul li { border-top: 1px $gray-light-2; &:first-child, &:nth-of-type(1){ border-top: none; } } } *********************************************/ /************************************************* flexbox - container **************************************************/ /************************************************* flexbox - items **************************************************/ /* line 7, app/assets/stylesheets/lib/_systemwide.scss */ html { width: 100%; height: 100%; padding: 0; margin: 0; overflow-x: hidden; scroll-behavior: smooth; } /* line 16, app/assets/stylesheets/lib/_systemwide.scss */ body { padding: 0; margin: 0; overflow: auto; font-family: "OpenSans-Regular"; font-size: 18px; font-weight: 400; font-feature-settings: 'dlig' 1; /* dlig=1 enable discretionary ligatures */ font-kerning: normal; line-height: 1.3; color: #2d363d; letter-spacing: 0.02em; border: 0; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } /* line 33, app/assets/stylesheets/lib/_systemwide.scss */ h1, h2, h3, h4, h5 { font-family: "Rubik-Medium"; font-style: normal; font-weight: 500; line-height: 1.4; hyphens: none; } /* line 44, app/assets/stylesheets/lib/_systemwide.scss */ h1 a, h2 a, h3 a, h4 a, h5 a { font-family: "Rubik-Medium"; } /* line 49, app/assets/stylesheets/lib/_systemwide.scss */ h1 { font-size: 140%; } /* line 53, app/assets/stylesheets/lib/_systemwide.scss */ h2 { font-size: 120%; } /* line 57, app/assets/stylesheets/lib/_systemwide.scss */ h3 { font-size: 100%; } /* line 61, app/assets/stylesheets/lib/_systemwide.scss */ .font-regular { font-family: "OpenSans-Regular"; } /* line 65, app/assets/stylesheets/lib/_systemwide.scss */ .line-through { text-decoration: line-through; } /* line 69, app/assets/stylesheets/lib/_systemwide.scss */ a, a:visited, .link_like { font-family: "OpenSans-SemiBold"; color: #007a7a; text-decoration: underline; text-decoration-thickness: 2px !important; text-decoration-color: #cce4e4 !important; text-decoration-skip-ink: none; text-underline-offset: 2px !important; background-color: inherit; transition: all 0.2s ease-out; } /* line 83, app/assets/stylesheets/lib/_systemwide.scss */ a:hover, a:visited:hover, .link_like:hover { color: #00a1a1; text-decoration-color: transparent !important; } /* line 88, app/assets/stylesheets/lib/_systemwide.scss */ a img, a:visited img, .link_like img { text-decoration: none; background-color: inherit; border: none; } /* line 95, app/assets/stylesheets/lib/_systemwide.scss */ a.underlined:link { text-decoration: underline; } /* line 99, app/assets/stylesheets/lib/_systemwide.scss */ a.underlined:visited { text-decoration: underline; } /* line 103, app/assets/stylesheets/lib/_systemwide.scss */ a.underlined:hover { text-decoration: none; } /* line 107, app/assets/stylesheets/lib/_systemwide.scss */ a.disabled { pointer-events: none; cursor: default; } /* line 112, app/assets/stylesheets/lib/_systemwide.scss */ .color_primary, a.color_primary { color: #00a1a1; } /* line 117, app/assets/stylesheets/lib/_systemwide.scss */ .color-primary-dark { color: #007a7a; } /* line 121, app/assets/stylesheets/lib/_systemwide.scss */ a.color_red, .color_red { color: #d0021b; } /* line 126, app/assets/stylesheets/lib/_systemwide.scss */ a.color_green, .color_green { color: #3cbc8d; } /* line 131, app/assets/stylesheets/lib/_systemwide.scss */ a.color_secondary, .color_secondary { color: #5e78a6; } /* line 136, app/assets/stylesheets/lib/_systemwide.scss */ a.color_gray, .color_gray { color: #dadada; } /* line 141, app/assets/stylesheets/lib/_systemwide.scss */ .text-gray { color: #dadada; } /* line 145, app/assets/stylesheets/lib/_systemwide.scss */ table { min-width: 300px; border-collapse: collapse; border: 1px solid #d7deea; } /* line 150, app/assets/stylesheets/lib/_systemwide.scss */ table thead { border-bottom: 2px solid #d7deea; } /* line 154, app/assets/stylesheets/lib/_systemwide.scss */ table td, table th { width: auto; padding: 0 0.5rem; line-height: 2; border: 1px solid #d7deea; } /* line 162, app/assets/stylesheets/lib/_systemwide.scss */ table th { text-align: inherit; } /* line 166, app/assets/stylesheets/lib/_systemwide.scss */ table strong { font-family: "OpenSans-SemiBold"; } /* line 172, app/assets/stylesheets/lib/_systemwide.scss */ .table-last-column-gray th:last-child, .table-last-column-gray td:last-child { color: #666; opacity: 0.8; } /* line 179, app/assets/stylesheets/lib/_systemwide.scss */ hr.top_bottom_spacer { max-width: 30%; height: 1px; margin: 4% auto; border: none; border-top: 1px solid #666; } /* line 187, app/assets/stylesheets/lib/_systemwide.scss */ li.not_visible { list-style-type: none; } /* line 191, app/assets/stylesheets/lib/_systemwide.scss */ span.underlined { text-decoration: underline; } /* line 195, app/assets/stylesheets/lib/_systemwide.scss */ span.underlined:hover { text-decoration: none; } /* line 199, app/assets/stylesheets/lib/_systemwide.scss */ header, footer, article, section, nav { display: block; } /* IE less than 9 hacks */ /* line 208, app/assets/stylesheets/lib/_systemwide.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* LAYOUT STANDARDS */ /* line 223, app/assets/stylesheets/lib/_systemwide.scss */ .cleaner { clear: both; } /* line 227, app/assets/stylesheets/lib/_systemwide.scss */ .smallspacer { height: 12pt; } /* line 231, app/assets/stylesheets/lib/_systemwide.scss */ .spacer { height: 24pt; } /* line 235, app/assets/stylesheets/lib/_systemwide.scss */ .left { float: left; } /* line 239, app/assets/stylesheets/lib/_systemwide.scss */ .right { float: right; } /* line 243, app/assets/stylesheets/lib/_systemwide.scss */ .center { float: none; } /* line 247, app/assets/stylesheets/lib/_systemwide.scss */ .invisible { display: none; } /* line 251, app/assets/stylesheets/lib/_systemwide.scss */ .content-spacer { height: 15px; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ .clearfix::before, .clearfix::after { clear: both; display: table; content: ' '; } /* line 259, app/assets/stylesheets/lib/_systemwide.scss */ .fixed { position: fixed; z-index: 3; width: 100%; } /* line 265, app/assets/stylesheets/lib/_systemwide.scss */ .sticky { position: sticky; top: 0; z-index: 3; width: 100%; } /* line 273, app/assets/stylesheets/lib/_systemwide.scss */ .hidden { visibility: hidden !important; opacity: 0 !important; } /* line 278, app/assets/stylesheets/lib/_systemwide.scss */ section::after { clear: both; display: block; content: ' '; } /* line 284, app/assets/stylesheets/lib/_systemwide.scss */ .todo { padding: 15px 0; border: 2px solid orange; border-right: none; border-left: none; } /* line 291, app/assets/stylesheets/lib/_systemwide.scss */ .hint { padding: 15px 0; border: 2px solid #00b9ba; border-right: none; border-left: none; } /* line 298, app/assets/stylesheets/lib/_systemwide.scss */ .hint_colored { display: inline; padding: 0 10px; background-color: #45e0d0; box-decoration-break: clone; } /* line 304, app/assets/stylesheets/lib/_systemwide.scss */ .hint_colored.warning { color: white; background-color: #d0021b; } /* line 310, app/assets/stylesheets/lib/_systemwide.scss */ .textmarker-hint { text-shadow: -3px 3px 3px #33eced, 3px 3px 3px #33eced, 6px 3px 6px #33eced, -6px 3px 6px #33eced; } /* line 317, app/assets/stylesheets/lib/_systemwide.scss */ h1.top_of_page { margin-top: 0; } /* line 321, app/assets/stylesheets/lib/_systemwide.scss */ .only_mobile, .only_mobile_inline { display: none; } /* line 326, app/assets/stylesheets/lib/_systemwide.scss */ .no_margin_top { margin-top: 0; } /* line 330, app/assets/stylesheets/lib/_systemwide.scss */ .margin-top-30 { margin-top: 30px; } /* line 334, app/assets/stylesheets/lib/_systemwide.scss */ .margin-top-bottom-10 { margin-top: 10px; margin-bottom: 10px; } /* line 339, app/assets/stylesheets/lib/_systemwide.scss */ .margin-top-bottom-30 { margin-top: 30px; margin-bottom: 30px; } /* line 344, app/assets/stylesheets/lib/_systemwide.scss */ .centered { text-align: center; } /* line 348, app/assets/stylesheets/lib/_systemwide.scss */ .left-aligned { text-align: left; } /* line 353, app/assets/stylesheets/lib/_systemwide.scss */ section svg, section img { max-width: 95%; } /* line 359, app/assets/stylesheets/lib/_systemwide.scss */ .relative { position: relative; } /* line 363, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_shadow { border-radius: 3px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 369, app/assets/stylesheets/lib/_systemwide.scss */ .content h1:first-of-type { margin-top: 0; margin-bottom: 2%; } /* line 374, app/assets/stylesheets/lib/_systemwide.scss */ .content .notice:empty, .content .alert:empty { display: none; } /* INPUT FIELDS */ /* line 383, app/assets/stylesheets/lib/_systemwide.scss */ input[type='submit'], button[type='submit'] { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.2rem; margin: 0.5rem 0; font-family: "OpenSans-Regular"; font-size: inherit; line-height: 1; color: #fff; white-space: nowrap; text-decoration: none; cursor: pointer; background-color: #00a1a1; border: 2px solid transparent; border-radius: 2%; } /* line 17, app/assets/stylesheets/lib/_mixin_custom.scss */ input[type='submit']:hover, button[type='submit']:hover { opacity: 0.8; } /* line 21, app/assets/stylesheets/lib/_mixin_custom.scss */ input[type='submit']:visited, input[type='submit']:visited:enabled, button[type='submit']:visited, button[type='submit']:visited:enabled { color: #fff; background-color: #00a1a1; } @media screen and (max-width: 567px) { /* line 383, app/assets/stylesheets/lib/_systemwide.scss */ input[type='submit'], button[type='submit'] { white-space: normal; } } /* line 387, app/assets/stylesheets/lib/_systemwide.scss */ input.grey[type='submit'], input.gray[type='submit'], button.grey[type='submit'], button.gray[type='submit'] { color: black; background: #dadada; border: 1px solid #666; } /* line 393, app/assets/stylesheets/lib/_systemwide.scss */ input.grey[type='submit']:hover, input.gray[type='submit']:hover, button.grey[type='submit']:hover, button.gray[type='submit']:hover { background: #fbfbfb; } /* line 398, app/assets/stylesheets/lib/_systemwide.scss */ input.large[type='submit'], button.large[type='submit'] { padding: 10px; } /* line 403, app/assets/stylesheets/lib/_systemwide.scss */ input[type='submit']:disabled, .submit_button:disabled, input.disabled[type='submit'], input.disabled[type='submit']:hover { color: black; background: #fbfbfb; border: 1px solid #dadada; } /* line 412, app/assets/stylesheets/lib/_systemwide.scss */ form.button_to { display: inline; } /* line 416, app/assets/stylesheets/lib/_systemwide.scss */ form.button_to div { display: inline; } /* line 420, app/assets/stylesheets/lib/_systemwide.scss */ input.destroy[type='submit']:hover:enabled { color: #d0021b; } /* line 424, app/assets/stylesheets/lib/_systemwide.scss */ input.destroy[type='submit'] { display: inline; width: auto; padding: 0; margin: 0; overflow: visible; font-size: 100%; color: #384062; text-decoration: none; background: none; border: none; } /* line 437, app/assets/stylesheets/lib/_systemwide.scss */ input.destroy[type='submit']:hover { text-decoration: underline; background: none; } /* line 443, app/assets/stylesheets/lib/_systemwide.scss */ form .actions { margin-top: 30px; } /* line 449, app/assets/stylesheets/lib/_systemwide.scss */ .redactor-editor { border-color: #dadada; } /* line 452, app/assets/stylesheets/lib/_systemwide.scss */ .redactor-editor img { display: block; } /* line 459, app/assets/stylesheets/lib/_systemwide.scss */ .ui-menu.ui-autocomplete .ui-menu-divider { margin: 0; } /* line 463, app/assets/stylesheets/lib/_systemwide.scss */ .ui-menu.ui-autocomplete .ui-menu-item { padding: 0.2em; } /* line 466, app/assets/stylesheets/lib/_systemwide.scss */ .ui-menu.ui-autocomplete .ui-menu-item:hover { color: white; background-color: #384062; } /* line 474, app/assets/stylesheets/lib/_systemwide.scss */ .motive_favorite a, .motive_favorite a:visited { text-decoration: none; } /* line 479, app/assets/stylesheets/lib/_systemwide.scss */ .motive_favorite svg { width: 48px; height: 48px; } /* line 483, app/assets/stylesheets/lib/_systemwide.scss */ .motive_favorite svg #primary { fill: #eee; } /* line 490, app/assets/stylesheets/lib/_systemwide.scss */ .motive_favorite.loved svg #primary { fill: #d0021b; } /* line 497, app/assets/stylesheets/lib/_systemwide.scss */ .fieldWithErrors { display: table; padding: 2px; color: inherit; background-color: red; } /* line 504, app/assets/stylesheets/lib/_systemwide.scss */ .field_with_errors { padding: 2px; } /* line 507, app/assets/stylesheets/lib/_systemwide.scss */ .field_with_errors input { border: 1px solid #d0021b; } /* line 512, app/assets/stylesheets/lib/_systemwide.scss */ #error_explanation { padding-bottom: 0; margin-bottom: 30px; background-color: #f0f0f0; border: 2px solid #d0021b; border-radius: 3px; } /* line 519, app/assets/stylesheets/lib/_systemwide.scss */ #error_explanation h2 { margin-bottom: 0; } /* line 523, app/assets/stylesheets/lib/_systemwide.scss */ #error_explanation ul { padding: 15px 0 15px 30px; margin: 0; text-align: left; } /* line 528, app/assets/stylesheets/lib/_systemwide.scss */ #error_explanation ul li { list-style: disc; } /* line 534, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.cta_button .text p:nth-last-child(2) > a, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type, .with-btn-filled-primary a, .with-btn-filled-white a, .with-btn-bordered-primary a, .submit_button, .btn { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.2rem; margin: 0.5rem 0; font-family: "OpenSans-Regular"; font-size: inherit; line-height: 1; color: #fff; white-space: nowrap; text-decoration: none; cursor: pointer; background-color: #00a1a1; border: 2px solid transparent; border-radius: 2%; } /* line 17, app/assets/stylesheets/lib/_mixin_custom.scss */ .cms42_page_section.cta_button .text p:nth-last-child(2) > a:hover, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type:hover, .with-btn-filled-primary a:hover, .with-btn-filled-white a:hover, .with-btn-bordered-primary a:hover, .submit_button:hover, .btn:hover { opacity: 0.8; } /* line 21, app/assets/stylesheets/lib/_mixin_custom.scss */ .cms42_page_section.cta_button .text p:nth-last-child(2) > a:visited, .cms42_page_section.cta_button .text p:nth-last-child(2) > a:visited:enabled, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type:visited, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type:visited:enabled, .with-btn-filled-primary a:visited, .with-btn-filled-primary a:visited:enabled, .with-btn-filled-white a:visited, .with-btn-filled-white a:visited:enabled, .with-btn-bordered-primary a:visited, .with-btn-bordered-primary a:visited:enabled, .submit_button:visited, .submit_button:visited:enabled, .btn:visited, .btn:visited:enabled { color: #fff; background-color: #00a1a1; } @media screen and (max-width: 567px) { /* line 534, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.cta_button .text p:nth-last-child(2) > a, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type, .with-btn-filled-primary a, .with-btn-filled-white a, .with-btn-bordered-primary a, .submit_button, .btn { white-space: normal; } } /* line 543, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.cta_button .text p:nth-last-child(2) > a.large, .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a.large:first-of-type, .with-btn-filled-primary a.large, .with-btn-filled-white a.large, .with-btn-bordered-primary a.large, .submit_button.large, .btn.large { padding: 0.6rem 1.2rem; } /* line 548, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a:first-of-type, .submit_button, .with-btn-filled-primary a, .btn-filled-primary { color: #fff !important; background-color: #00a1a1 !important; border-color: #00a1a1; } /* line 556, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a.lighter:first-of-type, .submit_button.lighter, .with-btn-filled-primary a.lighter, .btn-filled-primary.lighter { opacity: 0.5; } /* line 559, app/assets/stylesheets/lib/_systemwide.scss */ .cms42_page_section.header_w_background.texts_cnt_2 .textblock:last-of-type a.lighter:first-of-type:hover, .submit_button.lighter:hover, .with-btn-filled-primary a.lighter:hover, .btn-filled-primary.lighter:hover { opacity: 1; } /* line 565, app/assets/stylesheets/lib/_systemwide.scss */ .bg-primary .submit_button, .with-btn-filled-white a, .btn-filled-white { color: #00a1a1 !important; background-color: #fff !important; border-color: #fff; } /* line 573, app/assets/stylesheets/lib/_systemwide.scss */ .with-btn-bordered-primary a, .btn-bordered-primary { color: #00a1a1 !important; background-color: #fff !important; border-color: #00a1a1; } /* line 581, app/assets/stylesheets/lib/_systemwide.scss */ .green_button { padding: 4pt 12pt; margin: 1em 0; font-size: 12pt; color: white; background: #7cb56c; background: linear-gradient(0% 100% 90deg, #7cb56c, #418c2c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cb56c), to(#418c2c)); border-top: 1px solid #418c2c; border-right: 1px solid #418c2c; border-bottom: 1px solid #418c2c; border-left: 1px solid #418c2c; border-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; } /* line 600, app/assets/stylesheets/lib/_systemwide.scss */ .green_button:hover { text-decoration: none; text-shadow: 0 -1px 1px #33af1e; cursor: pointer; background: #418c2c; background: linear-gradient(0% 100% 90deg, #418c2c, #7cb56c); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#418c2c), to(#7cb56c)); border-top: 1px solid #5bae2c; border-right: 1px solid #2f9d17; border-bottom: 1px solid #0c9007; border-left: 1px solid #2f9d17; box-shadow: inset 0 1px 0 0 #97f165; } /* line 614, app/assets/stylesheets/lib/_systemwide.scss */ .green_button:active { text-shadow: 0 -1px 1px #35a724; background: #418c2c; border: 1px solid #218e15; border-bottom: 1px solid #0e8e14; box-shadow: inset 0 0 6px 3px #16b518, 0 1px 0 0 #fff; } /* line 623, app/assets/stylesheets/lib/_systemwide.scss */ .green_button:visited { color: white; background: #7cb56c; } /* line 629, app/assets/stylesheets/lib/_systemwide.scss */ .font_family_1, .font_family_1 textarea, .font_family_1 input[type='text'], .font_family_1 select { font-family: 'Architects Daughter'; } /* line 636, app/assets/stylesheets/lib/_systemwide.scss */ .font_family_2, .font_family_2 textarea, .font_family_2 input[type='text'], .font_family_2 select { font-family: 'Reenie Beanie', cursive; } /* line 644, app/assets/stylesheets/lib/_systemwide.scss */ .font_family_3, .font_family_3 textarea, .font_family_3 input[type='text'], .font_family_3 select { font-family: 'Special Elite', cursive; } /* line 651, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_11, .font_size_11 textarea, .font_size_11 input[type='text'], .font_size_11 select { font-size: 11pt; } /* line 658, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_12, .font_size_12 textarea, .font_size_12 input[type='text'], .font_size_12 select { font-size: 12pt; } /* line 665, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_13, .font_size_13 textarea, .font_size_13 input[type='text'], .font_size_13 select { font-size: 13pt; } /* line 672, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_14, .font_size_14 textarea, .font_size_14 input[type='text'], .font_size_14 select { font-size: 14pt; } /* line 679, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_15, .font_size_15 textarea, .font_size_15 input[type='text'], .font_size_15 select { font-size: 15pt; } /* line 686, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_16, .font_size_16 textarea, .font_size_16 input[type='text'], .font_size_16 select { font-size: 16pt; } /* line 693, app/assets/stylesheets/lib/_systemwide.scss */ .font_size_17, .font_size_17 textarea, .font_size_17 input[type='text'], .font_size_17 select { font-size: 17pt; } /* line 700, app/assets/stylesheets/lib/_systemwide.scss */ .font_color_black, .font_color_black textarea, .font_color_black input[type='text'], .font_color_black select { color: black; } /* line 707, app/assets/stylesheets/lib/_systemwide.scss */ .font_color_blue, .font_color_blue textarea, .font_color_blue input[type='text'], .font_color_blue select { color: #1d45bb; } /* line 714, app/assets/stylesheets/lib/_systemwide.scss */ .line_height_15, .line_height_15 textarea { line-height: 1.5; } /* USER AVATAR BASICS */ /* line 721, app/assets/stylesheets/lib/_systemwide.scss */ .user_thumb { width: 60px; height: 60px; border-radius: 60px; } /* line 727, app/assets/stylesheets/lib/_systemwide.scss */ .article_content { margin-bottom: 2em; font-size: 100%; } /* line 731, app/assets/stylesheets/lib/_systemwide.scss */ .article_content h2 { margin: 1em 0 0; } /* line 735, app/assets/stylesheets/lib/_systemwide.scss */ .article_content h3 { margin: 1em 0 0; } /* line 739, app/assets/stylesheets/lib/_systemwide.scss */ .article_content p { margin: 0.5em 0; font-size: 100%; } /* line 744, app/assets/stylesheets/lib/_systemwide.scss */ .article_content blockquote { margin: 1em 2em; } /* line 748, app/assets/stylesheets/lib/_systemwide.scss */ .article_content img { display: block; max-width: 100%; margin: 2em auto; } /* line 754, app/assets/stylesheets/lib/_systemwide.scss */ .article_content iframe { display: block; width: 100%; max-width: 800px; min-height: 400px; margin: 2em auto; } /* line 762, app/assets/stylesheets/lib/_systemwide.scss */ .article_content u { padding: 1pt 4pt; white-space: nowrap; text-decoration: none; background-color: #ffc; border: 1px solid #ccc; } /* line 770, app/assets/stylesheets/lib/_systemwide.scss */ .article_content table { width: 90%; margin: 2em auto; } /* line 775, app/assets/stylesheets/lib/_systemwide.scss */ .article_content table td, .article_content table th { width: 30%; vertical-align: top; text-align: center; } /* line 783, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns { width: 95%; max-width: 1050px; margin: 0 auto; } /* line 789, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns.single-campaign .campaign { width: 90%; } /* line 794, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign { clear: both; display: inline-block; width: 27%; min-height: 500px; padding: 2%; margin: 0 1% 15px; overflow: hidden; background-color: white; border-radius: 3px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 806, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign.width_50 { width: 50%; } /* line 812, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign.last_link_button_optic .text a:last-of-type { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.2rem; margin: 0.5rem 0; font-family: "OpenSans-Regular"; font-size: inherit; line-height: 1; color: #fff; white-space: nowrap; text-decoration: none; cursor: pointer; background-color: #00a1a1; border: 2px solid transparent; border-radius: 2%; } /* line 17, app/assets/stylesheets/lib/_mixin_custom.scss */ section.campaigns .campaign.last_link_button_optic .text a:last-of-type:hover { opacity: 0.8; } /* line 21, app/assets/stylesheets/lib/_mixin_custom.scss */ section.campaigns .campaign.last_link_button_optic .text a:last-of-type:visited, section.campaigns .campaign.last_link_button_optic .text a:last-of-type:visited:enabled { color: #fff; background-color: #00a1a1; } @media screen and (max-width: 567px) { /* line 812, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign.last_link_button_optic .text a:last-of-type { white-space: normal; } } /* line 819, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign .text h3 { margin: 10px; } /* line 823, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign .text p { margin: 10px 0 0; } /* line 827, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign .text h3, section.campaigns .campaign .text p { text-align: center; } /* line 833, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign .motive_preview { width: 100%; } /* line 836, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign .motive_preview img { max-width: 100%; } /* EVENT STREAMS */ /* line 846, app/assets/stylesheets/lib/_systemwide.scss */ .events hr { clear: both; height: 1em; padding: 0; margin: 0; border: none; } /* line 854, app/assets/stylesheets/lib/_systemwide.scss */ .events .user_thumb { position: absolute; left: -80px; } /* line 859, app/assets/stylesheets/lib/_systemwide.scss */ .events .message { float: left; width: 100%; } /* line 863, app/assets/stylesheets/lib/_systemwide.scss */ .events .message h2:first-of-type { margin-top: 0; } /* line 867, app/assets/stylesheets/lib/_systemwide.scss */ .events .message p { margin: 0; } /* line 871, app/assets/stylesheets/lib/_systemwide.scss */ .events .message iframe, .events .message img, .events .message svg { display: block; max-width: 100%; margin: 2% 0; } /* line 879, app/assets/stylesheets/lib/_systemwide.scss */ .events .message iframe { border: none; } /* line 883, app/assets/stylesheets/lib/_systemwide.scss */ .events .message .uploads { margin-top: 1em; } /* line 886, app/assets/stylesheets/lib/_systemwide.scss */ .events .message .uploads .picture { display: inline-block; max-width: 20%; vertical-align: top; } /* line 893, app/assets/stylesheets/lib/_systemwide.scss */ .events .message .message_footer { padding-top: 1em; margin-top: 1em; border-top: 2px solid #dadada; } /* line 902, app/assets/stylesheets/lib/_systemwide.scss */ .event { width: 70%; max-width: 700px; padding: 2%; line-height: 1.5; } /* line 908, app/assets/stylesheets/lib/_systemwide.scss */ .event h2 { font-size: 110%; } /* line 912, app/assets/stylesheets/lib/_systemwide.scss */ .event img { max-width: 100%; } /* line 916, app/assets/stylesheets/lib/_systemwide.scss */ .event .timestamp { float: right; } /* line 920, app/assets/stylesheets/lib/_systemwide.scss */ .event.user, .event.customer, .event.customer_data { position: relative; border-radius: 8px; } /* line 927, app/assets/stylesheets/lib/_systemwide.scss */ .event.user { float: right; background-color: #e4ecfe; } /* line 932, app/assets/stylesheets/lib/_systemwide.scss */ .event.customer { float: left; background-color: #fbfbfb; } /* line 939, app/assets/stylesheets/lib/_systemwide.scss */ .state_badge { padding: 0.2em 0.4em; font-size: 80%; font-weight: normal; border-radius: 5px; } /* line 945, app/assets/stylesheets/lib/_systemwide.scss */ .state_badge.pending, .state_badge.waiting_for_customer, .state_badge.waiting_for_support, .state_badge.snoozed { color: #f3f156; color: black; background-color: #dadada; } /* line 954, app/assets/stylesheets/lib/_systemwide.scss */ .state_badge.closed { color: #30903e; background-color: #dadada; } /* PAGINATION */ /* line 962, app/assets/stylesheets/lib/_systemwide.scss */ .pagination { padding: 0.3em; margin: 4pt 0; text-align: center; } /* line 968, app/assets/stylesheets/lib/_systemwide.scss */ .pagination a, .pagination span { padding: 0.2em 0.5em; } /* line 973, app/assets/stylesheets/lib/_systemwide.scss */ .pagination span.disabled { color: #aaa; } /* line 977, app/assets/stylesheets/lib/_systemwide.scss */ .pagination .current { padding: 0.2em 0.5em; font-style: normal; background-color: none; } /* line 984, app/assets/stylesheets/lib/_systemwide.scss */ .pagination a { color: white; text-decoration: none; background-color: #0c94ad; border: none; } /* line 991, app/assets/stylesheets/lib/_systemwide.scss */ .pagination a:hover, .pagination a:focus { color: white; background-color: black; } /* line 997, app/assets/stylesheets/lib/_systemwide.scss */ .pagination .page_info { padding-top: 0.8em; color: #aaa; } /* line 1002, app/assets/stylesheets/lib/_systemwide.scss */ .pagination .prev_page, .pagination .next_page { border-width: 2px; } /* line 1007, app/assets/stylesheets/lib/_systemwide.scss */ .pagination .prev_page { margin-right: 1em; } /* line 1011, app/assets/stylesheets/lib/_systemwide.scss */ .pagination .next_page { margin-left: 1em; } /* line 1015, app/assets/stylesheets/lib/_systemwide.scss */ footer { margin-top: 4%; text-align: center; } /* line 1021, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions { position: fixed; z-index: 1000; width: 50px; margin-top: 50px; margin-left: -7%; } /* line 1028, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions svg { position: relative; z-index: 90; display: block; width: 25px; height: 25px; padding: 10px; margin-bottom: 10px; background-color: white; border-radius: 30px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 1042, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option { position: relative; display: block; } /* line 1047, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option.visible .desc { display: inline-block; } /* line 1050, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option.visible .desc b { float: right; display: block; width: 200px; text-align: center; } /* line 1056, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option.visible .desc b span.keycode { padding: 0.2em 0.4em; font-weight: normal; color: #666; background-color: #fbfbfb; border-radius: 3px; } /* line 1065, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option.visible .desc .details { position: absolute; top: 40px; width: 200px; padding: 1em 0; text-align: center; background-color: white; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 1076, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option.visible .desc .details .option2 { display: block; padding: 2%; } /* line 1084, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option .desc { position: absolute; top: 0; left: 22px; z-index: 80; display: none; width: 200px; min-height: 30px; padding-top: 15px; padding-left: 65px; background-color: white; border-radius: 8px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 1099, app/assets/stylesheets/lib/_systemwide.scss */ .fixed_actions .option:hover { cursor: pointer; } /* MOTIVES VIEW MKT AND BACKEND */ /* line 1108, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.custom_motive_upload { padding: 15px; } /* line 1112, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb { float: left; display: block; width: 20%; height: 300px; margin: 0 0 2%; margin: 1em 0; text-align: center; } /* line 1121, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb .motive_overlay_area { z-index: 10; } /* line 1124, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb .motive_overlay_area a.show_overlay { display: block; } /* line 1127, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb .motive_overlay_area a.show_overlay svg { width: 32px; height: 32px; } /* line 1131, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb .motive_overlay_area a.show_overlay svg #primary { fill: transparent; } /* line 1137, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb .motive_overlay_area a, section.motives div.motive_thumb .motive_overlay_area a:visited { margin: 0; } /* line 1144, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb:hover .motive_overlay_area a.show_overlay svg #primary { fill: #00a1a1; } /* line 1149, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb a { display: inline-block; vertical-align: middle; } /* line 1154, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb img { max-width: 300px; max-height: 300px; border: 1px solid #d7deea; box-shadow: none; border-radius: 2px; } /* line 1162, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb.landscape a.select_motive { width: 100%; margin-top: 35px; } /* line 1167, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb.landscape img, section.motives div.motive_thumb.landscape .image_ph { width: 90%; } /* line 1174, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb.vertical a.select_motive { height: 100%; } /* line 1178, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb.vertical img { height: 90%; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ section.motives div.motive_thumb:last-of-type::before, section.motives div.motive_thumb:last-of-type::after { clear: both; display: table; content: ' '; } /* FILTER MOTIVES INDEX MKT AND BACKEND */ /* line 1193, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter input[type='text'], .groups_filter input[type='text'] { display: block; width: 90%; max-width: 600px; padding: 0.3em 1%; margin: 0 auto; font-size: 100%; } /* line 1201, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter input.with_result[type='text'], .groups_filter input.with_result[type='text'] { background-color: rgba(60, 190, 142, 0.18); border-color: rgba(60, 190, 142, 0.18); } /* line 1206, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter input.without_result[type='text'], .groups_filter input.without_result[type='text'] { background-color: rgba(207, 2, 26, 0.13); border-color: rgba(207, 2, 26, 0.13); } /* line 1212, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags, .cards_filter .groups, .groups_filter .tags, .groups_filter .groups { line-height: 1.5; text-align: center; white-space: inherit; } /* line 1218, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags a, .cards_filter .groups a, .groups_filter .tags a, .groups_filter .groups a { display: inline-block; padding: 3px 5px; margin: 0.5%; color: white; white-space: nowrap; text-decoration: none; background-color: #00a1a1; border-radius: 3px; } /* line 1229, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags a.group.cscrm_tag, .cards_filter .tags a.group.cscrm_filter_group, .cards_filter .groups a.group.cscrm_tag, .cards_filter .groups a.group.cscrm_filter_group, .groups_filter .tags a.group.cscrm_tag, .groups_filter .tags a.group.cscrm_filter_group, .groups_filter .groups a.group.cscrm_tag, .groups_filter .groups a.group.cscrm_filter_group { white-space: nowrap; background-color: #292a4d; } /* line 1234, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags a.group.cscrm_tag:hover, .cards_filter .tags a.group.cscrm_filter_group:hover, .cards_filter .groups a.group.cscrm_tag:hover, .cards_filter .groups a.group.cscrm_filter_group:hover, .groups_filter .tags a.group.cscrm_tag:hover, .groups_filter .tags a.group.cscrm_filter_group:hover, .groups_filter .groups a.group.cscrm_tag:hover, .groups_filter .groups a.group.cscrm_filter_group:hover { background-color: #6b75cb; } /* line 1240, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags a:hover, .cards_filter .groups a:hover, .groups_filter .tags a:hover, .groups_filter .groups a:hover { background-color: #007a7a; } /* line 1244, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags a.selected, .cards_filter .groups a.selected, .groups_filter .tags a.selected, .groups_filter .groups a.selected { color: #2d363d; background-color: #33eced; border: 1px solid #00a1a1; } /* line 1252, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags .show_more, .cards_filter .groups .show_more, .groups_filter .tags .show_more, .groups_filter .groups .show_more { color: black; background-color: #f3f156; } /* line 1257, app/assets/stylesheets/lib/_systemwide.scss */ .cards_filter .tags .show_all, .cards_filter .groups .show_all, .groups_filter .tags .show_all, .groups_filter .groups .show_all { background-color: #d0021b; } /* POSTCARD OPTIC */ /* line 1267, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_optic { background-color: white; border: 1px solid #d7deea; box-shadow: none; border-radius: 2px; } /* line 1272, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_optic.vertical { min-height: 200px; } /* line 1276, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_optic.centered { text-align: center !important; } /* line 1279, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_optic.centered h1, .postcard_optic.centered h2, .postcard_optic.centered h3, .postcard_optic.centered p, .postcard_optic.centered a { text-align: center; } /* line 1288, app/assets/stylesheets/lib/_systemwide.scss */ .postcard_optic.with-padding { padding: 30px; } /* line 1294, app/assets/stylesheets/lib/_systemwide.scss */ .custom_motive_hint .postcard_optic { border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 1300, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.text_samples .card { min-height: 380px; margin-bottom: 15px; text-align: left; text-decoration: none; } /* line 1306, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.text_samples .card p { line-height: 30px; text-align: left; } /* line 1311, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.text_samples .card.text_sample_cta { color: white; background-color: #00a1a1; } /* line 1322, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards::after, .cms42_page_section.n_texts::after { clear: both; display: block; content: ''; } /* line 1328, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards .card, .cms42_page_section.n_texts .card { display: inline-table; width: 40%; padding: 15px; margin: 0 15px; text-align: left; } /* line 1335, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards .card svg.icon, section.two_vertical_cards .card img.icon, .cms42_page_section.n_texts .card svg.icon, .cms42_page_section.n_texts .card img.icon { width: 64px; height: 64px; margin-bottom: 3%; } /* line 1341, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards .card svg.icon.left_border, section.two_vertical_cards .card img.icon.left_border, .cms42_page_section.n_texts .card svg.icon.left_border, .cms42_page_section.n_texts .card img.icon.left_border { float: left; margin: -48px; margin-left: -42px; } /* line 1347, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards .card svg.icon.right_border, section.two_vertical_cards .card img.icon.right_border, .cms42_page_section.n_texts .card svg.icon.right_border, .cms42_page_section.n_texts .card img.icon.right_border { float: right; margin: -48px; margin-right: -42px; } /* line 1356, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .pricing-cards, .cms42_page_section.n_texts.pricing .pricing-cards { display: flex; justify-content: space-between; } /* line 1361, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .vertical-flex, .cms42_page_section.n_texts.pricing .vertical-flex { display: flex; flex-direction: column; } /* line 1365, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .vertical-flex p, .cms42_page_section.n_texts.pricing .vertical-flex p { margin-top: 1rem; } /* line 1370, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .price, .cms42_page_section.n_texts.pricing .price { display: flex; justify-content: space-between; text-align: right; } /* line 1376, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .text-gray, .cms42_page_section.n_texts.pricing .text-gray { display: block; margin: -0.3rem 0 1rem 0.75rem; font-size: 80%; color: #666; text-align: right; opacity: 0.8; } /* line 1385, app/assets/stylesheets/lib/_systemwide.scss */ section.two_vertical_cards.pricing .pricing-desc, .cms42_page_section.n_texts.pricing .pricing-desc { text-align: left; } /* line 1392, app/assets/stylesheets/lib/_systemwide.scss */ section.three_vertical_cards { text-align: center; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ section.three_vertical_cards::before, section.three_vertical_cards::after { clear: both; display: table; content: ' '; } /* line 1397, app/assets/stylesheets/lib/_systemwide.scss */ section.three_vertical_cards .card { box-sizing: border-box; display: inline-block; width: 31%; max-width: 300px; padding: 15px 5px; margin: 0 1%; } /* line 1410, app/assets/stylesheets/lib/_systemwide.scss */ .card h2:first-of-type, .card h3:first-of-type, .card h4:first-of-type { margin-top: 0; } /* line 1416, app/assets/stylesheets/lib/_systemwide.scss */ .card.card-colored { background-color: #f2f2f8; border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 1422, app/assets/stylesheets/lib/_systemwide.scss */ .card.bg-white { background-color: #fff; } /* line 1426, app/assets/stylesheets/lib/_systemwide.scss */ .card .card-svg-icon { width: auto; height: 60px; } /* line 1432, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid { --auto-grid-min-size: 16rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr)); gap: 1rem; } /* line 1439, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid.auto-grid-xs { --auto-grid-min-size: 12rem; } @media screen and (max-width: 1200px) { /* line 1439, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid.auto-grid-xs { --auto-grid-min-size: 22rem; } } /* line 1449, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.card { padding: 1rem 1.5rem; } /* line 1453, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element .icon-headline { display: -webkit-box; display: flexbox; display: flex; } /* line 1456, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element .icon-headline h3 { text-align: left; } /* line 1462, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.with-checkmark { position: relative; padding-left: 3rem; } /* line 1466, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.with-checkmark::before { position: absolute; top: 17%; left: 0; z-index: 1; width: 1rem; height: 1rem; content: url(/assets/icons/checkmark-7fb7383e0239c34430b58b156cfebc52914f0adb541cad140ded6d41aaa528d8.png); transform: scale(0.8); } /* line 1478, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.with-checkmark h2, .auto-grid-element.with-checkmark h3, .auto-grid-element.with-checkmark h4 { max-width: 75%; } /* line 1484, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.with-checkmark h2, .auto-grid-element.with-checkmark h3, .auto-grid-element.with-checkmark h4, .auto-grid-element.with-checkmark p { font-weight: normal; text-align: left; } /* line 1493, app/assets/stylesheets/lib/_systemwide.scss */ .vertical-flex { display: -webkit-box; display: flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } /* POSTCARD EDITOR */ /* line 1500, app/assets/stylesheets/lib/_systemwide.scss */ section.layout_options { min-height: 28px; margin: 0 0 1%; text-align: center; } /* line 1505, app/assets/stylesheets/lib/_systemwide.scss */ section.layout_options a { margin: 0 2%; text-decoration: none; } /* line 1509, app/assets/stylesheets/lib/_systemwide.scss */ section.layout_options a:hover { text-decoration: underline; } /* line 1514, app/assets/stylesheets/lib/_systemwide.scss */ section.layout_options a.postcard-editor-card-option-is-qr-toggle { /* CSS min(); avoid Sass min() mixing % and rem (SassC error) */ max-width: min(100%, 14rem); margin: 0 2%; overflow: hidden; text-overflow: ellipsis; vertical-align: baseline; white-space: nowrap; } /* line 1525, app/assets/stylesheets/lib/_systemwide.scss */ .cards-new-qr-code-options { margin-bottom: 3rem; text-align: center; } /* line 1531, app/assets/stylesheets/lib/_systemwide.scss */ section.cards-new-qr-code-options:not(.cards-new-qr-code-options-is-enabled) .cards-new-qr-code-options-url { display: none; } /* line 1536, app/assets/stylesheets/lib/_systemwide.scss */ .cards-new-input-field { font-size: 100%; text-align: center; background: transparent; } /* line 1544, app/assets/stylesheets/lib/_systemwide.scss */ .cards-new-input-field-qr-code-url { width: 100%; max-width: 550px; } @media only screen and (max-width: 1500px) { /* line 1551, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb { width: 25%; } } @media only screen and (max-width: 1000px) { /* line 1558, app/assets/stylesheets/lib/_systemwide.scss */ .no_tablet { display: none; } /* line 1563, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign { width: 42%; } /* line 1570, app/assets/stylesheets/lib/_systemwide.scss */ section.multi_vertical_cards .card, section.three_vertical_cards .card { width: 44%; margin-bottom: 2%; } /* line 1577, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb { width: 50%; } } /* Only for Ipad (landscape and portrait mode) */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 1585, app/assets/stylesheets/lib/_systemwide.scss */ .pricing-desc { display: block; } /* for debugging and recognizing the media query is working in production */ /* line 1590, app/assets/stylesheets/lib/_systemwide.scss */ footer.large { border-top: 4px solid lightgray; } /* line 1596, app/assets/stylesheets/lib/_systemwide.scss */ .auto-grid-element.with-checkmark::before { position: initial; } } @media only screen and (max-width: 700px) { /* line 1603, app/assets/stylesheets/lib/_systemwide.scss */ body { font-feature-settings: 'dlig' 1; /* dlig=1 enable discretionary ligatures */ font-kerning: normal; text-rendering: optimizelegibility; } /* line 1609, app/assets/stylesheets/lib/_systemwide.scss */ table { display: block; /* Only partial support in FF & Safari. Prefix currently required https://caniuse.com/?search=fit-content */ /* stylelint-disable value-no-vendor-prefix */ max-width: -moz-fit-content; /* stylelint-enable value-no-vendor-prefix */ max-width: fit-content; margin: 0 auto; overflow-x: auto; white-space: nowrap; cursor: pointer; } /* line 1626, app/assets/stylesheets/lib/_systemwide.scss */ th, td { hyphens: unset; user-select: none; } /* line 1632, app/assets/stylesheets/lib/_systemwide.scss */ .only_mobile { display: block; } /* line 1636, app/assets/stylesheets/lib/_systemwide.scss */ .only_mobile_inline { display: inline; } /* line 1640, app/assets/stylesheets/lib/_systemwide.scss */ .no_mobile { display: none; } /* line 1645, app/assets/stylesheets/lib/_systemwide.scss */ section.motives div.motive_thumb { width: 100%; } /* line 1653, app/assets/stylesheets/lib/_systemwide.scss */ section.multi_vertical_cards .card, section.three_vertical_cards .card, section.two_vertical_cards .card { float: none; display: block; width: auto; max-width: none; min-height: auto; margin-bottom: 2%; } /* line 1664, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign { width: 100%; max-width: 450px; } /* line 1668, app/assets/stylesheets/lib/_systemwide.scss */ section.campaigns .campaign.width_50 { width: 100%; } /* line 1674, app/assets/stylesheets/lib/_systemwide.scss */ .pricing .pricing-cards { display: block !important; width: inherit; margin: 0 auto; } /* line 1681, app/assets/stylesheets/lib/_systemwide.scss */ .events .event { width: 92%; max-width: none; padding: 4%; } /* line 1686, app/assets/stylesheets/lib/_systemwide.scss */ .events .event .user_thumb { display: none; } } /* line 1, app/assets/stylesheets/lib/_header_defaults.scss */ header { top: 0; padding: 0; margin: 0 auto; text-align: center; background-color: #fff; /* nav */ } /* line 8, app/assets/stylesheets/lib/_header_defaults.scss */ header.border-bottom { border-bottom: 2px solid #eee; } /* line 12, app/assets/stylesheets/lib/_header_defaults.scss */ header .wrapper { position: relative; width: 100%; max-width: 1000px; height: 75px; display: -webkit-box; display: flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* line 23, app/assets/stylesheets/lib/_header_defaults.scss */ header a.logo { z-index: 5; display: inline-block; width: 20%; max-width: 115px; margin-left: 0; vertical-align: middle; text-align: left; text-decoration: none; } /* line 33, app/assets/stylesheets/lib/_header_defaults.scss */ header a.logo:hover { text-decoration: none; } /* line 37, app/assets/stylesheets/lib/_header_defaults.scss */ header a.logo svg, header a.logo img { width: 115px; vertical-align: middle; } /* line 44, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger { position: relative; right: 15px; z-index: 10; float: right; display: none; margin: 17px; cursor: pointer; } /* line 54, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger.active .line { background-color: rgba(0, 161, 161, 0.6); border-bottom: 1px solid #00a1a1; } /* line 58, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger.active .line:nth-child(1) { transform: translateY(6px) rotate(45deg); } /* line 62, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger.active .line:nth-child(2) { opacity: 0; } /* line 66, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger.active .line:nth-child(3) { transform: translateY(-6px) rotate(-45deg); } /* line 72, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger .line { display: block; width: 20px; height: 1px; margin: 4px auto; background-color: #2d363d; border-bottom: 1px solid #8a8a8a; border-radius: 255px 15px 225px / 15px 225px 15px 255px; transition: 0.25s all ease-in-out; } /* line 84, app/assets/stylesheets/lib/_header_defaults.scss */ header nav { position: unset; display: inline-block; margin-left: auto; font-size: 18px; vertical-align: middle; text-align: center; letter-spacing: 0.02em; /* main_links */ } /* line 93, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links { width: 100%; padding: 0; margin: 0; list-style-type: none; } /* line 99, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li { display: inline; margin-right: 25px; margin-left: 0; text-align: right; } /* line 105, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li a { font-family: "OpenSans-Light"; color: inherit; } /* line 110, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li:hover { color: #00a1a1; cursor: pointer; } /* line 115, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title { display: inline; } /* line 118, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title:not(.trio) { position: relative; } /* line 122, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title span.triangle { margin-left: 5px; color: #00a1a1; } /* line 129, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title:hover .dropdown li { color: #2d363d; } /* line 132, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title:hover .dropdown li a { background-color: unset; } /* line 135, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.dropdown_title:hover .dropdown li a:hover { color: #2d363d; } /* line 145, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.cta a { padding: 5px 10px; border-radius: 3px; transition: all 0.3s ease-in-out; } /* line 153, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.cta.highlighted a { color: #fff; background: #00a1a1; } /* line 160, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.login_mobile { display: none; padding-top: 15px; } /* line 165, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li.only-mobile { display: none; } /* line 169, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li a { text-decoration: none; transition: 0.2s color ease-in-out; } /* line 173, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li a:hover { color: #00a1a1; text-decoration: none; } /* line 178, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links li a.login { color: #00a1a1; } /* line 185, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown { position: absolute; top: 45px; left: -10%; display: block; visibility: hidden; min-width: 80%; height: 0; padding: 2%; content: ''; background: #fff; border-top: none; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); opacity: 0; transition: height 0s linear, opacity 0.2s linear, visiblity 0.2s linear; } /* line 203, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown li { display: block; padding: 0.5rem 0.2rem; margin: 0; text-align: left; text-transform: none; white-space: nowrap; border-bottom: 1px dashed #00a1a1; } /* line 212, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown li a { display: block; width: 100%; height: 100%; padding: 5px 15px; margin: 0; } /* line 220, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown li:hover:not(.menu) { background: rgba(0, 185, 186, 0.05); border-bottom: 1px solid #00a1a1; } /* line 227, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.open { display: block; visibility: visible; height: auto; opacity: 1; } /* line 235, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open { display: -webkit-box; display: flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; width: 100%; padding: 0; margin-top: 25px; } /* line 244, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open .menu { position: relative; width: 30%; padding: 0 0 30px; margin: 0 30px; border: none; } /* line 251, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open .menu h3 { padding: 10px 0; padding-left: 15px; margin: 0; font-size: 16px; text-align: left; border-bottom: 1px solid #00a1a1; } /* line 259, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open .menu h3:hover { cursor: default; } /* line 264, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open .menu ul { padding: 0; } /* line 267, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links .dropdown.trio.open .menu ul:last-child { border-bottom: none; } /* line 289, app/assets/stylesheets/lib/_header_defaults.scss */ header .login { display: inline-block; } /* line 292, app/assets/stylesheets/lib/_header_defaults.scss */ header .login a { color: #00a1a1; text-decoration: none; } /* line 296, app/assets/stylesheets/lib/_header_defaults.scss */ header .login a:hover { color: #00a1a1; } /* line 301, app/assets/stylesheets/lib/_header_defaults.scss */ header .login.with_registration { padding: 0; } /* line 304, app/assets/stylesheets/lib/_header_defaults.scss */ header .login.with_registration a { display: inline-block; padding: 15px; } /* line 309, app/assets/stylesheets/lib/_header_defaults.scss */ header .login.with_registration .cta { padding: 15px; color: #fff; background-color: #00a1a1; transition: 0.3s all ease-in-out; } /* line 319, app/assets/stylesheets/lib/_header_defaults.scss */ .pending-header-info { color: #000; background-color: #cce4e4; border-bottom: 1px solid #ccc; } /************************************************* Hero **************************************************/ /* line 328, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .wrapper { display: -webkit-box; display: flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ .hero .wrapper::before, .hero .wrapper::after { clear: both; display: table; content: ' '; } /* line 333, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .wrapper div { -ms-flex-preferred-size: 50%; flex-basis: 50%; } /* line 339, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .hero-text h1, .hero .hero-text p { text-align: left; } /* line 344, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .hero-text h1, .hero .hero-text h1 p { font-size: 56px; line-height: 48px; } /* line 350, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .hero-text p { margin-bottom: 3rem; font-size: 20px; line-height: 32px; } /* line 357, app/assets/stylesheets/lib/_header_defaults.scss */ .hero-image { position: relative; text-align: right; } /* line 362, app/assets/stylesheets/lib/_header_defaults.scss */ .hero-image svg .hero-animated-text-viewport { transform: translate(285px, 230px) rotate(183.8deg); } /************************************************* Responsive **************************************************/ @media screen and (max-width: 1100px) { /* line 375, app/assets/stylesheets/lib/_header_defaults.scss */ header a.logo { float: left; width: 50%; margin-left: 30px; vertical-align: top; border: none; } /* line 383, app/assets/stylesheets/lib/_header_defaults.scss */ header .hamburger { display: block; } /* line 387, app/assets/stylesheets/lib/_header_defaults.scss */ header nav { float: right; display: block; width: 100%; padding: 0; } /* line 393, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links { display: none; } /* line 396, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile { position: absolute; top: 60px; right: 0; display: block; width: 100%; padding: 0 30px; margin: 0; background: #fff; } /* line 406, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li { display: block; padding-right: 15px; margin: 26px 0; text-transform: uppercase; } /* line 412, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title { display: block; } /* line 415, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown { position: relative; top: 0; left: 0; z-index: 20; padding: 0; margin: 0; text-align: center; box-shadow: none; } /* line 425, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.open { margin: 10px 0 10px 10px; text-align: right; } /* line 429, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.open li { display: inline-block; padding: 5px 15px; margin: 5px 0; text-transform: none; background-color: none; background-color: rgba(0, 185, 186, 0.05); border: none; border-right: 1px solid #00a1a1; border-left: 1px solid #00a1a1; } /* line 440, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.open li:hover { background-color: rgba(0, 185, 186, 0.2); background-color: transparent; } /* line 446, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.open li a { background-color: unset; } /* line 452, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown li { padding: 10px 2%; margin: 0; margin-right: 10px; text-align: right; border-bottom: 7px solid #00a1a1; } /* line 459, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown li a { text-align: right; } /* line 464, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open { display: block; } /* line 467, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu { display: block; width: unset; padding: 0; margin: 0 0 0 30px; background: none; border: none; } /* line 475, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu ul.submenu { display: none; padding: 0; margin: 0; } /* line 480, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu ul.submenu li { display: block; padding: 0; text-align: center; background: none; border: none; } /* line 489, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu h3 { padding: 0; margin: 15px 0; text-align: center; background-color: rgba(0, 185, 186, 0.05); border-top: 1px dashed #00a1a1; border-bottom: 1px dashed #00a1a1; } /* line 497, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu h3:hover { cursor: pointer; background-color: rgba(0, 185, 186, 0.2); background-color: transparent; } /* line 505, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu.open ul.submenu { display: block; } /* line 508, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu.open ul.submenu li { padding-right: 15px; } /* line 514, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.dropdown_title .dropdown.trio.open .menu:hover { background: none; } /* line 530, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.login { display: block; border: none; } /* line 534, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile li.login a { display: block; } /* line 540, app/assets/stylesheets/lib/_header_defaults.scss */ header nav .main_links.mobile nav { display: block; } /* line 550, app/assets/stylesheets/lib/_header_defaults.scss */ .hero .wrapper { display: block; } } /* FORMS */ /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 6, app/assets/stylesheets/lib/_form_defaults.scss */ form .avatar, .form .avatar { width: 100%; max-width: 300px; margin: 0 auto; } /* line 12, app/assets/stylesheets/lib/_form_defaults.scss */ form .field, .form .field { max-width: 500px; margin-bottom: 30px; /* ROUNDED TWO */ /* SPECIALS */ } /* line 16, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.small_margin_bottom, .form .field.small_margin_bottom { margin-bottom: 15px; } /* line 20, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.name_field, .form .field.name_field { max-width: 250px; } /* line 24, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.first, .form .field.first { float: left; max-width: 250px; margin-right: 2%; } /* line 30, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.last, .form .field.last { float: right; max-width: 250px; } /* line 35, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.short, .form .field.short { max-width: 300px; } /* line 39, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.full_width, .form .field.full_width { max-width: none; } /* line 43, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.small_width, .form .field.small_width { max-width: 300px; } /* line 46, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.small_width.centered, .form .field.small_width.centered { text-align: left; } /* line 51, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.two_columns, .form .field.two_columns { width: 48%; } /* line 55, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.centered, .form .field.centered { margin-right: auto; margin-left: auto; } /* line 59, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.left_aligned, .form .field.left_aligned { text-align: left; } /* line 64, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.radio_list .check-radio, .form .field.radio_list .check-radio { margin-bottom: 5px; } /* line 67, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.radio_list .check-radio .desc, .form .field.radio_list .check-radio .desc { margin: 0; } /* line 73, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.abort_right, .form .field.abort_right { float: right; } /* line 76, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.abort_right a, .form .field.abort_right a { color: #d0021b; } /* line 81, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.s-field, .form .field.s-field { height: 0.5px; padding: 0; margin: 0; overflow: hidden; } /* line 87, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.s-field input, form .field.s-field textarea, .form .field.s-field input, .form .field.s-field textarea { border: none !important; } /* line 93, app/assets/stylesheets/lib/_form_defaults.scss */ form .field label, .form .field label { font-weight: bold; } /* line 96, app/assets/stylesheets/lib/_form_defaults.scss */ form .field label.with_spacing, .form .field label.with_spacing { display: inline-block; margin-bottom: 0.3em; } /* line 102, app/assets/stylesheets/lib/_form_defaults.scss */ form .field a.info, .form .field a.info { margin-left: 5px; text-decoration: none; } /* line 106, app/assets/stylesheets/lib/_form_defaults.scss */ form .field a.info:hover, .form .field a.info:hover { text-decoration: none; } /* line 115, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .label_desc, .form .field .label_desc { margin-top: 0; } /* line 119, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select, form .field textarea, form .field input[type='text'], form .field input[type='email'], form .field input[type='number'], form .field input[type='password'], .form .field select, .form .field textarea, .form .field input[type='text'], .form .field input[type='email'], .form .field input[type='number'], .form .field input[type='password'] { width: 97%; padding: 1%; font-size: 100%; border: 1px solid #dadada; border-radius: 3px; } /* line 131, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.subdomain, form .field textarea.subdomain, form .field input.subdomain[type='text'], form .field input.subdomain[type='email'], form .field input.subdomain[type='number'], form .field input.subdomain[type='password'], .form .field select.subdomain, .form .field textarea.subdomain, .form .field input.subdomain[type='text'], .form .field input.subdomain[type='email'], .form .field input.subdomain[type='number'], .form .field input.subdomain[type='password'] { max-width: 100px; margin-right: 0.2em; margin-left: 0.2em; } /* line 137, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.cc_cvc, form .field textarea.cc_cvc, form .field input.cc_cvc[type='text'], form .field input.cc_cvc[type='email'], form .field input.cc_cvc[type='number'], form .field input.cc_cvc[type='password'], .form .field select.cc_cvc, .form .field textarea.cc_cvc, .form .field input.cc_cvc[type='text'], .form .field input.cc_cvc[type='email'], .form .field input.cc_cvc[type='number'], .form .field input.cc_cvc[type='password'] { max-width: 40px; } /* line 141, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.cc_expiry_month, form .field textarea.cc_expiry_month, form .field input.cc_expiry_month[type='text'], form .field input.cc_expiry_month[type='email'], form .field input.cc_expiry_month[type='number'], form .field input.cc_expiry_month[type='password'], .form .field select.cc_expiry_month, .form .field textarea.cc_expiry_month, .form .field input.cc_expiry_month[type='text'], .form .field input.cc_expiry_month[type='email'], .form .field input.cc_expiry_month[type='number'], .form .field input.cc_expiry_month[type='password'] { max-width: 20px; } /* line 145, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.cc_expiry_year, form .field textarea.cc_expiry_year, form .field input.cc_expiry_year[type='text'], form .field input.cc_expiry_year[type='email'], form .field input.cc_expiry_year[type='number'], form .field input.cc_expiry_year[type='password'], .form .field select.cc_expiry_year, .form .field textarea.cc_expiry_year, .form .field input.cc_expiry_year[type='text'], .form .field input.cc_expiry_year[type='email'], .form .field input.cc_expiry_year[type='number'], .form .field input.cc_expiry_year[type='password'] { max-width: 40px; } /* line 149, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select:disabled, form .field textarea:disabled, form .field input[type='text']:disabled, form .field input[type='email']:disabled, form .field input[type='number']:disabled, form .field input[type='password']:disabled, .form .field select:disabled, .form .field textarea:disabled, .form .field input[type='text']:disabled, .form .field input[type='email']:disabled, .form .field input[type='number']:disabled, .form .field input[type='password']:disabled { background-color: #dadada; } /* line 153, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.invalid, form .field textarea.invalid, form .field input.invalid[type='text'], form .field input.invalid[type='email'], form .field input.invalid[type='number'], form .field input.invalid[type='password'], .form .field select.invalid, .form .field textarea.invalid, .form .field input.invalid[type='text'], .form .field input.invalid[type='email'], .form .field input.invalid[type='number'], .form .field input.invalid[type='password'] { border: 1px solid #d0021b; } /* line 161, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.small_time, .form .field select.small_time { max-width: 50px; } /* line 165, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.cc_exp_month, .form .field select.cc_exp_month { max-width: 150px; } /* line 169, app/assets/stylesheets/lib/_form_defaults.scss */ form .field select.cc_exp_year, .form .field select.cc_exp_year { max-width: 100px; } /* line 175, app/assets/stylesheets/lib/_form_defaults.scss */ form .field input[type='checkbox'], form .field input[type='radio'], .form .field input[type='checkbox'], .form .field input[type='radio'] { display: none; } /* line 181, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio, .form .field .check-radio { position: relative; min-height: 30px; border-radius: 50px; } /* line 186, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio label, .form .field .check-radio label { font-weight: inherit; cursor: pointer; } /* line 191, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio label.desc, form .field .check-radio input.radio_input, .form .field .check-radio label.desc, .form .field .check-radio input.radio_input { position: relative; left: 40px; display: inline-block; margin: 0.4em 0; } /* line 199, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input.radio_input, .form .field .check-radio input.radio_input { max-width: 80px; font-size: 100%; } /* line 204, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio span.radio_input_desc, .form .field .check-radio span.radio_input_desc { position: relative; left: 40px; } /* line 209, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio label.rounded, .form .field .check-radio label.rounded { position: absolute; top: 4px; left: 4px; /* width: 30px; height: 30px; */ width: 20px; height: 20px; /* background: -webkit-linear-gradient(top, #222 0%, #45484d 100%); background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); */ /* background: -webkit-linear-gradient(top, #222 0%, $gray 100%); background: -moz-linear-gradient(top, #222 0%, $gray 100%); background: -o-linear-gradient(top, #222 0%, $gray 100%); background: -ms-linear-gradient(top, #222 0%, $gray 100%); background: linear-gradient(top, #222 0%, $gray 100%); */ background: transparent; /* -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); */ border: 1px solid #dadada; border-radius: 50px; } /* line 246, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio label.rounded::after, .form .field .check-radio label.rounded::after { position: absolute; top: 5px; left: 4px; width: 9px; height: 5px; content: ''; background: transparent; border: 3px solid #fcfff4; border-top: none; border-right: none; opacity: 0; filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); transform: rotate(-45deg); } /* line 267, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio label.rounded:hover::after, .form .field .check-radio label.rounded:hover::after { opacity: 0.3; filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; filter: alpha(opacity=30); } /* line 275, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='checkbox']:checked + label.rounded, .form .field .check-radio input[type='checkbox']:checked + label.rounded { background: #3cbc8d; } /* line 280, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='checkbox']:disabled + label.rounded, .form .field .check-radio input[type='checkbox']:disabled + label.rounded { background: #dadada; } /* line 284, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='radio']:disabled + label.rounded, .form .field .check-radio input[type='radio']:disabled + label.rounded { background: #dadada; } /* line 288, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='checkbox']:checked + label.rounded::after, .form .field .check-radio input[type='checkbox']:checked + label.rounded::after { opacity: 1; /* background: -webkit-linear-gradient(top, #222 0%, #45484d 100%); background: -moz-linear-gradient(top, #222 0%, #45484d 100%); background: -o-linear-gradient(top, #222 0%, #45484d 100%); background: -ms-linear-gradient(top, #222 0%, #45484d 100%); background: linear-gradient(top, #222 0%, #45484d 100%); background: white; //#fcfff4; */ filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); } /* line 302, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='radio']:checked + label.rounded, .form .field .check-radio input[type='radio']:checked + label.rounded { background: #3cbc8d; } /* line 307, app/assets/stylesheets/lib/_form_defaults.scss */ form .field .check-radio input[type='radio']:checked + label.rounded::after, .form .field .check-radio input[type='radio']:checked + label.rounded::after { opacity: 1; filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); } /* line 316, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.product_select, .form .field.product_select { max-width: none; } /* line 319, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.product_select .product, .form .field.product_select .product { opacity: 0.3; } /* line 323, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.product_select img.product, .form .field.product_select img.product { max-width: 200px; max-height: 30px; margin-right: 2%; } /* line 329, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.product_select span.product, .form .field.product_select span.product { background-color: #dadada; border-radius: 2em; } /* line 335, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.product_select .selected, .form .field.product_select .selected { opacity: 1; } /* line 343, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.checkbox .check-radio label.rounded, .form .field.checkbox .check-radio label.rounded { margin-right: 5px; } /* line 347, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.checkbox .check-radio label.desc, .form .field.checkbox .check-radio label.desc { left: 0; margin: 0; } /* line 356, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.radiolist .check-radio label.rounded, .form .field.radiolist .check-radio label.rounded { margin-right: 5px; } /* line 360, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.radiolist .check-radio label.desc, .form .field.radiolist .check-radio label.desc { margin: 0; } /* line 366, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.languages, .form .field.languages { max-width: none; } /* line 370, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.languages .language, .form .field.languages .language { width: 40px; height: 40px; margin-right: 2%; border: 1px solid #dadada; border-radius: 20px; opacity: 0.3; } /* line 378, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.languages .language:hover, .form .field.languages .language:hover { cursor: pointer; } /* line 383, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.languages .selected, .form .field.languages .selected { border: 1px solid #dadada; opacity: 1; } /* line 389, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.gender, .form .field.gender { max-width: none; } /* line 393, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.gender .gender, .form .field.gender .gender { width: 40px; height: 40px; margin-right: 2%; opacity: 0.3; } /* line 403, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.gender .gender:hover, .form .field.gender .gender:hover { cursor: pointer; } /* line 408, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.gender .selected, .form .field.gender .selected { opacity: 1; } /* line 415, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.multi_column_list, .form .field.multi_column_list { column-count: 3; column-gap: 15px; columns: 3; } /* line 420, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.multi_column_list ul, .form .field.multi_column_list ul { padding: 0; margin: 0; list-style: none; } /* line 426, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.multi_column_list ul > li, .form .field.multi_column_list ul > li { display: inline-block; width: 100%; } /* line 435, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.multi_column_list label, .form .field.multi_column_list label { font-weight: normal; } /* line 445, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.one_left .back, .form .actions.one_left .back { float: left; width: 40%; text-align: left; } /* line 451, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.one_left .save, .form .actions.one_left .save { float: right; text-align: right; } /* line 458, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.two_left .back, .form .actions.two_left .back { float: left; width: 60%; text-align: left; } /* line 464, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.two_left .save, .form .actions.two_left .save { float: right; text-align: right; } /* line 471, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.two_right .back, .form .actions.two_right .back { float: left; width: 15%; text-align: left; } /* line 477, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.two_right .save, .form .actions.two_right .save { float: right; width: 70%; text-align: right; } /* line 484, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions.all_right, .form .actions.all_right { text-align: right; } /* line 488, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions a.abort, .form .actions a.abort { color: #d0021b; } /* line 492, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.abort, form .actions .submit_button.destroy, .form .actions .submit_button.abort, .form .actions .submit_button.destroy { display: inline-flex; line-height: 1; text-decoration: none; } /* line 499, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.abort img, form .actions .submit_button.abort svg, form .actions .submit_button.destroy img, form .actions .submit_button.destroy svg, .form .actions .submit_button.abort img, .form .actions .submit_button.abort svg, .form .actions .submit_button.destroy img, .form .actions .submit_button.destroy svg { width: 13px; height: 13px; margin-right: 0.4em; } /* line 508, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.abort, .form .actions .submit_button.abort { margin-right: 2%; color: black; background-color: transparent; border-color: #dadada; } /* line 514, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.abort:hover, .form .actions .submit_button.abort:hover { background-color: #fbfbfb; } /* line 519, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.destroy, .form .actions .submit_button.destroy { color: black; background-color: transparent; border-color: #d0021b; } /* line 524, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.destroy:hover, .form .actions .submit_button.destroy:hover { color: white; background-color: #d0021b; } /* line 529, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.destroy:hover svg #shape, .form .actions .submit_button.destroy:hover svg #shape { fill: white; } /* line 537, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.cancel_account, .form .actions .submit_button.cancel_account { color: white; background-color: #d0021b; border-color: #d0021b; } /* line 542, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.cancel_account:hover, .form .actions .submit_button.cancel_account:hover { background-color: #d0021b; } /* line 547, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.internal_toggle, .form .actions .submit_button.internal_toggle { margin-right: 2%; color: black; text-decoration: none; background: white; border: 1px solid black; } /* line 554, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.internal_toggle .locked, .form .actions .submit_button.internal_toggle .locked { display: none; } /* line 558, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.internal_toggle.active, .form .actions .submit_button.internal_toggle.active { background: #f3f156; border: 1px solid #f3f156; } /* line 562, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.internal_toggle.active .open, .form .actions .submit_button.internal_toggle.active .open { display: none; } /* line 566, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions .submit_button.internal_toggle.active .locked, .form .actions .submit_button.internal_toggle.active .locked { display: inline-block; } /* line 572, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions #internal_message_desc, .form .actions #internal_message_desc { display: none; margin-right: 2%; } /* line 576, app/assets/stylesheets/lib/_form_defaults.scss */ form .actions #internal_message_desc.active, .form .actions #internal_message_desc.active { display: inline-block; } /* line 583, app/assets/stylesheets/lib/_form_defaults.scss */ form a.active, .form a.active { font-weight: bold; } /* line 587, app/assets/stylesheets/lib/_form_defaults.scss */ form .payment_icon, .form .payment_icon { width: 64px; } @media only screen and (max-width: 700px) { /* line 598, app/assets/stylesheets/lib/_form_defaults.scss */ form .field.checkbox .check-radio label.desc { margin-left: 15px; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 7, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-page-section { --marketing-section-max-width: 1000px; --marketing-section-max-width-large: 1200px; --marketing-section-gap: 1.5rem; --marketing-section-padding: 3rem 0 4rem; --marketing-section-padding-compact: 2rem 0; --marketing-card-padding: 1.5rem; --marketing-card-border: 1px solid #d7deea; --marketing-card-border-accent: 2px solid #cce4e4; --marketing-card-flex-basis: 280px; --marketing-card-max-width: 480px; --marketing-border-radius: 2px; --marketing-text-muted-color: #666; --marketing-button-font-size: 18px; --marketing-button-background-color-hover: #00caca; padding: var(--marketing-section-padding); color: #2d363d; } /* line 26, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-page-section p, .marketing-page-section li { line-height: 1.7; } /* line 34, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-page-section-wrapper { max-width: var(--marketing-section-max-width); padding: 0 1rem; margin-right: auto; margin-left: auto; } /* line 42, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-page-section-wrapper-is-large { max-width: var(--marketing-section-max-width-large); } /* line 47, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-section-bg-primary-light { background-color: #cce4e4; } /* line 51, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-section-bg-primary-light a { text-decoration-color: currentcolor !important; } /* line 55, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-section-title { text-align: center; } /* line 59, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-layout-two-columns { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); align-items: stretch; } /* line 66, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-card { box-sizing: border-box; padding: var(--marketing-card-padding); background-color: #fff; border: var(--marketing-card-border); } /* line 73, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-text-muted { color: var(--marketing-text-muted-color); } /* line 77, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-text-meta { font-size: 0.875rem; line-height: 1.3; } /* line 82, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-footnote { text-align: center; } /* line 89, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button { display: inline-block; padding: 0.5rem 1rem; font-family: "OpenSans-Bold"; font-size: var(--marketing-button-font-size); color: #00a1a1; text-decoration: none; background-color: #fff; border-radius: var(--marketing-border-radius); } /* line 100, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button:hover { color: #00a1a1; text-decoration: none; background-color: #f2f2f2; } /* line 106, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button:visited { color: #00a1a1; text-decoration: none; } /* line 111, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button-is-inverted { color: #fff; background-color: #00a1a1; } /* line 116, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button-is-inverted:hover { color: #fff !important; background-color: var(--marketing-button-background-color-hover); } /* line 121, app/assets/stylesheets/lib/_marketing_baseline.scss */ .marketing-button-is-inverted:visited { color: #fff !important; } /* stylelint-disable no-descending-specificity */ /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 8, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ body { font-family: "OpenSans-Light"; font-size: 18px; color: #2d363d; background-color: #fff; } /* line 15, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ h1 { font-size: 36px; line-height: 1.2; } /* line 20, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ h2 { margin-bottom: 30px; font-size: 30px; line-height: 1.2; } /* line 26, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ h3 { margin-bottom: 24px; font-size: 24px; line-height: 26px; } /* line 32, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ h4 { font-size: 20px; line-height: 1.3; } /* line 37, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .notification_header { font-size: 100%; text-align: center; background-color: #fff; } /* line 42, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .notification_header a { color: #00a1a1; } /* line 49, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.header_w_background:first-of-type { margin-top: 30px; } /* line 54, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.wrapping, .cms42_page_section .wrapping { max-width: 1000px; } /* line 58, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.wrapping.large, .cms42_page_section .wrapping.large { max-width: 1200px; } /* line 63, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section .text { font-family: inherit; hyphens: none; } /* line 69, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .smallspacer { height: 0; margin: 15px 0; } /* line 74, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer { height: 0; margin: 30px 0; } /* line 79, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta { text-align: center; } /* line 82, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta .cta-text, .spacer-cta .cta_explainer { margin-bottom: 2rem; color: #fff; } /* line 87, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta .cta-text p, .spacer-cta .cta_explainer p { margin-top: 0.4rem; font-family: "OpenSans-Light"; font-size: 18px; } /* line 94, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta.with_background { background-color: #fff; } /* line 98, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta.wrapping { padding-top: 3em; } /* line 102, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .spacer-cta p { margin-bottom: 0; } /* line 107, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ footer { margin-bottom: 4%; overflow: hidden; } /* line 111, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ footer a, footer a:visited { display: block; line-height: 1.5; } /* line 118, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .drawn_hr { position: relative; left: 50%; max-width: 550px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.9); opacity: 0.7; transform: translateX(-50%); } /* line 128, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .ep_private_header { padding: 0.4em 0; color: white; text-align: center; background-color: #52b6b8; } /* line 134, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .ep_private_header a, .ep_private_header a:visited { color: white; } /* line 141, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold { text-align: center; } /* line 144, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold .overlay { display: none; } /* line 149, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial { height: auto; max-height: 800px; background: url(/assets/landingpages/anne-postkarte-3b235e99b1fed640a44f23929c55cba98dc656d7a44b7526eb2cbee68581eb17.gif) no-repeat center center; } /* line 154, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .overlay { display: none; } /* line 158, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content { float: left; max-width: 600px; margin: 2em 0 0; } /* line 163, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content h1, .above_fold.with_testimonial .content h2, .above_fold.with_testimonial .content p, .above_fold.with_testimonial .content a { text-align: left; } /* line 170, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content h1 { margin-bottom: 15px; } /* line 174, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content .line { width: 44%; height: 5px; background-color: #00a1a1; } /* line 180, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content ul { padding-left: 0; margin: 0; list-style-type: none; } /* line 185, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content ul li { text-align: left; } /* line 188, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .content ul li::before { display: inline-block; width: 15px; margin-left: 15px; color: #00a1a1; content: '•'; } /* line 202, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold .submit_button { margin-bottom: 0; } /* line 207, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .wrapper { width: 95%; max-width: 1000px; margin: 0 auto; } /* line 212, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .wrapper.wide { max-width: 1600px; } /* line 216, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4 { text-align: center; } /* line 227, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.card_content { margin-top: 30px !important; } /* line 230, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.card_content h1, section.card_content h2, section.card_content h3, section.card_content h4, section.card_content h5 { padding: 0 !important; margin-bottom: 0 !important; border-bottom: none !important; } /* line 241, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .smaller_width { max-width: 700px; margin-right: auto; margin-left: auto; } /* line 247, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .smaller_width_600 { max-width: 600px; margin-right: auto; margin-left: auto; } /* line 253, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .smaller_width_500 { max-width: 500px; margin-right: auto; margin-left: auto; } /* line 263, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .five_reasons dl { counter-reset: my-badass-counter; } /* line 266, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .five_reasons dl dt { margin-bottom: 1.5em; } /* line 269, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .five_reasons dl dt p { padding-top: 0.6em; font-size: 120%; } /* line 275, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .five_reasons dl dt::before { position: absolute; display: inline-block; width: 38px; height: 38px; padding: 6px; margin-right: 1em; margin-left: -68px; font-size: 120%; font-weight: bold; line-height: 2; color: white; text-align: center; content: counter(my-badass-counter); counter-increment: my-badass-counter; background-color: #00a1a1; border-radius: 2em; } /* line 301, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card h1, section.single_card h2, section.single_card h3, section.two_vertical_cards h1, section.two_vertical_cards h2, section.two_vertical_cards h3, section.multi_vertical_cards h1, section.multi_vertical_cards h2, section.multi_vertical_cards h3 { margin-top: 0; } /* line 308, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card p:last-of-type, section.two_vertical_cards p:last-of-type, section.multi_vertical_cards p:last-of-type { margin-bottom: 0; } /* line 320, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.img_and_text.no_background_color h2, .cms42_page_section.img_and_text.no_background_color h3, .cms42_page_section.texts_cnt_1.no_background_color h2, .cms42_page_section.texts_cnt_1.no_background_color h3 { display: block; border-bottom: none; } /* line 328, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.three_images_w_texts p { line-height: 30px; } /* line 335, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.img_and_text a h1, .cms42_page_section.img_and_text a h2, .cms42_page_section.img_and_text a h3, .cms42_page_section.img_and_text a:visited h1, .cms42_page_section.img_and_text a:visited h2, .cms42_page_section.img_and_text a:visited h3 { color: #2d363d; text-decoration: none; } /* line 344, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.img_and_text a:hover h1, .cms42_page_section.img_and_text a:hover h2, .cms42_page_section.img_and_text a:hover h3, .cms42_page_section.img_and_text a:visited:hover h1, .cms42_page_section.img_and_text a:visited:hover h2, .cms42_page_section.img_and_text a:visited:hover h3 { color: #2d363d; } /* line 354, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section .text h3 { margin-bottom: 12px; } /* line 359, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .hero, .emotional-teaser, .text-with-illustration, .testimonials, .six-usps, .goals, .contact, .spacer-cta, .four-features, .motives-selection, .events, .cta-special { padding: 3rem 0 4rem; } /* line 374, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .four-features { padding: 6rem 0; } /* line 377, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .four-features .card p { font-size: 16px; } /* line 381, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .four-features .card-icon { display: -webkit-box; display: flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 60px; margin-bottom: 1.5rem; } /* line 389, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .four-features .card-icon img { display: inline-block; max-width: 60px; margin: 0 auto; } /* line 398, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.emotional-teaser p { max-width: 540px; margin: 0 auto; font-size: 18px; line-height: 28px; text-align: center; } /* line 408, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .testimonials .testimonial { margin: 1rem; border: 2px solid #cce4e4; } /* line 413, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .testimonials h4 { margin: 0; text-align: left; } /* line 418, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .testimonials p { font-size: 16px; } /* line 422, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .testimonials .font-regular { min-height: 42px; margin: 0.2rem 0; } /* line 428, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .text-with-illustration .wrapper { display: -webkit-box; display: flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; flex-wrap: wrap; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ .text-with-illustration .wrapper::before, .text-with-illustration .wrapper::after { clear: both; display: table; content: ' '; } /* line 434, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .text-with-illustration .wrapper div { -ms-flex-preferred-size: 50%; flex-basis: 50%; } /* line 439, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .text-with-illustration .wrapper .twi-text h1, .text-with-illustration .wrapper .twi-text h2, .text-with-illustration .wrapper .twi-text h3, .text-with-illustration .wrapper .twi-text p { text-align: left; } /* line 446, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .text-with-illustration .wrapper .twi-text p { margin-bottom: 1.5rem; font-size: 18px; line-height: 1.5; } /* line 454, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .twi-illustration img { position: relative; top: 50%; padding-left: 2rem; transform: translateY(-50%); } /* line 462, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs { max-width: 100%; margin: 0 auto; overflow: hidden; } /* line 467, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs ul { display: -webkit-box; display: flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0 auto; list-style-type: none; } /* line 478, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs li { position: relative; padding: 5px 10px; margin: 6px 10px; font-family: "OpenSans-SemiBold"; font-size: 20px; text-align: center; letter-spacing: 0.05em; cursor: pointer; border-radius: 2px; } /* line 491, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs .tabs-content { position: relative; width: 100%; margin: 20px auto 70px; } /* line 497, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs .tab-container { display: none; opacity: 0; } /* line 501, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs .tab-container.active { opacity: 1; display: -webkit-box; display: flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } /* line 509, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs .tab-content-image { position: relative; order: 2; max-width: 300px; min-height: 300px; padding: 0 2rem; margin: 15px 0 15px auto; -ms-flex-preferred-size: 35%; flex-basis: 35%; } /* line 520, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs img { position: absolute; right: 0; width: inherit; height: inherit; } /* line 527, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs .tab-content-text { padding-top: 2.2rem; font-size: 18px; line-height: 1.4; -ms-flex-preferred-size: 65%; flex-basis: 65%; } /* line 536, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs-menu { margin: 30px auto; display: -webkit-box; display: flexbox; display: flex; } /* line 541, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .goals .tabs-menu .active { color: #007a7a; background-color: #cce4e4; } /* line 549, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .contact .auto-grid-element { padding: 0 2rem; } /* line 553, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .contact .auto-grid { margin: 0 -2rem; } /* line 557, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .contact .icon-headline { display: -webkit-box; display: flexbox; display: flex; -ms-flex-align: center; align-items: center; } /* line 561, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .contact .icon-headline h3 { -ms-flex-preferred-size: 30%; flex-basis: 30%; } /* line 565, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .contact .icon-headline i { padding-left: 1rem; } /* line 574, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-selection .auto-grid, .motives-sample .auto-grid, .motives .auto-grid { max-width: 1000px; margin: 0 auto; margin-bottom: 2rem; --auto-grid-min-size: 10rem; -ms-flex-align: center; align-items: center; } /* line 583, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-selection .auto-grid .vertical, .motives-sample .auto-grid .vertical, .motives .auto-grid .vertical { transform: scale(70%); } /* line 588, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-selection .motive_thumb, .motives-sample .motive_thumb, .motives .motive_thumb { width: unset !important; height: unset !important; margin: 0 !important; } /* line 593, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-selection .motive_thumb img, .motives-sample .motive_thumb img, .motives .motive_thumb img { max-width: 95% !important; margin: 0 !important; border: 1px solid #cce4e4; box-shadow: unset; } /* line 603, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .events .auto-grid-element { padding: 0; text-align: center; border-radius: 2px; } /* line 610, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .events img { max-width: 100%; } /* line 614, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .events .text { padding: 1.5rem; } /* line 620, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special h2 { color: #fff; } /* line 624, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .auto-grid { padding: 0 2rem; --auto-grid-min-size: 10rem; } /* line 630, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .auto-grid-element { color: #fff; text-align: center; } /* line 635, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .cta-step-number { width: 100px; height: 105px; padding-left: 5px; margin: 1rem auto; font-family: "OpenSans-Bold"; font-size: 36px; color: #00a1a1; background-color: #fff; border-radius: 50%; display: -webkit-box; display: flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 651, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .arrow { margin-top: 45px; } /* line 655, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .cta-special-button { display: block; margin-top: 2rem; text-align: center; } /* line 660, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cta-special .cta-special-button .btn { display: inline-block; } /* six usps */ /* line 669, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card, div.single_card { width: 90%; max-width: 900px; min-height: 120px; padding: 0; margin: 0 auto; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ section.single_card::before, section.single_card::after, div.single_card::before, div.single_card::after { clear: both; display: table; content: ' '; } /* line 679, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card h1, section.single_card h2, section.single_card h3, div.single_card h1, div.single_card h2, div.single_card h3 { display: inline-block; border-bottom: 4px solid #00a1a1; } /* line 686, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card h2, div.single_card h2 { padding: 0 0 0 15px; } /* line 690, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card h3, div.single_card h3 { padding: 0 0 1% 15px; } /* line 694, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .img, div.single_card .img { width: 40%; } /* line 697, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .img img, section.single_card .img svg, div.single_card .img img, div.single_card .img svg { width: 100%; } /* line 703, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .text, div.single_card .text { width: 55%; padding: 15px; } /* line 707, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .text h1, section.single_card .text h2, section.single_card .text h3, section.single_card .text p, div.single_card .text h1, div.single_card .text h2, div.single_card .text h3, div.single_card .text p { text-align: left; } /* line 715, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .left, div.single_card .left { float: left; } /* line 719, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .right, div.single_card .right { float: right; } /* line 722, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card .right h3, div.single_card .right h3 { padding-left: 0; margin-left: 0; } /* line 728, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.no_min_height, div.single_card.no_min_height { min-height: auto; } /* line 732, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.howto, div.single_card.howto { text-align: left; border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 737, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.howto .step, div.single_card.howto .step { float: left; width: 23%; margin: 0 1%; text-align: center; } /* line 743, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.howto .step h3, div.single_card.howto .step h3 { min-height: 50px; margin-bottom: 1em; border-bottom: none; } /* line 749, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.howto .step svg, div.single_card.howto .step svg { display: block; max-height: 64px; margin-right: auto; margin-left: auto; } /* line 756, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.single_card.howto .step p, div.single_card.howto .step p { margin-top: 1em; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ section.multi_vertical_cards::before, section.multi_vertical_cards::after { clear: both; display: table; content: ' '; } /* line 767, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.multi_vertical_cards .card { float: left; display: inline-block; display: block; width: 25%; min-height: 230px; padding: 15px; margin: 0 15px; } /* line 776, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.multi_vertical_cards .card svg.icon, section.multi_vertical_cards .card img.icon { width: 64px; height: 64px; margin-bottom: 3%; } /* line 787, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-sample { text-align: center; } /* line 790, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .motives-sample .motive_thumb { display: inline-block; width: 17.5%; padding: 0 1%; vertical-align: middle; } /* line 799, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images { position: relative; } /* line 804, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images img.postcard_optic.landscape { float: left; } /* line 808, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images img.postcard_optic.vertical { max-height: 600px; } /* line 814, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives { position: absolute; top: 0; right: 0; width: 25%; max-width: 160px; text-align: center; } /* line 822, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives .motive_thumb { display: block; width: 100%; height: 119.2px; opacity: 0.3; } /* line 828, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives .motive_thumb:hover { opacity: 1; } /* line 832, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives .motive_thumb .postcard_optic { height: 119.2px; max-height: 100%; } /* line 845, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ img.testimonial { display: block; max-width: 64px; max-height: 64px; margin: 0 auto 4%; border-radius: 40px; } /* line 854, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .page_section_spacer { height: 15px; } /* line 860, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.no_background_color .wrapping, .cms42_page_section.no_background_color .wrapping .text { border: 0 !important; border-radius: 0; box-shadow: none !important; } /* line 869, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.img_and_text .wrapping { border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 879, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.n_texts.texts_cnt_2 .text, .cms42_page_section.n_texts.texts_cnt_3 .text { border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 887, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.header_w_background.above_fold.with_testimonial .textblock { width: 90%; max-width: 550px; } /* line 891, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.header_w_background.above_fold.with_testimonial .textblock h1, .cms42_page_section.header_w_background.above_fold.with_testimonial .textblock h2, .cms42_page_section.header_w_background.above_fold.with_testimonial .textblock p { text-align: left; } /* line 901, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.header_w_background .wrapping { max-width: 1100px; } /* line 907, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.marketing_lp_partials_text_samples_by_tag h2, .cms42_page_section.marketing_lp_partials_text_samples_by_tag h3 { display: inherit; border: none; } /* line 914, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.marketing_lp_partials_text_samples_by_tag .card h3, .cms42_page_section.marketing_lp_partials_text_samples_by_tag .card p { text-align: left; } /* line 921, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.vertical-padding { padding: 6rem 0; } /* line 925, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.bordered-cards .col { border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 929, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.green-cards .col { background-color: #cce4e4; } /* line 933, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.gray-cards .col { background-color: #f2f2f8; } /* line 941, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cscrm_webform_container_inner button, .cscrm_webform_container_inner input[type='submit'] { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.2rem; margin: 0.5rem 0; font-family: "OpenSans-Regular"; font-size: inherit; line-height: 1; color: #fff; white-space: nowrap; text-decoration: none; cursor: pointer; background-color: #00a1a1; border: 2px solid transparent; border-radius: 2%; background-color: #00a1a1 !important; } /* line 17, app/assets/stylesheets/lib/_mixin_custom.scss */ .cscrm_webform_container_inner button:hover, .cscrm_webform_container_inner input[type='submit']:hover { opacity: 0.8; } /* line 21, app/assets/stylesheets/lib/_mixin_custom.scss */ .cscrm_webform_container_inner button:visited, .cscrm_webform_container_inner button:visited:enabled, .cscrm_webform_container_inner input[type='submit']:visited, .cscrm_webform_container_inner input[type='submit']:visited:enabled { color: #fff; background-color: #00a1a1; } @media screen and (max-width: 567px) { /* line 941, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cscrm_webform_container_inner button, .cscrm_webform_container_inner input[type='submit'] { white-space: normal; } } /* line 950, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cr_button { box-sizing: border-box; display: inline-block; padding: 0.6rem 1.2rem; margin: 0.5rem 0; font-family: "OpenSans-Regular"; font-size: inherit; line-height: 1; color: #fff; white-space: nowrap; text-decoration: none; cursor: pointer; background-color: #00a1a1; border: 2px solid transparent; border-radius: 2%; } /* line 17, app/assets/stylesheets/lib/_mixin_custom.scss */ .cr_button:hover { opacity: 0.8; } /* line 21, app/assets/stylesheets/lib/_mixin_custom.scss */ .cr_button:visited, .cr_button:visited:enabled { color: #fff; background-color: #00a1a1; } @media screen and (max-width: 567px) { /* line 950, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cr_button { white-space: normal; } } /* ================= MEDIA ====================== */ @media only screen and (max-width: 1200px) { /* line 959, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images img.postcard_optic.landscape { float: none; } /* line 965, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images.vertical .similar_motives { max-width: 428px; } /* line 969, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images.vertical .similar_motives .motive_thumb img { height: auto; vertical-align: middle; } /* line 978, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images.landscape .similar_motives { max-width: 840px; } /* line 983, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives { position: relative; width: 100%; margin: 30px auto 0; } /* line 989, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives .motive_thumb { display: inline-block; width: 19%; padding: 0; } /* line 997, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .postcard-images div.similar_motives .motive_thumb img { max-width: 100%; } } @media screen and (max-width: 1100px) { /* line 1017, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ div.login { display: none !important; } /* line 1023, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.hero .no_mobile, section.text-with-illustration .no_mobile { display: none; } /* line 1029, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.text-with-illustration .wrapper div { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media screen and (max-width: 1000px) { /* line 1037, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.goals .tabs .tabs-content .tab-container.active { display: block; max-width: 700px; margin: 0 auto; } /* line 1045, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.cta-special .auto-grid { --auto-grid-min-size: 14rem; } } @media screen and (max-width: 850px) { /* line 1054, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ header .notification_header a { display: block; } /* line 1060, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .card { margin-bottom: 15px !important; } /* line 1064, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial { position: relative; overflow: hidden; } /* line 1068, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .wrapper { display: block; width: 100%; height: 100%; padding: 30px; margin: 0; background-color: rgba(255, 255, 255, 0.7); } /* line 1076, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .above_fold.with_testimonial .wrapper::before, .above_fold.with_testimonial .wrapper::after { clear: both; display: block; content: ''; } /* line 1087, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.cta-special .auto-grid { --auto-grid-min-size: 12rem; } /* line 1095, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .bordered-cards .col, .green-cards .col, .gray-cards .col { margin-bottom: 2rem !important; } } @media screen and (max-width: 567px) { /* line 1102, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .hero-text h1, .hero-text h1 p { font-size: 50px !important; } /* line 1109, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.goals .tabs .tabs-menu ul li { margin-left: 0; } /* line 1115, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .four-features .auto-grid-xs { --auto-grid-min-size: unset; } /* line 1120, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ section.cta-special .auto-grid { --auto-grid-min-size: 16rem; } /* line 1125, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .text-with-illustration .wrapper { display: block; } /* line 1133, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section.img_and_text .text, .cms42_page_section.n_texts .text, .cms42_page_section.n_images .text { width: inherit !important; hyphens: auto; } /* line 1139, app/assets/stylesheets/lib/_mkt_page_defaults.scss */ .cms42_page_section .wrapper, .cms42_page_section .wrapping { box-sizing: border-box; } } /* line 3, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content { padding: 30px; background-color: white; border: 2px solid #cce4e4; box-shadow: none; border-radius: 2px; } /* line 10, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content.fullscale { width: 96%; } /* line 14, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content.small_layout, section.content.small { width: 90%; max-width: 500px; margin: 0 auto; } /* line 24, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout { min-height: 450px; font-family: ArchitectsDaughterRegular, 'Marker Felt','Comic Sans MS', cursive; font-size: 120%; } /* line 29, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout .card_left { width: 45%; } /* line 33, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout .card_right { float: right; width: 45%; font-size: 120%; } /* line 38, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout .card_right .post_card_placeholder { min-height: 120px; text-align: right; } /* line 42, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout .card_right .post_card_placeholder svg, section.content .postcard_layout .card_right .post_card_placeholder img { min-width: 64px; min-height: 96px; border: 1px solid black; } /* line 51, app/assets/stylesheets/lib/_card_content_layout.scss */ section.content .postcard_layout .card_right .postal_address p { line-height: 2; border-bottom: 2px solid black; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* mixins for creating browser-compatible styles. compass is no longer maintained, so we create our own. [i] font face mixins are located in _webfonts.scss. */ /************************************************* basic transition. https://developers.google.com/web/fundamentals/design-and-ui/animations/the-basics-of-easing **************************************************/ /************************************************* transforms call via: @include transform(translateX(10px)); **************************************************/ /************************************************* transitions **************************************************/ /******************************************************************************************************************* browser-proof border-radius. use with optional position param. example: @include border-radius(4px); --> produces radius for ALL corners. @include border-radius(4px, 'lop-left'); --> produces radius for ONE corner (border-top-left-radius: $radius) ********************************************************************************************************************/ /************************************************* opacity **************************************************/ /************************************************* color opacity **************************************************/ /************************************************* background-opacity **************************************************/ /************************************************* box shadow **************************************************/ /**************************************************************************** font feature settings. see: https://developer.mozilla.org/de/docs/Web/CSS/font-feature-settings [i] currently not supported in safari/WebKit. Mobile: unknown ****************************************************************************/ /* border with position. usage: @include border(1px, solid, #ccc) --> border: 1px solid #ccc or @include border(1px, solid, #ccc, top) --> border-top: 1px solid #ccc */ /******************************************** BORDERED LIST. usage: .my-ul-list { @include bordered-list('ul li') } -> results to: .my-ul-list { ul li { border-top: 1px $gray-light-2; &:first-child, &:nth-of-type(1){ border-top: none; } } } *********************************************/ /************************************************* flexbox - container **************************************************/ /************************************************* flexbox - items **************************************************/ @font-face { font-family: 'Architects Daughter'; font-style: normal; font-weight: normal; src: url(/assets/Architects_Daughter/ArchitectsDaughter-Regular-fc7d39b983a3bc3a748b2a207bb1c1c1f936169b34bee0b27f745856c30df328.ttf) format("truetype"); font-display: swap; } @font-face { font-family: 'Reenie Beanie'; font-style: normal; font-weight: normal; src: url(/assets/Reenie_Beanie/ReenieBeanie-Regular-da97bbb81d415ba31275c01cf59f1a668df6466dbf0eff7f8eb5502fb6579c8a.ttf) format("truetype"); font-display: swap; } @font-face { font-family: 'Special Elite'; font-style: normal; font-weight: normal; src: url(/assets/Special_Elite/SpecialElite-Regular-867abae624dff73894d79966899017c745614f622ef662130d9c630d40bcc944.ttf) format("truetype"); font-display: swap; } /* line 43, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_1, .card-editor-component.font_family_1 textarea, .card-editor-component.font_family_1 input[type='text'], .card-editor-component.font_family_1 select { font-family: 'Architects Daughter', cursive; } /* line 50, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_2, .card-editor-component.font_family_2 textarea, .card-editor-component.font_family_2 input[type='text'], .card-editor-component.font_family_2 select { font-family: 'Reenie Beanie', cursive; } /* line 57, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_3, .card-editor-component.font_family_3 textarea, .card-editor-component.font_family_3 input[type='text'], .card-editor-component.font_family_3 select { font-family: 'Special Elite', cursive; } /* line 64, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_11, .card-editor-component.font_size_11 textarea, .card-editor-component.font_size_11 input[type='text'], .card-editor-component.font_size_11 select { font-size: 11pt; } /* line 71, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_12, .card-editor-component.font_size_12 textarea, .card-editor-component.font_size_12 input[type='text'], .card-editor-component.font_size_12 select { font-size: 12pt; } /* line 78, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_13, .card-editor-component.font_size_13 textarea, .card-editor-component.font_size_13 input[type='text'], .card-editor-component.font_size_13 select { font-size: 13pt; } /* line 85, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_14, .card-editor-component.font_size_14 textarea, .card-editor-component.font_size_14 input[type='text'], .card-editor-component.font_size_14 select { font-size: 14pt; } /* line 92, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_15, .card-editor-component.font_size_15 textarea, .card-editor-component.font_size_15 input[type='text'], .card-editor-component.font_size_15 select { font-size: 15pt; } /* line 99, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_16, .card-editor-component.font_size_16 textarea, .card-editor-component.font_size_16 input[type='text'], .card-editor-component.font_size_16 select { font-size: 16pt; } /* line 106, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_size_17, .card-editor-component.font_size_17 textarea, .card-editor-component.font_size_17 input[type='text'], .card-editor-component.font_size_17 select { font-size: 17pt; } /* line 113, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_color_black, .card-editor-component.font_color_black textarea, .card-editor-component.font_color_black input[type='text'], .card-editor-component.font_color_black select { color: #000; } /* line 120, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_color_blue, .card-editor-component.font_color_blue textarea, .card-editor-component.font_color_blue input[type='text'], .card-editor-component.font_color_blue select { color: #1d45bb; } /* line 127, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.line_height_15, .card-editor-component.line_height_15 textarea { line-height: 1.5; } /* line 136, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component { width: 148mm; height: 105mm; margin-right: auto; margin-left: auto; line-height: 1.5; background-color: #fff; border-radius: 3px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); --card-editor-component-width: 148mm; --card-editor-component-height: 105mm; } /* line 150, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.card-editor-component-has-back-side { background-repeat: no-repeat; background-size: 148mm 105mm; } /* line 156, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-motive-preview { position: absolute; left: 10%; width: 20%; max-width: 100px; } /* line 163, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-motive-preview img, .card-editor-component-motive-preview svg { width: 100%; border-radius: 3px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 171, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-left { float: left; width: 67mm; max-width: 250px; height: 91mm; margin-top: 5mm; margin-left: 5mm; background-color: transparent; } /* stylelint-disable-next-line no-descending-specificity */ /* line 183, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component textarea { width: 100%; height: 100%; padding: 0; overflow-y: hidden; resize: none; outline: none; background: transparent; border: 0; } /* line 194, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-is-invalid, .card-editor-component-is-invalid-emoji { color: #d0021b; } /* line 200, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component input { outline: none; background: transparent; border: 0; } /* line 207, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-is-invalid-blank::placeholder, .card-editor-component-is-invalid-emoji::placeholder { color: #d0021b; opacity: 1; } /* line 213, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-is-invalid-length { padding-right: 0; padding-left: 0; border-right: 4px solid #d0021b !important; } /* line 220, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .field_with_errors { display: inline; padding: 0; } /* line 225, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .field_with_errors input { padding-right: 0; padding-left: 0; border-top: 0 !important; border-bottom: 1px solid #d0021b !important; border-left: 0 !important; } /* line 234, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component:not(.card-editor-component-has-qr-code) .card-editor-component-qr-placeholder, .card-editor-component:not(.card-editor-component-has-qr-code) .card-editor-component-qr-code-label { display: none; } /* line 239, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-has-qr-code .card-editor-component-right { position: relative; } /* stylelint-disable-next-line no-descending-specificity */ /* line 245, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-right { float: right; width: 67mm; height: 91mm; margin-right: 5mm; background-color: transparent; } /* stylelint-disable-next-line no-descending-specificity */ /* line 255, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-qr-placeholder { position: absolute; top: 2mm; left: 2mm; z-index: 1; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 15mm; height: 15mm; pointer-events: none; border: 1px dashed rgba(0, 0, 0, 0.28); } /* line 270, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-qr-placeholder-label { font-family: Helvetica, Arial, sans-serif; font-size: 7pt; color: rgba(0, 0, 0, 0.45); } /* stylelint-disable-next-line no-descending-specificity */ /* line 278, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-qr-code-label { position: absolute; top: 18mm; left: 0; z-index: 1; width: 19mm; font-size: 10pt; line-height: 1; text-align: center; white-space: nowrap; pointer-events: none; } /* line 291, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-postmark, .card-editor-component-postmark-spacer { float: right; width: 15mm; margin: 2mm 2mm 0 0; } /* line 298, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-postmark-spacer { height: 74.34px; } /* line 303, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-vertical-text { position: relative; top: 13mm; left: 0; font-family: Helvetica, sans-serif; font-size: 6pt; color: #000; transform: rotate(90deg); } /* line 314, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-content-ps { margin: 0 5mm 5mm; text-align: left; } /* line 319, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-content-ps svg, .card-editor-component-content-ps img { float: left; width: auto; height: 6mm; } /* stylelint-disable-next-line no-descending-specificity */ /* line 327, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-content-ps input { float: left; width: 110mm; margin-top: 0.5mm; margin-left: 5mm; line-height: 1.5; } /* line 336, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box { width: 64mm; height: 50mm; max-height: 64mm; margin: 4mm 0 2mm; background-color: transparent; } /* line 344, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box input[type='text'] { width: 100%; margin-bottom: 0; } /* line 349, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .zip { width: 20mm; } /* line 353, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .zip.zip_us_length { width: 33mm; } /* line 357, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .city { width: 40mm; } /* line 361, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-preview { text-align: left; } /* line 365, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-preview-options { display: flex; align-items: center; } /* line 370, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-preview-backward { flex: 1; } /* line 374, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-preview-forward { flex: 1; text-align: right; } /* line 379, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-navigation-is-disabled { cursor: not-allowed; opacity: 0.3; } /* line 384, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .multi-card-group-preview-icon { width: 1rem; height: 1rem; } /* line 389, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .address_line { margin-bottom: 2mm; } /* line 393, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .address_line.zip_and_city { text-align: left; } /* line 397, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .country_code_inline_optic { width: 100%; font-size: 1em; color: #757575; appearance: none; outline: none; background-color: #fff; background-image: url(/assets/icons/search-6e8086ec11eab27c53b82ccb89353305e637ef245e76bada416f75650344aa6e.svg); background-repeat: no-repeat; background-position: right; border: 0; border-radius: 0; } /* line 411, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .address_box .country_code_inline_optic::-ms-expand { display: none; } /* line 416, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_2 .address_box .address_line { margin-bottom: 0; } /* line 421, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .multi-card-salutation-preview { position: absolute; z-index: 1; display: none; max-width: 148mm; height: 25px; padding: 1px 5px; margin-top: -35px; margin-left: -5px; overflow: hidden; text-overflow: ellipsis; text-align: left; white-space: nowrap; background-color: #dadada; border-radius: 3px; box-shadow: 0 0 40px 0 rgba(204, 204, 204, 0.5); } /* line 439, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .multi-card-salutation-preview-explanation { display: inline-block; color: #666; } /* stylelint-disable-next-line selector-max-id, selector-id-pattern */ /* line 446, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-has-group-salutation-placeholder #salutation_preview { display: inline-block; } /* line 451, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_2 .card-editor-component-content-ps input { margin-top: -0.2mm; } /* line 455, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.font_family_3 .card-editor-component-content-ps input { margin-top: 1.1mm; } /* line 460, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component .cleaner { clear: both; } /* line 464, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component-right::after { clear: both; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 470, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.postcard_editor .address_box .address_line, .section.postcard_editor .address_box .address_line { margin-bottom: 1.2mm; } /* stylelint-disable selector-max-compound-selectors */ /* line 476, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.postcard_editor .address_box .address_line input[type='text'], .section.postcard_editor .address_box .address_line input[type='text'] { padding-top: 0; padding-bottom: 0; } /* line 482, app/assets/stylesheets/../../components/shared/card_editor_component/card_editor_component.scss */ .card-editor-component.postcard_editor .address_box .address_line .zip, .section.postcard_editor .address_box .address_line .zip { width: 18mm; } /* stylelint-enable selector-max-compound-selectors */ } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/cta_component/cta_component.scss */ .marketing-page-section-cta-component { text-align: center; background-color: #00a1a1; } /* line 9, app/assets/stylesheets/../../components/landing/cta_component/cta_component.scss */ .marketing-page-section-cta-component-text { color: #fff; } /* line 13, app/assets/stylesheets/../../components/landing/cta_component/cta_component.scss */ .marketing-page-section-cta-component-text p { font-size: var(--marketing-button-font-size); } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 4, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component { color: #fff; text-align: center; background-color: #00a1a1; } /* line 10, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component h2 { color: #fff; } /* line 16, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: flex-start; justify-content: center; padding: 0 2rem; } @media only screen and (min-width: 701px) { /* line 26, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-grid { flex-wrap: nowrap; } } /* line 31, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-step { flex: 1 1 10rem; text-align: center; } /* line 36, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-step-number { display: flex; align-items: center; justify-content: center; width: 100px; height: 105px; padding-left: 5px; margin: 1rem auto; font-family: "OpenSans-Bold"; font-size: 36px; color: #00a1a1; background-color: #fff; border-radius: 50%; } /* line 51, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-step-text { color: #fff; text-align: center; } /* line 56, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-arrow { flex: 0 0 auto; margin-top: 45px; } /* line 61, app/assets/stylesheets/../../components/landing/cta_steps_component/cta_steps_component.scss */ .marketing-page-section-cta-steps-component-button-wrapper { display: block; margin-top: 2rem; text-align: center; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 7, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; margin: 0 -2rem; } /* line 15, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-item { flex: 1 1 200px; padding: 0 2rem; } /* line 20, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-icon-headline { display: flex; align-items: center; } /* line 25, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-icon-headline h3 { flex-basis: 30%; } /* line 29, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-icon-headline i { padding-left: 1rem; } @media only screen and (max-width: 700px) { /* line 36, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-grid { margin: 0; } /* line 40, app/assets/stylesheets/../../components/landing/contact_component/contact_component.scss */ .marketing-page-section-contact-component-item { padding: 0; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 6, app/assets/stylesheets/../../components/landing/emotional_teaser_component/emotional_teaser_component.scss */ .marketing-page-section-emotional-teaser-component-text { text-align: center; } /* line 10, app/assets/stylesheets/../../components/landing/emotional_teaser_component/emotional_teaser_component.scss */ .marketing-page-section-emotional-teaser-component-text p { max-width: 540px; margin: 0 auto; font-size: var(--marketing-button-font-size); line-height: 28px; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component { background-color: #f2f2f8; } /* line 7, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component h2 { text-align: center; } /* line 11, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 18, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component-card { flex: 1 1 280px; max-width: 320px; overflow: hidden; text-align: center; background-color: #fff; border-radius: var(--marketing-border-radius); } /* line 27, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component-card-image { max-width: 100%; } /* line 31, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component-card-text { padding: 1.5rem; } /* line 35, app/assets/stylesheets/../../components/landing/events_component/events_component.scss */ .marketing-page-section-events-component-card-text h3 { margin-top: 0; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component { --marketing-section-padding: 6rem 0; } /* line 9, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 16, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-card { display: flex; flex: 1 1 0; flex-direction: column; padding: var(--marketing-card-padding); text-align: center; background-color: #f2f2f8; } /* line 25, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-card p { font-size: 16px; } /* line 29, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-card-content { flex: 1; } /* line 33, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-card-icon { display: flex; flex-direction: column; justify-content: flex-end; height: 60px; margin-bottom: 1.5rem; } /* line 41, app/assets/stylesheets/../../components/landing/features_grid_component/features_grid_component.scss */ .marketing-page-section-features-grid-component-card-icon img { display: inline-block; max-width: 60px; height: auto; margin: 0 auto; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component { background-color: #f2f2f8; } /* line 7, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component h2 { text-align: center; } /* line 11, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-tabs { max-width: 100%; margin: 0 auto; overflow: hidden; } /* line 17, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-tablist { display: flex; flex-flow: row wrap; justify-content: center; padding: 0; margin: 30px auto; list-style: none; } /* line 26, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-tab { position: relative; padding: 5px 10px; margin: 6px 10px; font-family: "OpenSans-SemiBold"; font-size: 20px; text-align: center; letter-spacing: 0.05em; cursor: pointer; border-radius: var(--marketing-border-radius); } /* line 38, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-tab-is-active { color: #007a7a; background-color: #cce4e4; } /* line 43, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panels { position: relative; width: 100%; margin: 20px auto 70px; } /* line 49, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel { display: none; opacity: 0; } /* line 54, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-is-active { display: flex; flex-direction: row; opacity: 1; } /* line 60, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-text { flex-basis: 65%; padding-top: 2.2rem; font-size: 18px; line-height: 1.4; } /* line 67, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-text p { margin-bottom: 1.5rem; } /* line 71, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-image { position: relative; flex-basis: 35%; order: 1; max-width: 300px; min-height: 300px; padding: 0 2rem; margin: 15px 0 15px auto; } /* line 81, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-image img { position: absolute; right: 0; width: inherit; height: inherit; } @media only screen and (max-width: 700px) { /* line 89, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-is-active { flex-direction: column; } /* line 93, app/assets/stylesheets/../../components/landing/goals_component/goals_component.scss */ .marketing-page-section-goals-component-panel-text { flex-basis: 100%; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 5, app/assets/stylesheets/../../components/landing/header_bg_component/header_bg_component.scss */ .marketing-page-section-header-bg-component:first-of-type { margin-top: 30px; } /* line 11, app/assets/stylesheets/../../components/landing/header_bg_component/header_bg_component.scss */ .marketing-page-section-header-bg-component-textblock { margin-bottom: 1rem; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } /* line 10, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-text { flex-basis: 50%; } /* line 14, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-text h1, .marketing-page-section-hero-component-text p { text-align: left; } /* line 19, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-text h1 { font-size: 56px; line-height: 48px; } /* line 24, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-text p { margin-bottom: 3rem; font-size: 20px; line-height: 32px; } /* line 30, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-image { position: relative; flex-basis: 50%; text-align: right; } /* line 36, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-image svg { width: 100%; height: auto; } @media only screen and (max-width: 700px) { /* line 42, app/assets/stylesheets/../../components/landing/hero_component/hero_component.scss */ .marketing-page-section-hero-component-text { flex-basis: 100%; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 6, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-card { width: 90%; max-width: 900px; min-height: 120px; padding: 0; margin: 0 auto; overflow: hidden; text-align: left; border: var(--marketing-card-border-accent); border-radius: var(--marketing-border-radius); } /* line 18, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-card h2 { display: inline-block; padding: 0 0 0 15px; border-bottom: 4px solid #00a1a1; } /* line 24, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-spacer { height: 0; margin: 15px 0; } /* line 29, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step { float: left; width: 23%; margin: 0 1%; text-align: center; } /* line 36, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step h3 { min-height: 50px; margin-bottom: 1em; border-bottom: 0; } /* line 42, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step svg { display: block; max-height: 64px; margin-right: auto; margin-left: auto; } /* line 49, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step p { margin-top: 1em; } @media only screen and (max-width: 700px) { /* line 54, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step { float: none; width: 100%; margin-bottom: 4%; } /* line 60, app/assets/stylesheets/../../components/landing/howto_component/howto_component.scss */ .marketing-page-section-howto-component-step h3 { min-height: auto; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 6, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-wrapper { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); align-items: center; } /* line 13, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-wrapper-is-reversed { flex-direction: row-reverse; } /* line 17, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-image { flex: 1 1 45%; } /* line 21, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-image img { max-width: 100%; height: auto; } /* line 26, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-text { flex: 1 1 50%; font-family: inherit; hyphens: none; } /* line 32, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-text h3 { margin-bottom: 12px; } /* line 36, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-text a h1, .marketing-page-section-image-and-text-component-text a h2, .marketing-page-section-image-and-text-component-text a h3, .marketing-page-section-image-and-text-component-text a:visited h1, .marketing-page-section-image-and-text-component-text a:visited h2, .marketing-page-section-image-and-text-component-text a:visited h3 { color: #2d363d; text-decoration: none; } @media only screen and (max-width: 700px) { /* line 47, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-wrapper { flex-direction: column; } /* line 51, app/assets/stylesheets/../../components/landing/image_and_text_component/image_and_text_component.scss */ .marketing-page-section-image-and-text-component-image { margin-bottom: 1.5rem; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/image_component/image_component.scss */ .marketing-page-section-image-component { --marketing-section-padding: var(--marketing-section-padding-compact); } /* line 9, app/assets/stylesheets/../../components/landing/image_component/image_component.scss */ .marketing-page-section-image-component-image img { max-width: 100%; height: auto; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 5, app/assets/stylesheets/../../components/landing/motive_gallery_component/motive_gallery_component.scss */ .marketing-page-section-motive-gallery-component { text-align: center; } /* line 10, app/assets/stylesheets/../../components/landing/motive_gallery_component/motive_gallery_component.scss */ .marketing-page-section-motive-gallery-component-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: center; margin-bottom: 2rem; } /* line 19, app/assets/stylesheets/../../components/landing/motive_gallery_component/motive_gallery_component.scss */ .marketing-page-section-motive-gallery-component-thumb { display: inline-block; } /* line 23, app/assets/stylesheets/../../components/landing/motive_gallery_component/motive_gallery_component.scss */ .marketing-page-section-motive-gallery-component-thumb.vertical { transform: scale(70%); } /* line 27, app/assets/stylesheets/../../components/landing/motive_gallery_component/motive_gallery_component.scss */ .marketing-page-section-motive-gallery-component-image { max-width: 95%; border: 1px solid #cce4e4; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 5, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-inner { box-sizing: border-box; } /* line 9, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-title { margin-top: 0; margin-bottom: 1.5rem; text-align: center; } /* line 15, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-grid { justify-content: center; margin-bottom: 1.5rem; } /* line 20, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-card { flex: 1 1 var(--marketing-card-flex-basis); max-width: var(--marketing-card-max-width); border-radius: var(--marketing-border-radius); } /* line 26, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-card-title { margin-top: 0; margin-bottom: 1.25rem; text-align: left; } /* line 32, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-row { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem; } /* line 41, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-label { flex: 1 1 auto; min-width: 8rem; text-align: left; } /* line 47, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-values { flex: 0 1 auto; text-align: right; } /* line 52, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-net { display: block; font-weight: 600; color: #2d363d; } /* line 58, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-gross { margin-top: 0.2rem; } /* line 62, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-note { margin-top: 1rem; margin-bottom: 0; text-align: left; } /* line 68, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-link { display: inline-block; margin-top: 0.5rem; color: #007a7a; text-decoration: underline; } /* line 75, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-link:hover, .marketing-page-section-pricing-component-link:focus { color: #00a1a1; } /* line 80, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-footnote { margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 700px) { /* line 86, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-row { flex-direction: column; align-items: stretch; } /* line 91, app/assets/stylesheets/../../components/landing/pricing_component/pricing_component.scss */ .marketing-page-section-pricing-component-values { text-align: right; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/separator_component/separator_component.scss */ .marketing-page-section-separator-component { --marketing-section-padding: var(--marketing-section-padding-compact); text-align: center; } /* line 11, app/assets/stylesheets/../../components/landing/separator_component/separator_component.scss */ .marketing-page-section-separator-component-line { max-width: 550px; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 5, app/assets/stylesheets/../../components/landing/signup_cta_component/signup_cta_component.scss */ .marketing-page-section-signup-cta-component { text-align: center; background-color: #00a1a1; } /* line 10, app/assets/stylesheets/../../components/landing/signup_cta_component/signup_cta_component.scss */ .marketing-page-section-signup-cta-component-explainer { margin-top: 1rem; margin-bottom: 0; color: #fff; text-align: center; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 5, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component { text-align: center; } /* line 12, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-carousel { position: relative; max-width: calc(var(--marketing-section-max-width) + 6rem); padding: 0 3rem; margin: 2rem auto 0; } /* line 21, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-viewport { display: flex; overflow: hidden; } /* line 26, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-slide { flex-shrink: 0; min-width: 100%; transition: transform 0.3s ease; } /* line 32, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 39, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-card { box-sizing: border-box; display: flex; flex: 1 1 250px; flex-direction: column; max-width: 300px; padding: var(--marketing-card-padding); background-color: #f2f2f8; } /* line 49, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-avatar { margin: 1rem; border: var(--marketing-card-border-accent); border-radius: 50%; } /* line 55, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-content { text-align: left; } /* line 59, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-content h3 { margin: 0; font-size: 20px; line-height: 1.3; text-align: left; } /* line 66, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-content p { font-size: 16px; } /* line 70, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-company { min-height: 42px; margin: 0.2rem 0; } /* line 75, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-prev, .marketing-page-section-testimonials-component-next { position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); } /* line 83, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-prev { left: 0; transform: translateY(-50%) rotate(180deg); } /* line 88, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-next { right: 0; } @media only screen and (max-width: 700px) { /* line 93, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-carousel { padding: 0; } /* line 97, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-grid { flex-direction: column; align-items: center; } /* line 102, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-card { width: 100%; max-width: 100%; } } @media only screen and (max-width: 1000px) { /* line 112, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-viewport { display: block; overflow: visible; } /* line 117, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-slide { min-width: 0; transform: none !important; } /* line 122, app/assets/stylesheets/../../components/landing/testimonials_component/testimonials_component.scss */ .marketing-page-section-testimonials-component-slide + .marketing-page-section-testimonials-component-slide { margin-top: var(--marketing-section-gap); } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component { --marketing-section-padding: var(--marketing-section-padding-compact); } /* line 7, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component-text { font-family: inherit; hyphens: none; } /* line 12, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component.texts_cnt_2 .marketing-page-section-wrapper, .marketing-page-section-text-component.texts_cnt_3 .marketing-page-section-wrapper { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; text-align: center; } /* line 21, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component.texts_cnt_2 .marketing-page-section-text-component-text, .marketing-page-section-text-component.texts_cnt_3 .marketing-page-section-text-component-text { box-sizing: border-box; flex: 1 1 var(--marketing-card-flex-basis); max-width: var(--marketing-card-max-width); padding: var(--marketing-card-padding); background-color: #fff; border: var(--marketing-card-border-accent); border-radius: var(--marketing-border-radius); } /* line 32, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component .marketing-page-section-text-component-text:has(.video-container) { padding: 0; border: 0; } /* line 37, app/assets/stylesheets/../../components/landing/text_component/text_component.scss */ .marketing-page-section-text-component .marketing-page-section-wrapper:has(.video-container) { align-items: center; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/text_samples_component/text_samples_component.scss */ .marketing-page-section-text-samples-component { --marketing-section-padding: var(--marketing-section-padding-compact); text-align: center; } /* line 10, app/assets/stylesheets/../../components/landing/text_samples_component/text_samples_component.scss */ .marketing-page-section-text-samples-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 17, app/assets/stylesheets/../../components/landing/text_samples_component/text_samples_component.scss */ .marketing-page-section-text-samples-component-card { flex: 1 1 var(--marketing-card-flex-basis); max-width: var(--marketing-card-max-width); padding: var(--marketing-card-padding); background-color: #fff; border: var(--marketing-card-border-accent); border-radius: var(--marketing-border-radius); } /* line 26, app/assets/stylesheets/../../components/landing/text_samples_component/text_samples_component.scss */ .marketing-page-section-text-samples-component-card-text { text-align: left; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 6, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } /* line 12, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-text-area { flex-basis: 50%; } /* line 16, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-text h1, .marketing-page-section-text-with-image-component-text h2, .marketing-page-section-text-with-image-component-text h3, .marketing-page-section-text-with-image-component-text p { text-align: left; } /* line 23, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-text p { margin-bottom: 1.5rem; font-size: 18px; line-height: 1.5; } /* line 29, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-illustration { flex-basis: 50%; } /* line 33, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-illustration img { position: relative; top: 50%; max-width: 100%; height: auto; padding-left: 2rem; transform: translateY(-50%); } @media only screen and (max-width: 700px) { /* line 43, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-wrapper { flex-direction: column; } /* line 47, app/assets/stylesheets/../../components/landing/text_with_image_component/text_with_image_component.scss */ .marketing-page-section-text-with-image-component-text-area { flex-basis: 100%; } } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/three_cards_component/three_cards_component.scss */ .marketing-page-section-three-cards-component { --marketing-section-padding: var(--marketing-section-padding-compact); } /* line 8, app/assets/stylesheets/../../components/landing/three_cards_component/three_cards_component.scss */ .marketing-page-section-three-cards-component-wrapper { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 15, app/assets/stylesheets/../../components/landing/three_cards_component/three_cards_component.scss */ .marketing-page-section-three-cards-component-col { flex: 1 1 280px; max-width: 320px; text-align: center; } /* line 21, app/assets/stylesheets/../../components/landing/three_cards_component/three_cards_component.scss */ .marketing-page-section-three-cards-component-image img { max-width: 100%; height: auto; margin-bottom: 1rem; } /* line 27, app/assets/stylesheets/../../components/landing/three_cards_component/three_cards_component.scss */ .marketing-page-section-three-cards-component-description { text-align: left; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 7, app/assets/stylesheets/../../components/landing/usps_component/usps_component.scss */ .marketing-page-section-usps-component-grid { display: flex; flex-wrap: wrap; gap: var(--marketing-section-gap); justify-content: center; } /* line 14, app/assets/stylesheets/../../components/landing/usps_component/usps_component.scss */ .marketing-page-section-usps-component-item { position: relative; flex: 1 1 var(--marketing-card-flex-basis); max-width: var(--marketing-card-max-width); padding-left: 2rem; } /* line 21, app/assets/stylesheets/../../components/landing/usps_component/usps_component.scss */ .marketing-page-section-usps-component-item h4 { margin-top: 0; } /* line 25, app/assets/stylesheets/../../components/landing/usps_component/usps_component.scss */ .marketing-page-section-usps-component-item::before { position: absolute; top: 0; left: 0; font-size: 1.2em; font-weight: bold; color: #00a1a1; content: '\2713'; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 3, app/assets/stylesheets/../../components/landing/webform_component/webform_component.scss */ .marketing-page-section-webform-component { --marketing-section-padding: var(--marketing-section-padding-compact); } /* line 7, app/assets/stylesheets/../../components/landing/webform_component/webform_component.scss */ .marketing-page-section-webform-component-card { width: 90%; max-width: 900px; padding: var(--marketing-card-padding); margin: 0 auto; border: var(--marketing-card-border-accent); border-radius: var(--marketing-border-radius); } /* line 16, app/assets/stylesheets/../../components/landing/webform_component/webform_component.scss */ .marketing-page-section-webform-component-form { margin-top: 1rem; } /* line 77, app/assets/stylesheets/lib/_variables.scss */ .bg-primary { background-color: #00a1a1; } /* line 81, app/assets/stylesheets/lib/_variables.scss */ .bg-primary-light { background-color: #cce4e4; } /* line 85, app/assets/stylesheets/lib/_variables.scss */ .bg-secondary-light, .bg-default-light { background-color: #f2f2f8; } /* line 4, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend { padding: 4%; margin: 0; background-color: #d7deea; } /* line 9, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-rows: auto; gap: 2em; place-items: stretch center; max-width: 1000px; margin: 0 auto; text-align: left; } /* line 20, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column { padding-left: 4%; } /* line 23, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column h3 { min-height: 5.5rem; font-size: 100%; color: #007a7a; text-transform: uppercase; letter-spacing: 1px; } /* line 31, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column ul { padding: 0; list-style-type: none; } /* line 36, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column ul li a { display: inline-block; padding: 2px 0; font-family: "OpenSans-Light"; font-size: 0.8em; color: #2d363d; text-decoration: none; transition: all 0.2s ease-out; } /* line 46, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column ul li a:hover { color: #007a7a; } /* line 55, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .socials { position: relative; width: 100%; margin-top: 4%; outline: none; background: transparent; } /* line 62, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .socials .line-through { position: absolute; top: 22px; left: 0; z-index: 1; width: 100%; content: ''; border: none; border-bottom: 1px solid #fff; border-radius: 255px 15px 225px / 15px 225px 15px 255px; } /* line 74, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .socials .buttons { display: -webkit-box; display: flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 1em; margin-left: 50%; } /* line 82, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .socials .buttons a { z-index: 2; padding: 0 10px; background-color: #d7deea; transition: all 0.2s ease-in-out; } /* line 88, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .socials .buttons a:hover { transform: scale(1.1); } /* ================= MEDIA ====================== */ @media only screen and (max-width: 1200px) { /* line 104, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend.content_grid_four.content_column > h3 { font-size: 70%; color: red; } } @media only screen and (max-width: 770px) { /* line 115, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four { grid-template-columns: 1fr 1fr; max-width: 500px; } /* line 120, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column:nth-of-type(odd) { display: none; } /* line 124, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column h3 { min-height: 4rem; margin-bottom: 0; } /* line 129, app/assets/stylesheets/lib/_footer_frontend.scss */ footer.footer_frontend .content_grid_four .content_column ul { margin: 1em 0; } } /* line 1, app/assets/stylesheets/lib/_nosebox.scss */ [data-behavior='toggle_nosebox'] { position: relative; cursor: pointer; } /* line 17, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox { position: absolute; top: 100%; left: 50%; z-index: 2; display: none; visibility: hidden; width: 200px; padding: 0; margin-top: 15px; font-family: "OpenSans-Regular"; font-weight: normal; line-height: 1.2; overflow-wrap: break-word; background: #fff; border: 1px solid #dadada; opacity: 0; border-radius: 4px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.15); transform: translateX(-50%); } /* line 41, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox:hover { border-bottom: 1px solid #dadada !important; } /* line 47, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox > *:first-child { overflow: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; } /* line 53, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox > *:last-child { overflow: hidden; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } /* line 60, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox_large { width: 300px; } /* line 64, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox.active { display: block !important; visibility: visible; opacity: 1; } /* line 232, app/assets/stylesheets/lib/_mixins_base.scss */ .nosebox::before { position: absolute; inset: auto auto 100% 50%; width: 0; height: 0; margin-left: -10px; pointer-events: none; content: ''; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-width: 10px; border-bottom-color: #dadada; } /* line 252, app/assets/stylesheets/lib/_mixins_base.scss */ .nosebox::after { position: absolute; inset: auto auto 100% 50%; width: 0; height: 0; margin-left: -9px; pointer-events: none; content: ''; border: solid transparent; border-color: rgba(255, 255, 255, 0); border-width: 9px; border-bottom-color: #fff; } /* line 73, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox p { padding: 5px; margin: 0; } /* line 78, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox h4 { padding: 0 15px 15px 15px; border-bottom: 1px dashed #dadada; } /* line 82, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox h4, .nosebox p, .nosebox .text_spacer { color: #000; } /* line 88, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox p.text_spacer, .nosebox div.text_spacer { padding: 5px; } /* line 93, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox a { padding: 7px 15px; margin: 0; } /* line 97, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox a, .nosebox a span { display: block; border-bottom: none; } /* line 104, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox a:last-child { margin-bottom: 0; } /* line 112, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox a.inactive { color: #dadada; } /* line 117, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox .icon_abort, .nosebox .icon_close { position: absolute; top: -8px; right: -8px; display: none; overflow: visible; font-size: 18px; cursor: pointer; } /* line 127, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox .icon_abort:hover::before, .nosebox .icon_close:hover::before { opacity: 0.7; } /* line 131, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox .icon_abort::before, .nosebox .icon_close::before { position: absolute; top: 0; right: 0; z-index: 1; } /* line 138, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox .icon_abort::after, .nosebox .icon_close::after { position: absolute; top: -3px; left: -21px; z-index: 0; width: 22px; height: 22px; content: ''; background: #fff; border-radius: 13px; } /* line 154, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox_tooltip { width: 200px; padding: 7px 15px; } /* line 158, app/assets/stylesheets/lib/_nosebox.scss */ .nosebox_tooltip .icon_close::after { left: -23px; } /* NOSEBOX */ /* .nosebox { display: none; position: absolute; top: 135px; right: 0px; z-index: -99; max-width: 200px; min-width: 100px; padding: 1em; background: white; border: 1px solid #bbb; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #aaa; border-radius: 3px; overflow-wrap: break-word; &.active { z-index: +1000; } &.large { max-width: 400px; min-width: 150px; } & a, & a:visited { margin: 0; color: black; text-decoration: underline; } & a:hover { text-decoration: none; } & a span.main_link { text-decoration: underline; } & a span.description { font-size: 80%; color: black; } & a:hover span.description { text-decoration: none !important; } & .block { display: block; } & ul { padding-left: 1em; } & ul li { margin: 0 0 0.5em 0; } !* line-height: 2; *! & ul li a { color: #333; } & ul li a:visited { color: #333; } & ul li a:hover { color: #333; } & ul li hr { margin: 10px 0; color: #333 } & .option { padding: 0.5em; } & a.icon_abort { background: none; position: absolute; left: 1em; top: 0; margin-left: -1.7em; margin-top: -0.8em; } & a.icon_abort.right { left: auto; right: 1em; top: 0; margin-right: -1.7em; margin-top: -0.8em; } & a.icon_abort:hover { } & .search-query { max-width: 300px; width: 95%; } & img.nose_top { position: absolute; right: 20px; top: -20px; z-index: +5; border: none; padding: 0; } &.nbox img.nose_top { } } */ /* line 1, app/assets/stylesheets/lib/_carousel.scss */ .carousel-viewport { position: relative; width: 100%; margin: auto; } /* line 192, app/assets/stylesheets/lib/_mixins_base.scss */ .carousel-viewport::before, .carousel-viewport::after { clear: both; display: table; content: ' '; } /* line 9, app/assets/stylesheets/lib/_carousel.scss */ .carousel-slide { position: relative; float: left; display: block; max-width: 1000px; height: auto; padding: 0; margin: 0 0 20rem; } /* line 19, app/assets/stylesheets/lib/_carousel.scss */ .carousel { position: relative; max-width: inherit; padding-bottom: 2rem; margin: 2rem auto 0; overflow: hidden; } /* line 26, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid { max-width: 85%; margin: 0 auto; } /* line 31, app/assets/stylesheets/lib/_carousel.scss */ .carousel .prev, .carousel .next { position: absolute; top: 25%; width: auto; padding: 16px; color: #384062; text-decoration: none; cursor: pointer; user-select: none; transition: 0.6s ease 1s ease-out; } /* line 45, app/assets/stylesheets/lib/_carousel.scss */ .carousel .prev { transform: rotate(-180deg); left: -1rem; } /* line 51, app/assets/stylesheets/lib/_carousel.scss */ .carousel .next { right: -1rem; border-radius: 3px 0 0 3px; } @media screen and (max-width: 1200px) { /* line 58, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid { --auto-grid-min-size: unset; } /* line 62, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid-element { box-sizing: border-box; width: 95%; padding: 1rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } /* line 70, app/assets/stylesheets/lib/_carousel.scss */ .carousel .carousel-slide { width: 800px; } /* line 73, app/assets/stylesheets/lib/_carousel.scss */ .carousel .carousel-slide .testimonial { margin-top: 0; } } @media screen and (max-width: 900px) { /* line 80, app/assets/stylesheets/lib/_carousel.scss */ .carousel .carousel-slide { width: 700px; } } @media screen and (max-width: 767px) { /* line 86, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid { display: block; width: inherit; padding: 0 !important; margin: 0 auto; } /* line 93, app/assets/stylesheets/lib/_carousel.scss */ .carousel .carousel-slide { max-width: 90vw; margin: 0 auto; } /* line 98, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid-element { position: relative; margin: 0 auto; } /* line 102, app/assets/stylesheets/lib/_carousel.scss */ .carousel .auto-grid-element .testimonial { position: absolute; top: 0; right: 0; transform: scale(0.9); } /* line 111, app/assets/stylesheets/lib/_carousel.scss */ .slide1 { display: none; } } /* line 1, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box { /* unquote: Sass compressor must not parse calc() as Sass math (rem vs %). */ max-width: calc(100% - 4rem); max-height: calc(100% - 4rem); border: 0; } /* line 7, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box::backdrop { background-color: rgba(0, 0, 0, 0.45); } /* line 11, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box img { position: relative; max-width: 75rem; margin: 0 auto; } /* line 17, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box .dialog-button-close { position: absolute; top: 0.25rem; right: 0.25rem; z-index: 1; font-size: 1rem; font-weight: bold; color: #384062; cursor: pointer; background-color: #dadada; } /* line 1, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box { /* unquote: Sass compressor must not parse calc() as Sass math (rem vs %). */ max-width: calc(100% - 4rem); max-height: calc(100% - 4rem); border: 0; } /* line 7, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box::backdrop { background-color: rgba(0, 0, 0, 0.45); } /* line 11, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box img { position: relative; max-width: 75rem; margin: 0 auto; } /* line 17, app/assets/stylesheets/lib/_dialogs.scss */ .dialog-box .dialog-button-close { position: absolute; top: 0.25rem; right: 0.25rem; z-index: 1; font-size: 1rem; font-weight: bold; color: #384062; cursor: pointer; background-color: #dadada; } /* line 3, app/assets/stylesheets/controllers/marketing/cards_new.scss */ .cards-new .text-samples-link { display: block; margin-bottom: 20px; text-align: center; } /* line 9, app/assets/stylesheets/controllers/marketing/cards_new.scss */ .cards-new .content_too_long, .cards-new .emoji_warning { text-align: center; } /* line 14, app/assets/stylesheets/controllers/marketing/cards_new.scss */ .cards-new #text_samples { max-width: 1800px; margin: 0 auto; } /* line 1, app/assets/stylesheets/controllers/cards.scss */ .state_badge { padding: 0.2em 0.4em; background-color: #ccc; border-radius: 3px; } /* line 7, app/assets/stylesheets/controllers/cards.scss */ .card_content_preview { margin: 2% 0; font-size: 110%; } /* line 13, app/assets/stylesheets/controllers/cards.scss */ .content_too_long, .emoji_warning, .group_salutation_missing { display: none; margin-top: 2%; color: #d0021b; } /* line 21, app/assets/stylesheets/controllers/cards.scss */ .submit_card_area { margin-top: 2%; text-align: center; } /* line 25, app/assets/stylesheets/controllers/cards.scss */ .submit_card_area .deliver_at_date { cursor: pointer; } /* line 28, app/assets/stylesheets/controllers/cards.scss */ .submit_card_area .deliver_at_date::input-placeholder { color: #2d363d; text-decoration: underline; } @media only screen and (max-width: 1050px) { /* line 57, app/assets/stylesheets/marketing.scss */ .motives-sample .motive_thumb { width: 31%; margin-bottom: 2%; } } @media only screen and (max-width: 700px) { /* line 68, app/assets/stylesheets/marketing.scss */ h1 { font-size: 160%; } /* line 72, app/assets/stylesheets/marketing.scss */ h2 { font-size: 130%; } /* line 77, app/assets/stylesheets/marketing.scss */ .above_fold { text-align: center; } /* line 80, app/assets/stylesheets/marketing.scss */ .above_fold.with_testimonial { min-height: 40vh; } /* line 91, app/assets/stylesheets/marketing.scss */ section.single_card .img, div.single_card .img { display: none; } /* line 95, app/assets/stylesheets/marketing.scss */ section.single_card .text, div.single_card .text { float: none; width: 100%; } /* line 98, app/assets/stylesheets/marketing.scss */ section.single_card .text h3, div.single_card .text h3 { padding-left: 2%; margin-left: -2.2%; } /* line 105, app/assets/stylesheets/marketing.scss */ section.single_card.howto .step, div.single_card.howto .step { float: none; width: 100%; margin-bottom: 4%; } /* line 110, app/assets/stylesheets/marketing.scss */ section.single_card.howto .step h3, div.single_card.howto .step h3 { min-height: auto; } /* line 127, app/assets/stylesheets/marketing.scss */ .five_reasons dl dt { margin-bottom: 1em; } /* line 130, app/assets/stylesheets/marketing.scss */ .five_reasons dl dt p { padding-top: 0.8em; padding-left: 60px; font-size: 100%; line-height: 1.5; } /* line 142, app/assets/stylesheets/marketing.scss */ .five_reasons dl dt::before { margin-left: 0; } /* line 149, app/assets/stylesheets/marketing.scss */ .motives-sample .motive_thumb { width: 100%; } }