/* module/auth/current-account-picker */
.p-account-picker {
position: relative; }
.p-account-picker > ul.accounts {
display: none; }
.p-account-picker > .picker-element {
background-color: white;
box-shadow: 0px 2px 12px -5px #000000;
display: flex;
flex-flow: column;
min-width: 300px;
padding: 20px;
position: absolute;
top: 100%;
right: 0;
z-index: 1002; }
.p-account-picker > .picker-element > .items {
max-height: 240px;
overflow-y: auto; }
.p-account-picker > .picker-element .item {
background-color: transparent;
color: black;
cursor: pointer;
padding: 2px 10px; }
.p-account-picker > .picker-element .item p {
display: block;
min-width: 300px;
text-align: left;
user-select: none; }
.p-account-picker > .picker-element .search-notice {
padding: 2px 10px; }
.p-account-picker:not(.open) > .picker-element {
border-width: 0;
max-height: 0;
overflow: hidden;
padding: 0; }
.p-account-picker.is-accounts-pickable > .current-account {
cursor: pointer; }
/* module/auth/piranya-user */
.p-auth-login-or-register-dialog .swal2-title:not(:empty) + .swal2-html-container {
margin-top: 30px; }
.p-auth-login-or-register-dialog.swal2-popup-stretch-content .piranya-platform-login {
width: 100%; }
.p-auth-login-or-register-dialog.swal2-popup-stretch-content .piranya-platform-login > .piranya-user-login-view-container {
max-width: initial;
width: 100%; }
.p-auth-login-or-register-dialog.swal2-popup-stretch-content .piranya-platform-login > .piranya-user-login-view-container > form {
align-items: stretch;
display: flex;
flex-direction: column;
width: 100%; }
.piranya-birtday-container.piranya-input-container {
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.piranya-birtday-container.piranya-input-container > select {
flex-basis: 32%;
margin-right: 2%; }
.piranya-birtday-container.piranya-input-container > select:last-of-type {
margin-right: 0; }
.piranya-view-users-actions .piranya-view-content {
margin-top: 30px; }
.piranya-view-users-actions .piranya-user-actions {
width: 100%; }
.piranya-view-users-actions .piranya-user-actions > a {
align-items: center;
border: 1px solid #666666;
border-radius: 20px;
display: flex;
flex-direction: column;
padding: 20px;
text-decoration: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out; }
.piranya-view-users-actions .piranya-user-actions > a:hover {
border-color: #d6c2c2;
text-decoration: none; }
.piranya-view-users-actions .piranya-user-actions > a > * {
text-align: center;
width: auto; }
.piranya-view-users-actions .piranya-user-actions > a .description {
font-size: 0.8em;
margin: 10px 0 0 0; }
.piranya-view-users-actions .piranya-user-actions > a .icon {
font-size: 6em;
margin-bottom: 20px; }
.piranya-view-users-actions .piranya-user-actions > a .title {
font-size: 1.2em;
margin: 0; }
@supports (display: grid) {
.piranya-view-users-actions .piranya-user-actions {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(3, 1fr); }
@media (min-width: 481px) and (max-width: 979px) {
.piranya-view-users-actions .piranya-user-actions {
grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) {
.piranya-view-users-actions .piranya-user-actions {
grid-template-columns: repeat(1, 1fr); } } }
@supports not (display: grid) {
.piranya-view-users-actions .piranya-user-actions > li {
float: left;
margin: 0 10px 10px 0;
width: calc(33% - 10px); }
@media (min-width: 481px) and (max-width: 979px) {
.piranya-view-users-actions .piranya-user-actions > li {
width: calc(50% - 10px); } }
@media (max-width: 480px) {
.piranya-view-users-actions .piranya-user-actions > li {
margin-right: 0;
width: 100%; } } }
.piranya-view-users-actions .piranya-view-description {
text-align: center; }
.piranya-view-users-actions .piranya-view-headline {
text-align: center; }
.user-action-entity {
border: 1px solid black;
border-radius: 5px;
padding: 10px;
box-sizing: border-box; }
.piranya-view-users-login > .piranya-view-center > .piranya-view-content > div {
display: flex;
flex-direction: column; }
body.browser-is-microsoft-internet-explorer .piranya-view-users-login > .piranya-view-center > .piranya-view-content {
width: 100%; }
body.browser-is-microsoft-internet-explorer .piranya-view-users-login > .piranya-view-center > .piranya-view-content > div {
width: 100%; }
.piranya-login-provider > .p-icon-button {
font-size: 1.5em; }
.piranya-view-users-two-factor-setup > .piranya-view-description {
margin-bottom: 20px;
margin-top: 10px; }
.piranya-view-users-two-factor-setup p {
font-size: 1em;
margin-bottom: 10px; }
.piranya-view-users-two-factor-setup .key-qr {
margin-bottom: 20px; }
.piranya-view-users-two-factor-setup input[type="text"] {
clear: both;
margin-bottom: 20px; }
.piranya-user.two-factor-login {
align-items: stretch;
display: flex;
flex-direction: column; }
.piranya-user.two-factor-login input[type="text"] {
clear: both;
font-size: 1.5em;
margin: 20px 0; }
/* ~/Content/piranya/default.scss */
p, h1, h2, h3, h4, h5, h6 {
padding: 0px;
margin: 0px; }
p {
font-size: 0.8em; }
body {
line-height: 1.15; }
iframe {
max-width: 100%; }
input[type=checkbox] {
margin: 0px; }
input[type=submit] {
margin: 0px; }
input[type="email"],
input[type="tel"],
input[type="text"] {
margin: 0px; }
textarea {
margin: 0px;
overflow: auto; }
.piranya-view {
width: 100%; }
.piranya-view > .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-content,
.piranya-view > .piranya-view-description,
.piranya-view > .piranya-view-headline {
float: left;
clear: both;
width: 100%; }
.piranya-view > .piranya-breadcrumb-wrapper + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-content + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-description + .piranya-breadcrumb-wrapper,
.piranya-view > .piranya-view-headline + .piranya-breadcrumb-wrapper {
margin-top: 5px; }
.piranya-view > div.piranya-view-headline {
align-items: flex-start;
display: flex;
flex-direction: row; }
.piranya-view > div.piranya-view-headline > .actions {
margin-left: auto; }
#piranya-page > .piranya-view {
align-items: center;
display: flex;
flex-direction: column; }
#piranya-page > .piranya-view > .piranya-view-center {
align-items: center;
box-sizing: border-box;
display: flex;
flex: 0 1;
flex-direction: column; }
#piranya-page > .piranya-view > .piranya-breadcrumb-wrapper,
#piranya-page > .piranya-view > .piranya-view-content,
#piranya-page > .piranya-view > .piranya-view-description,
#piranya-page > .piranya-view > .piranya-view-headline {
max-width: 1200px; }
body.browser-is-microsoft-internet-explorer #piranya-page > .piranya-view > .piranya-view-center {
flex: none; }
div.negative p,
p.negative {
color: red; }
div.positive p,
p.positive {
color: #208220; }
/*Start Views*/
.piranya-view-cookies .piranya-view-content h2, .piranya-view-cookies .piranya-view-content p {
margin-bottom: 10px; }
/*End views*/
.piranya-align-children-center {
/* Internet Explorer 10 */
display: -ms-flexbox;
-ms-flex-pack: center;
-ms-flex-align: center;
/* Firefox */
display: -moz-box;
-moz-box-pack: center;
-moz-box-align: center;
/* Safari, Opera, and Chrome */
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
/* W3C */
display: flex;
box-pack: center;
box-align: center;
align-items: center;
justify-content: center; }
.piranya-no-user-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default; }
.piranya-icon-text {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.hide,
.loaded .hide-after-ancestor-loaded,
.loaded > .hide-after-parent-loaded,
.loaded.hide-after-loaded {
display: none; }
.hide-under {
position: absolute;
z-index: -9999; }
.p-loading {
background-image: url("/content/v1.0.9216.170871/piranya/images/loading.gif");
background-position: 50% 50%;
background-repeat: no-repeat;
min-height: 32px; }
p .horizontal-ruler {
width: 100%;
border-bottom: 1px solid black;
display: block;
margin: 10px 0; }
.p-table {
display: flex;
flex-wrap: wrap;
margin: 0 0 3em 0;
padding: 0;
width: 100%; }
.p-table .p-table-cell {
border: 1px solid #666666;
box-sizing: border-box;
display: block;
flex-grow: 1;
float: left;
list-style: none;
margin: 0;
padding: 0.8em 1.2em;
overflow: hidden;
width: 100%; }
.p-table .p-table-cell > h1, .p-table .p-table-cell > h2, .p-table .p-table-cell > h3, .p-table .p-table-cell > h4, .p-table .p-table-cell > h5, .p-table .p-table-cell > h6 {
margin: 0; }
.p-table .p-table-cell.actions {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly; }
.p-table.p-table--2cols > .p-table-cell {
width: 50%; }
.p-table.p-table--2cols > .p-table-cell.p-table-cell--span2 {
width: 100%; }
.p-table.p-table--3cols > .p-table-cell {
width: 33.33%; }
.p-table.p-table--3cols > .p-table-cell.p-table-cell--span2 {
width: 66.66%; }
.p-table.p-table--3cols > .p-table-cell.p-table-cell--span3 {
width: 100%; }
.p-table.p-table--4cols > .p-table-cell {
width: 25%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span2 {
width: 50%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span3 {
width: 75%; }
.p-table.p-table--4cols > .p-table-cell.p-table-cell--span4 {
width: 100%; }
.p-table.p-table--5cols > .p-table-cell {
width: 20%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span2 {
width: 40%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span3 {
width: 60%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span4 {
width: 80%; }
.p-table.p-table--5cols > .p-table-cell.p-table-cell--span5 {
width: 100%; }
.p-table.p-table--6cols > .p-table-cell {
width: 16.66%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span2 {
width: 33.32%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span3 {
width: 50%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span4 {
width: 66.66%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span5 {
width: 83.32%; }
.p-table.p-table--6cols > .p-table-cell.p-table-cell--span6 {
width: 100%; }
.p-table.p-table--borderless > .p-table-cell {
border: none; }
.p-table.p-table--borderless > .p-table-cell--foot {
padding-right: 0; }
.p-table.p-table--borderless > .p-table-cell--head {
padding-left: 0; }
@media all and (min-width: 600px) {
.p-table > .p-table-cell:not(.p-table-cell--head) {
border-left: none; }
.p-table.p-table--2cols > .p-table-cell:nth-child(n+3),
.p-table.p-table--3cols > .p-table-cell:nth-child(n+4),
.p-table.p-table--4cols > .p-table-cell:nth-child(n+5),
.p-table.p-table--5cols > .p-table-cell:nth-child(n+6),
.p-table.p-table--6cols > .p-table-cell:nth-child(n+7),
.p-table > .p-table-cell--header ~ .p-table-cell[data-row] {
border-top: none; } }
@media all and (max-width: 599px) {
.p-table:not(.p-table--non-responsive) {
display: block; }
.p-table:not(.p-table--non-responsive) > .p-table-cell {
width: 100% !important; }
.p-table:not(.p-table--non-responsive) > .p-table-cell.p-table-cell--header {
display: none; }
.p-table:not(.p-table--non-responsive) > .p-table-cell:not(.p-table-cell--head) {
border-top: none; }
.p-table:not(.p-table--non-responsive) > .p-table-cell--foot {
margin-bottom: 1em; } }
/* ~/Content/piranya/default-animations.css */
.fadeIn {
animation-name: fadeIn;
animation-duration: 0.8s;
animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Add fallback for legacy fadein (without correct capitalization) */
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
.fadeInBounce {
animation-name: fadein;
animation-duration: 0.8s;
animation-timing-function: ease-in-out;
visibility: visible !important;
}
@keyframes fadeInBounce {
0% {
transform: scale(0);
opacity: 0.0;
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes bounce-scale-increase-minor {
0% {
transform: scale(1);
}
60% {
transform: scale(1.1);
}
80% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
/**
* ----------------------------------------
* animation bounce-in-top
* ----------------------------------------
*/
@-webkit-keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
-webkit-transform: translateY(-500px);
transform: translateY(-500px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
/**
* ----------------------------------------
* animation bounce-in-left
* ----------------------------------------
*/
@-webkit-keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes bounce-in-left {
0% {
-webkit-transform: translateX(-600px);
transform: translateX(-600px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
38% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 1;
}
55% {
-webkit-transform: translateX(-68px);
transform: translateX(-68px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
72% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
81% {
-webkit-transform: translateX(-28px);
transform: translateX(-28px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
95% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
.p-highlight-momentarily {
animation: flashBackground ease-in-out 0.5s 2 forwards;
}
@keyframes flashBackground {
0% {
background: none;
}
40% {
background: orange;
}
100% {
background: none;
}
}
@keyframes rotate-clockwise {
to {
transform: rotate(360deg);
}
}
/**
* ----------------------------------------
* animation slide-in-left
* ----------------------------------------
*/
@-webkit-keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes slide-in-left {
0% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}
@keyframes spin-clockwise {
from {
transform: translate(-50%, -50%) rotate(0);
}
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes translate-left-to-right {
100% {
transform: translateX(100%);
}
}
/* ~/Content/piranya/media-queries.css */
/* Landscape phones and down */
@media (max-width: 480px) {
.piranya-ltw480-show {
display: block !important;
}
.piranya-ltw480-hide {
display: none !important;
}
.piranya-ltw480-full-width {
width: 100% !important;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.piranya-ltw767-show {
display: block !important;
}
.piranya-ltw767-hide {
display: none !important;
}
.piranya-ltw767-full-width {
width: 100% !important;
}
}
@media (max-width: 640px) {
.piranya-ltw640-show {
display: block !important;
}
.piranya-ltw640-hide {
display: none !important;
}
.piranya-ltw640-full-width {
width: 100% !important;
}
}
@media (max-width: 979px) {
.piranya-ltw979-show {
display: block !important;
}
.piranya-ltw979-hide {
display: none !important;
}
.piranya-ltw979-full-width {
width: 100% !important;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.piranya-gtw768-ltw979-show {
display: block !important;
}
.piranya-gtw768-ltw979-hide {
display: none !important;
}
.piranya-gtw768-ltw979-full-width {
width: 100% !important;
}
}
@media (min-width: 481px) {
.piranya-gtw481-show {
display: block !important;
}
.piranya-gtw481-hide {
display: none !important;
}
.piranya-gtw481-full-width {
width: 100% !important;
}
}
@media (min-width: 768px) {
.piranya-gtw768-show {
display: block !important;
}
.piranya-gtw768-hide {
display: none !important;
}
.piranya-gtw768-full-width {
width: 100% !important;
}
}
/* Large desktop */
@media (min-width: 980px) {
.piranya-gtw980-show {
display: block !important;
}
.piranya-gtw980-hide {
display: none !important;
}
.piranya-gtw980-full-width {
width: 100% !important;
}
}
/* ~/Content/piranya/default-menu.css */
.piranya-menu {
padding: 0px;
margin: 0px;
list-style: none;
margin: 0 auto 0 auto;
width: auto;
display: inline-block;
}
.piranya-menu > li {
float: left;
}
.piranya-menu > li > a {
display: inline-block;
width: 100%;
text-decoration: none;
}
/*Piranya breadcrumb default style*/
.piranya-breadcrumb-wrapper {
width: 100%;
margin-bottom: 10px;
font-size: 0.8em;
}
.piranya-breadcrumb-wrapper > * {
float: left;
line-height: 1em;
font-size: 1em;
text-decoration: none;
width: auto;
padding: 0.1em 0;
}
.piranya-breadcrumb-wrapper > .separator {
padding: 0.15em 5px;
width: auto;
margin: 0;
}
/* ~/Content/piranya/default-form.scss */
.piranya-input-container {
float: left;
margin-bottom: 10px;
width: 100%; }
.piranya-input-container:last-of-type {
margin-bottom: 0; }
.piranya-validation-container {
width: 100%; }
.piranya-btn {
padding: 5px 10px;
cursor: pointer;
border: none;
background-color: black;
color: white;
white-space: normal;
-webkit-appearance: none; }
.piranya-btn-disabled,
.piranya-btn.disabled,
.piranya-btn[disabled] {
cursor: not-allowed;
opacity: 0.5; }
button.piranya-btn > p {
color: inherit;
font-size: 1em;
line-height: 1em; }
.btn {
cursor: pointer;
transition: color 0.2s ease; }
.piranya-input-container > label {
width: 100%;
float: left;
margin-bottom: 5px; }
.piranya-input-container.p-checkbox > label,
.piranya-input-container.p-radio > label {
margin-bottom: 0; }
.piranya-input-container.p-checkbox > .description {
padding-left: 28px;
width: calc(100% - 28px); }
input.piranya-checkbox {
margin-right: 5px; }
.piranya-select {
box-sizing: border-box;
font-size: 1em;
margin: 0;
width: 100%; }
.piranya-select:focus {
font-size: 1em; }
.piranya-txt,
.piranya-textarea {
box-sizing: border-box;
font-size: 1em;
padding: 0.36em 0.32em; }
.piranya-txt.disabled,
.piranya-textarea.disabled {
background-color: #ebebe4;
pointer-events: none; }
.piranya-error-container {
width: 100%;
margin-bottom: 10px; }
.piranya-label-must-be-filled {
color: red; }
.validation-message {
color: red; }
/* p-icon-button */
.p-icon-button {
box-sizing: border-box;
float: left;
border-radius: 0.5em;
display: flex;
align-items: center;
text-decoration: none; }
.p-icon-button:hover {
text-decoration: none; }
.p-icon-button > .icon {
font-size: 1.3em; }
.p-icon-button > .icon + .action {
margin-left: 0.63em; }
.p-icon-button > .action {
float: right;
font-size: 0.8em; }
.p-icon-button.with-separator > .action {
border-style: solid;
border-width: 0 0 0 1px;
padding-left: 0.63em; }
.p-icon-button.with-background {
padding: 0.5em; }
.p-icon-button.with-background > .icon {
text-shadow: 0.133em 0.133em 0.4em black; }
/* end of p-icon-button */
/* Search box */
div.piranya-searchbox {
position: relative; }
div.piranya-searchbox > input {
padding: 3px 10% 3px 3px;
font-size: inherit;
color: inherit;
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #ececec;
border-radius: 3px;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
div.piranya-searchbox > .button-wrapper {
height: 100%;
position: absolute;
right: 0;
top: 0; }
div.piranya-searchbox button {
height: 100%;
padding: 0 0.7em;
font-size: inherit;
color: inherit;
border: 0;
background: none;
cursor: pointer; }
div.piranya-searchbox > input:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
div.piranya-searchbox > .button-wrapper > button:hover {
color: #66afe9; }
/* End of search box */
/* p-radio and p-checkbox */
div.p-radio > input[type="radio"],
input.p-radio[type="radio"],
div.p-checkbox > input[type="checkbox"],
input.p-checkbox[type="checkbox"] {
position: absolute;
left: -9999px; }
div.p-radio > input[type="radio"] + label,
input.p-radio[type="radio"] + label,
div.p-checkbox > input[type="checkbox"] + label,
input.p-checkbox[type="checkbox"] + label {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
line-height: 20px;
padding-left: 28px;
padding-top: 2px;
position: relative;
width: 100%; }
div.p-radio > input[type="radio"] + label:before,
input.p-radio[type="radio"] + label:before,
div.p-checkbox > input[type="checkbox"] + label:before,
input.p-checkbox[type="checkbox"] + label:before {
background-color: white;
content: '';
position: absolute;
left: 0;
top: calc(50% - 9px);
width: 18px;
height: 18px;
border: 1px solid #c3c3c3; }
div.p-radio > input[type="radio"] + label:before,
input.p-radio[type="radio"] + label:before {
border-radius: 100%; }
div.p-radio > input[type="radio"] + label:after,
input.p-radio[type="radio"] + label:after {
content: '';
width: 12px;
height: 12px;
background: #709bc5;
position: absolute;
top: calc(50% - 5px);
left: 4px;
border-radius: 100%;
opacity: 0;
transform: scale(0);
transition: all 0.2s ease; }
div.p-radio > input[type="radio"]:checked + label:after,
input.p-radio[type="radio"]:checked + label:after {
opacity: 1;
transform: scale(1); }
div.p-checkbox > input[type="checkbox"] + label:after,
input.p-checkbox[type="checkbox"] + label:after {
content: '';
position: absolute;
opacity: 0;
left: 7px;
top: calc(50% - 6px);
width: 4px;
height: 10px;
border: solid #709bc5;
border-width: 0 2px 2px 0;
transform: rotate(45deg) scale(0);
transition: all 0.2s ease; }
div.p-checkbox > input[type="checkbox"]:checked + label:after,
input.p-checkbox[type="checkbox"]:checked + label:after {
opacity: 1;
transform: rotate(45deg) scale(1); }
.piranya-input-container.p-checkbox > input[type="checkbox"][disabled] + label {
cursor: default;
opacity: 0.3; }
/* end of p-radio and p-checkbox */
/* p-checkbox-button */
label.p-checkbox-button {
overflow: hidden;
position: relative; }
label.p-checkbox-button > input {
position: absolute;
left: -9999px; }
label.p-checkbox-button > span.status {
display: flex;
flex-flow: row nowrap;
padding: 0.5em 0.3em;
text-align: center;
transition: background-color 0.5s ease, color 0.5s ease; }
label.p-checkbox-button > span.status > span {
box-sizing: border-box;
color: inherit;
flex: none;
opacity: 0;
width: 100%; }
label.p-checkbox-button > span.status > span:not(:first-child) {
margin-left: -100%; }
label.p-checkbox-button > input:checked + span.status {
background: #34b257;
color: white; }
label.p-checkbox-button > input:checked + span.status > span.checked {
opacity: 1; }
label.p-checkbox-button > input:not(:checked) + span.status > span.unchecked {
opacity: 1; }
/* end of p-checkbox-button */
.p-switch {
display: inline-block;
height: 2.125em;
position: relative;
width: 3.75em; }
.p-switch > input {
opacity: 0;
width: 0;
height: 0; }
.p-switch > input:checked + .slider {
background-color: #2196F3; }
.p-switch > input:checked + .slider:before {
transform: translateX(1.625em); }
.p-switch > input[disabled] + .slider {
opacity: 0.4; }
.p-switch > input:focus + .slider {
box-shadow: 0 0 1px #2196F3; }
.p-switch > .slider {
border-radius: 2.125em;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
position: absolute;
transition: .4s; }
.p-switch > .slider:before {
border-radius: 50%;
position: absolute;
content: "";
height: 1.625em;
width: 1.625em;
left: 0.25em;
bottom: 0.25em;
background-color: white;
transition: .4s; }
/* p-toggle-boxes */
ul.p-toggle-boxes {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style-type: none; }
ul.p-toggle-boxes > li,
div.p-toggle-box {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
flex-wrap: wrap;
float: left;
margin: 0;
border: 1px solid #ececec;
border-radius: 2px;
padding: 7px 9px;
box-sizing: border-box;
transition: all 0.5s ease;
max-height: 60px;
overflow: hidden;
width: 100%; }
ul.p-toggle-boxes > li p,
div.p-toggle-box p {
line-height: 1.15; }
ul.p-toggle-boxes > li:not(:first-child),
div.p-toggle-box:not(:first-child) {
margin-top: 5px; }
ul.p-toggle-boxes > li > div.p-checkbox,
ul.p-toggle-boxes > li > div.p-radio,
div.p-toggle-box > div.p-checkbox,
div.p-toggle-box > div.p-radio {
cursor: pointer;
flex: 1;
float: left;
width: 100%; }
ul.p-toggle-boxes > li > div.p-checkbox > input[type="checkbox"],
div.p-toggle-box > div.p-checkbox > input[type="checkbox"] {
cursor: pointer; }
ul.p-toggle-boxes > li > div.p-radio > input[type="radio"],
div.p-toggle-box > div.p-radio > input[type="radio"] {
cursor: pointer; }
ul.p-toggle-boxes > li > .content,
ul.p-toggle-boxes > li > div.p-checkbox > .content,
ul.p-toggle-boxes > li > div.p-radio > .content,
div.p-toggle-box > .content,
div.p-toggle-box > div.p-checkbox > .content,
div.p-toggle-box > div.p-radio > .content {
float: left;
padding: 0;
width: 100%; }
ul.p-toggle-boxes > li > .content > .choice,
ul.p-toggle-boxes > li > div.p-checkbox > .content > .choice,
ul.p-toggle-boxes > li > div.p-radio > .content > .choice,
div.p-toggle-box > .content > .choice,
div.p-toggle-box > div.p-checkbox > .content > .choice,
div.p-toggle-box > div.p-radio > .content > .choice {
float: left;
width: 100%; }
ul.p-toggle-boxes > li > .right,
ul.p-toggle-boxes > li > div.p-checkbox > .right,
ul.p-toggle-boxes > li > div.p-radio > .right,
div.p-toggle-box > .right,
div.p-toggle-box > div.p-checkbox > .right,
div.p-toggle-box > div.p-radio > .right {
float: right;
margin-left: auto;
padding: 0; }
ul.p-toggle-boxes > li > *,
ul.p-toggle-boxes > li > .content .choice,
ul.p-toggle-boxes > li > .right.choice,
ul.p-toggle-boxes > li > .right .choice,
ul.p-toggle-boxes > li > div.p-checkbox > *,
ul.p-toggle-boxes > li > div.p-checkbox > .content .choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li > div.p-radio > *,
ul.p-toggle-boxes > li > div.p-radio > .content .choice,
ul.p-toggle-boxes > li > div.p-radio > .right.choice,
ul.p-toggle-boxes > li > div.p-radio > .right .choice,
div.p-toggle-box > *,
div.p-toggle-box > .content .choice,
div.p-toggle-box > .right.choice,
div.p-toggle-box > .right .choice,
div.p-toggle-box > div.p-checkbox > *,
div.p-toggle-box > div.p-checkbox > .content .choice,
div.p-toggle-box > div.p-checkbox > .right.choice,
div.p-toggle-box > div.p-checkbox > .right .choice,
div.p-toggle-box > div.p-radio > *,
div.p-toggle-box > div.p-radio > .content .choice,
div.p-toggle-box > div.p-radio > .right.choice,
div.p-toggle-box > div.p-radio > .right .choice {
opacity: 1;
transition: all 0.5s ease; }
ul.p-toggle-boxes > li > .right.choice,
ul.p-toggle-boxes > li > .right .choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li > div.p-radio > .right.choice,
ul.p-toggle-boxes > li > div.p-radio > .right .choice,
div.p-toggle-box > .right.choice,
div.p-toggle-box > .right .choice,
div.p-toggle-box > div.p-checkbox > .right.choice,
div.p-toggle-box > div.p-checkbox > .right .choice,
div.p-toggle-box > div.p-radio > .right.choice,
div.p-toggle-box > div.p-radio > .right .choice {
max-width: 100%; }
ul.p-toggle-boxes > li.selected:not(.disabled),
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled),
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled),
div.p-toggle-box.selected:not(.disabled),
div.p-toggle-box > div.p-checkbox.selected:not(.disabled),
div.p-toggle-box > div.p-radio.selected:not(.disabled) {
border-color: #709bc5;
max-height: 600px; }
ul.p-toggle-boxes > li.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li.selected:not(.disabled) > .right,
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li > div.p-checkbox.selected:not(.disabled) > .right,
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled) > .content,
ul.p-toggle-boxes > li > div.p-radio.selected:not(.disabled) > .right,
div.p-toggle-box.selected:not(.disabled) > .content,
div.p-toggle-box.selected:not(.disabled) > .right,
div.p-toggle-box > div.p-checkbox.selected:not(.disabled) > .content,
div.p-toggle-box > div.p-checkbox.selected:not(.disabled) > .right,
div.p-toggle-box > div.p-radio.selected:not(.disabled) > .content,
div.p-toggle-box > div.p-radio.selected:not(.disabled) > .right {
color: #709bc5; }
ul.p-toggle-boxes > li.disabled > *,
div.p-toggle-box.disabled > * {
opacity: 0.3; }
ul.p-toggle-boxes > li.read-only,
div.p-toggle-box.read-only {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.read-only > div.p-checkbox,
ul.p-toggle-boxes > li.read-only > div.p-radio,
div.p-toggle-box.read-only > div.p-checkbox,
div.p-toggle-box.read-only > div.p-radio {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.read-only > div.p-checkbox > input[type="checkbox"],
div.p-toggle-box.read-only > div.p-checkbox > input[type="checkbox"] {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.read-only > div.p-checkbox > input[type="checkbox"] + label,
div.p-toggle-box.read-only > div.p-checkbox > input[type="checkbox"] + label {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.read-only > div.p-radio > input[type="radio"],
div.p-toggle-box.read-only > div.p-radio > input[type="radio"] {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.read-only > div.p-radio > input[type="radio"] + label,
div.p-toggle-box.read-only > div.p-radio > input[type="radio"] + label {
cursor: default;
pointer-events: none; }
ul.p-toggle-boxes > li.selected > .content,
ul.p-toggle-boxes > li.selected > .content > :not(:first-child):not(.empty),
div.p-toggle-box.selected > .content,
div.p-toggle-box.selected > .content > :not(:first-child):not(.empty) {
margin-top: 10px; }
ul.p-toggle-boxes > li:not(.selected) > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-checkbox > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right .choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right.choice,
ul.p-toggle-boxes > li:not(.selected) > div.p-radio > .right .choice,
div.p-toggle-box:not(.selected) > .right .choice,
div.p-toggle-box:not(.selected) > .right.choice,
div.p-toggle-box:not(.selected) > .right .choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right .choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right.choice,
div.p-toggle-box:not(.selected) > div.p-checkbox > .right .choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right .choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right.choice,
div.p-toggle-box:not(.selected) > div.p-radio > .right .choice {
max-width: 0;
opacity: 0;
visibility: hidden; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .content .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .content .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .content,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > .content,
div.p-toggle-box:not(.selected):not(.disabled) > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .content,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .content .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .content,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .content .choice {
opacity: 0;
display: none; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right,
div.p-toggle-box:not(.selected):not(.disabled) > .right,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right {
opacity: 0.7; }
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > .right > .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-checkbox > .right > .choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right.choice,
ul.p-toggle-boxes > li:not(.selected):not(.disabled) > div.p-radio > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-checkbox > .right > .choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right.choice,
div.p-toggle-box:not(.selected):not(.disabled) > div.p-radio > .right > .choice {
max-width: 0;
opacity: 0;
visibility: hidden; }
ul.p-toggle-boxes > li input[type="text"],
div.p-toggle-box input[type="text"] {
box-sizing: border-box;
margin: 0;
width: 100%; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
ul.p-toggle-boxes > li,
div.p-toggle-box {
/* IE10+ */ }
ul.p-toggle-boxes > li.has-content,
div.p-toggle-box.has-content {
display: block;
/* Disable flex */ } }
/* end of p-toggle-boxes */
/* ~/Content/piranya/styles/piranya-alert-box.scss */
div.p-alert-box {
align-items: center;
border-radius: 5px;
box-shadow: 0px 1px 5px #999;
box-sizing: border-box;
display: flex;
font-size: 1em;
flex-direction: row;
padding: 0.5em 1em;
width: 100%; }
div.p-alert-box:not(:first-child) {
margin-top: 10px; }
div.p-alert-box:not(:last-child) {
margin-bottom: 10px; }
div.p-alert-box.has-content-container {
justify-content: center; }
div.p-alert-box > .content {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: row;
font-size: 1em;
width: 100%; }
div.p-alert-box .actions {
display: flex;
flex-direction: row;
gap: 0.7em;
margin-left: 0.7em; }
div.p-alert-box button {
font-size: 1em; }
div.p-alert-box i.icon,
div.p-alert-box p.message {
color: #ffffff;
font-size: 1em; }
div.p-alert-box i.icon {
margin-top: 0.1em; }
div.p-alert-box i.icon:before {
font-family: FontAwesome;
font-size: 1em;
margin-right: 0.7em; }
div.p-alert-box.failure {
background-color: #d20007; }
div.p-alert-box.failure .icon:before {
content: "\f00d"; }
div.p-alert-box.information {
background-color: #3498db; }
div.p-alert-box.information .icon:before {
content: "\f129"; }
div.p-alert-box.notice {
background-color: #bea474; }
div.p-alert-box.notice .icon:before {
content: "\f0a1"; }
div.p-alert-box.question {
background-color: #f1c40f; }
div.p-alert-box.question .icon:before {
content: "\f128"; }
div.p-alert-box.success {
background-color: #2ecc71; }
div.p-alert-box.success .icon:before {
content: "\f00c"; }
div.p-alert-box.tip {
background-color: #16a085; }
div.p-alert-box.tip .icon:before {
content: "\f0eb"; }
div.p-alert-box.warning {
background-color: #e74c3c; }
div.p-alert-box.warning .icon {
margin-top: 0.2em; }
div.p-alert-box.warning .icon:before {
content: "\f12a"; }
@media not all and (min-width: 980px) {
div.p-alert-box .actions {
flex-direction: column; } }
/* ~/Content/piranya/styles/localization.css */
body.language-da .language-da-hide,
body.language-de .language-de-hide,
body.language-en .language-en-hide,
body.language-nl .language-nl-hide
{
display: none;
}
body.language-da .language-da-show,
body.language-de .language-de-show,
body.language-en .language-en-show,
body.language-nl .language-nl-show
{
display: block;
}
/* ~/Content/piranya/styles/status-bars.scss */
#p-status-bars {
align-items: stretch;
display: flex;
flex-direction: column; }
#p-status-bars .p-alert-box {
border-radius: 0;
box-shadow: none;
font-size: 1em;
padding: 5px; }
#p-status-bars .p-alert-box .actions {
margin-left: auto; }
#p-status-bars .p-alert-box.has-content-container > .content {
max-width: 1200px; }
/* ~/Content/piranya/styles/swiper.piranya.scss */
.swiper-container-horizontal > .swiper-wrapper {
display: flex;
flex-direction: row; }
.swiper-container-horizontal > .swiper-wrapper > .swiper-slide {
width: 100%; }
.swiper-container-vertical > .swiper-wrapper {
display: flex;
flex-direction: column; }
.swiper-slide > img,
.swiper-slide > picture,
.swiper-slide > picture > img {
width: 100%; }
/* ~/Content/dynamic/fonts */
@font-face {
font-family: 'Open-Sans';
src: url('/File/29691/opensans-regular-webfont.eot?ticks=1752569152#iefix') format('embedded-opentype'), url('/File/29690/opensans-regular-webfont.ttf?ticks=1752527427') format('truetype'), url('/File/29692/opensans-regular-webfont.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Brugsen';
src: url('/File/29694/cph_signs_regular-webfont-webfont.eot?ticks=1752569146#iefix') format('embedded-opentype'), url('/File/29693/cph_signs_regular-webfont-webfont.ttf?ticks=1566303184') format('truetype'), url('/File/29695/cph_signs_regular-webfont-webfont.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Anton';
src: url('/File/29697/Anton.eot?ticks=1752569145#iefix') format('embedded-opentype'), url('/File/29696/Anton.ttf?ticks=1735138279') format('truetype'), url('/File/29698/Anton.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Signa';
src: url('/File/29700/Signaweb-Black.eot?ticks=1752569144#iefix') format('embedded-opentype'), url('/File/29699/Signaweb-Black.ttf?ticks=1735138307') format('truetype'), url('/File/29701/Signaweb-Black.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'OpenSans-Extrabold';
src: url('/File/29704/OpenSans-Extrabold.eot?ticks=1752569120#iefix') format('embedded-opentype'), url('/File/29702/OpenSans-Extrabold.ttf?ticks=1735138305') format('truetype'), url('/File/29705/OpenSans-Extrabold.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Ubuntu';
src: url('/File/29706/Ubuntu-R.ttf?ticks=1566312874') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('/File/29709/RobotoSlab-Regular.eot?ticks=1752569131#iefix') format('embedded-opentype'), url('/File/29707/RobotoSlab-Regular.ttf?ticks=1750737636') format('truetype'), url('/File/29708/RobotoSlab-Regular.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'FrutigerNextPro';
src: url('/File/29711/FrutigerNextPro-Regular.eot?ticks=1752569125#iefix') format('embedded-opentype'), url('/File/29710/FrutigerNextPro-Regular.ttf?ticks=1566303184') format('truetype'), url('/File/29712/FrutigerNextPro-Regular.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'FrutigerNextProBold';
src: url('/File/29714/FrutigerNextPro-Bold.eot?ticks=1751298245#iefix') format('embedded-opentype'), url('/File/29713/FrutigerNextPro-Bold.ttf?ticks=1752527427') format('truetype'), url('/File/29715/FrutigerNextPro-Bold.woff?ticks=1752527428') format('woff');
font-display: swap;
}
@font-face {
font-family: 'Bernierdist';
src: url('/File/29716/BERNIERDistressed-Regular.otf?ticks=1566303184') format('opentype');
font-display: swap;
}
@font-face {
font-family: 'COOP_Regular';
src: url('/File/30861/COOPWeb-Regular.eot?ticks=1752569150#iefix') format('embedded-opentype'), url('/File/29718/COOPWeb-Regular.ttf?ticks=1566303250') format('truetype'), url('/File/30860/COOPWeb-Regular.woff?ticks=1726720588') format('woff');
font-display: swap;
}
@font-face {
font-family: 'COOP_Bold';
src: url('/File/30863/COOPWeb-Bold.eot?ticks=1752569140#iefix') format('embedded-opentype'), url('/File/29719/COOPWeb-Bold.ttf?ticks=1566303251') format('truetype'), url('/File/30862/COOPWeb-Bold.woff?ticks=1735616703') format('woff');
font-display: swap;
}
@font-face {
font-family: 'COOP_Icons';
src: url('/File/30692/coop-icons.ttf?ticks=1752527427') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'COOP_light';
src: url('/File/34953/COOP-Light.ttf?ticks=1752527427') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'TuskerGroteskBold';
src: url('/File/37797/TuskerGrotesk-4700Bold.ttf?ticks=1735138287') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Academy';
src: url('/File/37831/AcademySans-Demibold.ttf?ticks=1752527427') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AcademyBold';
src: url('/File/37832/AcademySans-Extrabold.ttf?ticks=1752527427') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'AcademyBlack';
src: url('/File/37833/black.ttf?ticks=1752527427') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'test';
src: url('/File/41811/Hestina.otf?ticks=1752527427') format('truetype');
font-display: swap;
}
/* ~/Content/Piranya/WebViews/departments/opening-hours.scss */
.p-departments.opening-hours .slot {
display: inline-block; }
.p-departments.opening-hours .slot > span {
float: left; }
.p-departments.opening-hours .slot > .from-to-separator {
margin: 0 0.3em; }
.p-departments.opening-hours .slot > .slot-separator {
margin-right: 0.3em; }
/* ~/Content/Piranya/WebViews/Users/PiranyaUserAdministration.css */
#piranya-select-birthdate-day {
width: 22%;
margin-right: 2%;
float: left;
}
#piranya-select-birthdate-month {
width: 50%;
margin-right: 2%;
float: left;
}
#piranya-select-birthdate-year {
width: 24%;
float: left;
}
.piranya-profile-picture-container > input {
width: 100%;
}
/* ~/Content/Piranya/WebViews/Users/PiranyaLogin.css */
.piranya-user-login-view-seperator {
left: 50%;
top: 0%;
height: 100%;
position: absolute;
border-left: 1px dotted black;
}
.piranya-user-login-view-seperator > p {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
top: 50%;
left: -32px;
background-color: white;
width: 60px;
text-align: center;
margin-top: -15px;
}
.piranya-view-users-login {
display: flex;
justify-content: center;
}
.piranya-view-users-login .reason + .piranya-view-content {
margin-top: 10px;
}
.piranya-view-center.piranya-login-group {
width: 100%;
max-width: 340px;
background: white;
box-sizing: border-box;
padding: 20px;
display: inline-block;
}
.piranya-login-group h1.piranya-view-headline,
.piranya-login-group label,
.piranya-login-group a {
color: black;
}
.piranya-login-group h1 {
width: 100%;
}
.piranya-user-login-view-container .piranya-txt {
width: 100%;
box-sizing: border-box;
}
.piranya-user-login-view:not(.register) .register {
display: none;
}
.piranya-social-media-login-wrapper .piranya-facebook-link {
background-size: cover;
background-position: center;
}
.piranya-social-media-login-wrapper .separator {
height: 25px;
text-align: center;
position: relative;
margin-top: 8px;
width: 100%;
}
.piranya-social-media-login-wrapper .separator .text {
display: inline-block;
font-size: 1em;
overflow: hidden;
text-align: center;
width: 100%;
color: black;
}
.piranya-social-media-login-wrapper .separator .text:before,
.piranya-social-media-login-wrapper .separator .text:after {
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
background-color: #333;
}
.piranya-social-media-login-wrapper .separator .text:before {
right: 0.5em;
margin-left: -50%;
}
.piranya-social-media-login-wrapper .separator .text:after {
left: 0.5em;
margin-right: -50%;
}
.piranya-user-login-view > * {
float: left;
clear: both;
}
.piranya-user-login-view > :not(:last-child) {
margin-bottom: 10px;
}
.piranya-user-login-view-remember-container {
width: 100%;
}
.piranya-user-login-view-action-container a {
clear: both;
float: left;
}
.piranya-user-login-view .forgot-password {
font-size: .9em;
margin-bottom: 10px;
float: left;
clear: both;
}
.piranya-user-login-view .forgot-password:hover {
text-decoration: underline;
}
.piranya-btn-login-wrapper {
width: 100%;
}
.piranya-btn-login-wrapper > input {
float: left;
}
.piranya-user-login-view-login, .piranya-user-login-view-guest {
display: block;
}
@media only screen and (max-width: 979px) {
.piranya-user-login-view-seperator {
display: none;
}
.piranya-view-users-login .piranya-view-content .piranya-grid .piranya-col {
width: 100%;
}
.piranya-user-login-view-inner-container {
float: left;
}
}
/* piranya/files */
.p-files.browser .items-wrapper {
display: flex;
flex-direction: column;
margin-top: 20px;
width: 100%; }
.p-files.browser .items-wrapper > h2 {
margin-bottom: 10px; }
.p-files.browser .items-wrapper > .items {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.p-files.browser .items-wrapper > .items > .item {
align-items: stretch;
border: 1px solid #666666;
border-radius: 20px;
display: flex;
flex-direction: column;
padding: 20px;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out; }
.p-files.browser .items-wrapper > .items > .item:hover {
border-color: #d6c2c2; }
.p-files.browser .items-wrapper > .items > .item > .actions {
margin-top: 10px;
display: flex;
flex-direction: row; }
.p-files.browser .items-wrapper > .items > .item > .actions i.icon {
font-size: 0.875em; }
.p-files.browser .items-wrapper > .items > .item > .description {
margin-top: 10px; }
.p-files.browser .items-wrapper > .items > .item > .large-icon {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
margin-bottom: 10px; }
.p-files.browser .items-wrapper > .items > .item > .large-icon.preview {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 0;
padding-top: 100%; }
.p-files.browser .items-wrapper > .items > .item > .large-icon.preview > i {
display: none; }
.p-files.browser .items-wrapper > .items > .item > .large-icon > i {
font-size: 150px; }
.p-files.browser .items-wrapper > .items > .item > .icon-with-title {
align-items: center;
display: flex;
flex-direction: row;
width: 100%; }
.p-files.browser .items-wrapper > .items > .item > .icon-with-title > i {
flex: 0 1;
margin-right: 0.63em; }
.p-files.browser .items-wrapper > .items > .item > .icon-with-title > p {
font-size: 0.9em; }
/* piranya/marketing */
.p-marketing.wrapper[data-handler="Popup.SingleMessage"] {
display: none; }
@media (min-width: 1250px) {
div.dialog.p-marketing {
max-width: 1200px; } }
.dialog.p-marketing {
align-items: center;
display: flex;
flex-direction: column;
max-width: 100%;
position: relative;
width: 100%; }
.dialog.p-marketing > .description,
.dialog.p-marketing > .teaser {
margin: 0;
padding: 0;
text-align: center;
width: 100%; }
.dialog.p-marketing > .description > p,
.dialog.p-marketing > .teaser > p {
margin: 0;
padding: 0;
text-align: inherit; }
.dialog.p-marketing > .description + .image,
.dialog.p-marketing > .teaser + .image {
margin-top: 20px; }
.dialog.p-marketing > .title {
font-size: 3em;
margin: 0;
padding: 0;
text-align: center;
width: 100%; }
.dialog.p-marketing > .title + div:last-child,
.dialog.p-marketing > .title + .image,
.dialog.p-marketing > .title + .teaser {
margin-top: 20px; }
.dialog.p-marketing a.image {
display: block;
width: 100%; }
.dialog.p-marketing > img,
.dialog.p-marketing > picture,
.dialog.p-marketing > picture > img,
.dialog.p-marketing a.image > img,
.dialog.p-marketing a.image > picture,
.dialog.p-marketing a.image > picture > img {
width: 100%; }
.dialog.p-marketing > .image + .description {
margin-top: 20px; }
.dialog.p-marketing > a.piranya-btn {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%); }
@media screen and (max-width: 768px) {
.dialog.p-marketing > .title {
font-size: 1.5em; } }
.dialog.p-marketing.has-textual-container > .textual-content {
display: flex;
flex-direction: column; }
.dialog.p-marketing.has-textual-container > .textual-content > .title {
font-size: 2em; }
.dialog.p-marketing.has-textual-container > .textual-content > a.link {
margin-top: 20px; }
@media screen and (max-width: 768px) {
.dialog.p-marketing.has-textual-container > .textual-content > .title {
font-size: 1.5em; } }
.dialog.p-marketing.has-textual-container.has-image {
display: flex; }
@media screen and (max-width: 768px) {
.dialog.p-marketing.has-textual-container.has-image {
flex-direction: column; }
.dialog.p-marketing.has-textual-container.has-image > .image {
margin-top: 20px; } }
@media not screen and (max-width: 768px) {
.dialog.p-marketing.has-textual-container.has-image {
align-items: center;
flex-direction: row; }
.dialog.p-marketing.has-textual-container.has-image > .image {
margin-right: 20px;
order: -1; } }
.p-marketing[data-handler="Swiper.Slide"] {
position: relative; }
a.p-marketing[data-handler="Swiper.Slide"] {
display: block; }
.p-marketing.swiper-slide {
max-width: 100%; }
.p-marketing.swiper-slide > a.image {
display: flex;
width: 100%; }
.p-marketing.swiper-slide > a.image > img,
.p-marketing.swiper-slide > a.image > picture,
.p-marketing.swiper-slide > a.image > picture > img {
width: 100%; }
.p-marketing.swiper-slide > picture.image,
.p-marketing.swiper-slide > picture.image > img {
width: 100%; }
.p-marketing > .eyecatcher {
background: black;
clip-path: polygon(1em 0%, 100% 0%, 100% 100%, 1em 100%, 0% 50%);
padding: 0.5em 0.5em 0.5em 1.3em;
position: absolute;
right: 0;
top: 40px;
text-align: center;
z-index: 10; }
.p-marketing > .eyecatcher p {
color: white;
line-height: 1em; }
/* piranya/grid-responsive */
.piranya-grid
{
width: 100%;
}
.piranya-grid > .p-layout-container {
min-height: 1px;
}
.piranya-section {
clear: both;
padding: 0px;
margin: 0px;
}
.piranya-group:before,
.piranya-group:after {
content: "";
display: table;
}
.piranya-group:after {
clear: both;
}
.piranya-group {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.piranya-col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
}
.piranya-col:first-child {
margin-left: 0;
}
.piranya-col.align {
text-align: center;
}
.piranya-col > .align {
margin: 0 auto;
float: none;
text-align: initial;
}
/* all browsers except IE6 and lower */
/*Grid*/
/* GRID OF ONE ============================================================================= */
.span_1_of_1 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* GRID OF TWO ============================================================================= */
.span_2_of_2 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_1_of_2 {
width: 49.2%;
}
/* GRID OF THREE ============================================================================= */
.span_3_of_3 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_2_of_3 {
width: 66.1333333333333%;
}
.span_1_of_3 {
width: 32.2666666666667%;
}
/* GRID OF FOUR ============================================================================= */
.span_4_of_4 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_3_of_4 {
width: 74.6%;
}
.span_2_of_4 {
width: 49.2%;
}
.span_1_of_4 {
width: 23.8%;
}
/* GRID OF FIVE ============================================================================= */
.span_5_of_5 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_4_of_5 {
width: 79.68%;
}
.span_3_of_5 {
width: 59.36%;
}
.span_2_of_5 {
width: 39.04%;
}
.span_1_of_5 {
width: 18.72%;
}
/* GRID OF SIX ============================================================================= */
.span_6_of_6 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_5_of_6 {
width: 83.0666666666667%;
}
.span_4_of_6 {
width: 66.13333333333333%;
}
.span_3_of_6 {
width: 49.2%;
}
.span_2_of_6 {
width: 32.2666666666667%;
}
.span_1_of_6 {
width: 15.3333333333333%;
}
/* GRID OF SEVEN ============================================================================= */
.span_7_of_7 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_6_of_7 {
width: 85.4857142857143%;
}
.span_5_of_7 {
width: 70.9714285714286%;
}
.span_4_of_7 {
width: 56.4571428571429%;
}
.span_3_of_7 {
width: 41.9428571428572%;
}
.span_2_of_7 {
width: 27.4285714285714%;
}
.span_1_of_7 {
width: 12.9142857142857%;
}
/* GRID OF EIGHT ============================================================================= */
.span_8_of_8 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_7_of_8 {
width: 87.3%;
}
.span_6_of_8 {
width: 74.6%;
}
.span_5_of_8 {
width: 61.9%;
}
.span_4_of_8 {
width: 49.2%;
}
.span_3_of_8 {
width: 36.5%;
}
.span_2_of_8 {
width: 23.8%;
}
.span_1_of_8 {
width: 11.1%;
}
/* GRID OF NINE ============================================================================= */
.span_9_of_9 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_8_of_9 {
width: 88.7111111111111%;
}
.span_7_of_9 {
width: 77.4222222222222%;
}
.span_6_of_9 {
width: 66.1333333333333%;
}
.span_5_of_9 {
width: 54.8444444444444%;
}
.span_4_of_9 {
width: 43.5555555555556%;
}
.span_3_of_9 {
width: 32.2666666666667%;
}
.span_2_of_9 {
width: 20.9777777777778%;
}
.span_1_of_9 {
width: 9.68888888888889%;
}
/* GRID OF TEN ============================================================================= */
.span_10_of_10 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_9_of_10 {
width: 89.84%;
}
.span_8_of_10 {
width: 79.68%;
}
.span_7_of_10 {
width: 69.52%;
}
.span_6_of_10 {
width: 59.36%;
}
.span_5_of_10 {
width: 49.2%;
}
.span_4_of_10 {
width: 39.04%;
}
.span_3_of_10 {
width: 28.88%;
}
.span_2_of_10 {
width: 18.72%;
}
.span_1_of_10 {
width: 8.56%;
}
/* GRID OF ELEVEN ============================================================================= */
.span_11_of_11 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_10_of_11 {
width: 90.7636363636364%;
}
.span_9_of_11 {
width: 81.5272727272727%;
}
.span_8_of_11 {
width: 72.2909090909091%;
}
.span_7_of_11 {
width: 63.0545454545455%;
}
.span_6_of_11 {
width: 53.8181818181818%;
}
.span_5_of_11 {
width: 44.5818181818182%;
}
.span_4_of_11 {
width: 35.3454545454545%;
}
.span_3_of_11 {
width: 26.1090909090909%;
}
.span_2_of_11 {
width: 16.8727272727273%;
}
.span_1_of_11 {
width: 7.63636363636364%;
}
/* GRID OF TWELVE ============================================================================= */
.span_12_of_12 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.span_11_of_12 {
width: 91.5333333333333%;
}
.span_10_of_12 {
width: 83.0666666666667%;
}
.span_9_of_12 {
width: 74.6%;
}
.span_8_of_12 {
width: 66.1333333333333%;
}
.span_7_of_12 {
width: 57.6666666666667%;
}
.span_6_of_12 {
width: 49.2%;
}
.span_5_of_12 {
width: 40.7333333333333%;
}
.span_4_of_12 {
width: 32.2666666666667%;
}
.span_3_of_12 {
width: 23.8%;
}
.span_2_of_12 {
width: 15.3333333333333%;
}
.span_1_of_12 {
width: 6.86666666666667%;
}
.span_1_of_1 > .align, .span_2_of_2 > .align, .span_3_of_3 > .align, .span_4_of_4 > .align, .span_5_of_5 > .align, .span_6_of_6 > .align, .span_7_of_7 > .align,
.span_8_of_8 > .align, .span_9_of_9 > .align, .span_10_of_10 > .align, .span_11_of_11 > .align, .span_12_of_12 > .align {
margin: 0;
float: left;
clear: both;
}
@media (min-width: 1200px) {
.span_1_of_2:nth-child(-n+2), .span_1_of_3:nth-child(-n+3), .span_1_of_4:nth-child(-n+4),
.span_1_of_5:nth-child(-n+5), .span_1_of_6:nth-child(-n+6), .span_1_of_7:nth-child(-n+7), .span_1_of_8:nth-child(-n+8),
.span_1_of_9:nth-child(-n+9), .span_1_of_10:nth-child(-n+10), .span_1_of_11:nth-child(-n+11), .span_1_of_12:nth-child(-n+12) {
margin-top: 0;
}
.span_1_of_2:nth-last-child(-n+2), .span_1_of_3:nth-last-child(-n+3), .span_1_of_4:nth-last-child(-n+4),
.span_1_of_5:nth-last-child(-n+5), .span_1_of_6:nth-last-child(-n+6), .span_1_of_7:nth-last-child(-n+7), .span_1_of_8:nth-last-child(-n+8),
.span_1_of_9:nth-last-child(-n+9), .span_1_of_10:nth-last-child(-n+10), .span_1_of_11:nth-last-child(-n+11), .span_1_of_12:nth-last-child(-n+12) {
margin-bottom: 0;
}
.span_1_of_2:nth-child(2n+1), .span_1_of_3:nth-child(3n+1), .span_1_of_4:nth-child(4n+1),
.span_1_of_5:nth-child(5n+1), .span_1_of_6:nth-child(6n+1), .span_1_of_7:nth-child(7n+1), .span_1_of_8:nth-child(8n+1),
.span_1_of_9:nth-child(9n+1), .span_1_of_10:nth-child(10n+1), .span_1_of_11:nth-child(11n+1), .span_1_of_12:nth-child(12n+1) {
clear: both;
margin-left: 0;
}
.span_1_of_2:nth-child(2n+1) > .align, .span_1_of_3:nth-child(3n+1) > .align, .span_1_of_4:nth-child(4n+1) > .align,
.span_1_of_5:nth-child(5n+1) > .align, .span_1_of_6:nth-child(6n+1) > .align, .span_1_of_7:nth-child(7n+1) > .align, .span_1_of_8:nth-child(8n+1) > .align,
.span_1_of_9:nth-child(9n+1) > .align, .span_1_of_10:nth-child(10n+1) > .align, .span_1_of_11:nth-child(11n+1) > .align, .span_1_of_12:nth-child(12n+1) > .align {
margin: 0;
float: left;
}
.span_1_of_2:nth-child(2n) > .align, .span_1_of_3:nth-child(3n) > .align, .span_1_of_4:nth-child(4n) > .align,
.span_1_of_5:nth-child(5n) > .align, .span_1_of_6:nth-child(6n) > .align, .span_1_of_7:nth-child(7n) > .align, .span_1_of_8:nth-child(8n) > .align,
.span_1_of_9:nth-child(9n) > .align, .span_1_of_10:nth-child(10n) > .align, .span_1_of_11:nth-child(11n) > .align, .span_1_of_12:nth-child(12n) > .align {
margin: 0;
float: right;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 481px) and (max-width: 1200px) {
.span_1_of_2 {
width: 100%;
}
.span_1_of_2 {
margin: 1% 0 1% 0%;
}
.span_1_of_3, .span_1_of_4, .span_1_of_5, .span_1_of_6, .span_1_of_7, .span_1_of_8, .span_1_of_9, .span_1_of_10, .span_1_of_11, .span_1_of_12 {
width: 49.2%;
}
.span_1_of_3:nth-child(-n+2), .span_1_of_4:nth-child(-n+2), .span_1_of_5:nth-child(-n+2),
.span_1_of_6:nth-child(-n+2), .span_1_of_7:nth-child(-n+2), .span_1_of_8:nth-child(-n+2),
.span_1_of_9:nth-child(-n+2), .span_1_of_10:nth-child(-n+2), .span_1_of_11:nth-child(-n+2), .span_1_of_12:nth-child(-n+2) {
margin-top: 0;
}
.span_1_of_3:nth-last-child(-n+2), .span_1_of_4:nth-last-child(-n+2), .span_1_of_5:nth-last-child(-n+2),
.span_1_of_6:nth-last-child(-n+2), .span_1_of_7:nth-last-child(-n+2), .span_1_of_8:nth-last-child(-n+2),
.span_1_of_9:nth-last-child(-n+2), .span_1_of_10:nth-last-child(-n+2), .span_1_of_11:nth-last-child(-n+2), .span_1_of_12:nth-last-child(-n+2) {
margin-bottom: 0;
}
.span_1_of_3:nth-child(2n+1), .span_1_of_4:nth-child(2n+1), .span_1_of_5:nth-child(2n+1),
.span_1_of_6:nth-child(2n+1), .span_1_of_7:nth-child(2n+1), .span_1_of_8:nth-child(2n+1),
.span_1_of_9:nth-child(2n+1), .span_1_of_10:nth-child(2n+1), .span_1_of_11:nth-child(2n+1), .span_1_of_12:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.span_1_of_2 > .align, .span_1_of_3:nth-child(2n+1) > .align, .span_1_of_4:nth-child(2n+1) > .align,
.span_1_of_5:nth-child(2n+1) > .align, .span_1_of_6:nth-child(2n+1) > .align, .span_1_of_7:nth-child(2n+1) > .align, .span_1_of_8:nth-child(2n+1) > .align,
.span_1_of_9:nth-child(2n+1) > .align, .span_1_of_10:nth-child(2n+1) > .align, .span_1_of_11:nth-child(2n+1) > .align, .span_1_of_12:nth-child(2n+1) > .align {
margin: 0;
float: left;
}
.span_1_of_3:nth-child(2n) > .align, .span_1_of_4:nth-child(2n) > .align,
.span_1_of_5:nth-child(2n) > .align, .span_1_of_6:nth-child(2n) > .align, .span_1_of_7:nth-child(2n) > .align, .span_1_of_8:nth-child(2n) > .align,
.span_1_of_9:nth-child(2n) > .align, .span_1_of_10:nth-child(2n) > .align, .span_1_of_11:nth-child(2n) > .align, .span_1_of_12:nth-child(2n) > .align {
margin: 0;
float: right;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 {
width: 100%;
}
.span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_1, .span_1_of_11 {
width: 100%;
}
.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10 {
width: 100%;
}
.span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9 {
width: 100%;
}
.span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8 {
width: 100%;
}
.span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7 {
width: 100%;
}
.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 {
width: 100%;
}
.span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 {
width: 100%;
}
.span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 {
width: 100%;
}
.span_3_of_3, .span_2_of_3, .span_1_of_3 {
width: 100%;
}
.span_2_of_2, .span_1_of_2 {
width: 100%;
}
.piranya-col {
margin: 1% 0 1% 0%;
}
.piranya-col:first-child {
margin-top: 0;
}
.piranya-col:last-child {
margin-bottom: 0;
}
.piranya-col.align > .align {
margin: 0;
float: left;
}
}
.piranya-grid[data-positioned="true"] {
align-items: stretch;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
@supports (display: grid) {
.piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]):not([data-positioned="true"]) {
display: grid;
grid-gap: 15px;
}
.piranya-grid[data-column-count="1"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.piranya-grid[data-column-count="2"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(2, 1fr);
}
.piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(3, 1fr);
}
.piranya-grid[data-column-count="4"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(4, 1fr);
}
.piranya-grid[data-column-count="5"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(5, 1fr);
}
.piranya-grid[data-column-count="6"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(6, 1fr);
}
.piranya-grid[data-column-count="7"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(7, 1fr);
}
.piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]) > .piranya-col {
width: 100%;
margin: 0;
}
@media only screen and (max-width: 1200px) {
.piranya-grid[data-column-count="2"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
.piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(2, 1fr);
}
.piranya-grid[data-column-count="4"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(3, 1fr);
}
.piranya-grid[data-column-count="5"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(4, 1fr);
}
.piranya-grid[data-column-count="6"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(5, 1fr);
}
.piranya-grid[data-column-count="7"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(6, 1fr);
}
}
@media only screen and (max-width: 480px) {
.piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: 1fr;
grid-auto-rows: auto;
}
}
}
/* piranya/shop */
.piranya-must-be-filled {
color: red;
width: 10px;
float: left;
margin-left: 5px; }
.piranya-shop p.price {
white-space: nowrap; }
.piranya-shop p.price.before,
.piranya-shop p.price.before > span {
text-decoration: line-through; }
.piranya-shop p.price > .value > .currency.code {
margin-right: 0.2em; }
.piranya-shop p.price > .value > .currency.suffix {
margin-left: 0.2em; }
.piranya-shop p.price > .value > .sign {
margin-right: 0.2em; }
/*Piranya shop tables*/
.piranya-first-row {
text-align: left; }
.piranya-shop-order-items-container > table th > p,
.piranya-shop-order-items-container > table td > p,
#piranya-shopping-cart-table th > p,
#piranya-shopping-cart-table td > p {
float: left;
width: 100%; }
.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column {
width: 80%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 10%;
text-align: center; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
width: 10%;
text-align: center; }
@media (min-width: 768px) and (max-width: 1024px) {
.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column {
width: 60%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 20%; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
width: 20%; } }
@media (max-width: 767px) {
.piranya-shop-order-items-container > table .piranya-first-column,
#piranya-shopping-cart-table .piranya-first-column {
width: 50%; }
.piranya-shop-order-items-container > table .piranya-intermediate-column,
#piranya-shopping-cart-table .piranya-intermediate-column {
width: 25%; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
width: 25%; } }
.piranya-shop-order-items-container > table,
#piranya-shopping-cart-table {
border: 1px solid white;
width: 100%; }
.piranya-shop-order-items-container > table th,
#piranya-shopping-cart-table th {
border-bottom: 1px solid white;
border-right: 1px solid white; }
.piranya-shop-order-items-container > table td,
#piranya-shopping-cart-table td {
border-right: 1px solid white;
border-bottom: 1px solid white;
vertical-align: middle; }
.piranya-shop-order-items-container > table .piranya-last-column,
#piranya-shopping-cart-table .piranya-last-column {
border-right: none; }
.piranya-shop-order-items-container > table tr.piranya-last-row td,
#piranya-shopping-cart-table tr.piranya-last-row td {
border-bottom: none; }
/*Piranya cart and order details*/
.piranya-cart-wrapper {
width: 100%; }
.piranya-shopping-cart-container {
width: 100%; }
.piranya-product-cart-image {
float: left;
margin-right: 10px; }
.piranya-shop-product-stock-wrapper {
clear: both; }
.piranya-shop-product-stock-wrapper > .label {
display: none; }
.piranya-shop-product-stock-wrapper > .value.negative {
color: red; }
#piranya-shopping-cart-table td, table#piranya-shopping-cart-table th {
padding: 10px; }
#piranya-shopping-cart-table tr.exchange-rate > td {
font-size: 0.8em;
text-align: right; }
#piranya-shopping-cart-table tr.vat > td[colspan="2"]:first-child > p,
#piranya-shopping-cart-table tr.total > td[colspan="2"]:first-child > p,
#piranya-shopping-cart-table tr.order-total > td[colspan="2"]:first-child > p,
#piranya-shopping-cart-table tr.payment-total > td[colspan="2"]:first-child > h3 {
text-align: right; }
.piranya-shopping-cart-container .piranya-cart-product.piranya-first-column p {
font-size: 0.8em; }
.piranya-shopping-cart-container .piranya-cart-product .variant {
width: 100%;
display: block; }
.piranya-shopping-cart-container .piranya-cart-product input.count,
.piranya-shopping-cart-container .piranya-cart-product input.update,
.piranya-shopping-cart-container .piranya-cart-product a.remove {
float: left;
background-size: contain;
font-size: 1em;
width: 100%;
padding: 5%;
box-sizing: border-box;
text-align: center;
word-wrap: break-word; }
.piranya-cart-product input.update {
margin: 10px 0; }
.piranya-btn-to-checkout {
float: right;
margin-top: 10px;
font-size: 1.4em; }
#piranya-shopping-cart-table .piranya-first-row .piranya-first-column p {
text-align: left; }
.piranya-product-quantity {
width: 100%;
text-align: center; }
.piranya-view-shop-cart .piranya-btn-redeem-code,
.piranya-view-shop-checkout-confirm .piranya-btn-redeem-code {
float: left;
margin-top: 10px; }
.piranya-view-shop-cart > .piranya-view-content > div[data-view-name="Shop.Checkout.Basket"] {
width: 100%; }
.piranya-view-shop-cart > .piranya-view-content > .piranya-btn {
float: left;
margin-top: 20px; }
.piranya-view-shop-cart > .piranya-view-content > .piranya-btn.to-checkout {
float: right; }
.piranya-shop .cart .totals p,
.piranya-shop form.add-to-basket .totals p {
width: 100%;
background-color: #ececec;
float: left;
margin-top: 1.25em;
padding: 1.25em;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 1em; }
.piranya-shop .cart .value,
.piranya-shop form.add-to-basket .value {
float: right; }
/*End cart*/
.piranya-shop-cart__confirmation-fields,
.piranya-shop-checkout__confirmation-fields {
display: flex;
flex-direction: column; }
.piranya-shop-cart__confirmation-fields .item-notices img, .piranya-shop-cart__confirmation-fields .item-notices video,
.piranya-shop-checkout__confirmation-fields .item-notices img,
.piranya-shop-checkout__confirmation-fields .item-notices video {
max-width: 100%; }
/* Checkout login */
.piranya-view.piranya-view-shop-checkoutlogin {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.piranya-view.piranya-view-shop-checkoutlogin .piranya-shop.checkoutlogin {
max-width: 500px;
background: white;
box-sizing: border-box;
padding: 20px;
display: inline-block; }
@media (min-width: 980px) {
.piranya-view.piranya-view-shop-checkoutlogin .piranya-shop.checkoutlogin > .piranya-grid {
display: flex;
flex-direction: row; } }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper {
position: relative;
/*padding-bottom: 50px;*/ }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-header {
margin-bottom: 40px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-content:not(:last-child) {
margin-bottom: 40px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper > .step-content > .description-text {
margin-bottom: 10px; }
.piranya-view.piranya-view-shop-checkoutlogin .step-wrapper .piranya-btn {
width: 100%; }
.piranya-view.piranya-view-shop-checkoutlogin .piranya-social-media-login-wrapper,
.piranya-view.piranya-view-shop-checkoutlogin .facebook.piranya-login-provider,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-facebook-link,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-platform-login,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-login-provider,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-user-login-view,
.piranya-view.piranya-view-shop-checkoutlogin .piranya-user-login-view-inner-container {
margin-left: 0;
margin-right: 0;
width: 100%; }
.piranya-view.piranya-view-shop-checkoutlogin a.piranya-facebook-link {
display: block;
margin: 5px 0 5px 0; }
.piranya-view.piranya-view-shop-checkoutlogin .reason {
color: orange;
margin-bottom: 10px;
font-size: 0.8em; }
.piranya-shop-checkout-data-address,
.piranya-shop-checkout-data-address > .invoicing,
.piranya-shop-checkout-data-address > .delivery,
.piranya-shop-checkout-data-profile {
width: 100%; }
.piranya-shop-checkout-data-address-invoicingaddress {
margin-bottom: 10px; }
.piranya-shop-checkout-data-profile-delivery {
display: none; }
.piranya-shop-checkout-data-address > .p-checkbox.show-delivery:not(.selected) {
margin-bottom: 0; }
/*User details*/
.piranya-view-shop-checkoutdata .piranya-shop-checkout-data-profile, .piranya-view-shop-checkoutdata .piranya-shop-checkout-data-address {
width: 50%; }
.piranya-btn-to-checkout-confirm-wrapper {
width: 100%; }
.piranya-btn-to-checkout-confirm {
float: right; }
.piranya-shop-checkout-data-profile > h3, .piranya-shop-checkout-data-address > h3 {
margin: 20px 0 10px 0; }
/*User details end*/
/*Piranya product browser*/
.piranya-shop-product-list,
.piranya-filter-wrapper {
width: 100%; }
.piranya-shop.browser.products:not(.has-campaign) > .piranya-view-headline,
.piranya-shop.browser.products .piranya-filter-wrapper {
display: none; }
.piranya-filter-wrapper > form {
float: left;
width: 100%;
height: 100%; }
.piranya-filter-wrapper p {
float: left; }
.piranya-pagination input {
background: none;
color: black;
padding: 0; }
/*Product wrapper*/
.piranya-shop-product-list .piranya-shop-product-wrapper {
text-align: center;
min-height: 400px;
position: relative;
width: 100%; }
.piranya-shop-product-wrapper-image, .piranya-shop-product-wrapper-details {
width: 100%;
position: absolute; }
.piranya-shop-product-wrapper-image {
height: 100%;
width: 100%;
top: 0px;
left: 0px;
z-index: 1; }
.piranya-shop-product-wrapper-details {
bottom: 20px;
z-index: 2; }
.piranya-shop-product-wrapper p, .piranya-shop-product-wrapper div {
position: absolute;
width: 100%;
z-index: 2; }
.piranya-shop-product-wrapper img {
display: table-cell;
vertical-align: middle; }
.piranya-shop-product-wrapper a {
width: 100%;
float: left;
z-index: 2; }
.piranya-shop.product .sticker {
border-radius: 100%;
display: flex;
flex-direction: row;
font-size: 1em;
position: absolute;
padding: 0.625em;
text-align: center;
right: 10px;
top: 10px; }
.piranya-shop.product .sticker > .content {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center; }
.piranya-shop.product .sticker .header {
font-size: 0.9em; }
.piranya-shop.product .sticker .header + .value {
font-size: 1.33em; }
.piranya-shop.product .sticker:after {
content: "";
display: block;
padding-top: 100%; }
.piranya-shop.product .sticker.price-reduction {
background-color: #f9da52;
color: black;
padding: 1.31em; }
.piranya-shop.product .sticker.sold-out {
background-color: #d0131e;
color: white; }
.piranya-shop .product .eyecatcher,
.piranya-shop.product .eyecatcher {
background: black;
clip-path: polygon(1em 0%, 100% 0%, 100% 100%, 1em 100%, 0% 50%);
padding: 0.5em 0.5em 0.5em 1.3em;
position: absolute;
right: 0;
top: 40px;
text-align: center;
z-index: 10; }
.piranya-shop .product .eyecatcher p,
.piranya-shop.product .eyecatcher p {
color: white;
line-height: 1em; }
.piranya-shop .product .eyecatcher p.price > .header,
.piranya-shop.product .eyecatcher p.price > .header {
margin-right: 0.3em; }
/* Grouped products */
.piranya-shop.product .add-to-basket div.go-to-checkout {
align-self: flex-end;
margin-top: auto;
margin-bottom: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
transition: background-color 0.6s ease; }
.piranya-shop.product .add-to-basket div.go-to-checkout > * {
display: block;
margin: 0; }
.piranya-shop.product .add-to-basket div.go-to-checkout > *:not(:empty) {
width: auto;
display: flex;
align-items: center;
margin-right: 20px; }
.piranya-shop.product .add-to-basket div.go-to-checkout > .piranya-shop-product-price {
margin-left: auto; }
.piranya-shop.product .add-to-basket div.go-to-checkout > .add-to-cart-wrapper {
margin-right: 0; }
.piranya-shop.product .add-to-basket div.go-to-checkout .piranya-btn {
margin: 0; }
.piranya-shop.product .add-to-basket div.go-to-checkout .piranya-btn > p {
white-space: nowrap; }
.piranya-shop.product .add-to-basket div.go-to-checkout > .price-wrapper > .price > .header {
margin-right: 0.2em; }
.piranya-shop.product .add-to-basket div.go-to-checkout > .price-wrapper > .vat {
float: left;
font-size: 0.9em;
text-align: right;
width: 100%; }
.piranya-shop.product .add-to-basket > div.go-to-checkout {
padding: 20px;
position: sticky;
position: -webkit-sticky;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background-color: #f2dede;
border: 1px solid #ebccd1; }
.piranya-shop.product .add-to-basket > div.go-to-checkout.negative > p {
color: #a94442; }
.piranya-shop.product .add-to-basket .choices:not(.selected-any) ~ div.go-to-checkout {
display: none; }
/* end of Grouped products */
/* Product children (legacy) */
.piranya-shop.product .add-to-basket .children {
background: none;
padding: 0;
width: 100%;
box-sizing: border-box; }
.piranya-shop.product .add-to-basket .children > .product {
padding: 10px;
box-sizing: border-box;
width: 100%;
margin-bottom: 20px;
transition: background-color 0.6s ease; }
.piranya-shop.product .add-to-basket .children > .product > .text:first-child {
padding-left: 10px; }
.piranya-shop.product .add-to-basket .children > .product.has-amount > div.price-wrapper {
margin-left: auto;
padding: 20px 10px; }
.piranya-shop.product .add-to-basket .children > .product.in-cart {
background-color: rgba(128, 185, 62, 0.4); }
.piranya-shop.product .add-to-basket .children .price {
margin-right: 10px; }
.piranya-shop.product .add-to-basket .children .price > .header {
display: none; }
.piranya-shop.product .add-to-basket .children .price > .value > .currency {
padding-right: 5px; }
@media screen and (max-width: 480px) {
.piranya-shop.product .add-to-basket .children > .product {
flex-direction: column;
align-items: stretch; }
.piranya-shop.product .add-to-basket .children > .product.has-amount > div.price-wrapper {
padding: 10px;
justify-content: space-between;
margin-left: 0; } }
/* end of product children (legacy) */
.piranya-shop-product-wrapper a.piranya-btn {
width: auto;
float: none;
margin: 0px auto; }
.piranya-shop-product-wrapper-title {
top: 20px;
font-size: 1em; }
.piranya-pagination {
float: right;
height: 30px; }
.piranya-pagination > p {
margin-right: 5px; }
.piranya-filter-container {
margin-right: 5px; }
.piranya-filter-container > p {
margin-right: 5px; }
.piranya-pagination button, .piranya-pagination input {
display: block;
float: left; }
.piranya-page-nav-btn-next {
margin-left: 5px; }
.piranya-page-nav-btn-prev {
margin-right: 5px; }
/* Rebates */
.piranya-shop-redeem .piranya-btn-redeem-code {
transition: opacity 0.6s ease-in-out; }
/*Checkout confirm*/
.piranya-view-shop-checkout-confirm .rebate.wrapper {
margin-top: 10px; }
.piranya-view-shop-checkout-confirm .piranya-cart-container {
width: 100%; }
.piranya-shop-btn-confirm-wrapper {
width: 100%; }
.piranya-shop-btn-confirm {
float: right; }
.piranya-cart-text {
margin-top: 20px; }
.piranya-shop-product-is-in-stock {
color: #3e9b4b; }
.piranya-shop-product-is-not-in-stock {
color: red; }
/* Department picker */
.department-wrapper,
.department-wrapper > div {
width: 100%; }
.department-wrapper select {
padding: 6px 5px;
margin: 0;
border-radius: 0; }
/* Department search */
.piranya-shop-departments.search {
width: 100%;
display: flex;
flex-direction: column;
align-items: center; }
.piranya-shop-departments.search > .results {
width: 100%; }
.piranya-shop-departments.search > .piranya-searchbox {
font-size: 2em;
margin: 20px auto; }
.piranya-shop-departments.grid {
width: 100%;
display: grid;
grid-auto-rows: 1fr;
grid-gap: 15px;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.piranya-shop-departments.grid .item,
.piranya-shop-departments.grid .item > .details,
.piranya-shop-departments.grid .item > .details > *,
.piranya-shop-departments.grid .item > .stock {
width: 100%;
float: left; }
.piranya-shop-departments.grid .item > .stock {
color: #208220; }
.piranya-shop-departments.grid .item > .stock.negative {
color: red; }
.piranya-shop-departments.grid .item > .stock,
.piranya-shop-departments.grid .item > button {
margin-top: 20px; }
/* Shipping */
.piranya-shop .shipping-methods-wrapper {
width: 100%; }
.piranya-shop .shipping-methods-wrapper li:not(.selected) span.address-missing {
display: none; }
.piranya-shop .shipping-methods-wrapper li.selected > .right.unavailable {
color: red; }
.piranya-shop .shipping-methods-wrapper .right span.price + span.duration {
display: none;
/* not enough space */ }
.piranya-shop .shipping-methods-wrapper .extra-fields,
.piranya-shop .shipping-methods-wrapper .extra-fields > * {
width: 100%; }
.piranya-shop .desired-delivery-time {
width: 100%; }
.piranya-shop .desired-delivery-time > p {
text-align: center; }
.piranya-shop .desired-delivery-time > p:first-child {
margin-bottom: 10px; }
.piranya-shop .desired-delivery-time li:only-child {
border: none;
padding: 0; }
.piranya-shop .desired-delivery-time li:only-child > .p-radio {
display: none; }
.piranya-shop .desired-delivery-time li:only-child > .content {
margin-top: 0; }
.piranya-shop-checkout-data-shippingmethod {
width: 100%; }
/* Shipping within the client cart */
.cart-wrapper .shipping-methods-wrapper li span.address-missing {
display: none; }
/* Radio boxes in shop */
.piranya-shop div.p-checkbox > input[type="checkbox"] + label:after {
border-color: #34b257; }
.piranya-shop div.p-radio > input[type="radio"] + label:after {
background: #34b257; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled):not(.unavailable),
.piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) {
border-color: #34b257; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled):not(.unavailable) > .right,
.piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) > .right {
color: #34b257; }
.piranya-shop ul.p-toggle-boxes > li.selected .choice > .unavailable,
.piranya-shop div.p-toggle-box.selected .choice > .unavailable {
color: #b23434; }
.piranya-shop .p-toggle-boxes.disabled {
cursor: initial; }
.piranya-shop .piranya-shop-checkout-data-paymentmethod .p-toggle-boxes > li > p.right,
.piranya-shop .piranya-shop-checkout-data-paymentmethod .p-toggle-boxes > li > div.right > p,
.piranya-shop .piranya-shop-checkout-data-shippingmethod .p-toggle-boxes > li > p.right,
.piranya-shop .piranya-shop-checkout-data-shippingmethod .p-toggle-boxes > li > div.right > p {
font-size: 0.8em;
text-align: right; }
/*One step checkout*/
.piranya-view-shop-checkout-confirm .step-content {
padding: 10px 0; }
.piranya-view-shop-checkout-confirm .step-header {
background-color: black;
padding: 10px; }
.piranya-view-shop-checkout-confirm .step-headline {
color: white; }
.step-wrapper {
width: 100%; }
.step-wrapper:not(:last-child):not(:empty) {
margin-bottom: 20px; }
.step-anchor {
width: 100%;
float: left; }
.step-header {
box-sizing: border-box;
width: 100%; }
.step-content {
box-sizing: border-box;
width: 100%; }
.step-content .piranya-txt,
.step-content .piranya-textarea,
.step-content .label-checkbox,
.step-content select {
width: 100%;
box-sizing: border-box;
float: left;
max-width: unset; }
.step-content .label-checkbox > input[type="checkbox"] {
margin-right: 5px; }
.step-content .piranya-btn {
float: left;
margin-top: 10px;
width: 100%;
box-sizing: border-box;
text-align: center; }
.step-content #piranya-shopping-cart-table .piranya-first-column {
width: 55%;
box-sizing: border-box; }
.step-content #piranya-shopping-cart-table .piranya-intermediate-column {
width: 15%;
text-align: center;
box-sizing: border-box; }
.step-content #piranya-shopping-cart-table .piranya-last-column {
width: 30%;
text-align: center;
box-sizing: border-box; }
.step-content #piranya-shopping-cart-table .piranya-product-cart-image {
display: none; }
.step-content > div[data-view-name="Shop.Checkout.Basket"],
.step-content > div[data-view-name="Shop.Checkout.PaymentMethods"],
.step-content > div[data-view-name="Shop.Department.Select"],
.step-content .shipping-method,
.step-content .piranya-shop-departments,
.step-content .piranya-shop-departments > select,
.step-content .piranya-shop-redeem {
width: 100%; }
.step-content > div[data-view-name="Shop.Checkout.Basket"] {
margin-bottom: 10px; }
.step-content > .item-notices {
width: 100%; }
.step-content > .item-notices > img {
width: 100%; }
.piranya-shop-cancel-order form {
align-items: center;
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop-cancel-order .actions {
display: flex;
flex-direction: row;
margin-top: 20px;
gap: 20px;
width: 100%; }
.piranya-shop-order-details > .piranya-view-headline,
.piranya-shop-order-details h2 {
text-align: left; }
.piranya-shop-order-details > .piranya-view-content {
display: flex;
flex-direction: column;
position: relative; }
.piranya-shop-order-details > .piranya-view-content > div:not(:first-child):not(.actions) {
margin-top: 20px; }
.piranya-shop-order-details > .piranya-view-content > .actions {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px; }
.piranya-shop-order-details > .piranya-view-content > .actions > form {
width: auto; }
.piranya-shop-order-details > .piranya-view-content > .items > table tr.total {
font-weight: bold; }
.piranya-shop-order-details > .piranya-view-content > .items > table th,
.piranya-shop-order-details > .piranya-view-content > .items > table td {
padding: 10px; }
.piranya-shop-order-details > .piranya-view-content > .items > table th:first-child,
.piranya-shop-order-details > .piranya-view-content > .items > table td:first-child {
text-align: left; }
.piranya-shop-order-details > .piranya-view-content > .items > table th:not(:first-child),
.piranya-shop-order-details > .piranya-view-content > .items > table td:not(:first-child) {
text-align: center; }
.piranya-shop-order-details > .piranya-view-content > .order__details .info {
margin-top: 1em; }
.piranya-shop-order-details > .piranya-view-content > .order__details .info > p {
filter: contrast(0.5); }
@media screen and (min-width: 980px) {
.piranya-shop-order-details > .piranya-view-content > .actions {
max-width: 60%;
position: absolute;
right: 0;
top: 0; } }
.piranya-view-shop-product-browser .piranya-view-content > .short-description {
margin-top: 20px;
width: 100%; }
.piranya-view-shop-product-browser .piranya-view-content > .empty + .short-description {
display: none; }
.piranya-view-shop-product-browser .item.product a.add-to-cart {
display: none; }
.piranya-shop .amount-picker {
display: flex;
flex-direction: row; }
.piranya-shop .amount-picker > * {
box-sizing: border-box;
padding: 0.547em 1em;
margin: 0;
font-size: 0.8em;
display: inline-block;
opacity: 1;
transition: opacity 0.4s ease; }
.piranya-shop .amount-picker > .disabled {
opacity: 0.4; }
.piranya-shop .amount-picker > input[type="number"] {
text-align: center;
flex-grow: 1;
margin: 0 10px;
-moz-appearance: textfield;
width: 100%; }
.piranya-shop .amount-picker > input[type="number"]::-webkit-outer-spin-button, .piranya-shop .amount-picker > input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.piranya-shop .amount-picker > .piranya-btn {
align-items: center;
display: flex;
flex: 0 1;
flex-direction: row;
justify-content: center; }
.piranya-shop .amount-picker > .value {
line-height: 1em; }
@media screen and (max-width: 480px) {
.piranya-shop .amount-picker > .piranya-btn {
width: auto; } }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > *,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .choices > * {
float: left;
clear: left;
width: 100%; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count,
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > button {
margin-top: 10px; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count > .amount-picker {
display: flex;
flex-direction: row;
width: 100%;
margin-top: 8px; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count > .amount-picker > * {
font-size: 1.2em; }
.piranya-shop.dialog.product.add-to-basket > .close {
cursor: pointer;
display: none;
/* not shown by default */
font-size: 2em;
padding: 0.1em 0.3em;
position: absolute;
right: -0.7em;
top: -0.7em; }
.piranya-shop.dialog.product.add-to-basket > .close:focus {
outline: 0; }
.piranya-shop.dialog.product.add-to-basket .images {
display: none;
width: 100%; }
.piranya-shop.dialog.product.add-to-basket .images .large {
align-items: center;
display: flex;
flex-direction: column; }
.piranya-shop.dialog.product.add-to-basket .images .large img {
max-height: calc(min(400px, 40vh)); }
.piranya-shop.dialog.product.add-to-basket .images .swiper-wrapper .swiper-slide {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
min-height: calc(min(400px, 40vh)); }
.piranya-shop.dialog.product.add-to-basket .totals > p {
padding: 0.6em; }
/* Orders (list) */
#piranya-shop-orders .items > p {
float: left; }
#piranya-shop-orders .items > p:not(:first-child) {
margin-top: 2em; }
#piranya-shop-orders .items .variant {
box-sizing: border-box;
float: left;
margin-top: 0.3em;
padding-left: 1em;
width: 100%; }
#piranya-shop-orders .placed-time {
display: none; }
/* Redeem */
.piranya.shop.ticket.redeem {
padding: 20px;
background-color: white;
box-sizing: border-box;
width: 100%;
max-width: 600px;
color: black;
text-align: center;
float: none;
margin: 0px auto; }
.piranya.shop.ticket.redeem > .info > .customer > .department-address > .label {
display: none; }
.piranya.shop.ticket.redeem > .info > .customer > .expected-delivery-time > p.label {
font-size: 0.8em; }
.piranya.shop.ticket.redeem > .info > .customer > .expected-delivery-time > p.value {
font-size: 1.4em; }
.piranya.shop.ticket.redeem > .info > .items {
align-items: stretch;
display: flex;
flex-direction: column; }
.piranya.shop.ticket.redeem > .info > .items div.item {
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.piranya.shop.ticket.redeem > .info > .items div.item.has-image > .summary {
margin-left: 1em;
text-align: left; }
.piranya.shop.ticket.redeem > .info > .items div.item > .summary {
flex: 1; }
.piranya.shop.ticket.redeem > .info > .items div.item > .children {
display: flex;
flex-basis: 100%;
flex-direction: column; }
.piranya.shop.ticket.redeem > * {
box-sizing: border-box;
width: 100%;
border: 1px solid #c6c6c6; }
.piranya.shop.ticket.redeem > .info {
border-bottom: none;
background-image: url("/content/v1.0.9216.170871/module/shop/images/ticket_top.png");
background-repeat: repeat-x;
display: flex;
flex-direction: column;
padding-top: 25px;
padding-bottom: 25px; }
.piranya.shop.ticket.redeem.request-claim > .info {
padding-bottom: 0;
font-size: 0.8em; }
.piranya.shop.ticket.redeem > .separator {
background-image: url("/content/v1.0.9216.170871/module/shop/images/ticket_separator.png");
background-size: 100% 54px;
height: 54px;
border: none; }
.piranya.shop.ticket.redeem > .redeem-wrapper {
border-top: none; }
.piranya.shop.ticket.redeem h3,
.piranya.shop.ticket.redeem h4,
.piranya.shop.ticket.redeem p {
color: black; }
.piranya.shop.ticket.redeem .not-paid > .status {
color: red; }
.piranya.shop.ticket.redeem a:not(.k-button) {
color: #8c8c8c; }
.piranya.shop.ticket.redeem > .info > * {
box-sizing: border-box;
clear: left;
margin-bottom: 1.2em;
width: 100%; }
.piranya.shop.ticket.redeem > .info > *:empty {
margin: 0; }
.piranya.shop.ticket.redeem > .info > .ticket-image {
padding: 0 20px;
box-sizing: border-box; }
.piranya.shop.ticket.redeem > .info > .rebates > .item {
width: 100%;
margin-bottom: 20px; }
.piranya.shop.ticket.redeem > .info > .rebates > .item > .guide {
margin-top: 10px; }
.piranya.shop.ticket.redeem > .info > .items > .item.claimed,
.piranya.shop.ticket.redeem > .info > .rebates > .item.claimed > p.code {
text-decoration: line-through; }
.piranya.shop.ticket.redeem > .info > .customer {
align-self: center;
max-width: 250px;
background-color: #c6c6c6;
margin-bottom: 0;
padding: 20px; }
.piranya.shop.ticket.redeem > .info > .customer > p > .separator {
padding-right: 0.25em; }
.piranya.shop.ticket.redeem.request-claim > .info > .customer {
padding: 5px; }
.piranya.shop.ticket.redeem > .info .expiry > .header {
font-size: 1.4em;
margin: 10px 0 3px 0;
display: inline-block; }
.piranya.shop.ticket.redeem > .info .expiry > .from > .label {
display: none; }
.piranya.shop.ticket.redeem > .info .expiry .day-period {
width: 100%;
display: inline-block;
margin: 2px 0 0 0; }
.piranya.shop.ticket.redeem > .info .expiry .day-period .label > :first-child > .from-day {
text-transform: capitalize; }
.piranya.shop.ticket.redeem > .info .expiry .separator {
display: none; }
.piranya.shop.ticket.redeem > .info .terms {
font-size: 1em;
margin-top: 10px;
float: initial; }
.piranya.shop.ticket.redeem > .info .terms p {
font-size: 0.8em; }
.piranya.shop.ticket.redeem.request-claim > .info .terms {
display: none; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message {
padding: 30px 0 50px 0; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message > p {
font-size: 2em; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message.negative > p {
color: red; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .message.positive > p {
color: #3e9b4b; }
.piranya.shop.ticket.redeem > .redeem-wrapper {
padding-top: 1px;
/* Minor work-around to avoid missing borders when the ticket has no products to claim */ }
.piranya.shop.ticket.redeem > .redeem-wrapper > form {
width: 98%;
text-align: left;
margin: 0 1% 0 1%; }
.piranya.shop.ticket.redeem > .redeem-wrapper > form > table {
width: 100%;
border-spacing: 0.8em;
text-align: center; }
.piranya.shop.ticket.redeem > .redeem-wrapper > form > table th:last-child,
.piranya.shop.ticket.redeem > .redeem-wrapper > form > table td:last-child {
text-align: left; }
.piranya.shop.ticket.redeem > .redeem-wrapper > form > table th > p {
font-weight: bold; }
.piranya.shop.ticket.redeem > .redeem-wrapper > form input.p-checkbox + label {
margin-left: calc(50% - 10px);
padding-left: 0; }
.piranya.shop.ticket.redeem > .redeem-wrapper > form > button[type="submit"] {
float: none;
margin: 20px auto;
display: block; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .redeem-code {
width: 256px;
margin: 0px auto;
float: none; }
.piranya.shop.ticket.redeem > .redeem-wrapper > .guide {
width: 100%;
text-transform: uppercase; }
/* End of redeem */
/* Event tickets */
.event-tickets {
width: 100%; }
.event-tickets > *,
.event-tickets > .event-ticket-product > * {
width: 100%;
float: left;
clear: left;
box-sizing: border-box; }
.event-tickets > button.add-to-cart {
margin-top: 10px; }
.event-tickets > .event-ticket-product > .choices {
margin-top: 10px; }
.event-tickets > .event-ticket-product > .choices > .header {
display: none; }
.event-tickets > .event-ticket-product > .price-wrapper {
display: none; }
.event-tickets > .event-ticket-product .variants {
width: 100%; }
.event-tickets .payment-methods-price-tags {
margin-top: 10px; }
/* End of event tickets */
/* Payment providers */
.piranya-shop-checkout-data-paymentmethod {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop-checkout-data-paymentmethod .payment-methods-price-tags {
margin-top: 10px; }
/* Payment price tags */
.piranya-shop .payment-methods-price-tags iframe {
float: left;
border: 0; }
/* Payment provider subscriptions */
.piranya-shop-payment-provider-subscriptions td {
text-align: center; }
.piranya-shop-payment-provider-subscriptions .piranya-btn {
float: left;
margin-right: 10px; }
/* End of payment provider subscriptions */
/* Subscriptions */
.piranya-shop-subscriptions td {
text-align: center; }
.piranya-shop-subscriptions .piranya-btn {
float: left;
margin-right: 10px; }
/* End of subscriptions */
/* Audit */
.piranya-shop-checkout-await-audit {
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center; }
.piranya-shop-checkout-await-audit > .department,
.piranya-shop-checkout-await-audit > .order-id,
.piranya-shop-checkout-await-audit > .order-number,
.piranya-shop-checkout-await-audit > .piranya-btn,
.piranya-shop-checkout-await-audit > .indicator {
margin: 20px auto 0 auto;
float: none;
margin-top: 20px;
display: inline-block; }
.piranya-shop-checkout-await-audit > .order-number + .order-id {
display: none; }
.piranya-shop-checkout-await-audit > .delivery-time:not(:empty) {
margin-top: 1em; }
.piranya-shop-checkout-await-audit > .delivery-time span.label {
font-size: 1.3em;
line-height: 1.5em; }
.piranya-shop-checkout-await-audit > .delivery-time span.value {
font-size: 3.5em;
line-height: initial;
margin-top: 0.28em;
display: block; }
.piranya-shop-checkout-await-audit > .department {
width: 100%; }
.piranya-shop-checkout-await-audit > .department > .title {
margin-top: 0; }
.piranya-shop-checkout-await-audit > .p-alert-box {
font-size: 0.9em;
justify-content: center;
width: auto; }
.piranya-shop-checkout-await-audit > .p-alert-box.time-differs {
display: none; }
/* Checkout success */
.piranya-shop-checkout-success-container {
position: relative; }
.piranya-shop-checkout-success-container > .piranya-view-content {
display: flex;
flex-direction: column; }
.piranya-shop-checkout-success-container > .piranya-view-content > .piranya-btn.return {
margin-top: 20px; }
.piranya-shop-checkout-success-container .actions {
position: absolute;
right: 0;
top: 0; }
.piranya-shop-checkout-success-container > h3,
.piranya-shop-checkout-success-container .audit-message {
margin-top: 20px; }
.piranya-shop-checkout-success-container .audit-message {
width: 100%;
margin-bottom: 20px; }
/* end of Checkout success */
/* piranya/shop */
.piranya-shop.product-acquisition {
box-sizing: border-box; }
.piranya-shop.product-acquisition .product {
background: white; }
.piranya-shop.product-acquisition .product .amount > * {
padding: 14px 20px;
box-sizing: border-box; }
.piranya-shop.product-acquisition .product .headline {
margin-bottom: 20px;
order: -1;
text-align: center;
width: 100%; }
.piranya-shop.product-acquisition .product .actions {
width: 100%;
display: flex;
justify-content: space-between;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
box-sizing: border-box;
border-top: 1px solid #eeeeee; }
.piranya-shop.product-acquisition .product .actions .piranya-btn {
width: auto; }
.piranya-shop.product-acquisition .product .actions .item-count {
display: flex;
justify-content: center;
align-items: center; }
.piranya-shop.product-acquisition .product .actions > .piranya-btn:first-of-type {
margin-left: auto;
margin-right: 10px;
background-color: #504f4f; }
.piranya-shop.product-acquisition .product .actions > .piranya-btn:first-of-type:hover {
background-color: #1d1c1c; }
@media screen and (min-width: 768px) {
.piranya-shop.product-acquisition.dialog {
width: 600px; }
.piranya-shop.product-acquisition .product .item-count {
margin-right: 10px; } }
@media screen and (max-width: 767px) {
.piranya-shop.product-acquisition.dialog {
width: calc(100% - 40px); }
.piranya-shop.product-acquisition .products.show-images .product {
padding: 20px; }
.piranya-shop.product-acquisition .product .actions {
align-items: center;
flex-direction: column; }
.piranya-shop.product-acquisition .product .actions > button.piranya-btn {
padding: 10px;
width: 100%; }
.piranya-shop.product-acquisition .product .actions > button.piranya-btn:first-of-type {
margin: 10px 0; } }
/* piranya/shop */
.piranya-shop-department-location-picker .search-header {
align-items: flex-end;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 10px 0px; }
.piranya-shop-department-location-picker .search-header > button {
position: relative;
margin-left: 10px; }
@media (max-width: 980px) {
.piranya-shop-department-location-picker .search-header > button {
margin-left: 0px;
width: 100%;
margin: 10px 0px; } }
.piranya-shop-department-location-picker div.piranya-searchbox input {
font-size: 14px;
padding: 12px;
display: inherit;
width: 150px;
margin: 0px; }
@media (max-width: 980px) {
.piranya-shop-department-location-picker div.piranya-searchbox input {
width: 100%; } }
.piranya-shop-department-location-picker .location-logo {
max-width: 20vw;
width: 200px; }
.piranya-shop-department-location-picker .location-logo img, .piranya-shop-department-location-picker .location-logo video {
max-width: 100%; }
.piranya-shop-department-location-picker .location-status {
margin-left: auto; }
.piranya-shop-department-location-picker .location-status > p {
color: black;
text-align: right; }
.piranya-shop-department-location-picker .location-status > p i {
width: 12px;
height: 12px;
border-radius: 20px;
display: inline-block;
margin-right: 10px;
background: linear-gradient(180deg, #59D53A 0%, #3E822D 100%); }
.piranya-shop-department-location-picker .location-status > p i.red-dot {
background: linear-gradient(180deg, #f64040 0%, #961e2a 100%); }
.piranya-shop-department-location-picker .location-wrapper {
align-items: center;
border: 1px solid #DEDEDE;
border-radius: 10px;
box-sizing: border-box;
display: flex;
flex-direction: row;
gap: 20px;
width: 100%;
padding: 10px 20px;
margin-bottom: 10px; }
.piranya-shop-department-location-picker .location-wrapper .select-department {
padding: 10px 15px; }
.piranya-shop-department-location-picker .location-wrapper .select-department i.fa-check-square {
display: none; }
.piranya-shop-department-location-picker .location-wrapper.selected .select-department i.fa-check-square {
display: initial;
opacity: 1; }
.piranya-shop-department-location-picker .location-wrapper.selected .select-department i.fa-square {
display: none; }
.piranya-shop-department-location-picker[data-redirect-to-on-select] .location-wrapper button.select-department > i.fa-check-square, .piranya-shop-department-location-picker[data-redirect-to-on-select] .location-wrapper button.select-department > i.fa-square {
display: none; }
/* piranya/shop */
.piranya-shop-order-create > .filter {
margin-bottom: 10px;
position: relative;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%; }
.piranya-shop-order-create > .filter > .button_filter {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
font-size: 1em;
margin: 0;
padding: 8px 13px; }
.piranya-shop-order-create > .filter > .button_filter > .label {
font-size: 14px;
line-height: 1em;
margin: 3px 5px 3px 0; }
.piranya-shop-order-create > .filter > .button_filter > .num-applied-filters {
background-color: red;
border-radius: 100%;
display: inline-block;
padding: 4px 7px;
font-size: 0.6em;
line-height: 1em;
text-align: center; }
.piranya-shop-order-create > .filter > .button_filter > .num-applied-filters:empty {
display: none; }
.piranya-shop-order-create > .filter > .button_filter > .toggle {
margin-left: 5px; }
.piranya-shop-order-create > .filter > .filters {
display: flex; }
.piranya-shop-order-create > .filter > .button_filter {
display: none; }
.piranya-shop-order-create > .filter > .filters {
align-items: stretch;
flex-direction: row; }
.piranya-shop-order-create > .filter > .filters > .piranya-searchbox + .actions > .submit {
display: none; }
.piranya-shop-order-create > .filter > .filters > :not(:last-child) {
margin-right: 10px; }
.piranya-shop .filters {
display: flex;
flex-direction: column; }
.piranya-shop .filters > .actions {
align-items: stretch;
display: flex;
flex-direction: row; }
.piranya-shop .filters > .actions > button {
font-size: 1em;
padding: 0.7em; }
.piranya-shop .filters > .actions > button:not(:first-child) {
margin-left: 10px; }
.piranya-shop .filters > .actions > button > p {
font-size: 1em; }
.piranya-shop .filters > .picker-box button.pick {
align-items: center;
background-color: transparent;
border: 1px solid #f0f0f0;
border-radius: 0;
display: flex;
flex-direction: row;
font-size: 1em;
padding: 0.7em; }
.piranya-shop .filters > .picker-box button.pick > i {
margin-left: 0.4em; }
.piranya-shop .filters > .picker-box button.pick > p {
font-size: 1em; }
.piranya-shop .filters > .picker-box > .picker-window {
background-color: white;
border: 1px solid #f0f0f0;
display: none;
flex-direction: column;
min-width: 250px;
max-height: 400px;
overflow-y: auto;
padding: 10px;
position: absolute;
z-index: 99999; }
.piranya-shop .filters > .picker-box:hover > .picker-window {
display: flex; }
.piranya-shop .filters > .piranya-searchbox {
align-items: stretch;
display: flex;
flex-direction: row; }
.piranya-shop .filters > .piranya-searchbox > input {
margin: 0;
padding: 0.7em; }
.piranya-shop .filters .variant-groups {
display: flex;
flex-direction: column; }
.piranya-shop .filters .variant-groups > .group {
display: flex;
flex-direction: column; }
.piranya-shop .filters .variant-groups > .group:not(:first-child) {
margin-top: 20px; }
.piranya-shop .filters .variant-groups > .group > .content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px; }
.piranya-shop .filters .variant-groups > .group > .content > .property {
border-color: transparent;
margin: 0 1em 1em 0;
padding: 0;
width: auto; }
/* piranya/shop */
.piranya-shop .category-bar {
width: 100%;
margin-bottom: 10px;
flex-wrap: wrap;
position: relative; }
.piranya-shop .category-bar .category:first-child {
margin-left: 0; }
.piranya-shop .category-bar .category-tab {
cursor: pointer; }
.piranya-shop .category-bar .category-tab:not(:last-of-type) {
margin-right: 10px; }
.piranya-shop .category-bar.dropdowns .category > .content {
max-height: 0px;
display: flex;
position: absolute;
overflow: hidden;
top: 100%;
z-index: 1;
background: white;
transition: max-height 0.5s ease-in-out; }
.piranya-shop .category-bar.dropdowns .category > .content .p-layout-container {
display: flex;
flex-flow: column;
padding: 7px 20px; }
.piranya-shop .category-bar.dropdowns .category > .content .p-layout-container .category .title {
color: black;
font-size: .7em;
font-weight: normal; }
.piranya-shop .category-bar.dropdowns .category:hover > .content {
max-height: 400px; }
.piranya-shop .category-bar:not(.dropdowns) .category.uncategorized:only-child {
display: none; }
.piranya-shop .category-bar:not(.dropdowns) .category > .content {
display: none; }
.piranya-shop .category-bar.tabs {
border-bottom: 2px solid whitesmoke; }
.piranya-shop .category-bar.tabs .category-tab {
padding: 10px; }
.piranya-shop .category-bar.tabs .category-tab.active {
border-radius: 7px 7px 0 0;
border-bottom: 0;
background: whitesmoke; }
.piranya-shop .category-bar.grow {
height: 2.5em;
margin-bottom: 15px; }
.piranya-shop .category-bar.grow .category-tab {
line-height: 100%;
transition: font-size .2s linear; }
.piranya-shop .category-bar.grow .category-tab.active {
font-size: 2.5em; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper {
display: flex;
flex-flow: row nowrap; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab {
display: flex;
justify-content: center;
align-items: center;
max-height: 120px;
height: 120px;
width: auto;
margin: 10px;
padding: 10px;
overflow: hidden;
box-sizing: border-box;
position: relative; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab .title {
text-align: center;
font-size: 1.5em; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab .title:after {
content: "";
display: block;
position: absolute;
background: black; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.active .title {
color: initial; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab:not(.has-image) {
background-color: white;
transition: background-color 250ms ease; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab:not(.has-image).active {
background-color: #efefef; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image .title {
position: relative;
color: white;
z-index: 1; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image .title:after {
background: white; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image .icon {
width: 100%;
height: auto;
min-height: 120px;
filter: brightness(0.6);
transition: filter 250ms ease;
position: absolute; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab.has-image.active .icon {
filter: brightness(0.4); }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper:not(.swiper-wrapper) {
display: none; }
@media not all and (min-width: 768px) {
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled).foldable {
display: flex; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) > .swiper-wrapper > .category-tab {
height: 75px;
width: 125px; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) > .swiper-wrapper > .category-tab > .title {
font-size: 0.9em;
word-break: break-all; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) + .panels > .panel:not(.active) {
display: none; }
.piranya-shop .category-bar.swiper-container:not(.swiper-disabled) + .panels > .panel.active > .heading {
display: none; } }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab {
width: 200px; }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab .title {
font-size: 1.1em; }
@media not all and (min-width: 768px) {
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab {
height: 75px;
width: 125px; }
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab .title {
font-size: .9em; } }
.piranya-shop .category-bar.swiper-container.swiper-disabled {
border-bottom: 2px solid whitesmoke;
padding: 0; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .swiper-wrapper {
width: auto; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab {
padding: 10px;
margin-bottom: -2px;
height: calc(100% + 2px);
width: auto; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab.active {
border-radius: 7px 7px 0 0;
border-bottom: 0;
background: whitesmoke; }
.piranya-shop .category-bar.swiper-container.swiper-disabled .category-tab .icon {
display: none; }
.piranya-shop > .category-bar.swiper-pagination-bullets {
margin-top: 20px;
justify-content: space-around; }
.piranya-shop > .swiper-container:not(.category-bar) {
width: 100%; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper {
overflow: visible; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper > .panel {
overflow: visible; }
.piranya-shop > .swiper-container:not(.category-bar) > .panels.swiper-wrapper > .panel:not(.active) {
opacity: 1;
visibility: visible;
height: auto; }
.piranya-shop-order-create > select[name="category"] + .guide.select-category {
margin: 20px 0;
font-size: 2em;
line-height: 2em;
display: flex;
flex-direction: column;
align-items: center; }
.piranya-shop-order-create > select[name="category"] + .guide.select-category > i {
font-size: 2.5em; }
.piranya-shop-order-create .panels,
.piranya-shop-order-create .panels > .panel,
.piranya-shop-order-create .panel > .content {
width: 100%; }
.piranya-shop-order-create .panels {
overflow: hidden; }
.piranya-shop-order-create .panels .category.disabled {
opacity: 0.3; }
.piranya-shop-order-create .panels > .panel {
overflow: hidden; }
.piranya-shop-order-create .panels.foldable > .panel > .heading {
cursor: pointer; }
.piranya-shop-order-create .panels.foldable > .panel > .heading .title:after {
width: 20px;
height: 20px;
position: absolute;
content: "\f103";
right: 15px;
font-family: fontawesome; }
.piranya-shop-order-create .panels.foldable > .panel.active > .heading .title:after {
content: "\f102"; }
.piranya-shop-order-create .panels .products.loading {
padding-bottom: calc(5em + 3px);
position: relative; }
.piranya-shop-order-create .panels .products.loading:after {
box-sizing: border-box;
content: '';
pointer-events: none;
position: absolute;
bottom: -1.3em;
left: 50%;
width: 4em;
height: 4em;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #212121;
animation: spin-clockwise .6s linear infinite;
transform: translate(-50%, -50%); }
.piranya-shop-order-create .panel > .heading {
width: 100%;
clear: both;
position: relative;
box-sizing: border-box;
z-index: 2; }
.piranya-shop-order-create .panel > .heading > .cover {
width: 100%; }
.piranya-shop-order-create .panel .categories > .category {
width: 100%;
min-height: auto;
margin-top: 20px; }
.piranya-shop-order-create .panel .categories > .category > .heading.has-image {
background-color: #6f6f6f;
border-radius: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
width: 100px;
height: 90px;
padding-top: 10px;
margin-bottom: 20px; }
.piranya-shop-order-create .panel .categories > .category > .heading.has-image > img {
order: 1;
margin-bottom: auto;
max-height: 50px;
max-width: 50px; }
.piranya-shop-order-create .panel .categories > .category > .heading.has-image > .title {
font-size: 0.8em;
margin-top: auto;
color: white; }
.piranya-shop-order-create .panel .categories > .category.disabled .add-btn {
background-color: gray !important;
border: none; }
.piranya-shop-order-create .panels .categories > .category:first-child,
.piranya-shop-order-create .panels.foldable .categories > .category {
margin-top: 0; }
.piranya-shop .categories > .category > .show-all-btn-wrapper {
width: 100%;
box-sizing: border-box; }
.piranya-shop .categories > .category > .show-all-btn-wrapper .show-all-btn {
float: right; }
.piranya-shop .categories > .category[data-has-loaded-products="true"] > .show-all-btn-wrapper {
display: none; }
.piranya-shop .categories > .category[data-has-loaded-products="true"] > .show-all-btn-wrapper .show-all-btn {
display: none; }
.piranya-shop .products {
width: 100%;
box-sizing: border-box; }
.piranya-shop.product.list-item {
align-items: center;
background-color: white;
box-sizing: border-box;
padding: 0 10px;
display: flex;
flex-direction: row;
position: relative; }
.piranya-shop.product.list-item.piranya-col {
padding: 20px;
flex-direction: column; }
.piranya-shop.product.list-item.piranya-col .text {
margin: auto 0 0 0;
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end; }
.piranya-shop.product.list-item.piranya-col .title {
float: left;
font-size: 1.1em;
text-align: center;
width: 100%;
border-bottom: 1px solid #eeeeee;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 20px;
word-break: break-word; }
.piranya-shop.product.list-item:not(.piranya-col) {
margin-top: 10px;
width: 100%; }
.piranya-shop.product.list-item:not(.piranya-col):first-child {
margin-top: 0; }
.piranya-shop.product.list-item:not(.piranya-col) .sticker {
font-size: 0.6em;
left: 5px;
right: initial;
top: 5px; }
.piranya-shop.product.list-item.has-amount .text {
display: block; }
.piranya-shop.product.list-item.has-amount > div.price-wrapper {
flex-direction: row;
align-items: center;
padding: 10px;
box-sizing: border-box;
display: flex; }
.piranya-shop.product.list-item.has-amount > div.price-wrapper > * {
flex: 1; }
.piranya-shop.product.list-item.has-details-page.has-purchasing-disabled,
.piranya-shop.product.list-item.has-details-page div.image {
cursor: pointer; }
.piranya-shop.product.list-item .add-btn:not(.add-price) {
border: none;
clear: right;
cursor: pointer;
display: inline-block;
float: right;
font-size: 1.5em;
margin-left: auto;
padding: 0.29em 0.5em; }
.piranya-shop.product.list-item .add-btn:not(.add-price) > :focus {
outline: none; }
.piranya-shop.product.list-item .add-btn:not(.add-price) > p {
font-size: 1em;
line-height: 1em; }
.piranya-shop.product.list-item .amount > * {
flex: 1;
width: 100%;
text-align: center;
margin: 0; }
.piranya-shop.product.list-item .amount > input[type="number"] {
margin: 0 5px; }
.piranya-shop.product.list-item .description {
float: left;
clear: left;
width: 100%; }
.piranya-shop.product.list-item .unit-prices {
float: right;
align-self: flex-end;
align-items: center; }
.piranya-shop.product.list-item .image + .text {
width: calc(100% - 145px); }
.piranya-shop.product.list-item .price-wrapper {
text-align: center; }
.piranya-shop.product.list-item .price-wrapper > .configurations {
display: flex;
flex-direction: column; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
display: flex;
flex-direction: row; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p.range > .value .header {
margin-right: 0.15em; }
@media not all and (min-width: 768px) {
.piranya-shop.product.list-item .price-wrapper > .configurations {
flex-direction: row; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
flex-direction: column;
text-align: center; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p:not(:first-child) {
margin-left: 1rem; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p > .header {
margin-right: 0; } }
@media screen and (min-width: 768px) {
.piranya-shop.product.list-item .price-wrapper > .configurations > p {
justify-content: space-between;
text-align: right; }
.piranya-shop.product.list-item .price-wrapper > .configurations > p > .header {
margin-right: 1rem; } }
.piranya-shop.product.list-item .price-wrapper p.price {
white-space: nowrap; }
.piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).now > .header, .piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).range > .header {
display: none; }
.piranya-shop.product.list-item .price-wrapper:not(.has-before) > .price.has-value:not(.add-btn).range .from > .header {
text-transform: capitalize; }
.piranya-shop.product.list-item .price-wrapper.has-product-unit > .configurations > p.range.config {
justify-content: flex-end; }
.piranya-shop.product.list-item .price-wrapper.has-product-unit > .configurations > p.range.config > .value {
margin-right: 0.5em; }
.piranya-shop.product.list-item .price.range > .value .header {
margin-right: 0.3em; }
.piranya-shop.product.list-item .price.range > .value .to {
display: none; }
.piranya-shop.product.list-item .price.add-btn {
display: flex; }
.piranya-shop.product.list-item .price.add-btn > * {
align-self: center; }
.piranya-shop.product.list-item .price.add-btn:not(.pick) {
flex-direction: column; }
.piranya-shop.product.list-item .price.add-btn:not(.pick) > .header {
display: none; }
.piranya-shop.product.list-item .price.add-btn.pick {
flex-direction: row;
flex-wrap: wrap; }
.piranya-shop.product.list-item .price.add-btn.pick > .header {
margin-left: auto; }
.piranya-shop.product.list-item .price.add-btn.pick > .value {
margin-right: auto; }
.piranya-shop.product.list-item .price.add-btn.range > .value .header {
text-transform: capitalize;
font-size: 0.3em;
vertical-align: top; }
.piranya-shop.product.list-item .price > .header {
margin-right: 0.15em; }
.piranya-shop.product.list-item .read-more {
text-decoration: none; }
.piranya-shop.product.list-item .read-more p {
float: right; }
.piranya-shop.product.list-item .read-more p span {
position: relative;
margin-left: 20px;
background: gray;
padding: 5px 6px;
color: white;
font-family: inherit;
font-size: 1.5em; }
.piranya-shop.product.list-item .read-more p span:before {
right: 100%;
content: " ";
position: absolute;
pointer-events: none;
top: 0;
border: 19px solid transparent;
border-right: 12px solid gray; }
.piranya-shop.product.list-item .text {
clear: left;
margin-top: 8px;
margin-bottom: 8px;
display: flex;
align-items: center;
flex-direction: row; }
.piranya-shop.product.list-item .text > div:not(.eyecatcher) {
display: flex;
flex-direction: column; }
.piranya-shop.product.list-item .text .price {
float: right;
margin-left: auto;
margin-right: 10px; }
.piranya-shop.product.list-item .title {
color: black;
float: left; }
.piranya-shop.product.list-item .product-department {
align-items: center;
display: flex;
flex-direction: column;
gap: 0.5em;
margin-top: 10px;
max-width: 100%; }
.piranya-shop.product.list-item .product-department img {
max-height: 1em;
max-width: 100%; }
.piranya-shop.product.list-item p.unit {
display: flex;
flex-direction: row;
gap: 0.2em; }
.piranya-shop.product.list-item.piranya-col .description {
margin-bottom: 10px; }
.piranya-shop.product.list-item.piranya-col .read-more {
margin-top: 10px;
width: 100%; }
.piranya-shop.product.list-item.piranya-col .text {
width: 100%; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .price-wrapper {
width: 100%;
margin: auto 0 10px 0; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more, .piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .actions {
width: calc(50% - 20px);
margin: 0 10px 10px 10px; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more > .amount, .piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .actions > .amount {
width: 100%; }
.piranya-shop.product.list-item.piranya-colhas-amount-grouped-with-actions.has-details-page .read-more p span {
display: none; }
.piranya-shop.product.list-item:not(.piranya-col) .price-wrapper,
.piranya-shop.product.list-item:not(.piranya-col) .text + .actions,
.piranya-shop.product.list-item:not(.piranya-col) .text + .read-more {
margin-left: auto; }
.piranya-shop.product.list-item:not(.piranya-col) .price-wrapper,
.piranya-shop.product.list-item:not(.piranya-col) .text {
margin-right: 10px; }
.piranya-shop.product.list-item:not(.piranya-col).incompatible:after {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.piranya-shop.product.list-item.has-image.piranya-col div.image {
height: 300px;
width: 100%;
max-width: none;
margin: 0; }
.piranya-shop.product.list-item.has-image:not(.piranya-col) {
padding: 0 10px; }
.piranya-shop.product.list-item.has-image:not(.piranya-col) div.image {
min-height: 100px; }
.piranya-shop.product.list-item.has-image div.image {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100px;
height: auto;
float: left;
align-self: stretch;
margin: 0 10px 0 0; }
.piranya-shop.product.list-item.has-image .text {
clear: none;
display: flex;
flex-direction: column;
align-items: flex-start; }
.piranya-shop.product.list-item.has-video div.video-content-wrapper .video-content {
width: 100%;
height: 100%;
box-sizing: border-box; }
.piranya-shop.product.list-item.has-video div.video-content-wrapper video {
width: 100%;
height: 100%;
z-index: 2;
object-fit: cover; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
position: relative; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper:before {
position: absolute;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 3em;
text-rendering: auto;
color: #efefef;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f01d";
pointer-events: none;
z-index: 2; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content:not(.active):after {
content: "";
position: absolute;
pointer-events: none;
width: 100%;
height: 100%;
background: black;
opacity: .4;
z-index: 2; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content {
align-self: stretch;
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content.active {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: 99; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content:not(.active) video::-webkit-media-controls-enclosure {
display: none; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content.active video {
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
position: fixed;
z-index: 2; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-overlay {
position: absolute;
width: 100%;
height: 100%;
background: black;
opacity: 0;
z-index: 1; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content.active .video-overlay {
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
opacity: .4; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-canvas {
padding: inherit;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 0;
object-fit: cover;
box-sizing: border-box; }
.piranya-shop.product.list-item.has-video.has-video-popup div.video-content-wrapper .video-content.active ~ .video-canvas {
opacity: 1; }
.piranya-shop.product.list-item.incompatible {
pointer-events: none; }
.piranya-shop.product.list-item.incompatible > * {
filter: grayscale(100%); }
.piranya-shop.product.list-item.incompatible:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.4);
z-index: 100;
animation: fadeIn 0.8s; }
.piranya-shop.product.list-item.incompatible:after {
position: absolute;
top: 40%;
left: 17%;
width: 66%;
text-align: center;
content: 'Kan ikke kombineres med varerne i din kurv';
font-size: 1.2em;
padding: 10px;
box-sizing: border-box;
background-color: #F2DFDF;
color: #770009;
border: 1px solid #ebccd1;
box-shadow: -5px 5px 20px 0 #9e9999;
z-index: 101;
animation: fadeIn 0.8s; }
.piranya-shop-order-create:not([data-has-initialized-order-create]) .product div.image,
.piranya-shop-order-create.disabled .product div.image,
.piranya-shop-order-create .products:not(.show-images) .product div.image {
background-image: none; }
.piranya-shop-order-create .panel > .content > :not(:first-child) {
margin-top: 20px; }
@media screen and (min-width: 768px) {
.piranya-shop-order-create > select[name="category"],
.piranya-shop-order-create > select[name="category"] + .guide.select-category {
display: none; }
.piranya-shop-order-create .panels .swiper-button-prev,
.piranya-shop-order-create .panels .swiper-button-next,
.piranya-shop-order-create .panels .swiper-pagination {
display: none; }
.piranya-shop-order-create .panels.foldable > .panel > .heading:not(.has-cover) {
display: none; }
.piranya-shop-order-create .panels.foldable > .panel.active {
transition-property: visibility, opacity;
transition-duration: 0s, 1s; }
.piranya-shop-order-create .panels.foldable > .panel:not(.active) {
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 1.125s, 0s;
transition-delay: 0s, 1.125s;
height: 0; } }
@media not all and (min-width: 768px) {
.piranya-shop-order-create .category-bar.foldable {
display: none; }
.piranya-shop-order-create .panel > .heading {
padding: 10px;
background-color: white;
z-index: 2; }
.piranya-shop-order-create > select[name="category"] {
margin-bottom: 20px; }
.piranya-shop-order-create > select[name="category"] ~ .category-bar,
.piranya-shop-order-create > select[name="category"] ~ .panels .panel > .heading {
display: none; }
.piranya-shop-order-create:not([data-foldable-initialized="true"]) .panel:not(.active) > .content {
display: none; }
.piranya-shop-order-create .panel > .content > .cover {
display: none; }
.piranya-shop-order-create .panel > .content > .description {
display: none; }
.piranya-shop-order-create .panel > .content > .panels {
margin-bottom: 20px; }
.piranya-shop-order-create .panels.foldable .products.piranya-grid.swiper-wrapper,
.piranya-shop-order-create .panels.foldable .panel.active .products.piranya-grid.swiper-wrapper {
display: flex; }
.piranya-shop-order-create .panels .swiper-pagination {
position: relative;
margin: 10px 0; }
.piranya-shop-order-create .panels.foldable .products.piranya-grid .product:not(:last-child) {
margin-bottom: 10px; } }
@media not all and (min-width: 768px) {
.piranya-shop .products.show-images .product:not(.piranya-col) div.image {
display: none; }
.piranya-shop .products.show-images .product {
padding: 0 10px; }
.piranya-shop .products.show-images h3 {
font-size: 1em; }
.piranya-shop .products.show-images h4 {
font-size: 1em; }
.piranya-shop .products.show-images p {
font-size: 0.8em; } }
.p-marketing[data-handler="Popup.SingleMessage"][data-presented-entity-type="Product"] > .product {
max-width: 600px; }
/* piranya/shop */
.mini-cart {
display: none;
background: white;
align-self: stretch;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px;
float: right; }
.mini-cart.show {
display: flex; }
.mini-cart button.show-cart {
background: none;
border: none;
display: flex;
justify-content: center;
cursor: pointer; }
.mini-cart button.show-cart:focus {
outline: none; }
.mini-cart button.show-cart i.fa.fa-shopping-cart {
margin-right: 10px; }
.mini-cart button.show-cart .total-items {
display: none; }
.piranya-shop-order-create,
.piranya-shop-order-edit {
width: 100%;
position: relative; }
.piranya-shop .cart-wrapper {
box-sizing: border-box;
color: black; }
.piranya-shop .cart-wrapper > .cart,
.piranya-shop .cart-wrapper > .summary {
background: white;
border: 1px solid #f5f5f5;
box-shadow: 0 0 20px #888888; }
.piranya-shop .cart {
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 10px;
width: 100%; }
.piranya-shop .cart[data-add-basket-item-animation="bounce-in-top"] .items > .product.separator-bottom.new {
-webkit-animation: bounce-in-top 1.1s 300ms both;
animation: bounce-in-top 1.1s 300ms both; }
.piranya-shop .cart[data-add-basket-item-animation="bounce-in-left"] .items > .product.separator-bottom.new {
-webkit-animation: bounce-in-left 1.1s 300ms both;
animation: bounce-in-left 1.1s 300ms both; }
.piranya-shop .cart[data-add-basket-item-animation="slide-in-left"] .items > .product.separator-bottom.new {
-webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both;
animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 300ms both; }
.piranya-shop .cart > .header,
.piranya-shop .cart .product,
.piranya-shop .cart .separator-bottom,
.piranya-shop .cart .no-items {
border-bottom: 1px dashed #cecece;
width: 100%;
margin-top: 10px;
padding-bottom: 10px; }
.piranya-shop .cart .payment-methods-price-tags {
margin-top: 10px; }
.piranya-shop .cart .step-header {
background-color: transparent; }
.piranya-shop .cart .step-header > p.step-headline {
text-align: center; }
.piranya-shop .cart .step-header + .step-content {
margin-top: 10px; }
.piranya-shop .cart > .actions > button.hidden {
display: none; }
.piranya-shop .cart > .header {
align-items: center;
display: flex;
flex-direction: column;
font-size: 1.3em;
padding-bottom: 5px;
text-align: center; }
.piranya-shop .cart > .info {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop .cart > .info > p {
display: block;
margin-top: 10px;
text-align: center; }
.piranya-shop .cart > .items {
background-color: inherit;
overflow-y: auto;
width: 100%; }
.piranya-shop .cart > .items > .product {
background-color: inherit; }
.piranya-shop .cart .add-remove,
.piranya-shop .cart button.delete {
background-color: transparent;
border: none;
font-size: 1em;
outline: none;
padding: 0.4em; }
.piranya-shop .cart .add-remove > .fa,
.piranya-shop .cart button.delete > .fa {
font-size: 1em; }
.piranya-shop .cart button.delete {
float: right;
margin: 5px 5px 5px 0; }
.piranya-shop .cart button.delete > p {
display: none; }
.piranya-shop .cart button.edit {
border: none;
clear: left;
float: left;
padding: 0.7em 0.8em; }
.piranya-shop .cart button.edit > p {
display: none; }
.piranya-shop .cart .variant ~ button.edit {
margin-left: 10px; }
.piranya-shop .cart.is-checkout > .actions > .clear-cart {
display: none; }
.piranya-shop .cart .product.has-image .image-wrapper {
max-width: 90px;
margin-right: 10px;
float: left; }
.piranya-shop .cart .product.has-image .image-wrapper img {
max-width: 100%; }
.piranya-shop .cart.empty .currency-wrapper,
.piranya-shop .cart:not(.has-currencies) .currency-wrapper {
display: none; }
.piranya-shop .basket:not(.empty) > .cart.has-currencies .currency-wrapper {
animation: fadeIn 0.8s; }
.piranya-shop .cart .department-wrapper:empty,
.piranya-shop .cart .desired-delivery-time:empty,
.piranya-shop .cart .redeem-rebates:empty,
.piranya-shop .cart .shipping:empty {
display: none; }
.piranya-shop .cart.empty .department-wrapper,
.piranya-shop .cart.empty .desired-delivery-time,
.piranya-shop .cart.empty .redeem-rebates,
.piranya-shop .cart.empty .shipping {
display: none; }
.piranya-shop .cart > .redeem-rebates > .step-header {
display: none; }
.piranya-shop .cart > .redeem-rebates > .step-content {
margin-top: 0; }
.piranya-shop .basket:not(.empty) > .cart.has-departments .department-wrapper {
animation: fadeIn 0.8s; }
.piranya-shop .cart .product .amount-picker {
font-size: 0.7em; }
.piranya-shop .cart .product .amount-picker > * {
font-size: 1em;
line-height: 1em; }
.piranya-shop .cart .product .amount-picker > input[type="number"] {
max-width: 4em; }
.piranya-shop .cart .product > .available-delivery-dates-wrapper,
.piranya-shop .cart .product > p.title {
box-sizing: border-box;
max-width: calc(100% - 1.25em - 50px);
overflow: hidden;
text-overflow: ellipsis; }
.piranya-shop .cart .title {
font-size: 1.1em;
margin-bottom: 5px; }
.piranya-shop .cart .variant {
font-size: 0.9em;
margin-bottom: 5px;
margin-left: 10px;
clear: left; }
.piranya-shop .cart .count {
float: left;
clear: left;
margin-top: 2px; }
.piranya-shop .cart .variant {
display: flex;
flex-direction: column; }
.piranya-shop .cart .variant:empty,
.piranya-shop .cart .variant .separator {
display: none; }
.piranya-shop .cart .variant > * {
display: block;
width: 100%; }
.piranya-shop .cart .variant .acquisition-header {
margin-bottom: 1em; }
.piranya-shop .cart .variant .acquisition-header:not(:first-child) {
margin-top: 1em; }
.piranya-shop .cart .no-items {
display: flex;
justify-content: center; }
.piranya-shop .cart .product p.notice {
clear: left;
float: left;
margin-bottom: 5px; }
.piranya-shop .cart .product p.notice.negative, .piranya-shop .cart .product p.notice.requirement:not(.met) {
color: red; }
.piranya-shop .cart .product p.notice > .label {
margin-right: 5px; }
.piranya-shop .cart .product .price {
font-size: 1em;
margin-top: 2px;
float: right;
clear: right; }
.piranya-shop .cart .product > .subtitle {
float: left;
margin-bottom: 10px; }
.piranya-shop .cart .product.parent[data-product-type="grouped"] > .count,
.piranya-shop .cart .product.parent[data-product-type="grouped"] > .add-remove {
display: none; }
.piranya-shop .cart .product.parent[data-product-type="mix_and_match_bundle"] > button.delete,
.piranya-shop .cart .product.parent[data-product-type="mix_and_match_bundle"] > button.edit {
display: none; }
.piranya-shop .cart .product.locked > .add-remove,
.piranya-shop .cart .product.locked > button.delete,
.piranya-shop .cart .product.locked > button.edit {
display: none; }
.piranya-shop .cart .product.parent[data-product-type="grouped"] > .content .price, .piranya-shop .cart .product.parent[data-product-type="predefined_bundle"] > .content .price {
display: none; }
.piranya-shop .cart .product > .content {
width: 95%;
margin: 0 0 0 5%; }
.piranya-shop .cart .product > .content > .separator-bottom:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none; }
.piranya-shop .cart .product > .content .title {
float: left;
font-size: 0.9em;
width: auto; }
.piranya-shop .cart .product > .content .count {
font-size: 0.9em;
margin-top: 3px; }
.piranya-shop .cart .product > .content .variant {
font-size: 0.6em; }
.piranya-shop .cart > .comment > a {
cursor: pointer; }
.piranya-shop .cart.empty > .cart > .comment,
.piranya-shop .cart.empty > .cart > .department-wrapper,
.piranya-shop .cart.empty > .cart > .desired-delivery-time,
.piranya-shop .cart.empty > .cart > .shipping {
display: none; }
.piranya-shop .cart .shipping .shipping-methods-wrapper {
position: relative; }
.piranya-shop .cart .shipping .shipping-methods-wrapper > p.header {
display: inline-block;
width: 100%;
transition: width 1s ease;
margin-bottom: 0;
white-space: nowrap; }
.piranya-shop .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > p.header {
width: 10%; }
.piranya-shop .cart .shipping .shipping-methods-wrapper.expandable > .piranya-btn {
max-width: 50%;
position: absolute;
top: -5px;
right: 0;
padding: 5px 10px;
transition: opacity 0.6s ease;
opacity: 1; }
.piranya-shop .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .piranya-btn {
opacity: 0; }
.piranya-shop .cart .shipping .shipping-methods-wrapper > .shipping-methods {
clear: both;
padding-bottom: 10px; }
.piranya-shop .cart .shipping .shipping-methods-wrapper.expandable > .shipping-methods {
max-height: 300px;
overflow: hidden;
transition: max-height 0.8s ease, padding 0.8s ease; }
.piranya-shop .cart .shipping .shipping-methods-wrapper.expandable:not(.expanded) > .shipping-methods {
max-height: 0;
padding-bottom: 0; }
.piranya-shop .cart .shipping .shipping-methods-wrapper + .desired-delivery-time {
margin-top: 0; }
.piranya-shop .cart > .sub-order > .piranya-txt + .piranya-btn {
margin-top: 10px; }
.piranya-shop p.value-editable > .edit {
padding-left: 5px;
cursor: pointer; }
.piranya-shop > .cart-wrapper > .summary {
bottom: -500px;
box-sizing: border-box;
display: none;
flex-direction: row;
justify-content: center;
left: 0;
opacity: 0;
padding: 20px;
position: fixed;
transition: background-color 1s ease, opacity 0.5s ease, bottom 0.5s ease;
width: 100%; }
.piranya-shop > .cart-wrapper > .summary.negative {
background-color: #f2dede;
border: 1px solid #ebccd1; }
.piranya-shop > .cart-wrapper > .summary.negative > p {
color: #a94442; }
.piranya-shop > .cart-wrapper > .summary > * {
display: block;
margin: 0; }
.piranya-shop > .cart-wrapper > .summary > *:not(:empty) {
width: auto;
display: flex;
align-items: center;
margin-right: 20px; }
.piranya-shop > .cart-wrapper > .summary > .total-price {
margin-left: auto; }
.piranya-shop > .cart-wrapper > .summary > .total-price > .value {
padding-left: 5px; }
.piranya-shop > .cart-wrapper > .summary .piranya-btn {
margin: 0; }
.piranya-shop > .cart-wrapper > .summary .piranya-btn > p {
white-space: nowrap; }
.piranya-shop .cart > .actions {
margin-top: 10px;
display: flex;
justify-content: center;
align-items: stretch;
box-sizing: border-box;
width: 100%;
align-self: flex-end; }
.piranya-shop .cart > .actions > button {
flex: 1; }
.piranya-shop .cart > .actions > button.visible ~ .visible {
margin-left: 1em; }
.piranya-shop .cart > .close {
font-size: 41px;
z-index: 2;
position: absolute;
right: 10px;
top: 1px;
cursor: pointer;
padding: 0 0 0 2px;
background: none;
border: none;
color: black;
transition: color 0.2s ease; }
.piranya-shop .cart > .close:hover {
color: #353535; }
.piranya-shop .cart > .totals {
margin-top: auto; }
.piranya-shop .cart > .totals > div {
width: 100%; }
.piranya-shop .cart > .totals .total-rebate.has-single-rebate {
display: none; }
@media (min-width: 980px) {
.piranya-shop.has-openable-cart-on-desktop > .cart-wrapper {
height: 100%;
max-width: 448px;
position: fixed;
right: -100%;
/* Cannot use calc function with negative values here as it does not work in iOS 11.2, so we have to use -100% */
top: 0;
transition: right 0.5s ease;
z-index: 10000;
width: 80%; }
.piranya-shop.has-openable-cart-on-desktop > .cart-wrapper > .cart {
height: 100%; }
.piranya-shop.has-openable-cart-on-desktop > .cart-wrapper.open {
right: 0; }
.piranya-shop.has-cart-inside:not(.no-basket):not(.only-list) > .panels, .piranya-shop.has-cart-inside:not(.no-basket):not(.only-list):not(.has-separate-basket) > .panels-swiper-container {
width: calc(70% - 10px); }
.piranya-shop.has-cart-inside > .cart-wrapper {
position: absolute;
position: -webkit-sticky;
position: sticky;
top: 20px;
margin-left: 20px;
width: calc(30% - 10px);
z-index: 0;
max-width: none; }
.piranya-shop.has-cart-inside > .cart-wrapper > .cart {
box-shadow: none; }
.piranya-shop.has-cart-inside .cart {
height: auto; }
.piranya-shop.has-cart-inside .cart > .header {
margin-top: 0; }
.piranya-shop.has-cart-inside .cart .totals {
margin-top: 0; }
.piranya-shop.has-cart-inside .cart .totals p {
padding: 10px; }
.piranya-shop.has-cart-inside .cart > .close {
display: none; } }
@media not all and (min-width: 980px) {
.piranya-shop.has-openable-cart-on-mobile > .cart-wrapper {
height: 100%;
max-width: 448px;
position: fixed;
right: -100%;
/* Cannot use calc function with negative values here as it does not work in iOS 11.2, so we have to use -100% */
top: 0;
transition: right 0.5s ease;
z-index: 10000;
width: 80%; }
.piranya-shop.has-openable-cart-on-mobile > .cart-wrapper > .cart {
height: 100%; }
.piranya-shop.has-openable-cart-on-mobile > .cart-wrapper.open {
right: 0; }
.piranya-shop > .cart-wrapper:not(.open):not(.empty) > .summary {
opacity: 1;
bottom: 0; }
.piranya-shop > .cart-wrapper > .summary {
display: flex; } }
@media (max-width: 599px) {
.piranya-shop .cart .add-remove .fa {
margin-top: 5px; }
.piranya-shop .cart > .header:after {
content: none; } }
@media (max-height: 899px) {
.piranya-shop .cart-wrapper:not(.is-checkout-inside) > .cart > .desired-delivery-time {
display: none; } }
@media not all and (min-width: 980px) {
.mini-cart {
background: white;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 20px;
padding-right: 20px; }
.mini-cart i.fa.fa-shopping-cart {
margin-right: 10px; } }
body.is-in-iframe .piranya-shop .cart-wrapper {
height: auto; }
/* piranya/shop */
.piranya-shop-order-create__bundle + .categories {
display: flex;
flex-wrap: wrap; }
.piranya-shop-order-create__bundle + .categories .category {
width: auto; }
.piranya-shop-order-create__bundle > .bundle__price-info {
display: flex;
flex-direction: column; }
.piranya-shop-order-create__bundle > .bundle__price-info > h4,
.piranya-shop-order-create__bundle > .bundle__price-info > p {
text-align: center; }
.piranya-shop-order-create__bundle > .bundle__price-info .number-multiplied,
.piranya-shop-order-create__bundle > .bundle__price-info .number-of-units,
.piranya-shop-order-create__bundle > .bundle__price-info .number-of-people {
padding-right: 0.3em; }
.piranya-shop-order-create__bundle > .level-options {
align-items: stretch;
display: flex;
flex-direction: column; }
.piranya-shop-order-create__bundle > .level-options > .level-option {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between; }
.piranya-shop-order-create__bundle > .level-options > .level-option:not(:first-child) {
margin-top: 0.7em; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options {
align-items: center;
display: flex;
flex-direction: row;
margin-left: 0.7em; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button {
background-color: transparent;
border: 1px solid gray;
cursor: pointer;
flex: 1;
font-size: 1em;
padding: 0.8em 2em;
transition: background-color 0.4s ease-in-out; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button.first {
border-bottom-left-radius: 0.25em;
border-top-left-radius: 0.25em; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button.incompatible {
display: none; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button.last {
border-bottom-right-radius: 0.25em;
border-top-right-radius: 0.25em; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button:not(.first) {
border-left-width: 0; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button.selected {
background-color: #51a389;
color: white; }
.piranya-shop-order-create__bundle > .level-options > .level-option > .options > button.selected:not(:first-child) {
outline-color: gray;
outline-width: 0 0 0 1px; }
.piranya-shop-order-create__bundle > .levels {
margin-top: 20px;
width: 100%; }
.piranya-shop-order-create__bundle > .levels.hidden {
display: none; }
.piranya-shop-order-create__bundle .level {
padding-top: 5px;
display: flex;
flex-direction: column;
text-align: center; }
.piranya-shop-order-create__bundle .level:not(:last-child) {
margin-right: 20px; }
.piranya-shop-order-create__bundle .level .number-of-units > span {
float: left;
clear: both;
width: 100%; }
.piranya-shop-order-create__bundle .level .number-of-units + p {
margin-top: auto; }
.piranya-shop-order-create__bundle .level .number-of-units .number,
.piranya-shop-order-create__bundle .level .price .number {
font-size: 2em; }
.piranya-shop-order-create__bundle .level p:not(:last-child) {
margin-bottom: 10px; }
.piranya-shop-order-create__bundle .piranya-btn.pick {
margin-bottom: 0; }
.piranya-shop-order-create__bundle:not(.selected) > .bundle__price-info {
display: none; }
.piranya-shop-order-create__bundle:not(.selected) ~ .category {
height: 0;
overflow: hidden; }
.piranya-shop-order-create .panel > .content .product div.bundle-info {
display: none; }
.piranya-shop-order-create .panel > .content .product div.bundle-info {
display: none; }
.piranya-shop-order-create .panel > .content .product div.bundle-info.applicable:not(:empty) {
display: flex; }
/* piranya/shop */
.piranya-shop-order-edit > .cart-wrapper:first-of-type {
margin-left: 0;
width: 100%; }
.piranya-shop-order-edit .cart button.edit > i {
display: none; }
.piranya-shop-order-edit .cart button.edit > p {
display: inline-block; }
/* piranya/shop */
.piranya-shop.order-planner {
width: 100%; }
.piranya-shop.order-planner > .plan {
align-items: center;
display: flex;
flex-direction: column;
position: relative;
width: 100%; }
.piranya-shop.order-planner > .plan.is_loading {
padding-bottom: calc(5em + 3px); }
.piranya-shop.order-planner > .plan.is_loading:after {
box-sizing: border-box;
content: '';
pointer-events: none;
position: absolute;
bottom: -1.5em;
left: 50%;
width: 4em;
height: 4em;
border-radius: 50%;
border: 2px solid #ccc;
border-top-color: #212121;
animation: spin-clockwise .6s linear infinite;
transform: translate(-50%, -50%); }
.piranya-shop.order-planner > .plan.is_loading div.check-results,
.piranya-shop.order-planner > .plan.is_loading div.period-status,
.piranya-shop.order-planner > .plan.is_loading div.accept-suggestions,
.piranya-shop.order-planner > .plan.is_loading button.save {
display: none; }
.piranya-shop.order-planner > .plan.is_saved .order-grouping__items.is-suggestion ~ .order-grouping__actions button.save {
display: none; }
.piranya-shop.order-planner > .plan > button.duplicate {
margin-top: 10px; }
.piranya-shop.order-planner > .plan > .header {
align-items: flex-end;
display: flex;
flex-direction: row;
width: 100%; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan > .header {
align-items: center;
flex-direction: column; } }
.piranya-shop.order-planner > .plan > .header > .right {
align-items: flex-end;
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: 21px; }
@media (max-width: 500px) {
.piranya-shop.order-planner > .plan > .header > .right {
margin-top: 12px; } }
@media (min-width: 801px) {
.piranya-shop.order-planner > .plan > .header > .left {
margin-right: 10px; } }
.piranya-shop.order-planner > .plan > .header .days {
align-items: center;
display: flex;
flex-direction: row; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan > .header .days {
flex-wrap: wrap; } }
.piranya-shop.order-planner > .plan > .header .days > .day {
align-items: center;
display: flex;
flex-direction: column;
width: calc(3.55em + 4px); }
@media (max-width: 500px) {
.piranya-shop.order-planner > .plan > .header .days > .day:not(:first-of-type) {
margin-left: 0px;
width: calc(2.6em + 0.1em + 4px + 2px + 2px);
border-left: 1px solid; } }
.piranya-shop.order-planner > .plan > .header .days > .day > button {
background-color: transparent;
border: none;
cursor: pointer;
font-size: 1em; }
.piranya-shop.order-planner > .plan > .header .days > .day > p {
font-size: 1em;
max-width: 100%;
text-align: center; }
@media (min-width: 501px) {
.piranya-shop.order-planner > .plan > .header .days > .day:not(:first-child) {
margin-left: 10px; } }
.piranya-shop.order-planner > .plan > .header .days > .day > .day_of_week {
text-transform: capitalize; }
.piranya-shop.order-planner > .plan > .header .actions {
display: flex;
flex-direction: row;
gap: 10px; }
.piranya-shop.order-planner > .plan > .header .actions > button {
background: transparent;
border: 1px solid #f0f0f0;
border-radius: 20px;
cursor: pointer;
padding: 10px 20px; }
.piranya-shop.order-planner > .plan > .header .actions > button.guided {
border-color: #51a389;
color: #51a389; }
.piranya-shop.order-planner > .plan > .header .actions > button.hide-if-not-available:not(.available) {
display: none; }
.piranya-shop.order-planner > .plan > .period-selector {
align-items: center;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: row;
justify-content: space-between; }
.piranya-shop.order-planner > .plan > .period-selector > button {
border: 0;
background: transparent;
cursor: pointer;
font-size: 1.2em; }
.piranya-shop.order-planner > .plan > .period-selector > button.next {
border-left: 1px solid #f0f0f0;
border-radius: 0 20px 20px 0;
padding: 10px 15px 10px 13px; }
.piranya-shop.order-planner > .plan > .period-selector > button.previous {
border-radius: 20px 0 0 20px;
border-right: 1px solid #f0f0f0;
padding: 10px 13px 10px 15px; }
.piranya-shop.order-planner > .plan > .period-selector > .title {
font-size: 1.2em;
margin: 0 20px;
line-height: 1em;
padding-bottom: 10px;
padding-top: 10px;
text-transform: capitalize; }
.piranya-shop.order-planner > .plan > .period-status:not(:empty) {
margin-top: 20px; }
.piranya-shop.order-planner > .plan .order-grouping__items {
align-items: stretch;
display: flex;
flex-direction: column;
position: relative;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items.is-suggestion {
min-height: 350px; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions {
align-items: center;
background: white;
bottom: 0;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 10; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions .actions {
align-items: center;
display: flex;
flex-direction: row;
gap: 10px;
justify-content: center; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions .actions button {
font-size: 1em; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions .actions button > .text {
font-size: 1.4em; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions i.negative,
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions p.negative {
color: #e9350f; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions i.positive,
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions p.positive {
color: #51a389; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions > .icon {
font-size: 5em;
margin-bottom: 10px; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions > .info:not(:empty) {
margin-bottom: 20px; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions > .info p {
font-size: 1.4em;
text-align: center; }
.piranya-shop.order-planner > .plan .order-grouping__items > div.accept-suggestions.no-orders-yet .info p {
color: #e9350f; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content {
display: flex;
flex-direction: column; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items {
display: grid;
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
grid-gap: 10px;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items > .bundle-item {
align-items: center;
aspect-ratio: 2;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px;
position: relative; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items > .bundle-item.unfilled {
background-color: #f0f0f0; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items > .bundle-item > .icon {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: inherit;
bottom: 0;
filter: brightness(0.7);
left: 0;
position: absolute;
right: 0;
top: 0; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items > .bundle-item > p {
color: white;
filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.5));
font-size: 1.3em;
z-index: 1; }
.piranya-shop.order-planner > .plan .order-grouping__items .bundle-content > .bundle-items > .bundle-item > button.remove {
background: none;
border: none;
cursor: pointer;
font-size: 2em;
position: absolute;
top: 10px;
right: 10px; }
.piranya-shop.order-planner > .plan .order-grouping__items .category {
display: flex;
flex-direction: column;
padding-bottom: 20px;
padding-top: 20px; }
.piranya-shop.order-planner > .plan .order-grouping__items .category .category__label {
background-color: #f0f0f0;
margin: 0px;
border-radius: 10px;
padding: 4px;
padding-left: 30px;
font-size: 1.5em;
color: #212121; }
.piranya-shop.order-planner > .plan .order-grouping__items .category[data-category-id="0"]:only-child {
padding-top: 0;
padding-bottom: 0; }
.piranya-shop.order-planner > .plan .order-grouping__items .category[data-category-id="0"]:only-child > .category__label {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping__items .row {
align-items: center;
border: 1px solid #f0f0f0;
border-radius: 20px;
display: flex;
flex-direction: row;
margin-top: 10px;
padding: 10px 20px; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .order-grouping__items .row {
flex-wrap: wrap; } }
.piranya-shop.order-planner > .plan .order-grouping__items .row.bundle > .content {
margin-left: 0;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items .row.bundle > .content > .bundle-content {
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items .row.bundle > .days {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping__items .row.multi {
align-items: flex-start;
flex-direction: column; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .remove {
background: #f0f0f0;
border: none;
border-radius: 20px;
color: #212121;
cursor: pointer;
font-size: 1em;
line-height: 1em;
padding: 6px 10px 8px 10px;
transition: background 0.2s ease-in-out; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .remove:hover {
background: #d7d7d7; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .remove + .content {
margin-left: 20px; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .children {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .children > .row {
border: none;
box-shadow: none;
padding: 0; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .children > .row > .content > .short_description,
.piranya-shop.order-planner > .plan .order-grouping__items .row > .children > .row > .content > .title {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content {
align-items: flex-start;
display: flex;
flex-direction: column; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content > .choices:not(:empty) + .actions {
padding-top: 10px; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content > .actions {
align-items: center;
display: flex;
flex-direction: row;
margin-top: auto; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content > .actions > button {
background: #f0f0f0;
border: none;
cursor: pointer;
margin-right: 10px;
padding: 0.3em 0.6em;
transition: background 0.2s ease-in-out; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content > .actions > button:hover {
background: #d7d7d7; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .content + .days,
.piranya-shop.order-planner > .plan .order-grouping__items .row .content + .prices {
margin-left: auto; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .short_description {
color: #9f9f9f;
font-size: 1em; }
.piranya-shop.order-planner > .plan .order-grouping__items .row .title {
color: #212121;
font-size: 1em; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days {
display: flex;
flex-direction: row; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days {
flex-basis: 100%;
justify-content: center;
flex-wrap: wrap; } }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day {
border: 1px solid #9f9f9f;
border-radius: 20px;
padding: 1px;
position: relative;
transition: border-color 0.6s ease-in-out; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day > .date {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day > .day_of_week {
bottom: 0;
color: #9f9f9f;
font-size: 0.7em;
font-weight: bold;
line-height: 1;
position: absolute;
text-align: center;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day > input {
border: none;
border-radius: 20px;
box-sizing: border-box;
color: #212121;
font-size: 1em;
outline: none;
padding: 1em 0.05em 1em calc(0.05em + 13.5px);
text-align: center;
width: 3.55em; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-checkbox > label, .piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-radio > label {
box-sizing: border-box;
font-size: 1em;
padding: calc(3.55em / 2 - 4px) 1em;
width: 3.55em; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-checkbox > label:after, .piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-radio > label:after {
left: calc(50% - 6px); }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-checkbox > label:before, .piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.p-radio > label:before {
left: calc(50% - 10px); }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-saved-changes > .spinner, .piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-unsaved-changes > .spinner {
border-radius: 20px;
box-sizing: border-box;
height: 100%;
left: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
z-index: -1; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-saved-changes > .spinner:before, .piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-unsaved-changes > .spinner:before {
background: conic-gradient(transparent 0.1666turn, transparent 0.1666turn 0.3333turn, transparent 0.3333turn 0.5turn, transparent 0.5turn 0.6666turn, transparent 0.6666turn 0.8333turn, #212121 0.8333turn);
box-sizing: border-box;
content: '';
opacity: 1;
pointer-events: none;
position: absolute;
left: 50%;
width: 200%;
height: 200%;
top: 50%;
animation: spin-clockwise 0.6s linear infinite;
transform: translate(-50%, -50%);
transition: opacity 0.6s ease-in-out; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-saved-changes {
border-color: #3e9b4b; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-saved-changes > .spinner:before {
opacity: 0; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-error {
border-color: red; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .days > .day.has-error > .spinner:before {
opacity: 0; }
.piranya-shop.order-planner > .plan .order-grouping__items .row > .prices {
margin-right: 10px; }
.piranya-shop.order-planner > .plan .order-grouping__items .row.empty-indicator {
padding: 27px;
justify-content: center; }
.piranya-shop.order-planner > .plan .order-grouping__items .row.empty-indicator > .content {
margin-left: 0; }
.piranya-shop.order-planner > .plan .summary {
align-items: stretch;
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan .summary:not(:empty) {
margin-top: 20px; }
.piranya-shop.order-planner > .plan .summary > .grouping {
align-items: center;
background-color: #f0f0f0;
border-radius: 20px;
box-sizing: border-box;
display: flex;
flex-direction: row;
padding: 10px 20px 10px 74px;
width: 100%;
flex-wrap: wrap; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .summary > .grouping {
padding: 10px 10px 10px 10px; } }
.piranya-shop.order-planner > .plan .summary > .grouping:not(:first-child) {
margin-top: 20px; }
.piranya-shop.order-planner > .plan .summary > .grouping > .content {
align-items: flex-end;
display: flex;
flex-direction: column; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .summary > .grouping > .content {
flex-basis: 100%;
align-items: center; } }
.piranya-shop.order-planner > .plan .summary > .grouping > .title {
font-size: 1.4em; }
.piranya-shop.order-planner > .plan .summary > .grouping > .title + .content,
.piranya-shop.order-planner > .plan .summary > .grouping > .title + .price {
margin-left: auto; }
.piranya-shop.order-planner > .plan .summary .grouping > .title {
color: #212121;
width: auto; }
.piranya-shop.order-planner > .plan .summary > .grouping > .price:not(:last-child) {
margin-right: 40px; }
.piranya-shop.order-planner > .plan .summary .sub-grouping {
display: flex;
flex-direction: row; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .summary .sub-grouping {
flex-direction: column; } }
.piranya-shop.order-planner > .plan .summary .sub-grouping > .price {
margin-right: 10px; }
.piranya-shop.order-planner > .plan .summary .sub-grouping > .title {
color: #9f9f9f;
font-size: 0.8em;
margin-right: 10px; }
.piranya-shop.order-planner > .plan .summary .sub-grouping > .title + .price {
min-width: 6em;
text-align: right; }
.piranya-shop.order-planner > .plan .summary .sub-grouping.total ~ .sub-grouping .date,
.piranya-shop.order-planner > .plan .summary .sub-grouping.total ~ .sub-grouping .day_of_week {
display: none; }
.piranya-shop.order-planner > .plan .summary .sub-grouping.total-prices > p.price {
font-size: 1.2em; }
.piranya-shop.order-planner > .plan .summary .sub-grouping.total-prices .day > .price {
font-size: 0.8em; }
.piranya-shop.order-planner > .plan .summary .days {
display: flex;
flex-direction: row; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .summary .days {
flex-wrap: wrap; } }
.piranya-shop.order-planner > .plan .summary .days > .day {
color: #212121;
font-size: 1em;
text-align: center;
width: calc(3.55em + 4px); }
.piranya-shop.order-planner > .plan .summary .days > .day > .day_of_week {
color: #9f9f9f;
line-height: 1.15;
font-size: 0.7em;
font-weight: bold; }
.piranya-shop.order-planner > .plan .summary .days > .day > .date {
display: none; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .summary .days > .day {
margin-top: 10px; } }
.piranya-shop.order-planner > .plan .summary .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan .order-groupings {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping:not(.active) > .hide-when-order-grouping-is-inactive,
.piranya-shop.order-planner > .plan .order-grouping:not(.active) > .order-grouping__header .hide-when-order-grouping-is-inactive {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping:not(.active)[data-level="1"] {
padding-left: 20px; }
.piranya-shop.order-planner > .plan .order-grouping:not(.active)[data-level="2"] {
padding-left: 30px; }
.piranya-shop.order-planner > .plan .order-grouping:not(.active)[data-level="3"] {
padding-left: 40px; }
.piranya-shop.order-planner > .plan .order-grouping.active > .hide-when-order-grouping-is-active,
.piranya-shop.order-planner > .plan .order-grouping.active > .order-grouping__header .hide-when-order-grouping-is-active {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping.active > .order-grouping__header {
justify-content: center; }
.piranya-shop.order-planner > .plan .order-grouping.active > .order-grouping__header .title {
font-size: 1.6em; }
.piranya-shop.order-planner > .plan .order-grouping.active > .order-grouping__header .title > .value {
font-weight: bold; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__actions {
background-color: white;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__actions > button {
background: #51a389;
border: none;
border-radius: 20px;
color: white;
cursor: pointer;
font-size: 1.4em;
padding: 10px 20px; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__actions > button[disabled] {
opacity: 0.4; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__actions:not(:empty) {
margin-top: 5px;
padding: 20px 0; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__check-results {
align-self: center; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__check-results:not(:empty) {
margin-top: 25px; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__check-results > .check-result {
color: orange; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__check-results > .check-result.blocking {
color: red; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header {
align-items: center;
display: flex;
flex-direction: row;
width: 100%;
flex-wrap: wrap; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > button.edit {
background: transparent;
border: 1px solid #9f9f9f;
border-radius: 100%;
cursor: pointer;
font-size: 1em;
margin-right: 10px;
padding: 0.5em 0.6em; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > button.edit > i {
color: #212121; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days {
display: flex;
flex-direction: row;
margin-left: auto;
margin-right: 22px; }
@media (max-width: 980px) {
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days {
margin-right: auto;
flex-wrap: wrap; } }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days > .day {
color: #212121;
font-size: 1em;
text-align: center;
width: calc(3.55em + 4px); }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days > .day > .day_of_week {
color: #9f9f9f;
line-height: 1.15;
font-size: 0.7em;
font-weight: bold; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days > .day > .date {
display: none; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days > .day:not(:first-child) {
margin-left: 10px; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .days > .day.is-empty {
opacity: 0; }
.piranya-shop.order-planner > .plan .order-grouping > .order-grouping__header > .title {
font-size: 1.4em; }
.piranya-shop.order-planner > .plan:not(.is_flushing) .day.has-unsaved-changes > .spinner:before {
opacity: 0 !important; }
.piranya-shop.order-planner > .plan.locked > .header button.guided {
display: none; }
.piranya-shop.order-planner > .plan.locked .order-grouping__items .row button.remove {
display: none; }
.piranya-shop.order-planner > .plan.locked .order-grouping__items .row button.remove + .content {
margin-left: 0; }
.piranya-shop.order-planner > .plan.locked .order-grouping__items .row .content > .actions {
display: none; }
.piranya-shop.order-planner > .plan.locked .order-grouping__actions button.save.is_saved {
display: none; }
.piranya-shop.order-planner > .plan.locked + .order-create {
display: none; }
.piranya-shop.order-planner > .plan:not(.may-have-multiple-order-groupings) > .order-groupings > .active > .order-grouping__header {
display: none; }
.piranya-shop.order-planner > .plan.may-have-multiple-order-groupings > .order-groupings {
margin-top: 10px; }
.piranya-shop.order-planner > .plan + .order-create {
margin-top: 80px; }
.piranya-shop.order-planner > .plan:not(.has-active-order-grouping) + .order-create {
display: none; }
.piranya-shop.order-planner.guided > .plan > .header .actions > button.guided {
background-color: #51a389;
color: white; }
.piranya-shop.order-planner > .order-create .panels .products.loading:after {
border-top-color: #212121; }
.order-planner__period-status {
display: flex;
flex-direction: column; }
.piranya-shop.p-popup.edit-comment textarea {
font-size: 1em;
height: 200px;
margin-top: 20px;
max-height: 60vh;
max-width: 80vw;
padding: 10px;
width: 400px; }
.piranya-shop.p-popup.info-for-new-order-grouping .swal2-html-container {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 20px; }
.piranya-shop.p-popup.info-for-new-order-grouping label {
display: block;
font-size: 1.2em;
margin-bottom: 5px;
text-align: left; }
.piranya-shop.dialog.pick-delivery-date,
.piranya-shop.dialog.pick-eating-days {
display: flex;
flex-direction: column; }
.piranya-shop.dialog.pick-delivery-date h3,
.piranya-shop.dialog.pick-eating-days h3 {
font-size: 2em;
text-align: center; }
.piranya-shop.dialog.pick-delivery-date h4,
.piranya-shop.dialog.pick-eating-days h4 {
font-size: 1.3em;
margin-top: 15px;
text-align: center; }
.piranya-shop.dialog.pick-delivery-date div.days,
.piranya-shop.dialog.pick-eating-days div.days {
align-items: stretch;
display: flex;
flex-direction: row;
margin: 20px 0; }
.piranya-shop.dialog.pick-delivery-date div.days > .day,
.piranya-shop.dialog.pick-eating-days div.days > .day {
align-items: center;
display: flex;
flex-direction: column; }
.piranya-shop.dialog.pick-delivery-date div.days > .day > .label,
.piranya-shop.dialog.pick-eating-days div.days > .day > .label {
font-size: 0.8em;
text-transform: capitalize; }
.piranya-shop.dialog.pick-delivery-date div.days > .day:not(:first-child),
.piranya-shop.dialog.pick-eating-days div.days > .day:not(:first-child) {
margin-left: 20px; }
.piranya-shop.dialog.pick-delivery-date select.delivery-dates,
.piranya-shop.dialog.pick-eating-days select.delivery-dates {
margin: 20px 0; }
.piranya-shop.dialog.pick-delivery-date > .pick-eating-days__add-default,
.piranya-shop.dialog.pick-eating-days > .pick-eating-days__add-default {
margin-top: 10px; }
/* piranya/shop */
.piranya-shop.product.add-to-basket .choices > .times {
display: flex;
flex-direction: column; }
.piranya-shop.product.add-to-basket .choices > .times:not(:first-child) {
margin-top: 10px; }
.piranya-shop.product.add-to-basket .choices > .times > .header {
margin-bottom: 10px; }
.piranya-shop.product.add-to-basket .choices > .times > .content {
align-items: stretch;
display: flex;
flex-direction: row;
gap: 10px; }
.piranya-shop.product.add-to-basket .choices > .times > .content > .time {
align-items: center;
display: flex;
flex-direction: column;
max-width: 3.5em; }
.piranya-shop.product.add-to-basket .choices > .times > .content > .time > input {
box-sizing: border-box;
max-width: 100%;
padding: 0.4em; }
.piranya-shop.product.add-to-basket .choices > .times > .content > .time > label {
color: #9f9f9f; }
.piranya-shop.product.add-to-basket .choices > .times > .content > .time label + input {
margin-top: 0.5em; }
.piranya-shop.product.add-to-basket .choices > .times > .content > .time > .unit {
color: #9f9f9f;
font-size: 0.7em; }
.piranya-shop.product.add-to-basket .totals.is_loading > p > .value {
min-width: 2em;
position: relative; }
.piranya-shop.product.add-to-basket .totals.is_loading > p > .value::after {
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 1em;
height: 1em;
margin-top: -0.5em;
margin-left: -0.5em;
border-radius: 50%;
border: 0.1em solid #ccc;
border-top-color: #000;
animation: rotate-clockwise .6s linear infinite; }
/* piranya/shop */
/* Product details */
.piranya-view-shop-product-detail .buy-wrapper > .title,
.piranya-view-shop-product-detail .buy-wrapper .highlighted-text-wrapper,
.piranya-view-shop-product-detail .buy-wrapper > .choices,
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper,
.piranya-view-shop-product-detail .buy-wrapper > .shipping-calculator:not(:last-child),
.piranya-view-shop-product-detail .buy-wrapper > .stock,
.piranya-view-shop-product-detail .description .title {
margin-bottom: 16px; }
.piranya-view-shop-product-detail .buy-wrapper > .shipping-calculator:last-child {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper {
display: flex;
flex-direction: column;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper > button:first-child {
margin-top: 0;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper .payment-methods-price-tags {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper {
margin: 0 0 16px 0;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .header {
margin-bottom: 12px; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > input {
width: 100%;
margin: 5px 0 0 0;
font-size: 1.3em;
text-align: center;
-moz-appearance: textfield; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > input[type="number"]::-webkit-outer-spin-button, .piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .item-count {
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .item-count > * {
font-size: 1.2em; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper {
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price {
background-color: #ececec;
box-sizing: border-box;
font-size: 1.4em;
padding: 0.5em;
width: 100%; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price > .value {
float: right; }
.piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p:not(:first-child) {
margin-top: 16px; }
.piranya-view-shop-product-detail .buy-wrapper .highlighted-text-wrapper {
width: 100%;
border-bottom: 1px solid black;
padding-bottom: 10px; }
.piranya-view-shop-product-detail .facts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px; }
.piranya-view-shop-product-detail .facts > .fact {
align-items: center;
background-color: #ececec;
border-radius: 10px;
display: flex;
flex-direction: column;
padding: 10px; }
.piranya-view-shop-product-detail .facts > .fact > .label {
color: #686868;
font-size: 0.8em;
text-align: center; }
.piranya-view-shop-product-detail .facts > .fact > .value {
text-align: center; }
@supports (display: grid) {
.piranya-view-shop-product-detail .facts {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(100, max-content); } }
@supports (display: grid) {
.piranya-view-shop-product-detail form.add-to-basket {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(calc(50% - 10px), 1fr)); }
.piranya-view-shop-product-detail.show-description-on-side .buy-wrapper {
grid-row-start: 1;
grid-row-end: 3; }
.piranya-view-shop-product-detail.show-description-on-side .images {
grid-row: 1; }
.piranya-view-shop-product-detail:not(.show-description-on-side) .buy-wrapper:first-child,
.piranya-view-shop-product-detail .add-to-basket > .children,
.piranya-view-shop-product-detail .add-to-basket > .go-to-checkout,
.piranya-view-shop-product-detail .add-to-basket > .choices.spacious {
grid-column: 1 / span 2; } }
@supports not (display: grid) {
.piranya-view-shop-product-detail .images, .piranya-view-shop-product-detail .buy-wrapper {
width: calc(50% - 10px); } }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.piranya-view-shop-product-detail .images, .piranya-view-shop-product-detail .buy-wrapper {
width: calc(50% - 10px); } }
.piranya-view-shop-product-detail .images,
.piranya-view-shop-product-detail .buy-wrapper {
float: left;
box-sizing: border-box; }
.piranya-view-shop-product-detail .images {
position: relative; }
@supports not (display: grid) {
.piranya-view-shop-product-detail .buy-wrapper {
margin-left: 20px; }
.piranya-view-shop-product-detail .buy-wrapper:first-child {
width: 100%; } }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.piranya-view-shop-product-detail .buy-wrapper {
margin-left: 20px; }
.piranya-view-shop-product-detail .buy-wrapper:first-child {
width: 100%; } }
.piranya-view-shop-product-detail .choices {
width: 100%; }
.piranya-view-shop-product-detail .choices.spacious {
background: none;
padding: 0;
box-sizing: border-box; }
.piranya-view-shop-product-detail .choices > .header {
display: none; }
.piranya-view-shop-product-detail ul.tabs {
width: 100%;
margin-top: 20px;
margin-bottom: 10px;
list-style-type: none;
border-bottom: 3px solid lightgrey;
float: left; }
.piranya-view-shop-product-detail ul.tabs li:only-child {
display: none; }
.piranya-view-shop-product-detail ul.tabs li {
float: left;
margin: initial;
margin-right: 20px;
width: initial;
cursor: pointer; }
.piranya-view-shop-product-detail ul.tabs li h2 {
color: black;
font-weight: bold;
padding: 5px 10px 0px 10px;
margin-bottom: 5px;
font-size: 20px;
float: left; }
.piranya-view-shop-product-detail ul.tabs li.active, .piranya-view-shop-product-detail ul.tabs li:hover {
background-color: lightgrey; }
.piranya-view-shop-product-detail ul.tabs li.active h2, .piranya-view-shop-product-detail ul.tabs li:hover h2 {
color: white; }
.piranya-view-shop-product-detail ul.tabs ~ div:not(.active) {
display: none; }
.piranya-view-shop-product-detail .description,
.piranya-view-shop-product-detail .reviews {
width: 100%; }
.piranya-view-shop-product-detail:not(.has-choices) .tabs,
.piranya-view-shop-product-detail:not(.has-choices):not(.show-description-on-side) .description,
.piranya-view-shop-product-detail:not(.has-choices) .reviews {
grid-column-start: 1;
grid-column-end: 3; }
.piranya-shop.dialog.product .images > .large,
.piranya-view-shop-product-detail .images > .large {
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center; }
.piranya-shop.dialog.product .images > .large:not(:last-child),
.piranya-view-shop-product-detail .images > .large:not(:last-child) {
margin-bottom: 20px; }
.piranya-shop.dialog.product .images img,
.piranya-shop.dialog.product .images video,
.piranya-view-shop-product-detail .images img,
.piranya-view-shop-product-detail .images video {
box-sizing: border-box;
max-width: 100%; }
.piranya-shop.dialog.product .images a img,
.piranya-view-shop-product-detail .images a img {
opacity: 1;
transition: opacity 0.4s ease; }
.piranya-shop.dialog.product .images a img:hover,
.piranya-view-shop-product-detail .images a img:hover {
opacity: 0.8; }
.piranya-shop.dialog.product .images > .small-images,
.piranya-view-shop-product-detail .images > .small-images {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(4, 1fr); }
@supports not (display: grid) {
.piranya-view-shop-product-detail .description,
.piranya-view-shop-product-detail .reviews {
margin-top: 20px; } }
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
.piranya-view-shop-product-detail .description,
.piranya-view-shop-product-detail .reviews {
margin-top: 20px; } }
@media (min-width: 741px) {
.piranya-view-shop-product-detail.has-choices .buy-wrapper {
grid-column: 2; } }
@media (max-width: 740px) {
.piranya-view-shop-product-detail .images,
.piranya-view-shop-product-detail .buy-wrapper {
width: 100%; }
@supports (display: grid) {
.piranya-view-shop-product-detail .add-to-basket > div {
grid-column-start: 1;
grid-column-end: 3; }
.piranya-view-shop-product-detail .images {
grid-row-start: 1;
grid-row-end: 1; }
.piranya-view-shop-product-detail .buy-wrapper,
.piranya-view-shop-product-detail.show-description-on-side .buy-wrapper {
grid-row-start: 2;
grid-row-end: 2; } }
.piranya-view-shop-product-detail .buy-wrapper {
margin-left: 0; } }
@media (orientation: portrait) {
.piranya-view-shop-product-detail .images > .large > img {
max-height: 50vh; } }
/* piranya/shop */
.p-popup.piranya-shop.product.add-to-basket.wizard {
overflow: hidden;
padding: 0; }
.p-popup.piranya-shop.product.add-to-basket.wizard .swal2-html-container {
height: fit-content;
overflow: hidden; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices {
overflow: hidden;
height: fit-content;
display: flex;
flex-flow: row wrap; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices > .next,
.p-popup.piranya-shop.product.add-to-basket.wizard .choices > .previous {
border: none;
border-radius: unset;
box-sizing: border-box;
width: calc(50% - 2px);
padding: 10px 20px;
margin: 10px 0 0 0;
text-align: center; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices > .next {
margin-left: 4px; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page*="0"] > .previous {
display: none; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page*="0"] > .next {
margin-left: 0;
width: 100%; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page*="final"] > .previous {
width: 100%;
background: unset;
color: black;
font-size: 1em; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page*="final"] > .next {
display: none; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page*="final"].singlePage > .previous {
display: none; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants {
display: grid;
grid-template-columns: repeat(100, 100%);
grid-template-rows: min-content;
position: relative;
width: 100% !important;
right: 0%;
transition: right 500ms ease; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group {
width: 100% !important;
flex: 0 0 100%;
padding: 0px 10px; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group[data-page-index] {
grid-row: unset; }
@media (max-width: 480px) {
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(:last-child) {
margin-bottom: 5px; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property {
align-items: center;
flex-direction: row; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount, .p-popup.piranya-shop.product.add-to-basket.wizard .choices .variants .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .price {
margin: 0 0 0 10px;
width: auto; } }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page] .group:not(.active) {
max-height: 0;
min-height: 0;
opacity: 0;
padding: 0;
margin: 0;
border: none;
transition: unset; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices[data-page] .group:not(.active) * {
max-height: 0;
opacity: 0;
padding: 0;
margin: 0;
border: none;
transition: unset; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices:not([data-page*=final]) ~ * {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none;
transition: max-height 0.25s ease; }
.p-popup.piranya-shop.product.add-to-basket.wizard .choices:not([data-page*=final]) ~ * * {
user-select: none;
cursor: pointer;
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none;
font-size: 0em; }
.p-popup.piranya-shop.product.add-to-basket.wizard .wrapper .item-count, .p-popup.piranya-shop.product.add-to-basket.wizard .wrapper .totals {
padding: 0px 10px; }
.p-popup.piranya-shop.product.add-to-basket.wizard .wrapper > button {
border-radius: unset; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group * {
transition: all 0s ease; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .content {
max-height: 900px;
overflow: hidden; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .content > .property:not(.has-price) .price:not(.keep) {
opacity: 1; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .content > .property:not(.has-price) .price:not(.keep) .value .sign {
opacity: 0; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .header {
justify-content: space-between;
margin-bottom: 5px; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .header.inactive:not(.pending) {
background: #d9d9d9; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .header.inactive, .p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group > .header.active {
cursor: pointer; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.active:after,
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.pending:after {
content: "\f077";
font: normal normal normal 1em/1 FontAwesome; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.active + .content, .p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.active + .content .group,
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.pending + .content,
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.pending + .content .group {
transition: max-height .25s linear; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive:not(.pending) .title {
color: darkgrey; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive.pending:after {
content: "\f078"; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive:not(.pending):after {
content: "\f078";
font: normal normal normal 1em/1 FontAwesome;
color: darkgrey; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive + .content {
max-height: 0px;
transition: max-height .25s linear;
overflow: hidden; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive + .content > .property {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none; }
.p-popup.piranya-shop.product.add-to-basket.wizard .variants > .group .header.inactive + .content > .property * {
max-height: 0px;
opacity: 0;
padding: 0px;
margin: 0px;
border: none; }
/* piranya/shop */
.piranya-shop-shipping-calculator {
display: flex;
flex-flow: column nowrap;
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address {
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address > h2 {
width: 100%; }
.piranya-shop-shipping-calculator > .piranya-shop-checkout-data-address .piranya-input-container.p-checkbox {
display: none; }
.piranya-shop-shipping-calculator > div[data-view-name] {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper {
max-height: 2000px;
overflow: hidden;
transition: max-height 0.6s ease-in-out;
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper.no-address {
max-height: 0; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .header {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item {
padding: 10px 0px;
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item:not(:last-child) {
border-bottom: 1px solid #efefef; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item:last-child {
padding-bottom: 0; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .header {
width: 100%;
margin-bottom: 5px; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .header .title {
width: auto; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .duration {
display: none;
/* hide by default */
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .usage {
width: 100%; }
.piranya-shop-shipping-calculator > div[data-view-name] > .shipping-methods-wrapper > .shipping-methods > .item .content .price-wrapper {
width: auto;
margin-top: 5px;
font-size: 1.1em;
text-align: right; }
.piranya-shop-shipping-calculator_call-to-action > .piranya-shop-shipping-calculator {
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease-in-out; }
.piranya-shop-shipping-calculator_call-to-action > .piranya-shop-shipping-calculator.expanded {
max-height: 2000px; }
/* piranya/shop */
.piranya-shop-supplier-products > .piranya-view-content,
.supplier-product-orders > .piranya-view-content {
align-items: flex-start;
display: flex;
flex-direction: column; }
.piranya-shop-supplier-products table,
.supplier-product-orders table {
float: left;
margin: 20px 0;
width: 100%; }
.piranya-shop-supplier-products td,
.supplier-product-orders td {
border-bottom: 1px solid #c3c3c3;
padding: 10px;
text-align: center; }
.piranya-shop-supplier-products td.items,
.supplier-product-orders td.items {
align-items: center;
display: flex;
flex-direction: column; }
.piranya-shop-supplier-products td.items > div,
.supplier-product-orders td.items > div {
align-items: center;
display: flex;
flex-direction: column; }
.piranya-shop-supplier-products td.items .item + .item,
.supplier-product-orders td.items .item + .item {
margin-top: 1em; }
.piranya-shop-supplier-products td:not(.comment),
.supplier-product-orders td:not(.comment) {
white-space: nowrap; }
.piranya-shop-supplier-products a,
.supplier-product-orders a {
display: block;
float: left; }
.piranya-shop-supplier-products .group,
.supplier-product-orders .group {
display: flex;
flex-direction: column;
margin-top: 20px;
width: 100%; }
.piranya-shop-supplier-products .group + .group,
.supplier-product-orders .group + .group {
margin-top: 40px; }
.piranya-shop-supplier-products > h1 {
margin-bottom: 0; }
.piranya-shop-supplier-products form {
align-items: stretch;
display: flex;
flex-direction: row;
justify-content: center;
margin: 40px 0; }
.piranya-shop-supplier-products form > .select {
align-items: stretch;
display: flex;
flex-direction: row; }
.piranya-shop-supplier-products form > input {
margin-left: 10px; }
.piranya-shop-supplier-products form + table {
margin-top: 0; }
/* piranya/shop */
.piranya-shop .choices > .variants,
.piranya-shop .variants > * {
float: left;
clear: left;
width: 100%; }
.piranya-shop .variants > span.separator {
min-height: 1em; }
.piranya-shop .variants > .group {
align-items: stretch;
box-sizing: border-box;
display: flex;
flex-direction: column; }
.piranya-shop .variants > .group:not(:first-child) {
margin-top: 10px; }
.piranya-shop .variants > .group > :last-child {
margin-bottom: 0; }
.piranya-shop .variants > .group > .header {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between; }
.piranya-shop .variants > .group > .header > .status {
font-size: 1.2em; }
.piranya-shop .variants > .group > div.description {
margin-top: 10px;
width: 100%; }
.piranya-shop .variants > .group > .content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
float: left; }
.piranya-shop .variants > .group > .content.swiper-wrapper {
flex-wrap: nowrap; }
.piranya-shop .variants > .group > .content.swiper-wrapper > .swiper-slide {
margin: 0; }
.piranya-shop .variants > .group[data-is-valid="false"] > .header > .status {
color: red; }
.piranya-shop .variants > .group.incompatible {
display: none; }
.piranya-shop .variants > .group.swiper-container-horizontal > .swiper-wrapper {
flex-direction: row; }
.piranya-shop .variants > .group > .content > .property {
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
width: 100%;
/* Amount picker */
/* end of amount picker */ }
.piranya-shop .variants > .group > .content > .property > div.label-and-input {
display: flex;
flex-direction: row;
align-items: center; }
.piranya-shop .variants > .group > .content > .property div.image, .piranya-shop .variants > .group > .content > .property div.video {
background-image: url("/content/v1.0.9216.170871/piranya/images/NoPicture.png");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
margin-right: 10px;
min-height: 70px;
min-width: 70px; }
.piranya-shop .variants > .group > .content > .property div.image:not(:empty), .piranya-shop .variants > .group > .content > .property div.video:not(:empty) {
width: 70px; }
.piranya-shop .variants > .group > .content > .property div.image > a.small, .piranya-shop .variants > .group > .content > .property div.video > a.small {
text-align: center;
width: 100%;
display: block; }
.piranya-shop .variants > .group > .content > .property div.image > a.small > img, .piranya-shop .variants > .group > .content > .property div.video > a.small > img {
width: 100%; }
.piranya-shop .variants > .group > .content > .property div.video video {
max-width: 100%;
max-height: 100%; }
.piranya-shop .variants > .group > .content > .property button.description {
display: block;
clear: none;
width: auto;
border: none;
background: transparent;
font-size: 1.3em;
margin: 0;
color: #666;
cursor: pointer;
transition: color 0.2s ease; }
.piranya-shop .variants > .group > .content > .property button.description:hover {
color: black; }
.piranya-shop .variants > .group > .content > .property button.description:before {
content: "\f05a"; }
.piranya-shop .variants > .group > .content > .property label.property {
font-size: 1em; }
.piranya-shop .variants > .group > .content > .property label.property > h4 {
text-align: left; }
@media not screen and (max-width: 480px) {
.piranya-shop .variants > .group > .content > .property.p-toggle-box.selected .stock + .amount, .piranya-shop .variants > .group > .content > .property:not(.p-toggle-box) .stock + .amount {
margin-left: 10px; } }
.piranya-shop .variants > .group > .content > .property .amount {
align-items: stretch;
margin-left: 0; }
.piranya-shop .variants > .group > .content > .property .amount > input[type="number"] {
flex-grow: unset;
max-width: 3.52em;
width: auto; }
.piranya-shop .variants > .group > .content > .property.p-toggle-box > .amount > .disabled {
opacity: 0; }
.piranya-shop .variants > .group > .content > .property.read-only {
opacity: 0.5; }
.piranya-shop .variants > .group > .content > .property.read-only:not(.selected) {
display: none; }
.piranya-shop .variants > .group > .content > .property p.price {
margin-left: auto;
max-height: 2em; }
.piranya-shop .variants > .group > .content > .property p.price:not(.keep) {
transition: margin-top,max-height,opacity 0.3s ease; }
.piranya-shop .variants > .group > .content > .property:not(.has-price) .price:not(.keep) {
margin-top: 0;
max-height: 0;
opacity: 0; }
.piranya-shop .variants > .group > .content > .property.has-price .price:not(.keep) {
opacity: 1; }
.piranya-shop .variants > .group > .content > .property > .p-checkbox > label,
.piranya-shop .variants > .group > .content > .property > .p-radio > label {
flex: 2; }
.piranya-shop .variants > .group > .content > .property > .p-checkbox > label > .price,
.piranya-shop .variants > .group > .content > .property > .p-radio > label > .price {
float: right; }
.piranya-shop .variants > .group[data-picker="button"] .amount {
opacity: 0;
transition: opacity 0.5s ease; }
.piranya-shop .variants > .group[data-picker="button"] .p-checkbox-button {
order: 5; }
.piranya-shop .variants > .group[data-picker="button"] .p-checkbox-button.checked ~ .amount {
opacity: 1; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property label {
display: none; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-upload-editor {
width: 100%; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-wrapper:not(.no-picture) {
width: 100%;
margin-bottom: 10px; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .image-wrapper .no-picture {
display: none; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property .remove-btn {
margin-bottom: 10px;
float: left; }
.piranya-shop .variants > .group[data-picker="file"] > .content > .property input {
clear: both;
float: left; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .header + .property {
margin-top: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
margin-bottom: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property input[type="checkbox"],
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property input[type="radio"] {
display: none; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property {
font-size: 1.2em; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .separator {
display: none; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .description {
clear: both;
float: left;
font-size: 0.7em; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property label.property > .title {
float: left; }
@media screen and (max-width: 480px) {
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price:not(.keep),
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount,
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .stock, .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property p.price:not(.keep),
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount,
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .stock {
flex-basis: 100%;
margin: 0; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property.has-price p.price:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property.has-price p.price:not(:empty) {
margin-top: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price.keep:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property p.price.keep:not(:empty) {
margin-top: 10px; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount:not(:empty),
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .stock:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount:not(:empty),
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .stock:not(:empty) {
margin-top: 10px; } }
.piranya-shop .variants > .group[data-picker="text"] label {
display: none; }
.piranya-shop .variants > .group[data-picker="text"] > .content > .property > div,
.piranya-shop .variants > .group[data-picker="text"] > .content > .property textarea {
width: 100%; }
@media screen and (max-width: 480px) {
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(.selected) > p.price:not(.keep),
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property:not(.selected) > .amount {
display: none; } }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content {
flex-flow: row;
justify-content: space-between; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property {
flex: 1;
justify-content: center;
margin: initial;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property:not(:first-child) {
margin-left: 10px; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"]:not([data-is-amount-pickable="true"]) > .content > .property p.price:not(:empty) {
margin-left: 0.4em; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) {
background-color: #709bc5;
border-color: transparent; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) p, .piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property.selected:not(.disabled):not(.unavailable) label {
color: white; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property:not(.selected) > p.price:not(.keep),
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property:not(.selected) > .amount {
display: none; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input {
flex: none;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property {
flex: none;
padding: 2px 0;
width: auto; }
.piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property:before, .piranya-shop .variants > .group[data-picker="toggle_box_button"] > .content > .property > .label-and-input label.property:after {
display: none; }
.piranya-shop .variants.show-videos > .group > .content > .property > div.label-and-input {
flex-flow: row wrap; }
.piranya-shop .choices:not(.spacious) .variants > .group > .header + .property {
margin-top: 5px; }
.piranya-shop .choices:not(.spacious) .variants > .group > div.description {
display: none; }
.piranya-shop .choices:not(.spacious) .variants > .group select:not(:last-child) {
width: calc(100% - 35px); }
.piranya-shop .choices:not(.spacious) .variants > .group[data-picker="button"] .p-checkbox-button {
margin-left: 10px; }
.piranya-shop .choices.spacious .variants > .group > .header > .title {
margin-left: auto;
font-size: 2em; }
.piranya-shop .choices.spacious .variants > .group > button.description {
display: none; }
.piranya-shop .choices.spacious .variants > .group > div.description {
text-align: center; }
.piranya-shop .choices.spacious .variants > .group > .content > .property > .amount > * {
font-size: 1em; }
.piranya-shop .choices.spacious .variants > .group > .content > .property div.image, .piranya-shop .choices.spacious .variants > .group > .content > .property div.video {
margin-right: 20px;
min-width: 100px;
height: 100px; }
.piranya-shop .choices.spacious .variants > .group > .content > .property > div > label {
font-size: 1.1em; }
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
margin-bottom: 20px; }
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > .content > .property.selected {
background-color: rgba(128, 185, 62, 0.4); }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property {
align-items: center;
flex-direction: column;
flex-wrap: nowrap; }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property .p-checkbox-button {
margin-top: 10px; }
.piranya-shop .choices.spacious .variants > .group[data-picker="button"] > .content > .property p.price {
margin-left: 0; }
.piranya-shop .choices.spacious .variants > .group:not([data-picker="amount_only"]),
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > * {
padding: 20px;
box-sizing: border-box;
width: 100%;
background-color: white;
transition: background-color 0.6s ease; }
.piranya-shop .choices.spacious .variants > .group:not([data-picker="amount_only"]):not(:last-child),
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > *:not(:last-child) {
margin-bottom: 20px; }
/* piranya/shop */
.piranya-shop-currencies.select, .piranya-country.select {
display: flex;
align-items: center;
width: 100%;
}
.piranya-shop-currencies.select .currency-flag, .piranya-country.select .country-flag {
height: 50px;
width: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: inherit;
}
.piranya-country.select .country-flag {
margin-right: 10px;
}
/* /content/dynamic/2.css */
#footer a {
color: white;
font-family: 'Coop_Regular';
font-size: 14px; }
#footer {
width: 100%;
opacity: 0; }
#upper-footer {
min-height: 400px;
padding-top: 20px;
width: 100%;
background-color: #2a2a2a;
padding-top: 30px; }
#lower-footer {
height: 50px;
display: table;
width: 100%;
background-color: #2a2a2a;
border-top: 1px solid #494949;
display: block;
margin: 0 auto;
text-align: center; }
#lower-footer p {
color: white;
line-height: 100%;
width: 100%;
text-align: center;
vertical-align: middle;
font-family: 'Coop_Regular';
font-size: 12px;
margin-bottom: 10px; }
#lower-footer a {
color: white;
text-decoration: none; }
#upper-footer .piranya-col a, #upper-footer .piranya-col p {
color: white;
font-family: 'Coop_Regular';
color: white;
font-size: 14px;
display: inline-block;
text-decoration: none; }
#upper-footer .piranya-col h2 {
font-size: 1.5em;
color: white;
margin-bottom: 20px;
font-family: 'Coop_Bold';
font-weight: normal; }
#upper-footer .piranya-col .fa {
color: white;
font-size: 0.8em;
margin-right: 10px;
margin-top: 6px; }
#upper-footer .department {
clear: left;
margin-bottom: 10px;
padding-bottom: 10px;
width: 100%; }
#upper-footer .department:not(:last-of-type) {
border-bottom: 1px solid #e2e2e2; }
.icon-text-wrapper {
width: 100%; }
.icon-text-wrapper.shop-terms {
margin-top: 10px; }
.icon-text-wrapper-large {
width: 100%;
border-bottom: 1px solid #494949;
padding: 10px 0px; }
#footer table {
border-spacing: 5px; }
#footer td {
font-size: 1.0em;
text-align: left;
padding-bottom: 2px;
border-bottom: 1px solid #e2e2e2; }
@media (min-width: 1200px) {
#footer td {
white-space: nowrap; } }
#footer th {
font-size: 1.2em;
font-weight: normal; }
.icon-text-wrapper img {
max-width: 300px; }
#footer .icon-text-wrapper.footer-menu-item > a {
margin-top: 10px;
display: flex;
align-items: center; }
#footer .icon-text-wrapper.footer-menu-item > a img {
max-width: 100px;
margin-right: 10px; }
#footer .inner-wrapper .bakery-openinghours + .p-departments.opening-hours thead {
display: none; }
/* /content/dynamic/3.css */
section {
padding-top: 60px;
padding-bottom: 60px; }
.piranya-shop-checkout-await-audit, .piranya-view.piranya-shop-checkout-success-container {
min-height: 300px;
margin-top: 80px;
text-align: center; }
.section-headline-wrapper {
width: 100%;
padding-bottom: 40px;
margin-bottom: 10px;
text-align: center; }
.section-headline-wrapper:after {
background: url("/File/29721/line.jpg?ticks=1752450485") 50% no-repeat;
display: block;
text-align: center;
content: "";
margin-top: 10px;
height: 2px; }
.capitalize {
text-transform: capitalize; }
#login-wrapper {
float: right;
margin-top: 4px; }
#sm-wrapper {
margin-top: 4px; }
#sm-wrapper .fa {
color: white;
float: right;
margin-top: 3px;
margin-right: 10px; }
#sm-wrapper .fa:hover {
color: #88be4b; }
#login-wrapper a, #login-wrapper p {
color: #86b64d;
display: inline-block; }
#login-wrapper .fa {
color: #86b64d;
float: left;
margin-top: 2px;
margin-right: 5px; }
@-webkit-keyframes fadein {
0% {
-webkit-opacity: 0; }
100% {
-webkit-opacity: 1; } }
@keyframes fadein {
0% {
opacity: 0; }
100% {
opacity: 1; } }
body, html {
margin: 0px;
padding: 0px;
width: 100%;
font-family: opensans; }
body {
height: 100%; }
body.piranya-page-home {
background-color: white; }
body:not(.piranya-page-home) #deal-wrapper {
display: none; }
ul {
padding: 0;
margin: 0; }
#main-wrapper {
width: 100%;
min-height: 100%; }
#main {
width: 100%;
height: 100%;
display: flex;
flex-direction: column; }
#piranya-page {
min-height: 665px; }
div {
float: left; }
.menu-wrapper {
width: 100%;
top: 0;
z-index: 100;
left: 0;
background-color: black; }
.center {
position: relative;
max-width: 1200px;
width: calc(100% - 20px);
float: none;
margin: 0px auto; }
#topbar {
width: 100%;
height: 90px;
position: fixed;
background-color: black;
top: 0px;
left: 0px;
z-index: 1000;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: center;
min-height: 56px; }
#topbar > div {
width: 100%;
max-width: 1200px;
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between; }
#header-wrapper {
width: 100%;
margin-top: 110.5px; }
.top-image {
width: 100%;
left: 0;
position: absolute; }
#logo-wrapper {
padding: 10px;
border-radius: 10px;
margin: 5px 0px;
min-width: 200px;
text-align: center;
text-decoration: none; }
#logo-wrapper p {
font-family: COOP_Bold;
color: white;
margin-top: 10px;
font-size: 0.9em; }
#logo {
float: left;
max-width: 364px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 100%;
max-height: calc(100% - 20px);
margin-bottom: 5px; }
#logos {
text-align: center; }
#logos img {
max-width: 100%; }
@media (max-width: 767px) {
#header-wrapper {
min-height: 0; } }
@media (max-width: 979px) {
.menu-wrapper {
background: url("/File/29722/17938-variation.png?ticks=1752450483") repeat;
height: 120px; }
#page-header-text {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-left: 20px; }
#front-elements {
margin-top: 40px; }
body.piranya-page-home #piranya-page {
margin: 0 auto; }
body.piranya-page-home section {
padding-bottom: 0;
padding-top: 0px; }
body:not(.piranya-page-home) #piranya-page {
width: calc(100% - 40px);
padding: 0px 20px;
background-color: white; }
.piranya-breadcrumb-wrapper > * {
display: none; } }
@media (min-width: 980px) {
#page-header-text {
margin-left: 70px;
margin-top: auto;
margin-bottom: 20px; }
body.isReady #slider-wrapper > div.center {
display: block; } }
#about-wrapper {
margin: 40px 0px; }
ul {
list-style: none;
padding: 0; }
.container {
width: 100%;
max-width: 400px;
height: auto;
padding: 17px;
box-sizing: border-box;
margin: auto;
background: white; }
.content-frame {
width: 100%;
height: auto;
padding: 22px 22px 15px 22px;
box-sizing: border-box; }
.container label {
cursor: s-resize;
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fade {
position: absolute;
margin: auto;
height: 40px;
width: 100%;
left: 0px;
text-overflow: fade;
z-index: 5;
transition: 1.2s;
-webkit-transition: 1.2s;
-moz-transition: 1.2s;
-ms-transition: 1.2s;
-o-transition: 1.2s;
background: linear-gradient(to bottom, rgba(128, 185, 62, 0), rgba(128, 185, 62, 0.5) 40%, #80b93e 100%); }
.subtop-wrapper {
float: left;
width: 100%;
padding: 160px 0;
text-align: center;
color: white; }
@media (max-width: 980px) {
.subtop-wrapper {
padding: 100px 0; } }
.subtop-wrapper h1 {
color: white;
font-size: 3.5em; }
@media (max-width: 980px) {
.subtop-wrapper h1 {
font-size: 2.2em; } }
.subtop-wrapper p {
color: white;
font-size: 1.5em; }
@media (max-width: 980px) {
.subtop-wrapper p {
font-size: 1.1em; } }
@media (max-width: 320px) {
#logo-wrapper {
min-width: 130px; } }
img {
max-width: 100%; }
ol {
font-family: coop_regular; }
#piranya-page > .piranya-view {
margin-top: 20px;
margin-bottom: 20px; }
#main #piranya-page .sub_unsub-wrapper .subscribe-form.piranya-view-form-wrapper.vertical-labels, #main #piranya-page .sub_unsub-wrapper .unsubscribe-form.piranya-view-form-wrapper.vertical-labels {
width: 60%; }
#main #piranya-page .sub_unsub-wrapper .subscribe-form.piranya-view-form-wrapper.vertical-labels input.piranya-txt, #main #piranya-page .sub_unsub-wrapper .unsubscribe-form.piranya-view-form-wrapper.vertical-labels input.piranya-txt {
padding: 17px 10px 13px 10px; }
#main #piranya-page .sub_unsub-wrapper .subscribe-form.piranya-view-form-wrapper.vertical-labels .piranya-btn, #main #piranya-page .sub_unsub-wrapper .unsubscribe-form.piranya-view-form-wrapper.vertical-labels .piranya-btn {
width: 100%;
font-family: 'coop_bold';
color: white;
font-size: 1.17em; }
#main #piranya-page .sub_unsub-wrapper .subscribe-form.piranya-view-form-wrapper.vertical-labels .piranya-btn[value="Afmeld"], #main #piranya-page .sub_unsub-wrapper .unsubscribe-form.piranya-view-form-wrapper.vertical-labels .piranya-btn[value="Afmeld"] {
background-color: #ae414f; }
.open-hour-section {
background-color: #94676e; }
@media (max-width: 980px) {
.open-hour-section {
padding-top: 0px; } }
.open-hour-section:empty {
display: none; }
.open-hour-section div:empty {
display: none; }
.open-hour-section .opening-hours th {
display: none; }
.open-hour-section .opening-hours tr:nth-child(odd) td {
border: none;
text-align: center; }
.open-hour-section .opening-hours td:first-child {
display: none; }
.open-hour-section table.opening-hours {
width: 100%;
font-family: 'COOP_Bold'; }
#ribbon-over {
width: calc(100% - 94px);
padding: 40px 40px 40px 40px; }
#ribbon-over p {
font-family: 'COOP_Bold';
color: white; }
@media (min-width: 980px) {
#ribbon-over p {
line-height: 1; } }
#ribbon-over .slot > .minute-0 > .value > .separator, #ribbon-over .slot > .minute-0 > .value > .minute {
display: none; }
@media (max-width: 680px) {
#ribbon-over .slot > span {
font-size: 3em !important; } }
#ribbon-over .slot > span {
font-size: 7em; }
#ribbon-over .slot > span.from-to-separator {
margin: 0 0.1em; }
.logo-section {
margin-top: 80px;
width: 100%;
text-align: center; }
.logo-section img {
max-width: 200px; }
@media (max-width: 600px) {
.logo-section {
margin-top: 20px;
margin-bottom: 15px; } }
#footer-logo {
text-align: center; }
#comp-text {
font-family: COOP_Bold; }
.coopfood-section {
background: url("/File/30926/nyhed_coop-bruger-kunstig-intelligens_foto-coop.jpg?ticks=1752450479");
background-size: cover;
padding-top: 20px;
padding-bottom: 20px; }
.coopfood-section td {
font-family: 'Coop_regular';
font-size: 0.8em; }
.coopfood-section .header-logo {
display: flex;
justify-content: center;
align-items: center; }
.coopfood-logowrapper {
width: 20%; }
.coopfood-btn {
text-align: center;
margin-top: 30px;
background-color: #48a868;
color: #fff;
border-color: #48a868;
transition: opacity .15s ease;
overflow: hidden;
border-radius: 5px;
vertical-align: middle;
text-align: center;
text-decoration: none;
border-width: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: 500;
height: 3.6rem;
width: 100%;
cursor: pointer; }
.piranya-btn.in-txt {
padding: 3px 10px; }
@media (max-width: 1199px) {
#box-food {
display: none; } }
.piranya-view-headline {
margin-bottom: 15px; }
body:not(.piranya-page-home) #piranya-page {
background-color: white; }
.open-section {
padding-top: 0px !important; }
#search-results {
background-color: #f7f6f6; }
.languages {
order: 4; }
.languages img {
margin-left: 10px; }
@media (max-width: 980px) {
.languages {
margin-right: 20px; } }
.smiley-section {
box-sizing: border-box;
padding: 20px; }
.bordtes {
box-sizing: border-box; }
@media (min-width: 980px) {
.bordtes {
border-right: 3px solid; } }
.text-wrap {
display: flex;
align-items: center; }
.infobar {
height: 35px;
width: 100%;
z-index: 9999;
position: fixed;
top: 0;
display: flex;
justify-content: center;
align-items: center; }
.infobar > * {
text-align: Center;
/*@media(max-width:680px) {*/
/* line-height:26px;*/
/*}*/ }
@media (max-width: 680px) {
.infobar {
height: 60px; } }
.infobar + #topbar {
top: 35px; }
@media (max-width: 680px) {
.infobar + #topbar {
top: 60px; } }
.allergen-wrap {
background-color: #35bba5; }
@media (max-width: 980px) {
.allergen-wrap {
padding: 20px !important;
box-sizing: border-box; } }
.allergen-wrap h2 {
color: white;
display: block;
line-height: 1.1;
font-family: COOP_Bold;
font-size: 2.5em; }
@media (max-width: 980px) {
.allergen-wrap h2 {
width: 100%;
text-align: Center; } }
.allergen-wrap p {
color: White;
font-size: 1rem; }
@media (max-width: 980px) {
.allergen-wrap p {
width: 100%;
text-align: Center; } }
.allergen-wrap img {
width: 80%;
box-sizing: border-box; }
@media (max-width: 980px) {
.allergen-wrap img {
width: 100%; } }
.allergen-wrap .phone-wraps {
font-size: 2.5em;
color: White;
margin-top: 20px; }
.allergen-wrap .phone-wraps a {
text-decoration: none;
font-family: COOP_Bold;
color: White; }
@media (max-width: 980px) {
.allergen-wrap .phone-wraps a {
width: 100%;
display: flex;
align-items: center;
justify-content: center; } }
.testme {
margin-bottom: 50px; }
.testme iframe {
width: 100%;
height: 198px; }
@media (min-width: 980px) {
.testme iframe {
height: 440px; } }
@media (max-width: 980px) {
.testme iframe {
border: 2px solid #03121f; } }
.videome {
position: relative; }
.bluebg {
background: #001e39; }
.bluebg h1, .bluebg h2, .bluebg h3, .bluebg h4, .bluebg p, .bluebg li {
color: White; }
@media (max-width: 980px) {
.bluebg {
padding: 0px 20px;
width: calc(100% - 60px);
box-sizing: border-box; } }
.ribbon-over .slot .slots {
display: flex; }
.smiley-section {
padding-bottom: 20px !important;
padding-top: 30px !important; }
/* /content/dynamic/4.css */
body .piranya-menu-wrapper.responsive > ul ul {
top: 119%; }
body .piranya-menu-wrapper.responsive {
width: auto;
float: left;
margin-left: auto;
margin-right: 20px;
display: flex;
align-items: center;
position: relative; }
body .piranya-menu-wrapper.responsive > ul {
position: relative;
top: 0;
right: 0; }
.menu-wrapper .center {
width: 100%; }
.piranya-menu-wrapper.responsive a {
font-family: 'COOP_Regular';
color: white;
font-size: 1.2em; }
.piranya-menu-wrapper.responsive a:hover {
color: #88be4b; }
.piranya-menu-wrapper.responsive > ul .piranya-menu-item-selected.piranya-menu-item-selected-root ul {
margin-left: 26px;
transition: none; }
.piranya-menu-item-selected.piranya-menu-item-selected-root > a {
color: #80b93e; }
.piranya-menu-item-selected.piranya-menu-item-selected-root > a:hover {
color: #80b93e; }
.piranya-menu {
display: block; }
@media (max-width: 979px) {
header .piranya-menu-wrapper.responsive > ul {
color: #07355c; }
#topbar {
width: 100%;
height: 80px;
padding-left: 20px;
box-sizing: border-box; }
body .piranya-menu-wrapper.responsive > ul.open a, .piranya-menu-wrapper.responsive > ul > li:before {
color: black;
font-size: 20px; }
.piranya-menu-wrapper.responsive > ul > li:before {
line-height: 40px;
font-size: 15px; }
.piranya-menu-wrapper.responsive:first-child:not(:last-child) > ul:not(.open) {
padding: 2px;
top: 60px;
color: white;
position: absolute;
top: 7px;
right: 150px; }
body .piranya-menu-wrapper.responsive > ul.open .close-btn {
text-align: center;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #c31414;
color: #ffffff; }
body .piranya-menu-wrapper.responsive .close-btn:before {
top: 5px;
left: 12.5px;
position: absolute; }
body .piranya-menu-wrapper.responsive ul.open, .piranya-menu-wrapper.responsive ul.open {
width: 260px;
padding-right: 20px; }
body #main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu {
overflow: scroll; }
body #main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li.parent {
flex-flow: column;
height: auto; }
body #main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li.parent > a {
width: 100%;
margin-top: 16px; }
body #main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li:after {
display: none; } }
.menu-wrapper {
position: fixed; }
@media (min-width: 980px) {
#menu-wrapper {
width: auto;
float: right; }
body .piranya-menu-wrapper.responsive li {
padding: 1px 10px; }
.piranya-menu-wrapper.responsive ul ul li {
background-color: black;
border-top: 1px solid #dfe5e8;
float: left;
padding: 0;
min-width: 280px; }
.piranya-menu-wrapper.responsive ul ul li a {
line-height: 50px;
padding: 0 10px;
width: 100%;
color: white;
text-decoration: none;
font-family: 'Coop_Bold';
font-size: 1.2em; }
.piranya-menu-wrapper.responsive ul ul li a:hover {
text-decoration: none; }
header .piranya-menu-wrapper.responsive > ul > li:hover ul {
height: 350px; } }
/* /content/dynamic/5.css */
#slide_top {
text-align: center;
width: 50px;
height: 50px;
position: fixed;
bottom: 50px;
right: 20px;
z-index: 5000;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #ae414f;
color: #ffffff;
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 0.3s, background-color 0.3s linear;
cursor: pointer;
}
#slide_top:hover {
background-color: #b41522;
}
#slide_top .fa {
margin-top: 12px;
font-size: 25px;
}
#slide_top.top {
visibility: hidden;
opacity: 0;
transition: visibility 0.3s, opacity 0.3s linear;
}
/* /content/dynamic/8.css */
a
{
font-family: 'Coop_Regular';
font-weight: normal;
font-size: 1em;
color: #598d74;
}
h1 {
font-family: Coop_Bold;
color: #333;
font-size: 1.8em;
font-weight: normal;
}
h2 {
font-family: Coop_Bold;
font-weight:normal;
color: #333;
}
h3 {
font-family: Coop_Bold;
font-weight:normal;
font-size:1em;
color: #333;
}
h4, h5, h6, h7 {
font-family: Coop_Bold;
}
p {
font-family:'Coop_Regular';
font-size:13px;
line-height: 1.5em;
}
li
{
font-family:'Coop_Regular';
font-size:13px;
line-height: 1.5em;
}
#footer .opening-hours th {
font-size: 1.5em;
color: white;
margin-bottom: 20px;
font-family: 'Coop_Bold';
font-weight: normal;
text-align: left;
}
table.opening-hours
{
width:320px;
font-family:'Coop_Regular';
color:white;
}
#open-hour table.opening-hours {
color: #333;
}
.opening-hours td
{
border-bottom:1px solid #CCC6B6;
height:30px;
}
.opening-hours tr:nth-child(odd) td
{
border-bottom:1px solid #CCC6B6;
height:30px;
}
.opening-hours th, .opening-hours tr:first-child td
{
height:30px;
}
#open-hour th {
background-color: #4b4b4b;
padding: 0 5px;
color: white;
font-weight: normal;
}
#open-hour tr:first-child td
{
background-color: #a3c670;
}
/* /content/dynamic/9.css */
body .product-acquisition .product .actions > .piranya-btn:first-of-type {
background-color: #ffa6a6; }
body #main-wrapper #main #piranya-page section#takeaway {
background-color: #f7f6f6; }
.piranya-shop-product-wrapper-details .piranya-btn {
background-color: #ae414f;
padding: 10px 40px;
text-decoration: none;
color: white; }
@media (max-width: 979px) {
.cart-wrapper .cart #order-btn:first-child > p {
font-size: 0.8em; }
.cart-wrapper .cart .items .product {
font-size: 0.8em; }
.cart-wrapper .cart .total-price {
font-size: 0.8em; } }
.cart-wrapper p, .cart-wrapper a {
color: #7c7c7c;
font-size: 1.0em;
font-family: 'Coop_Regular'; }
/*Piranya views */
.piranya-shop-product-list {
width: 100%; }
div.piranya-shop-product-wrapper p,
div.piranya-shop-product-wrapper div,
div.piranya-shop-product-wrapper-image,
div.piranya-shop-product-wrapper-details {
position: relative; }
div.piranya-shop-product-wrapper .piranya-shop-product-wrapper-details {
width: auto;
float: left;
width: 100%;
display: none; }
div.piranya-shop-product-wrapper .piranya-shop-product-wrapper-details > a {
display: inline-block; }
.piranya-view.piranya-view-shop.piranya-view-shop-product-detail .buy-wrapper {
position: relative; }
.piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price {
width: 100px;
height: 65px;
padding: 0 5px;
font-size: 1.3em;
font-family: 'Brugsen';
color: white;
background: #d0131e;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
margin-left: 20px;
display: flex;
justify-content: center;
align-items: center;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-top: 170px; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-image {
overflow: hidden;
width: 100%;
height: 300px;
position: static;
float: none;
margin: 0px auto;
border-bottom: 1px solid #eeeeee;
text-align: center; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-image:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle; }
.piranya-shop-product-wrapper a {
text-decoration: none; }
.piranya-filter-brands, .piranya-filter-categories {
display: none; }
.piranya-pagination button {
background-color: transparent;
padding: 0px;
color: black;
font-family: Breeserif;
font-size: 1.2em;
margin-top: 3px; }
.piranya-pagination > p {
margin-top: 1px; }
.piranya-pagination input {
font-size: 1.2em;
margin-top: 3px; }
input.piranya-btn-pages {
padding: 0; }
input.piranya-btn-pages:hover {
background-color: #88be4b; }
.piranya-shop-product-wrapper {
position: relative;
height: 456px;
outline: none;
text-align: left;
width: 100%; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-title {
position: absolute;
top: 265px;
left: 0px;
width: 100%;
color: black;
font-size: 1.1em;
font-family: 'Roboto';
text-transform: uppercase;
text-align: center; }
@media (min-width: 481px) and (max-width: 600px) {
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-title {
font-size: 1.5em; } }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-product-image {
max-width: 70%;
max-height: 70%;
vertical-align: middle;
display: inline-block;
border-radius: 10px; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-product-price {
text-align: center;
margin-top: 70px; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-description {
color: black;
margin-top: 20px;
margin-bottom: 20px;
width: 50%;
font-size: 1.2em;
text-align: left;
font-family: 'roboto';
float: right;
margin-right: 20px; }
.piranya-shop-product-wrapper .piranya-shop-product-wrapper-details {
float: none;
display: block;
text-align: center;
margin-top: 20px; }
.piranya-shop-product-add-to-cart-wrapper .piranya-btn {
background-color: #ae414f;
padding: 15px 80px;
text-decoration: none;
color: white;
width: 100%;
border-radius: 4px; }
#search-wrapper {
float: right; }
.piranya-shop-product-detail-wrapper p {
font-family: 'roboto';
color: #4a4a4a; }
.piranya-btn .piranya-remove-product-wrapper {
margin-top: 30px; }
.piranya-btn.piranya-update-cart {
padding: 10px; }
.piranya-shop-product-wrapper {
background-color: white;
min-height: 550px; }
.piranya-view.piranya-view-shop .piranya-view-content {
position: relative;
max-width: 1200px;
width: 100%;
float: none; }
#sBslide {
width: 100%;
float: left;
position: absolute;
top: 6%;
left: 0%;
height: 560px; }
.section-bestseller-wrapper h1 {
position: relative;
color: white;
z-index: 100;
text-align: center;
border-bottom: 3px solid white;
margin-bottom: 20px; }
.piranya-shop-order-create .panel > .heading .title {
padding: 5px 0px;
font-size: 1.5em; }
.piranya-breadcrumb-wrapper > * {
color: grey;
font-size: 0.85em; }
.content .usage {
font-size: 0.8em;
color: #8abb8a; }
.piranya-shop.dialog.product .images a img, .piranya-view-shop-product-detail .images a img {
max-height: 550px; }
.piranya-shop.product.list-item .price.add-btn.pick > .value {
font-size: 0.7em; }
.piranya-shop.product.list-item .price.add-btn.pick > .header {
font-size: 0.7em; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab > img, body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab > .icon {
background-size: cover; }
body .piranya-shop.product.list-item .unit-prices {
position: absolute;
max-width: 70px;
font-size: 10px;
color: white;
font-family: 'COOP_Regular';
bottom: 7px; }
body .swal2-container .swal2-actions > button {
padding: 17px; }
/* /content/dynamic/14.css */
body .piranya-shop-product-wrapper {
}
body .piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price {
margin: 90px 20px 0 20px;
border-radius: 0 0 10px 10px;
flex-direction: column;
height: 100px;
cursor: pointer;
}
.piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price span.product-price-header {
width: 100%;
}
body .piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price:before {
content: "Læg i kurv";
padding: 5px 0;
width: 100%;
position: absolute;
top: -25px;
left: 0;
height: 20px;
display: flex;
background: black;
align-content: center;
justify-content: center;
border-radius: 10px 10px 0 0;
}
body .piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price span.now {
width: 100%;
font-size: 1.7em;
}
body .piranya-shop-product-wrapper p.piranya-shop-product-wrapper-product-price span.now:before {
content: " ";
background-color: #b41522;
border-bottom: 1px solid #fff;
border-top: 2px solid #fff;
height: 1px;
width: 100%;
display: block;
margin: 5px 0;
}
@media (max-width: 1250px)
{
body .piranya-shop-product-list {
width: calc(100% - 40px);
margin-left: 20px;
}
}
/* /content/dynamic/16.css */
body div.p-radio > input[type="radio"] + label, input.p-radio[type="radio"] + label, div.p-checkbox > input[type="checkbox"] + label, input.p-checkbox[type="checkbox"] + label {
font-family: 'Coop_Regular'; }
.piranya-shop-order-create .panel > .heading {
background-color: #B41522;
border-bottom: 1px solid white; }
.piranya-shop-order-create .panel > .heading .title {
color: white; }
.piranya-shop-order-create .panel > .heading.expanded ~ .content.categories {
margin-bottom: 20px; }
.piranya-shop.product .children > .product .amount > *,
.piranya-shop-order-create .panels .products .product .amount > * {
width: 45px; }
.piranya-shop-order-create .amount-picker > * {
padding: 14px 20px; }
.piranya-shop.product .children > .product .amount > input[type="number"],
.piranya-shop-order-create .panels .products .product .amount > input[type="number"] {
max-width: 45px; }
.piranya-shop.product .children > .product .amount > *,
.piranya-shop-order-create .panels .products .product .amount > * {
padding: 11px 10px; }
body .piranya-shop .category-bar.tabs .category-tab {
padding-bottom: 6px; }
#takeaway .category-tab .title {
font-size: 1.5em; }
.bestsellers .category-bar {
display: none; }
.bestsellers .panel .heading {
display: none; }
body select {
background-color: #f4f1e9; }
body ul.p-radio-boxes > li {
border: 1px solid #ada68e; }
body .piranya-shop ul.p-radio-boxes > li.selected:not(.disabled) {
border-color: #85bb47; }
body .piranya-shop ul.p-radio-boxes > li.selected:not(.disabled) > .right {
color: #85bb47; }
body .piranya-shop ul.p-radio-boxes div.p-radio > input[type="radio"] + label:after {
background: #85bb47; }
.piranya-shop-order-create .category-bar.tabs .category-tab > img,
.piranya-shop-order-create .category-bar.tabs .category-tab > .icon {
display: none; }
body .piranya-shop-order-create .category-bar.tabs .category-tab:not(.active):hover .title {
color: #b41522; }
body .piranya-shop-order-create .category-bar.tabs .category-tab.active {
background: #af4250; }
body .piranya-shop-order-create .category-bar.tabs {
border-bottom: 2px solid #af4250; }
.piranya-shop-order-create .category-bar .category-tab.active h2 {
color: white; }
.product-acquisition .price span.header {
padding-top: 3px; }
.dialog.product-acquisition .price {
font-size: 1.5em; }
.dialog.product-acquisition .price p:not(.piranya-btn) {
color: white; }
body .piranya-shop .price > .value .number.has-fractional > .separator {
display: none; }
body .piranya-shop .price > .value .number.has-fractional > .fractional {
line-height: 1.3em;
font-size: 0.6em;
vertical-align: top;
margin-left: 0.1em; }
body .piranya-shop .price > .value .number.has-separator ~ .currency {
display: none; }
body .piranya-shop .price > .value .number.has-fractional-fallback > .fractional {
vertical-align: text-bottom; }
.product-acquisition .products .product .read-more {
display: none; }
.piranya-shop .product .eyecatcher,
.piranya-shop.product .eyecatcher,
.product-acquisition .products .product .eyecatcher {
background: #598d74;
clip-path: unset;
padding: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }
.piranya-shop .product .eyecatcher p:before,
.piranya-shop.product .eyecatcher p:before,
.product-acquisition .products .product .eyecatcher p:before {
border-right-color: #b41522; }
body .product-acquisition .products .product .eyecatcher {
top: 80px; }
#topbar .mini-cart {
padding-left: 0;
padding-right: 0; }
#topbar .mini-cart .price-wrapper {
height: 100%;
width: 100%;
align-items: center;
padding-left: 20px;
padding-right: 20px;
color: white;
font-family: 'Coop_Regular';
font-size: 1.2em; }
#topbar .mini-cart .price-wrapper p {
color: inherit;
font-family: inherit; }
.piranya-shop-order-create .panels > .panel > .heading {
z-index: 1; }
.piranya-shop-order-create .cart-wrapper {
border: 1px solid #f5f5f5; }
.piranya-shop-order-create .cart-wrapper.open {
box-shadow: 0px 0 20px #888888; }
.piranya-shop-order-create .cart .header {
font-family: 'COOP_Bold'; }
.piranya-shop-order-create .cart > .department-wrapper {
display: none; }
.piranya-shop-order-create .cart-wrapper .cart .add-remove .fa,
.piranya-shop-order-create .cart-wrapper .cart .delete .fa {
background-color: #85bb47;
color: white;
font-size: 1.0em;
border: none; }
.piranya-shop-order-create .cart > #order-btn,
.piranya-shop-order-create .cart > .actions > #order-btn:first-child {
font-size: 1.1em; }
.piranya-shop-order-create .cart > #order-btn,
.piranya-shop-order-create .cart > .actions > .piranya-btn {
background: #ae414f;
font-family: 'Coop_regular';
color: white;
text-transform: uppercase; }
.piranya-shop-order-create .cart > #order-btn:hover,
.piranya-shop-order-create .cart > .actions > .piranya-btn:hover {
background-color: #b70909; }
.cart-wrapper div {
font-size: 20px;
font-family: 'FrutigerNextPro';
color: #353535; }
.piranya-shop-order-create .cart-wrapper .product {
border-bottom: 1px dashed #ada68e; }
.piranya-shop-order-create .cart-wrapper .header {
border-bottom: 1px dashed #ada68e; }
.piranya-shop-order-create .cart-wrapper .cart .count {
margin-top: 10px;
font-size: 0.7em;
margin-left: 10px; }
.piranya-shop-order-create .cart .product .price {
margin-top: 15px;
font-size: 15px; }
div .piranya-shop-order-create .cart .total-price {
background-color: #ececec;
color: #353535; }
.fa-shopping-cart:before {
margin-right: 10px; }
@media (max-width: 600px) {
#logo-wrapper {
border-radius: 10px;
margin: 5px 0px;
min-width: 130px;
text-align: center;
text-decoration: none; } }
body .dialog .description {
margin-bottom: 10px; }
body .dialog h3 {
font-family: 'COOP_Bold';
font-size: 1.3em; }
body .dialog .variants {
width: 100%;
padding: 10px 0px;
margin: 10px 0 0 0;
box-sizing: border-box; }
body .property.label-checkbox.piranya-shop-product-variant-group-property-checkbox {
display: inline-block; }
body .piranya-shop .variants > .group:not(:first-child) {
margin-top: 20px;
width: 100%; }
input[type=checkbox] {
margin: 5px;
/* padding: 5px; */ }
.piranya-shop-product-wrapper.align a:nth-of-type(4) {
width: initial;
position: absolute;
bottom: -35px;
left: 0; }
label > input {
display: inline-block; }
.group.piranya-shop-product-variant-group {
width: 100%; }
#topbar .mini-cart .price-wrapper p {
font-family: COOP_Bold; }
@media (max-width: 600px) {
.piranya-shop .variants > .group > .content > .property {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
width: 100%; }
.piranya-shop .variants > .group > .content > .property .stock + .amount {
margin: 10px 0px;
width: 100%;
align-items: center;
justify-content: center; }
ul.p-toggle-boxes > li, div.p-toggle-box {
max-height: unset; }
.piranya-shop .amount-picker > * {
box-sizing: border-box;
padding: 10px 11px;
margin: 0;
font-size: 0.8em;
display: inline-block;
opacity: 1;
transition: opacity 0.4s ease; } }
.piranya-shop .variants > .group > .content > .property label.property > h4 {
font-family: COOP_Bold; }
.piranya-shop .choices.spacious .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
margin-bottom: 20px;
border-bottom: 1px solid #c1c1c1;
padding: 14px 0px; }
body .piranya-shop .amount-picker > * {
align-items: center;
justify-content: center;
display: flex; }
body .piranya-shop .variants > .group > .content > .property label.property {
font-family: 'Coop_Regular'; }
body .piranya-shop .product .eyecatcher p,
body .piranya-shop.product .eyecatcher p {
/* margin-bottom: -0.2em; */
padding-top: 3px; }
.piranya-shop-order-create .cart > .close {
font-size: 14px;
right: 10px;
top: 7px;
color: white;
border: 2px solid;
border-radius: 20px;
padding: 7px 9px;
/* margin-top: 10px; */ }
.piranya-shop-order-create .cart-wrapper .cart {
padding: 0px; }
.piranya-shop-order-create .cart > .header {
margin-top: 0px;
background-color: #ae414f;
color: white;
padding: 15px 0px;
border-bottom: 0px;
font-size: 1em; }
.piranya-shop-order-create .cart-wrapper > .cart, .piranya-shop-order-create .cart-wrapper > .summary {
border: 0px; }
.piranya-shop-order-create .cart > .items {
width: 100%;
padding: 10px 0px; }
.piranya-shop-order-create .cart > #order-btn, .piranya-shop-order-create .cart > .actions > #order-btn:first-child {
border-radius: 0px; }
.fa-arrow-circle-right:before {
content: "\f054" !important; }
ul.p-toggle-boxes {
padding: 10px; }
.piranya-shop-order-create .cart .title {
color: black;
font-size: 1em;
margin-left: 10px;
margin-top: 10px; }
.piranya-shop-checkout-data-shippingmethod > div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"] > .desired-delivery-time > p {
color: #bbb;
font-size: 0.9em;
font-weight: normal;
font-family: Coop_regular; }
.cart-wrapper .cart #order-btn:first-child > p {
padding: 10px 0px; }
button.piranya-btn > p {
font-family: 'COOP_Bold';
font-size: 1.0em;
text-transform: capitalize; }
.piranya-shop-order-create .cart-wrapper {
border: 0px; }
body div.p-radio > input[type="radio"] + label, input.p-radio[type="radio"] + label, div.p-checkbox > input[type="checkbox"] + label, input.p-checkbox[type="checkbox"] + label {
font-family: 'Coop_Regular';
font-size: 0.8em; }
.cart-wrapper div {
font-size: 16px;
font-family: Coop_regular;
color: #969696; }
.cart-wrapper p, .cart-wrapper a {
color: #000000; }
body select {
background-color: white; }
.piranya-shop-order-create .cart-wrapper .cart .add-remove .fa, .piranya-shop-order-create .cart-wrapper .cart .delete .fa {
background-color: transparent;
color: black;
margin-top: 10px;
margin-right: 10px; }
.piranya-shop-order-create .cart .product .price {
font-family: 'COOP_Bold';
margin-right: 10px;
margin-top: 0px; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper > .price, body .piranya-shop.product.list-item.piranya-col > .price-wrapper > .price, .dialog.product-acquisition .product > .price-wrapper > .price {
justify-content: center; }
div .piranya-shop-order-create .cart .total-price {
font-family: 'COOP_Bold'; }
.piranya-shop.product.list-item .price.add-btn.pick > .value {
margin-right: unset; }
.piranya-shop-order-create .cart .variant {
font-size: unset; }
.single-variant {
font-size: 11px; }
.fa-remove:before, .fa-close:before, .fa-times:before {
content: "\f014" !important; }
.piranya-shop p.value-editable > .edit:after {
content: "\f040";
font: normal normal normal 14px/1 FontAwesome;
margin-left: 5px; }
.piranya-shop p.value-editable > .edit {
font-size: 0.0em; }
.piranya-shop-order-create .cart > .actions {
margin-top: 0px; }
.piranya-shop-order-create .cart > .close:hover {
color: #f1e5e5; }
.piranya-shop-order-create .cart-wrapper .product {
border-bottom: 1px solid;
border-bottom-color: #f3f3f3; }
.piranya-shop-order-create .cart > .items > .product {
background-color: white;
webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14); }
.piranya-shop-order-create .cart-wrapper > .cart, .piranya-shop-order-create .cart-wrapper > .summary {
background-color: #f7f6f6; }
.piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop, .piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop + .piranya-btn.continue {
margin: 0;
border-radius: 0;
width: 100%; }
.piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop, .piranya-shop-order-create .cart > .actions > .piranya-btn.return-to-shop {
border-right: 1px solid white; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled):not(.unavailable), .piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) {
background-color: #e1efe1;
border-left: 0px;
border-right: 0px;
border: 1px solid #c9dec9; }
.piranya-shop ul.p-toggle-boxes > li.selected label {
color: #699676; }
.piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled):not(.unavailable) > .right, .piranya-shop div.p-toggle-box.selected:not(.disabled):not(.unavailable) > .right {
color: #699676; }
ul.p-toggle-boxes {
padding: 0px; }
ul.p-toggle-boxes > li, div.p-toggle-box {
max-height: unset; }
ul.p-toggle-boxes > li, div.p-toggle-box {
padding: 12px 10px; }
div.p-radio > input[type="radio"] + label:before, input.p-radio[type="radio"] + label:before, div.p-checkbox > input[type="checkbox"] + label:before, input.p-checkbox[type="checkbox"] + label:before {
border: 1px solid #aacaaa; }
.piranya-shop div.p-radio > input[type="radio"] + label:after {
background: #8abb8a; }
.piranya-shop-order-create .cart.has-departments > .header {
padding-bottom: 15px; }
.piranya-shop-order-create .cart > .header, .piranya-shop-order-create .cart .product, .piranya-shop-order-create .cart .separator-bottom, .piranya-shop-order-create .cart .no-items, .piranya-shop-order-create .cart .shipping.has-pickable-delivery-time .shipping-methods {
border-bottom: 0px; }
.piranya-shop-checkout-data-shippingmethod > div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"] > .desired-delivery-time > p:before {
content: "\f073";
font: normal normal normal 20px/1 FontAwesome;
margin-right: 5px;
color: #dedede; }
@media (max-width: 767px) {
body .piranya-shop-order-create .cart .header {
color: white !important;
font-size: 1em;
height: unset !important;
position: unset !important;
width: 100% !important;
top: 0px; }
.piranya-shop-order-create .cart > .close {
font-size: 10px !important;
right: 10px !important;
top: 6px !important;
color: white;
border: 2px solid;
border-radius: 20px;
padding: 6px 8px !important;
/* margin-top: 10px; */ }
body .piranya-shop-order-create .basket-wrapper .cart > button.close:before {
font-size: 14px !important; }
body .piranya-shop-order-create .basket-wrapper .cart .delete .fa {
background-color: transparent !important;
color: black !important;
font-size: 1.2em; }
.single-variant {
font-size: 0.8em !important; }
.piranya-shop-order-create .cart-wrapper .cart .count {
font-size: 0.7em !important; }
.piranya-shop.product .add-to-basket > div.go-to-checkout {
width: calc(100% - 40px); } }
.piranya-shop-order-create .cart-wrapper > .overlay {
position: fixed;
top: 0;
left: 0;
z-index: -1; }
.piranya-shop-order-create .cart-wrapper:not(.open) > .overlay {
width: 0%;
height: 0%;
background-color: transparent;
transition: background-color 100ms ease-out 500ms, width 0ms linear 0ms, height 0ms linear 0ms; }
.piranya-shop-order-create .cart-wrapper.open {
box-shadow: unset; }
.piranya-shop-order-create .cart-wrapper.open > .overlay {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.478431);
transition: width 1ms linear, height 1ms linear, background-color 250ms ease-in 250ms; }
.piranya-shop-order-create .cart-wrapper.open > .basket, .piranya-shop-order-create .cart-wrapper.open .cart {
box-shadow: unset; }
iframe {
max-width: 100%; }
.content select {
background-color: #ffffff;
border: 1px solid #c9dec9;
color: black;
font-family: coop_regular;
padding: 13px 10px;
border-radius: 4px;
color: #333333; }
body .piranya-select:focus {
font-size: 1em; }
select[name="customer_kind"] {
padding: 12px 13px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px; }
select {
-webkit-appearance: none;
background: #fff url("/File/31015/Arrow.png?ticks=1576177750") no-repeat 98.5% 7px; }
ul.p-toggle-boxes > li.selected:not(.disabled) > .content, ul.p-toggle-boxes > li.selected:not(.disabled) > .right, div.p-toggle-box.selected:not(.disabled) > .content, div.p-toggle-box.selected:not(.disabled) > .right {
color: #6a9a6a; }
body .piranya-shop.product .sticker {
font-family: 'COOP_Bold';
top: 90px;
right: 20px;
justify-content: center;
align-items: center;
z-index: 20; }
@media not all and (min-width: 768px) {
body .piranya-shop.product .sticker {
font-size: 18px; } }
body .piranya-shop.product .sticker .header {
text-transform: uppercase; }
body .piranya-shop.product .sticker.price-reduction + .sold-out {
top: 150px; }
body .piranya-view-shop-product-detail .images a.large > img {
max-height: 600px; }
@media (max-width: 680px) {
body .piranya-view-shop-product-detail .images a.large > img {
max-height: 400px; } }
.piranya-shop .variants > .group > .header {
margin-bottom: 20px;
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
padding: 20px 0px; }
.piranya-shop-order-create .panel > .content > .cover {
display: none; }
body .piranya-shop .cart button.edit {
display: flex;
padding: 6px;
border-radius: 15px;
margin-left: 10px;
width: 24px;
height: 24px;
border: 1px solid #df8a8a;
align-items: center;
justify-content: center;
background: transparent; }
body .piranya-shop .cart button.edit:hover {
background: transparent; }
body .piranya-shop .cart button.edit > i {
color: #df8a8a; }
@media (min-width: 980px) {
body .piranya-bpopup {
max-width: 650px;
padding: 20px; } }
body .piranya-shop .variants > .group > .header > .status {
font-size: 1em;
color: #ba6565; }
body .swal2-container .swal2-actions > button {
padding: 14px 20px; }
@media (max-width: 980px) {
body .piranya-shop.product-acquisition .products.show-images .product {
padding: unset; }
body .piranya-shop.product-acquisition .product .actions {
order: 5; }
body .piranya-shop.product-acquisition .products.show-images .product {
width: 100% !important; }
body .piranya-shop.product-acquisition.dialog {
width: 100% !important; }
body .piranya-shop.product-acquisition .price-wrapper {
left: 150px !important;
top: 220px !important; } }
@media (min-width: 980px) {
body .piranya-shop .variants > .group > .content > .property {
flex-wrap: unset; } }
@media (max-width: 400px) {
body .piranya-shop.product-acquisition .price-wrapper {
left: 100px !important;
top: 220px !important; } }
/* /content/dynamic/17.css */
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select {
width: 100%;
padding: 12px 13px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
color:#333;
-webkit-appearance: none;
}
input[type=submit],
button.submit,
.piranya-btn {
background-color: #ae414f;
color: white;
border: none;
border-radius: 4px;
padding: 14px 20px;
margin: 8px 0 0 0;
cursor: pointer;
box-sizing: border-box;
}
.piranya-btn {
text-align: center;
text-decoration: none;
border-radius: 4px;
font-family:'COOP_Bold';
}
input[type=submit],
button.submit {
width: 100%;
}
input[type=submit]:hover,
button.submit:hover,
.piranya-btn:hover{
background-color: #ae414f;
}
#members td
{
background-color:#eaeaea;
height:100px;
}
#members tr:nth-child(odd) td
{
background-color: #fafafa;
height:100px;
}
label
{
color:#333;
}
.piranya-view-shop-checkout-confirm label, .piranya-view-shop-checkout-confirm a, .piranya-view-shop-checkout-confirm label, .piranya-view-shop-checkout-confirm .desired-delivery-time h5
{
font-size: 0.8em;
}
.piranya-txt, .piranya-textarea
{
box-sizing: border-box;
font-size: 1em;
background-color: #ffffff;
border: 1px solid #d6d6d6;
font-family: coop_regular;
padding: 13px 10px;
border-radius: 4px;
color: #333333;
-webkit-appearance: none;
}
.piranya-input-container > label, label {
font-family:'Coop_Regular';
}
[data-field="invoicingprofile:membership_number"]
{
background-color: #ae414f;
padding: 10px;
box-sizing: border-box;
border-radius: 5px;
}
[data-field="invoicingprofile:membership_number"] .piranya-label
{
font-family: COOP_Bold;
color: white;
}
/* /content/dynamic/19.css */
body .piranya-view-shop-checkoutlogin .piranya-view-content .piranya-shop.checkoutlogin {
margin-bottom: 40px;
margin-top: 40px;
font-family: 'Coop_Regular';
}
.piranya-social-media-login-wrapper .separator {
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
}
.piranya-social-media-login-wrapper .separator .text {
font-family: 'Coop_Regular';
}
.piranya-social-media-login-wrapper .separator .text::before, .piranya-social-media-login-wrapper .separator .text::after {
background-color: #ECEEF1;
}
.piranya-input-container.newsletter {
margin-left: 10px;
margin-right: 10px;
}
body .piranya-view-shop-checkoutlogin .piranya-view-content {
display: flex;
justify-content: center;
}
body .piranya-facebook-link {
background-size: cover;
background-position: center;
}
.piranya-user-login-view-action-container a {
color: black;
}
a.piranya-btn.piranya-user-login-view-guest {
background: none;
color: white;
background: #ae0d1b;
}
a.piranya-user-login-view-signup {
font-size: 1em;
}
.checkoutlogin .piranya-social-media-login-wrapper {
width: 100%;
}
.piranya-user-login-view-login-text {
display: none;
}
body .piranya-user-login-view-inner-container {
font-family: 'Coop_Regular';
}
.piranya-view-shop-checkoutlogin .piranya-view-headline {
display: none;
}
body .piranya-view-shop-checkoutlogin .step-header {
background-color: transparent;
}
.piranya-view-shop-checkout-confirmv .step-header
{
padding: 10px 0;
}
.piranya-view-shop-checkoutlogin .step-header .step-headline {
font-size: 1.2em;
color: black;
text-align: center;
margin-top: 20px;
}
.piranya-view-shop-checkout-confirm .step-content {
padding: 15px 0 10px 0;
}
.piranya-view-shop-checkout-confirm .step-header {
background-color: transparent;
padding: 0;
}
.piranya-view-shop-checkout-confirm label, .piranya-view-shop-checkout-confirm a, .piranya-view-shop-checkout-confirm label, .piranya-view-shop-checkout-confirm .desired-delivery-time h5 {
font-family: 'Coop_Regular';
}
.piranya-view-shop-checkout-confirm .desired-delivery-time:not(:first-child) {
margin-top: 10px;
}
#piranya-shopping-cart-table .piranya-first-row p {
font-weight: normal;
}
.piranya-view-shop-checkout-confirm .piranya-grid .piranya-col.span_1_of_3 {
box-sizing: border-box;
}
@media (max-width: 980px) and (min-width: 760px) {
.piranya-view-shop-checkout-confirm .piranya-grid .piranya-col.span_1_of_3:last-child {
clear: none;
margin: 1% 0 1% 1.6%;
}
}
@media (max-width: 759px) {
.piranya-col.span_1_of_3 {
margin-left: 0;
clear: left;
width: 100%;
}
}
.piranya-shop-order-items-container > table td, #piranya-shopping-cart-table td {
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
vertical-align: middle;
}
.piranya-view-shop-checkout-confirm .step-headline {
color: #333;
font-size: 1.1em;
border-bottom: 1px solid #333;
padding: 5px 0px;
font-family: coop_Bold;
}
.step-content .piranya-btn {
font-family:'Coop_bold';
font-size:1.1em;
padding:15px 0px;
}
.piranya-shop-order-items-container > table th, #piranya-shopping-cart-table th {
border-bottom: 1px solid #ececec;
border-right: 1px solid #ececec;
}
.piranya-shop-checkout-data-shippingmethod > div[data-view-name="Shop.Checkout.DesiredDeliveryTimeField"] > .desired-delivery-time > p:first-child
{
margin-bottom:15px;
}
/* /content/dynamic/20.css */
@-webkit-keyframes bouncedelay {
0%, 100%, 80% {
-webkit-transform:scale(0)
}
40% {
-webkit-transform:scale(1)
}
}
@keyframes bouncedelay {
0%, 100%, 80% {
transform:scale(0);
-webkit-transform:scale(0)
}
40% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
body:not(.piranya-page-home) .loader{
display: none;
}
.piranya-page-home .preload-wrapper
{
width: 100%;
height: 100%;
position: absolute;
background-color: black;
-webkit-transition: opacity 0.7s 1s ease;
-moz-transition: opacity 0.1s 0.2s ease;
-o-transition: opacity 0.1s 0.2s ease;
-ms-transition: opacity 0.1s 0.2s ease;
transition: opacity 0.1s 0.2s ease;
opacity: 1;
}
body.isReady .preload-wrapper
{
opacity: 0;
pointer-events: none;
}
.piranya-page-home #piranya-page
{
width: 100%;
-webkit-transition: opacity 0.7s ease;
-moz-transition: opacity 0.7s ease;
-o-transition: opacity 0.7s ease;
-ms-transition: opacity 0.7s ease;
transition: opacity 0.7s ease;
opacity: 0;
}
body.isReady #piranya-page, body.isReady #footer
{
opacity: 1;
}
body .isReady #topbar .mobile-cart-btn {
display: flex;
}
.loader
{
width: 180px;
height: 120px;
left: calc(50% - 90px);
top: calc(50% - 50px);
position: absolute;
/*background: url('/File/29720/logo.png?ticks=1748214196') center top no-repeat;*/
}
.spinner
{
margin: 100px auto 0;
width: 70px;
float: none;
text-align: center;
}
.spinner > div
{
width: 18px;
height: 18px;
background-color: #cd061e;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1
{
-webkit-animation-delay: -.32s;
animation-delay: -.32s;
}
.spinner .bounce2
{
-webkit-animation-delay: -.16s;
animation-delay: -.16s;
}
/* piranya/facebook */
.p-facebook-login-button.p-icon-button.with-background {
background-color: #516eab;
color: white; }
.p-facebook-login-button.p-icon-button.with-background:hover {
color: #f1eeea; }
.p-facebook-login-button.p-icon-button.with-background > .action {
border-color: white; }
/* Comments */
.piranya-facebook.comment.create {
text-align: center; }
.piranya-facebook.comment.create > * {
margin: 0 0 10px 0; }
.piranya-facebook.comment.create > h1,
.piranya-facebook.comment.create > p {
width: 100%; }
.piranya-facebook.comment.create > p + p {
margin-top: 30px; }
.piranya-facebook.comment.create > .reason {
font-size: 1.2em; }
.piranya-facebook.comment.create > .piranya-btn {
width: auto;
clear: both;
margin-top: 30px; }
.piranya-facebook.comment.create > .piranya-btn + .piranya-btn {
margin-left: 10px; }
.piranya-facebook.comment.create > .indicator-title {
width: 100%;
margin-top: 40px; }
/* end of Comments */
/* piranya/events */
.piranya-view.events > .piranya-view-headline ~ .piranya-view-content .left > .title {
display: none; }
.piranya.partialview.event.details {
display: flex;
flex-wrap: wrap;
align-items: flex-start; }
.piranya.partialview.event.details > div {
background-color: white;
box-sizing: border-box; }
.piranya.partialview.event.details > .left {
flex: 2;
margin-right: 10px; }
.piranya.partialview.event.details > .left h1 {
margin-bottom: 20px; }
.piranya.partialview.event.details > .right {
display: flex;
flex: 1;
flex-direction: column;
margin-left: 10px;
min-width: 280px;
position: sticky;
top: 110px; }
.piranya.partialview.event.details > .right > div:first-of-type {
display: none; }
.piranya.partialview.event.details > .right > div:nth-of-type(2) {
background: #34495e;
color: white;
border-bottom: 0; }
.piranya.partialview.event.details > .right > div:nth-of-type(2) p {
color: inherit; }
.piranya.partialview.event.details > .right > div {
align-items: center;
border-bottom: 1px solid #c3c3c3;
box-sizing: border-box;
display: flex;
padding: 10px;
width: 100%; }
.piranya.partialview.event.details > .right img {
max-width: 100%;
margin-top: 20px; }
.piranya.partialview.event.details > .right > div .fa {
background-color: #c3c3c3;
color: #58646D;
padding: 10px;
border-radius: 50%;
min-width: 20px;
text-align: center;
font-size: 20px;
margin-right: 20px; }
.piranya.partialview.event.details > .right > div:hover .fa {
background-color: #58646D;
color: #c3c3c3; }
.piranya.partialview.event.details > .right > div:nth-of-type(2) .fa {
background-color: #58646D;
color: #c3c3c3; }
.piranya.partialview.event.details > .right > div:nth-of-type(2):hover .fa {
background-color: #c3c3c3;
color: #58646D; }
.piranya.partialview.event.details > .right > div > div p:first-of-type:not(:last-of-type) {
font-weight: bold;
font-size: 1.15em; }
@media (max-width: 920px) {
.piranya.partialview.event.details {
flex-direction: column-reverse; }
.piranya.partialview.event.details > .right {
margin-left: auto;
position: relative;
top: 0; }
.piranya.partialview.event.details > .left {
margin-right: auto;
border-top: 1px solid #c3c3c3; }
.piranya.partialview.event.details > .right > div:first-of-type {
display: flex; }
.piranya.partialview.event.details > .right > div:first-of-type {
background: #34495e;
color: white; }
.piranya.partialview.event.details > .right > div:first-of-type p {
color: inherit; }
.piranya.partialview.event.details > .right > div:first-of-type p {
font-size: 1.2em; }
.piranya.partialview.event.details > .right > div:nth-of-type(2) {
background: none;
color: black;
margin-top: 0;
border-bottom: 1px solid #c3c3c3; }
.piranya.partialview.event.details > .right > div:nth-of-type(2) .fa {
background-color: #c3c3c3;
color: #58646D; }
.piranya.partialview.event.details > .right > div:nth-of-type(2):hover .fa {
background-color: #58646D;
color: #c3c3c3; }
.piranya.partialview.event.details > .left > h1 {
display: none; } }
/* /content/dynamic/23.css */
.contact-right
{
float: right;
width: 30%;
height: 300px;
}
#contact-wrapper h2
{
margin-bottom: 10px;
}
#contact-form, #footer-map
{
width: 100%;
}
.contact-left
{
width: calc(70% - 10px);
}
#contact-form div[data-field="Navn"], #contact-form div[data-field="Email"], #contact-form div[data-field="Emne"], #contact-form div[data-field="Telefon"]
{
width: calc(50% - 5px);
}
#contact-form div[data-field="Email"], #contact-form div[data-field="Telefon"]
{
float: right;
clear: none;
}
textarea {
min-height: 80px;
}
@media (max-width: 767px)
{
.contact-left, .contact-right
{
width: 100%;
margin-bottom: 20px;
}
}
body .piranya-view-form-wrapper span[data-editor] > input[type="text"], .piranya-view-form-wrapper div[data-field-form-type="ManyToOneAutoComplete"] input[type="text"], .piranya-view-form-wrapper input[type="password"], .piranya-view-form-wrapper textarea, .piranya-view-form-wrapper .piranya-autocomplete > input[type="text"], .piranya-view-form-wrapper .piranya-txt {
padding: 10px;
}
/* /content/dynamic/27.css */
@media (max-width: 767px) {
body .piranya-shop-order-create .basket-wrapper .cart {
max-height: 100vh;
max-height: calc(var(--vh, vh) * 100); }
body .piranya-shop-order-create .basket-wrapper .cart > button.close {
top: 15px;
padding: unset; }
body .piranya-shop-order-create .basket-wrapper .cart > button.close:before {
color: white;
font-size: 40px; }
body .piranya-shop-order-create .basket-wrapper .cart > .header {
color: black;
font-size: 1em;
padding: 15px 0px 10px 0px;
margin-top: unset;
height: 45px;
position: relative;
left: -11px;
right: 11px;
width: calc(100% + 21px);
top: -10px; }
body .piranya-shop-order-create .basket-wrapper .cart > .header:after {
margin: unset; }
body .piranya-shop-order-create .basket-wrapper .cart .delete .fa {
background-color: #c31414;
color: white;
font-size: 1em;
height: 17px;
width: 17px;
display: flex;
justify-content: center;
align-items: center;
border: none; }
body .piranya-shop-order-create .basket-wrapper .cart .delete .fa:before {
transform: translate(0px, -0.5px); }
body.scrolling .piranya-shop .cart-wrapper .basket.cart:not(.open):not(.empty) + .summary {
transform: translateX(60%);
opacity: 1;
transition: transform 800ms ease, top 250ms ease, opacity 250ms ease; }
body .piranya-shop-order-create:not(.in-view) .category-bar + .panels + .cart-wrapper .basket.cart + .summary {
transform: translateX(100%);
opacity: 0;
transition: transform 800ms ease, top 250ms ease, opacity 250ms ease;
transition-delay: 0ms; }
body .piranya-shop-order-create .cart-wrapper .basket.cart.open .shipping {
display: none; }
body .piranya-shop-order-create .cart-wrapper .basket.cart:not(.empty) + .summary {
bottom: unset;
left: unset;
transform: translateX(0%);
top: 95px;
opacity: 1;
transition: transform 800ms ease 100ms, top 250ms ease 100ms, opacity 250ms ease 300ms; }
body .piranya-shop-order-create .cart-wrapper .basket.cart:not(.empty) + .summary .total-price.price {
display: flex; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary {
bottom: unset;
left: unset;
transform: translateX(100%);
right: 0;
top: 95px;
opacity: 0;
transition: transform 800ms ease 100ms, top 250ms ease 100ms, opacity 250ms ease 300ms;
padding: unset;
background: unset;
border: unset;
flex-flow: row-reverse wrap;
align-items: center;
width: fit-content;
height: 45px;
box-shadow: unset;
z-index: 100; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .total-price.price {
display: none; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .info {
display: none; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .total-price.price {
color: white;
font-size: .8em;
margin: unset;
line-height: normal;
text-align: center;
padding-right: 10px;
height: inherit;
background: orange; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .total-price.price span.label {
display: none; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .piranya-btn.open {
margin: unset;
border-radius: unset;
border-bottom-left-radius: 50%;
border-top-left-radius: 50%;
background-color: orange;
width: 35px;
height: 45px;
padding: unset;
position: relative;
right: -1px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .piranya-btn.open:before {
content: "\f07a"; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .piranya-btn.open:after {
content: "";
display: flex;
position: absolute;
width: auto;
top: 0px;
right: -100%;
left: 0px;
height: inherit; }
body .piranya-shop-order-create .cart-wrapper .basket.cart + .summary .piranya-btn.open p {
display: none; }
body .piranya-shop-order-create .cart-wrapper .basket.cart.open + .summary {
opacity: 0;
transition: opacity 250ms linear;
z-index: -1; } }
/* /content/dynamic/26.css */
#main-wrapper #mini-top .burger {
display: none; }
@media (max-width: 979px) {
#main-wrapper #mini-top .burger {
display: flex;
justify-content: center;
margin: 0px 20px;
position: relative;
height: 30px;
width: 30px;
cursor: pointer;
order: 4; }
#main-wrapper #mini-top .burger .bar {
height: 3px;
width: 30px;
display: block;
position: absolute;
top: 45%;
transition: background 0s 0s;
background-color: #000; }
#main-wrapper #mini-top .burger .bar:before, #main-wrapper #mini-top .burger .bar:after {
height: 3px;
width: 30px;
background-color: #000;
display: block;
content: "";
position: absolute;
transform: rotate(0deg);
transition-delay: 0s,.2s;
transition-duration: .2s,.2s; }
#main-wrapper #mini-top .burger .bar:before {
bottom: -8px;
transition-property: transform, bottom; }
#main-wrapper #mini-top .burger .bar:after {
top: -8px;
transition-property: transform, top; }
body.no-scroll #main-wrapper #mini-top form {
display: none; }
body.no-scroll #main-wrapper #mini-top .burger .bar {
background: 0 0;
transition: background 0s 0s; }
body.no-scroll #main-wrapper #mini-top .burger .bar:before {
bottom: 0;
transform: rotate(45deg);
transition-property: transform, bottom;
transition-delay: .2s, 0s;
transition-duration: .2s,.2s; }
body.no-scroll #main-wrapper #mini-top .burger .bar:after {
top: 0;
transform: rotate(-45deg);
transition-delay: .2s, 0s;
transition-duration: .2s,.2s;
transition-property: transform, top; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu:before {
display: none; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive {
left: 0px;
right: unset;
top: 60px;
width: 100%;
margin: unset;
max-width: 0px;
position: absolute;
transition: max-width 0.2s linear; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive.open {
max-width: 100%;
transition: max-width 0.2s linear; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu {
padding-top: 10px;
background-color: white;
border: unset;
padding: unset;
height: 100vh;
width: 100%;
position: relative; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu .close-btn {
display: none; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0px 10px;
border-bottom: 1px solid #efefef;
margin: unset;
height: 60px;
visibility: visible;
transform: unset;
transition: unset; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li a {
padding: unset;
width: fit-content;
margin: unset;
line-height: normal;
font-size: initial;
white-space: nowrap; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li:before {
display: none; }
#main-wrapper #topbar .piranya-menu-wrapper.responsive .piranya-menu li:after {
content: "\f054";
color: black; }
body.no-scroll #piranya-page.has-push-right {
transform: unset; }
body.no-scroll {
overflow: hidden !important; }
body.no-scroll #slide_top {
display: none; }
body.no-scroll .piranya-shop .cart-wrapper .basket.cart:not(.empty) + .summary {
display: none; }
body.no-scroll #main-wrapper #topbar .mini-cart, body.no-scroll #main-wrapper #topbar #mini-top .fb-link {
display: none; }
#main-wrapper #mini-top.union-burger .burger {
z-index: 999;
position: fixed;
left: 0px;
top: 70px;
margin: 0px 5px;
background-color: #b41522;
border-radius: 5px;
padding: 5px; }
#main-wrapper #mini-top.union-burger .burger .bar {
background-color: white; }
#main-wrapper #mini-top.union-burger .burger .bar:after, #main-wrapper #mini-top.union-burger .burger .bar:before {
background-color: white; }
#main-wrapper #mini-top.union-burger .burger.open .bar {
background: transparent;
transition: background 0s 0s; }
#main-wrapper #mini-top.union-burger .burger.open .bar:before {
bottom: 0;
transform: rotate(45deg);
transition-property: transform, bottom;
transition-delay: .2s, 0s;
transition-duration: .2s,.2s; }
#main-wrapper #mini-top.union-burger .burger.open .bar:after {
top: 0;
transform: rotate(-45deg);
transition-delay: .2s, 0s;
transition-duration: .2s,.2s;
transition-property: transform, top; } }
/* /content/dynamic/25.css */
#main-wrapper #topbar {
height: 65px;
background-color: white; }
#main-wrapper #topbar #mini-top {
max-width: 1200px;
height: inherit;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
background-color: white; }
#main-wrapper #topbar #mini-top #logo-wrapper {
padding: unset;
border-radius: unset;
margin: unset;
max-width: 243px;
width: fit-content;
height: 100%;
min-width: unset;
text-align: center;
align-items: center;
display: flex;
flex-flow: column;
justify-content: center;
text-decoration: none;
order: 1;
margin-left: unset; }
#main-wrapper #topbar #mini-top #logo-wrapper #logo {
height: 50%;
width: 100%;
min-width: 150px; }
#main-wrapper #topbar #mini-top #logo-wrapper p {
color: black;
font-size: 0.8em;
margin-top: unset; }
#main-wrapper #topbar #mini-top #logo-wrapper.for-department > #logo {
height: 100%;
margin-bottom: 0;
max-height: calc(100% - 10px); }
#main-wrapper #topbar #mini-top > form {
height: 40px; }
@media (min-width: 980px) {
#main-wrapper #topbar #mini-top > form {
order: 2;
width: 40%;
min-height: 40px; }
#main-wrapper #topbar #mini-top > form #enable_search {
display: none; }
#main-wrapper #topbar #mini-top > form .piranya-searchbox {
display: flex;
align-items: center;
width: 90%;
height: 100%;
font-size: 0.8em; }
#main-wrapper #topbar #mini-top > form .piranya-searchbox > input {
box-shadow: none !important;
padding: 0px 10px;
height: 100%;
margin-top: unset;
font-family: "Coop_Regular";
border-color: #ccc; }
#main-wrapper #topbar #mini-top > form .piranya-searchbox > input:focus {
border-color: #ececec;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
#main-wrapper #topbar #mini-top > form .piranya-searchbox > .button-wrapper {
width: 8%;
top: 0; }
#main-wrapper #topbar #mini-top > form .piranya-searchbox > .button-wrapper > button:hover {
color: black; } }
@media (min-width: 980px) {
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive {
margin-left: unset;
margin-right: unset;
height: 70%;
width: 100%;
top: 100%;
left: 0px;
position: absolute;
background: #ebebeb;
order: 5; }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul {
max-width: 1200px;
width: calc(1200px - 20px); }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li {
position: unset;
padding: 13px 15px; }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li:first-child {
padding-left: 0px; }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li a p {
font-family: COOP_Bold;
color: #222;
font-size: 14px;
font-weight: 600;
letter-spacing: .05em; }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li a:hover {
filter: opacity(0.7); }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li .content {
background-color: white; }
#main-wrapper #topbar #mini-top .piranya-menu-wrapper.responsive ul li .content ul > li {
background-color: unset;
padding-left: 10px; } }
#main-wrapper #topbar #mini-top .mini-cart {
order: 4;
margin-right: unset;
background: unset; }
#main-wrapper #topbar #mini-top .mini-cart .price-wrapper {
background: #b41522;
height: 100%; }
#main-wrapper #topbar #mini-top .fb-link {
order: 3;
display: flex;
flex-flow: row;
width: fit-content;
text-decoration: unset;
align-items: center;
filter: opacity(1);
transition: filter 150ms ease-in-out, bottom 250ms ease-in;
color: black; }
#main-wrapper #topbar #mini-top .fb-link label {
align-items: center;
color: black;
font-family: "Coop_Bold";
line-height: .8;
cursor: pointer; }
#main-wrapper #topbar #mini-top .fb-link:hover {
filter: opacity(0.7); }
#main-wrapper #topbar #mini-top .fb-link .fa {
display: flex;
background-size: contain;
width: 26px;
height: 24px;
margin-right: 5px;
border: 1px solid;
align-items: center;
justify-content: center;
border-radius: 15px;
padding-top: 2px;
margin-bottom: 3px; }
@media (min-width: 980px) {
#main-wrapper #topbar #mini-top .fb-link.missing {
display: none; } }
@media (max-width: 979px) {
#main-wrapper #topbar {
height: 60px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25); } }
@media (max-width: 979px) {
#main-wrapper #topbar {
padding-left: unset; }
#main-wrapper #topbar #mini-top .mini-cart.show, #main-wrapper #topbar #mini-top .fb-link {
position: fixed;
bottom: -80px;
transition: bottom 150ms ease-in;
top: unset;
height: 60px;
margin: unset; }
#main-wrapper #topbar #mini-top .fb-link.missing ~ .mini-cart.show > button.show-cart.price-wrapper.piranya-no-user-select:after {
content: "";
display: flex;
position: absolute;
left: -102%;
bottom: 0;
right: 0;
height: 60px; }
#main-wrapper #topbar #mini-top .mini-cart.show {
right: 0px;
width: calc(50% - 2px);
justify-content: flex-end;
border-left: 2px solid #c3c3c3; }
#main-wrapper #topbar #mini-top .mini-cart.show > .price-wrapper {
width: 100%;
height: 100%;
border-radius: unset; }
#main-wrapper #topbar #mini-top .fb-link {
left: 0;
background-color: #282828;
width: 50%;
justify-content: center; }
#main-wrapper #topbar #mini-top .fb-link > * {
filter: invert(1); }
#main-wrapper #topbar.top #mini-top .mini-cart.show {
bottom: 0px;
transition: bottom 150ms ease-in 100ms; }
#main-wrapper #topbar.top #mini-top .fb-link {
width: 50%;
height: 60px;
bottom: 0px;
transition: bottom 150ms ease-in 100ms; }
#main-wrapper #topbar form {
display: flex;
align-items: center;
order: 2;
width: fit-content;
margin-left: auto; }
#main-wrapper #topbar form #enable_search {
width: 30px;
-webkit-appearance: initial;
border: 0px;
font-size: 2em;
background-size: 25px;
background-position: center;
height: 30px;
background-repeat: no-repeat; }
#main-wrapper #topbar form #enable_search:before {
content: none; }
#main-wrapper #topbar form #enable_search:focus {
outline: none; }
#main-wrapper #topbar form #enable_search:checked + .piranya-searchbox {
top: 60px;
transition: top 250ms ease-in; }
#main-wrapper #topbar form .piranya-searchbox {
display: flex;
align-items: center;
width: 100%;
height: 40px;
font-size: 1em;
position: absolute;
left: 0px;
top: 0px;
transition: top 250ms ease-in;
right: 0px;
z-index: -1; }
#main-wrapper #topbar form .piranya-searchbox > input {
box-shadow: none !important;
padding: 0px 10px;
margin-top: unset;
font-family: "Coop_Regular";
display: initial;
height: 100%;
background-color: #b41522;
border-radius: unset;
border: unset;
color: white; }
#main-wrapper #topbar form .piranya-searchbox > input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1;
/* Firefox */ }
#main-wrapper #topbar form .piranya-searchbox > input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: white; }
#main-wrapper #topbar form .piranya-searchbox > input::-ms-input-placeholder {
/* Microsoft Edge */
color: white; }
#main-wrapper #topbar form .piranya-searchbox > input:focus {
border-color: #ececec;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
#main-wrapper #topbar form .piranya-searchbox > .button-wrapper {
margin-right: 15px;
color: white; }
#main-wrapper #topbar form .piranya-searchbox > .button-wrapper > button:hover {
color: white; } }
#main {
background-color: #f7f6f6 !important; }
#upper-footer {
background: #ebebeb; }
#lower-footer {
background-color: #222;
padding: 20px 0px; }
#upper-footer .piranya-col h2, #footer .opening-hours th {
font-size: 1em;
color: #333; }
#upper-footer .piranya-col a, #upper-footer .piranya-col p {
color: #000000; }
#footer td {
font-size: 0.8em;
border-bottom: 1px solid #d8d8d8; }
table.opening-hours {
color: black; }
#upper-footer .piranya-col .fa {
color: #000000; }
@media (min-width: 980px) {
body.browser-is-microsoft-internet-explorer #main-wrapper #topbar #mini-top #logo-wrapper {
margin-right: 15%;
width: 180px;
min-width: 0px;
box-sizing: border-box;
padding: 0px 20px 0px 0px; }
body.browser-is-microsoft-internet-explorer #main-wrapper #topbar #mini-top #logo-wrapper #logo {
width: 100%;
min-width: 0px;
height: 100%;
max-height: 1000px;
padding: 0px;
box-sizing: border-box;
background-size: cover;
margin: 0px; }
body.browser-is-microsoft-internet-explorer #main-wrapper #topbar #mini-top #logo-wrapper p {
margin-top: 5px; }
body.browser-is-microsoft-internet-explorer #main-wrapper #topbar #mini-top > form {
margin: auto; }
body.browser-is-microsoft-internet-explorer #main-wrapper #topbar #mini-top .fb-link {
margin-right: 5%; } }
body .fa-shopping-cart:before {
content: "\f291";
font-size: 0.9em; }
.fb-link {
font-size: 0.9em; }
.fb-link label {
margin-left: 5px; }
/* /content/dynamic/28.css */
@charset "UTF-8";
@-webkit-keyframes scale {
0% {
transform: scale(1, 1); }
50% {
transform: scale(1.25, 1.25); }
100% {
transform: scale(1, 1); } }
body .piranya-shop-order-create .panels .products .product,
body .piranya-shop.product.list-item.piranya-col,
.dialog.product-acquisition .product {
background: white; }
body .piranya-shop-order-create .panels .products .product > .description,
body .piranya-shop.product.list-item.piranya-col > .description,
.dialog.product-acquisition .product > .description {
order: 2;
width: 100%;
border-top: 1px solid #c1c1c1;
margin-top: 30px;
padding-top: 10px; }
body .piranya-shop-order-create .panels .products .product.has-image > div.image,
body .piranya-shop.product.list-item.piranya-col.has-image > div.image,
.dialog.product-acquisition .product.has-image > div.image {
order: 1;
max-width: none;
box-sizing: border-box; }
body .piranya-shop-order-create .panels .products .product > .eyecatcher,
body .piranya-shop.product.list-item.piranya-col > .eyecatcher,
.dialog.product-acquisition .product > .eyecatcher {
top: 300px;
max-width: 190px; }
@media (max-width: 400px) {
body .piranya-shop-order-create .panels .products .product > .eyecatcher,
body .piranya-shop.product.list-item.piranya-col > .eyecatcher,
.dialog.product-acquisition .product > .eyecatcher {
max-width: 100px; } }
body .piranya-shop-order-create .panels .products .product.incompatible:after,
body .piranya-shop.product.list-item.piranya-col.incompatible:after,
.dialog.product-acquisition .product.incompatible:after {
font-family: Coop-Regular; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper,
body .piranya-shop.product.list-item.piranya-col > .price-wrapper,
.dialog.product-acquisition .product > .price-wrapper {
position: absolute;
top: 220px;
left: 20px;
min-height: 145px;
min-width: 145px;
background: url(/image/38552);
background-size: cover;
transform: scale(1, 1);
display: flex;
align-items: center;
justify-content: center; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper > .price,
body .piranya-shop.product.list-item.piranya-col > .price-wrapper > .price,
.dialog.product-acquisition .product > .price-wrapper > .price {
padding: 0.3em 0.6em;
font-weight: normal;
font-family: 'COOP_Bold';
font-size: 2.1em;
color: white;
border-radius: 0 0 10px 10px;
cursor: pointer;
position: relative;
min-width: 90px;
margin-top: 25px;
box-sizing: border-box; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper > .price:before,
body .piranya-shop.product.list-item.piranya-col > .price-wrapper > .price:before,
.dialog.product-acquisition .product > .price-wrapper > .price:before {
content: "Læg i kurv";
padding: 0.4em 1em;
width: 100%;
position: absolute;
top: -1.9em;
left: 0;
display: flex;
align-content: center;
justify-content: center;
border-radius: 10px 10px 0 0;
font-size: 0.45em;
box-sizing: border-box; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper > .price.has-price-label,
body .piranya-shop.product.list-item.piranya-col > .price-wrapper > .price.has-price-label,
.dialog.product-acquisition .product > .price-wrapper > .price.has-price-label {
padding-bottom: .5em;
padding-top: .1em; }
body .piranya-shop-order-create .panels .products .product > .price-wrapper > .price.has-price-label > .header,
body .piranya-shop.product.list-item.piranya-col > .price-wrapper > .price.has-price-label > .header,
.dialog.product-acquisition .product > .price-wrapper > .price.has-price-label > .header {
display: inline-block;
font-size: 11px;
line-height: .5em;
position: absolute;
bottom: 8px; }
body .piranya-shop-order-create .panels .products .product:not(.has-amount) > .price-wrapper:hover,
body .piranya-shop.product.list-item.piranya-col:not(.has-amount) > .price-wrapper:hover,
.dialog.product-acquisition .product:not(.has-amount) > .price-wrapper:hover {
-webkit-animation: scale 1000ms;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
body .piranya-shop-order-create .panels .products .product > .read-more,
body .piranya-shop.product.list-item.piranya-col > .read-more,
.dialog.product-acquisition .product > .read-more {
order: 7;
color: #B41522;
align-self: flex-end;
margin-top: auto;
display: flex;
align-items: center;
transform: scale(1, 1);
width: auto; }
body .piranya-shop-order-create .panels .products .product > .read-more:after,
body .piranya-shop.product.list-item.piranya-col > .read-more:after,
.dialog.product-acquisition .product > .read-more:after {
content: " ";
background-image: url("/File/29723/info-icon.png?ticks=1697111021");
height: 30px;
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
margin-left: 10px; }
body .piranya-shop-order-create .panels .products .product > .read-more:hover,
body .piranya-shop.product.list-item.piranya-col > .read-more:hover,
.dialog.product-acquisition .product > .read-more:hover {
transition: background-color 250ms ease-in;
-webkit-animation: scale 1000ms;
animation-fill-mode: none;
animation-fill-mode: none;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards; }
body .piranya-shop-order-create .panels .products .product > .read-more span,
body .piranya-shop.product.list-item.piranya-col > .read-more span,
.dialog.product-acquisition .product > .read-more span {
display: none; }
body .piranya-shop-order-create .panels .products .product > .title,
body .piranya-shop.product.list-item.piranya-col > .title,
.dialog.product-acquisition .product > .title {
font-family: COOP_Bold;
border: 0;
order: 0;
text-align: left;
font-size: 1.2em;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0; }
body .piranya-shop-order-create .panels .products .product > .actions:empty,
body .piranya-shop.product.list-item.piranya-col > .actions:empty,
.dialog.product-acquisition .product > .actions:empty {
display: none;
/* This can be removed when platforms have been updated after 2020-06-17 */ }
body .piranya-shop-order-create .panels .products .product[data-product-type="grouped"] .price-wrapper > .price:before,
body .piranya-shop.product.list-item.piranya-col[data-product-type="grouped"] .price-wrapper > .price:before,
.dialog.product-acquisition .product[data-product-type="grouped"] .price-wrapper > .price:before {
content: "Vælg her"; }
body .piranya-shop-order-create .panels .products .product[data-product-type="grouped"] .price-wrapper > .price.pick:before,
body .piranya-shop.product.list-item.piranya-col[data-product-type="grouped"] .price-wrapper > .price.pick:before,
.dialog.product-acquisition .product[data-product-type="grouped"] .price-wrapper > .price.pick:before {
content: "Dit valg"; }
@media (max-width: 979px) {
body .piranya-shop-order-create .panels .products .product,
body .piranya-shop.product.list-item.piranya-col,
.dialog.product-acquisition .product {
padding: 20px; } }
/* /content/dynamic/29.css */
/* Vinklub */
#membership section {
float: left; }
#membership .success {
float: left; }
#membership .success p {
color: #4CAF50;
margin-bottom: 20px; }
#membership .success a {
display: block;
float: left; }
#membership .success a + a {
margin-left: 10px; }
#membership h1.delivery-guide {
float: left;
font-size: 1.5em;
margin-bottom: 20px;
text-align: center;
width: 100%; }
#membership #takeaway {
width: 100%;
padding: 20px;
margin: 0px;
box-sizing: border-box;
align-items: center;
display: flex;
height: 100%; }
#membership #takeaway > h2.no-products {
float: left;
text-align: center;
width: 100%; }
#membership form.newsletters {
align-items: flex-start;
display: flex;
flex-direction: column;
float: left;
margin-top: 20px;
width: 100%; }
#membership form.newsletters .piranya-input-container.p-checkbox {
width: auto;
clear: both; }
#membership form.newsletters > div {
float: left;
margin-bottom: 20px;
width: auto; }
#membership form.newsletters > div > h3 {
font-size: 2em;
margin-bottom: 20px; }
#membership form.newsletters button[type="submit"] {
margin-bottom: 10px;
min-width: 200px; }
#membership #membership-grid {
grid-template-columns: 79% 19%;
grid-gap: 2%; }
#membership #membership-grid #membership-options-wrapper .newsletters button[type="submit"] {
width: 100%;
min-width: unset; }
#membership #membership-grid #membership-options-wrapper .user-options {
font-size: .9em;
display: flex;
flex-flow: column wrap;
justify-content: space-between;
width: 100%; }
#membership #membership-grid #membership-options-wrapper .user-options a {
padding: unset;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 3em;
margin-top: 30px; }
#membership #membership-grid #membership-options-wrapper .user-options a:last-child {
margin-top: 10px; }
#membership .winemember-wrapper {
width: 100%; }
#membership .winemember-wrapper .piranya-grid {
grid-gap: 60px; }
#membership .winemember-wrapper .piranya-btn {
display: block; }
/* /content/dynamic/30.css */
#slider-wrapper > .swiper-container {
width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper {
width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper:not([style]) {
display: flex;
flex-direction: row;
overflow: hidden; }
#slider-wrapper > .swiper-container > .swiper-wrapper:not([style]) > .swiper-slide {
min-width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide > .product {
display: flex;
flex-direction: column;
margin: 0;
max-width: 390px;
width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-left,
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide > .swiper-slide-shadow-right {
background-image: none; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome {
align-items: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
position: relative;
width: 100%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome > .title {
color: white;
font-size: 2.5em;
margin: 100px 0; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome > .steps {
align-items: flex-start;
margin-bottom: 50px;
max-width: 1200px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-evenly; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome > .steps:first-child {
margin-top: 242px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome > .steps > img {
height: 140px;
max-width: 20%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .swiper-slide.welcome > .steps > div {
background-size: contain;
background-repeat: no-repeat;
display: block;
float: left;
height: 140px;
width: 24%; }
#slider-wrapper > .swiper-container .swiper-pagination-bullet {
background-color: white;
opacity: 0.7; }
#slider-wrapper > .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #b41522;
opacity: 1; }
#slider-wrapper > .swiper-container .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23e4e4e4'%2F%3E%3C%2Fsvg%3E"); }
#slider-wrapper > .swiper-container .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23e4e4e4'%2F%3E%3C%2Fsvg%3E"); }
@media (max-width: 768px) {
.piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper .category-tab {
height: 100px; } }
/* /content/dynamic/31.css */
body #local-pages-wrapper {
background-image: linear-gradient(to bottom, #515151 0, #707070 20%);
color: #fff;
background-size: cover; }
body #local-pages-wrapper .local-pages-section .local-pages {
height: auto;
display: flex;
padding: 0 20px 20px 20px;
width: 100%;
box-sizing: border-box;
justify-content: flex-start; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page {
height: 100%;
filter: brightness(0.8);
transition: filter 250ms ease; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page:hover {
filter: brightness(1);
transition: filter 250ms ease; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page a {
color: #fff;
text-decoration: unset;
display: flex;
flex-direction: column;
height: 100%;
/*div {
background-size: cover;
background-repeat: no-repeat;
background-position: top;
height: 100%;
margin-bottom: 20px;
}*/ }
body #local-pages-wrapper .local-pages-section .local-pages .local-page a img {
margin-bottom: 20px;
width: 100%; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page a h1 {
color: #fff;
font-size: 1.1em;
word-break: break-all; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page:not(:first-child) {
margin-left: 20px; }
@media (max-width: 979px) {
body #local-pages-wrapper .local-pages-section {
height: fit-content; }
body #local-pages-wrapper .local-pages-section .local-pages {
flex-flow: row wrap;
justify-content: center;
padding: 0 20px 20px 20px;
width: 100%;
box-sizing: border-box; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page {
width: 90%;
width: calc(100% - 40px);
max-width: unset;
justify-content: center;
display: flex; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page h1, body #local-pages-wrapper .local-pages-section .local-pages .local-page p {
max-width: 250px; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page a {
width: 70%; }
body #local-pages-wrapper .local-pages-section .local-pages .local-page:not(:first-child) {
margin-left: 0px;
margin-top: 20px; } }
body .local-ads-link {
background-color: #e4e4e4;
text-align: center;
width: 100%; }
body .local-ads-link:not(:empty) {
padding: 40px 0; }
.lum-lightbox {
z-index: 1001; }
body .local-ads-wrapper .p-layout-container .ad-text-wrapper {
margin-bottom: 30px; }
body .local-ads-wrapper .p-layout-container .ad-text-wrapper .ad-heading {
margin-bottom: 20px; }
body .local-ads-wrapper .p-layout-container .luminous-gallery.piranya-grid {
display: flex;
flex-flow: row wrap; }
body .local-ads-wrapper .p-layout-container .luminous-gallery.piranya-grid .ad_page {
background-color: transparent;
min-height: 100%; }
body .local-ads-wrapper .p-layout-container .luminous-gallery.piranya-grid .ad_page img {
max-width: 100%;
margin: auto; }
#local_pages_signup .signup {
background-image: linear-gradient(to bottom, #232323, #383838 25%);
padding: 40px 0; }
#local_pages_signup .signup #mc_embed_signup {
background: #383838 !important;
clear: left; }
#local_pages_signup .signup #mc_embed_signup label {
color: white; }
#local_pages_signup .signup #mc_embed_signup .indicates-required {
display: none; }
#local_pages_signup .signup #mc_embed_signup .button {
background-color: #82b745 !important;
height: 60px !important;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75) !important;
margin-bottom: 20px !important;
line-height: 45px !important;
width: 320px !important;
border-radius: 3px !important; }
#local_pages_signup .signup h1 {
color: white;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
display: block;
line-height: 1.1;
font-size: 2.5em; }
#local_pages_signup .signup p {
color: white; }
body .lum-lightbox-image-wrapper {
display: table-cell; }
/* /content/dynamic/32.css */
@media (min-width: 680px) {
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] {
background-color: #bedfe4;
flex-direction: row;
height: auto; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product {
display: grid;
grid-template-rows: max-content;
grid-template-columns: max-content;
max-width: 840px;
padding-left: 0px;
padding-right: 0px;
background: transparent; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .title {
position: unset;
grid-row: 1;
grid-column: 2;
font-family: 'Coop_bold';
z-index: 100;
font-size: 3em !important;
text-align: center; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product h2 {
color: black;
font-size: 2.7em;
position: absolute;
left: 50%;
max-width: 500px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .highlight {
max-width: 300px;
text-align: left;
font-family: coop_regular;
left: 42%;
top: 30%;
position: absolute;
position: unset;
grid-column: 2;
grid-row: 2;
align-self: flex-start; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .price-wrapper {
position: relative;
bottom: 0px;
left: -20px;
top: unset;
grid-row: 2;
grid-column: 1;
width: 60%;
align-self: end; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .actions {
display: none; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product > div.image {
width: 250px;
height: 350px;
margin: unset;
grid-column: 1;
grid-row: 1 / span 2;
background-position-y: top; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product .highlight {
margin-left: 10px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .eyecatcher {
display: none; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .title h3 {
position: absolute;
top: 20%;
margin-left: 20px;
font-size: 3em; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] body .piranya-shop-order-create .panels .products .product > .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] body .piranya-shop.product.list-item.piranya-col > .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .dialog.product-acquisition .product > .title {
margin-top: 57px;
margin-left: 20px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .piranya-shop.product.list-item .price-wrapper p.price {
font-size: 3em !important; } }
@media (min-width: 680px) and (min-width: 980px) {
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"]:after {
content: "";
display: flex;
background: url("/File/31014/JatakTilbud.png?ticks=1752450487");
width: 360px;
height: 350px;
background-repeat: no-repeat;
background-size: contain;
background-position-x: right;
background-position-y: center; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .highlight, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .price-wrapper {
left: 36%; } }
@media (min-width: 680px) and (max-width: 1200px) {
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .piranya-shop.product.list-item.piranya-col.product {
padding: 20px; } }
@media (max-width: 680px) {
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] {
background-color: #bedfe4;
flex-flow: column nowrap; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product {
background: transparent !important;
max-width: unset;
padding: 20px 0;
box-sizing: border-box;
margin: 0px 10%;
width: 80%; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product .highlight, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product .eyecatcher, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product .price-wrapper {
text-align: center; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] > .product .price-wrapper {
left: 10%;
right: unset;
top: unset;
bottom: 10px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .title {
order: 1;
font-family: 'Coop_bold';
z-index: 100;
font-size: 3em !important; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] h2 {
color: black;
font-size: 2.7em;
position: absolute;
left: 5%;
max-width: 500px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .highlight {
max-width: 300px;
text-align: left;
font-family: coop_regular;
order: 2; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .piranya-shop.product.list-item.piranya-col.has-image > div.image {
order: 3; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .eyecatcher {
display: none; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .title h3 {
position: absolute;
top: 2%;
margin-left: 20px;
font-size: 3em; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] body .piranya-shop-order-create .panels .products .product > .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] body .piranya-shop.product.list-item.piranya-col > .title, #slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .dialog.product-acquisition .product > .title {
margin-top: 57px;
margin-left: 20px; }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .piranya-shop.product.list-item .price-wrapper p.price {
font-size: 3em !important; } }
#slider-wrapper > .swiper-container > .swiper-wrapper > .p-marketing.swiper-slide[data-presented-entity-type="Product"] .product > .description {
max-height: 225px;
overflow: hidden; }
/* piranya/shop/tickets/fullscreen */
body .piranya.shop.ticket.redeem {
align-items: center;
display: flex;
flex-direction: column; }
body .piranya.shop.ticket.redeem > * {
max-width: none; }
body .piranya.shop.ticket.redeem > .logo {
width: auto;
border: none;
max-width: 40%;
margin-bottom: 20px; }
body .piranya.shop.ticket.redeem .info {
background: none;
border: none;
padding-top: 0;
padding-bottom: 12px; }
body .piranya.shop.ticket.redeem .info:not(.event) > .description,
body .piranya.shop.ticket.redeem .info:not(.event) > .title {
display: none; }
body .piranya.shop.ticket.redeem .info .item,
body .piranya.shop.ticket.redeem .info p {
font-size: 2em; }
body .piranya.shop.ticket.redeem .info > .customer {
max-width: none;
width: 100%;
padding: 20px 6%; }
body .piranya.shop.ticket.redeem .info > .customer p {
font-size: 1em; }
body .piranya.shop.ticket.redeem .info > .customer p.ticket-id, body .piranya.shop.ticket.redeem .info > .customer p.order-id {
font-size: 1.5em; }
body .piranya.shop.ticket.redeem > .separator {
display: none; }
body .piranya.shop.ticket.redeem .redeem-wrapper {
border: none; }
body .piranya.shop.ticket.redeem .redeem-wrapper > .message {
padding: 0;
margin-top: 35px;
text-align: center;
width: 100%; }
body .piranya.shop.ticket.redeem .redeem-wrapper > form {
width: 100%;
margin: 0; }
body .piranya.shop.ticket.redeem .redeem-wrapper table {
display: none; }
body .piranya.shop.ticket.redeem .redeem-wrapper button[type="submit"].piranya-btn {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 20px;
font-size: 1.8em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
body .piranya.shop.ticket.redeem > .footer {
border: none;
margin-top: 25px;
margin-bottom: 125px; }
body .piranya.shop.ticket.redeem > .footer > p {
font-size: 1.2em;
line-height: 1.4em; }
/* /content/dynamic/12.css */
#event-overview-wrapper
{
width: calc(100% - 40px);
background-color:white;
padding:20px;
margin: 20px;
box-sizing: border-box;
}
#event-overview-wrapper .event-cover-image-wrapper img
{
width: 100%;
}
#event-overview-wrapper .event-wrapper
{
width: 100%;
}
#event-overview-wrapper .event-cover-image-wrapper
{
width: 20%;
}
#event-overview-wrapper .event-description-wrapper
{
float: right;
width: calc(80% - 20px);
}
#event-overview-wrapper .event-description-wrapper h2
{
font-family:'Coop_Bold';
font-size:1.5em;
font-weight:normal;
margin-bottom: 5px;
}
#event-overview-wrapper .time, #event-overview-wrapper .location
{
width: 100%;
}
.event-description-wrapper .description
{
font-family: 'Coop_Regular';
}
#event-overview-wrapper h3
{
float: left;
margin-bottom: 5px;
}
#event-overview-wrapper .time, #event-overview-wrapper .location
{
margin-bottom: 5px;
}
.event-description-wrapper p
{
color: #afafaf;
font-size: .8em;
font-family:'roboto';
}
.event-description-wrapper
{
display: flex;
flex-flow: column;
}
.event-description-wrapper .piranya-btn
{
width: min-content;
white-space: nowrap;
width: fit-content;
}
.time img
{
float: left;
margin-right: 5px;
width: 20px;
}
.time p, .location
{
float: left;
margin-top: 4px;
font-size: 14px;
font-family: Coop_Regular;
}
#event-overview-wrapper .event-wrapper .piranya-btn
{
font-size: 1.2em;
padding: 10px;
clear: both;
color: white;
background-color: #c31414;
float: left;
margin-top:10px;
text-decoration:none;
font-family: 'Coop_regular';
}
.event-wrapper:last-child .splitter-wrapper
{
display: none;
}
.event-wrapper .splitter-wrapper
{
width: 100%;
}
.event-wrapper .splitter
{
margin: 10px auto;
width: 100%;
height: 1px;
float: none;
border-bottom: 1px solid #d3d3d3;;
}
.no-events-text
{
text-align: center;
}
@media (max-width: 980px)
{
#event-overview-wrapper .event-cover-image-wrapper, #event-overview-wrapper .event-description-wrapper
{
width: 100%;
}
}
/* /content/dynamic/34.css */
#main-wrapper #main #mini-top.union-burger .burger {
z-index: 999;
position: fixed;
left: 0px;
top: 70px;
margin: 0px 5px;
background-color: #b41522;
border-radius: 5px;
padding: 5px; }
#main-wrapper #main #mini-top.union-burger .burger .bar {
background-color: white; }
#main-wrapper #main #mini-top.union-burger .burger .bar:after, #main-wrapper #main #mini-top.union-burger .burger .bar:before {
background-color: white; }
#main-wrapper #main #mini-top.union-burger .burger.open .bar {
background: transparent;
transition: background 0s 0s; }
#main-wrapper #main #mini-top.union-burger .burger.open .bar:before {
bottom: 0;
transform: rotate(45deg);
transition-property: transform, bottom;
transition-delay: .2s, 0s;
transition-duration: .2s,.2s; }
#main-wrapper #main #mini-top.union-burger .burger.open .bar:after {
top: 0;
transform: rotate(-45deg);
transition-delay: .2s, 0s;
transition-duration: .2s,.2s;
transition-property: transform, top; }
@media (max-width: 979px) {
#main-wrapper #main #piranya-page {
margin-top: 20px; } }
#main-wrapper #main .union-slide-wrapper {
padding-top: unset; }
#main-wrapper #main .union-slide-wrapper #slider-wrapper.union-page {
display: flex;
justify-content: center; }
#main-wrapper #main .union-slide-wrapper #slider-wrapper.union-page .rev_slider_wrapper, #main-wrapper #main .union-slide-wrapper #slider-wrapper.union-page .fullwidthbanner-container .fullwidthabanner {
width: 100%;
max-height: 250px; }
#main-wrapper #main .union-slide-wrapper #slider-wrapper.union-page .tp-bgimg {
background-size: cover; }
#main-wrapper #main .union-slide-wrapper #slider-wrapper.union-page .forcefullwidth_wrapper_tp_banner {
display: initial; }
@media (max-width: 979px) {
#main-wrapper #main .union-slide-wrapper {
display: none; } }
@media (max-width: 979px) {
#main-wrapper #main .section-headline-wrapper {
padding: 20px 0px 0px 0px; }
#main-wrapper #main .section-headline-wrapper h1 {
position: initial;
color: black; } }
@media (max-width: 979px) {
#main-wrapper #main .union-section, #main-wrapper #main .union-footer {
padding-top: 30px;
overflow-x: hidden; } }
#main-wrapper #main .union-section h4, #main-wrapper #main .union-footer h4 {
font-family: Coop_Bold; }
#main-wrapper #main .union-section .union-text-wrapper, #main-wrapper #main .union-section .union-footer-wrapper, #main-wrapper #main .union-footer .union-text-wrapper, #main-wrapper #main .union-footer .union-footer-wrapper {
padding: 60px 30px 20px 30px;
background-color: white;
margin-bottom: 30px;
position: relative;
box-sizing: border-box;
width: 100%; }
@media (max-width: 979px) {
#main-wrapper #main .union-section .union-text-wrapper, #main-wrapper #main .union-section .union-footer-wrapper, #main-wrapper #main .union-footer .union-text-wrapper, #main-wrapper #main .union-footer .union-footer-wrapper {
overflow: hidden; }
#main-wrapper #main .union-section .union-text-wrapper .toggle, #main-wrapper #main .union-section .union-footer-wrapper .toggle, #main-wrapper #main .union-footer .union-text-wrapper .toggle, #main-wrapper #main .union-footer .union-footer-wrapper .toggle {
display: none; } }
@media (min-width: 980px) {
#main-wrapper #main .union-section .union-text-wrapper .union-text-header.expandable-panel-heading, #main-wrapper #main .union-section .union-footer-wrapper .union-text-header.expandable-panel-heading, #main-wrapper #main .union-footer .union-text-wrapper .union-text-header.expandable-panel-heading, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-header.expandable-panel-heading {
cursor: pointer;
font-size: 1.3em;
padding: 10px 10px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-header.expandable-panel-heading .toggle, #main-wrapper #main .union-section .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle, #main-wrapper #main .union-footer .union-text-wrapper .union-text-header.expandable-panel-heading .toggle, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle {
height: 30px;
width: 30px;
display: block;
box-sizing: border-box;
white-space: nowrap; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-header.expandable-panel-heading .toggle:first-child, #main-wrapper #main .union-section .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle:first-child, #main-wrapper #main .union-footer .union-text-wrapper .union-text-header.expandable-panel-heading .toggle:first-child, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle:first-child {
margin-left: auto;
width: fit-content;
display: flex;
align-items: center;
line-height: 1.15;
height: fit-content;
font-family: "COOP_Bold"; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-header.expandable-panel-heading .toggle:last-child:before, #main-wrapper #main .union-section .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle:last-child:before, #main-wrapper #main .union-footer .union-text-wrapper .union-text-header.expandable-panel-heading .toggle:last-child:before, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-header.expandable-panel-heading .toggle:last-child:before {
content: "\f078";
width: 30px;
height: 30px;
display: block;
text-align: center;
vertical-align: middle;
line-height: normal;
transform: translateY(-1px) rotate(180deg); }
#main-wrapper #main .union-section .union-text-wrapper.closed, #main-wrapper #main .union-section .union-footer-wrapper.closed, #main-wrapper #main .union-footer .union-text-wrapper.closed, #main-wrapper #main .union-footer .union-footer-wrapper.closed {
padding: 40px 30px 0px 30px;
transition: padding 0.6s ease-out; }
#main-wrapper #main .union-section .union-text-wrapper.closed .union-text-header.expandable-panel-heading .toggle:before, #main-wrapper #main .union-section .union-footer-wrapper.closed .union-text-header.expandable-panel-heading .toggle:before, #main-wrapper #main .union-footer .union-text-wrapper.closed .union-text-header.expandable-panel-heading .toggle:before, #main-wrapper #main .union-footer .union-footer-wrapper.closed .union-text-header.expandable-panel-heading .toggle:before {
transform: translateY(2px); } }
#main-wrapper #main .union-section .union-text-wrapper:not(.flyer), #main-wrapper #main .union-section .union-footer-wrapper:not(.flyer), #main-wrapper #main .union-footer .union-text-wrapper:not(.flyer), #main-wrapper #main .union-footer .union-footer-wrapper:not(.flyer) {
width: 100%;
justify-content: center;
display: flex;
flex-flow: column; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-header, #main-wrapper #main .union-section .union-text-wrapper .union-footer-title, #main-wrapper #main .union-section .union-footer-wrapper .union-text-header, #main-wrapper #main .union-section .union-footer-wrapper .union-footer-title, #main-wrapper #main .union-footer .union-text-wrapper .union-text-header, #main-wrapper #main .union-footer .union-text-wrapper .union-footer-title, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-header, #main-wrapper #main .union-footer .union-footer-wrapper .union-footer-title {
width: 100%;
padding: 5px 5px;
height: fit-content;
box-sizing: border-box;
color: white;
background-color: #b41522;
margin-bottom: 10px;
position: absolute;
top: 0px;
left: 0px;
display: flex;
justify-content: center;
align-items: flex-end; }
#main-wrapper #main .union-section .union-text-wrapper .union-text, #main-wrapper #main .union-section .union-footer-wrapper .union-text, #main-wrapper #main .union-footer .union-text-wrapper .union-text, #main-wrapper #main .union-footer .union-footer-wrapper .union-text {
margin-bottom: 15px; }
@media (min-width: 980px) {
#main-wrapper #main .union-section .union-text-wrapper .union-text.expandable-panel-content, #main-wrapper #main .union-section .union-footer-wrapper .union-text.expandable-panel-content, #main-wrapper #main .union-footer .union-text-wrapper .union-text.expandable-panel-content, #main-wrapper #main .union-footer .union-footer-wrapper .union-text.expandable-panel-content {
overflow: hidden;
transition: height 0.6s ease;
height: auto; }
#main-wrapper #main .union-section .union-text-wrapper .union-text.expandable-panel-content:not([data-collapsed="true"]):not([data-collapsed="false"]), #main-wrapper #main .union-section .union-footer-wrapper .union-text.expandable-panel-content:not([data-collapsed="true"]):not([data-collapsed="false"]), #main-wrapper #main .union-footer .union-text-wrapper .union-text.expandable-panel-content:not([data-collapsed="true"]):not([data-collapsed="false"]), #main-wrapper #main .union-footer .union-footer-wrapper .union-text.expandable-panel-content:not([data-collapsed="true"]):not([data-collapsed="false"]) {
height: 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text.expandable-panel-content:not([data-collapsed="false"]), #main-wrapper #main .union-section .union-footer-wrapper .union-text.expandable-panel-content:not([data-collapsed="false"]), #main-wrapper #main .union-footer .union-text-wrapper .union-text.expandable-panel-content:not([data-collapsed="false"]), #main-wrapper #main .union-footer .union-footer-wrapper .union-text.expandable-panel-content:not([data-collapsed="false"]) {
margin: unset; } }
#main-wrapper #main .union-section .union-text-wrapper .union-footer-text > p, #main-wrapper #main .union-section .union-footer-wrapper .union-footer-text > p, #main-wrapper #main .union-footer .union-text-wrapper .union-footer-text > p, #main-wrapper #main .union-footer .union-footer-wrapper .union-footer-text > p {
text-align: center;
font-size: 1.1em;
font-family: "COOP_Bold"; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-link, #main-wrapper #main .union-section .union-footer-wrapper .union-text-link, #main-wrapper #main .union-footer .union-text-wrapper .union-text-link, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-link {
width: fit-content;
max-width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text-link .union-link-image, #main-wrapper #main .union-section .union-footer-wrapper .union-text-link .union-link-image, #main-wrapper #main .union-footer .union-text-wrapper .union-text-link .union-link-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-text-link .union-link-image {
max-width: inherit; }
#main-wrapper #main .union-section .union-text-wrapper .flyer-wrapper, #main-wrapper #main .union-section .union-footer-wrapper .flyer-wrapper, #main-wrapper #main .union-footer .union-text-wrapper .flyer-wrapper, #main-wrapper #main .union-footer .union-footer-wrapper .flyer-wrapper {
display: block;
width: 100%;
float: left; }
#main-wrapper #main .union-section .union-text-wrapper > .union-image, #main-wrapper #main .union-section .union-text-wrapper .union-footer-image, #main-wrapper #main .union-section .union-footer-wrapper > .union-image, #main-wrapper #main .union-section .union-footer-wrapper .union-footer-image, #main-wrapper #main .union-footer .union-text-wrapper > .union-image, #main-wrapper #main .union-footer .union-text-wrapper .union-footer-image, #main-wrapper #main .union-footer .union-footer-wrapper > .union-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-footer-image {
width: 100%;
height: auto; }
@media (max-width: 979px) {
#main-wrapper #main .union-section .union-text-wrapper .union-text, #main-wrapper #main .union-section .union-footer-wrapper .union-text, #main-wrapper #main .union-footer .union-text-wrapper .union-text, #main-wrapper #main .union-footer .union-footer-wrapper .union-text {
overflow: hidden;
margin-top: 40px;
width: 100%;
max-width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table, #main-wrapper #main .union-section .union-footer-wrapper .union-text table, #main-wrapper #main .union-footer .union-text-wrapper .union-text table, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table {
box-sizing: border-box;
max-width: 100%;
height: auto;
width: 100%;
display: block; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table tr, #main-wrapper #main .union-section .union-footer-wrapper .union-text table tr, #main-wrapper #main .union-footer .union-text-wrapper .union-text table tr, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table tr {
display: flex;
max-width: 100%;
box-sizing: border-box; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table td, #main-wrapper #main .union-section .union-footer-wrapper .union-text table td, #main-wrapper #main .union-footer .union-text-wrapper .union-text table td, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table td {
display: block;
max-width: 100%;
width: 100%;
box-sizing: border-box;
overflow: hidden; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table tbody, #main-wrapper #main .union-section .union-footer-wrapper .union-text table tbody, #main-wrapper #main .union-footer .union-text-wrapper .union-text table tbody, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table tbody {
display: block;
max-width: 100%;
box-sizing: border-box; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table th, #main-wrapper #main .union-section .union-footer-wrapper .union-text table th, #main-wrapper #main .union-footer .union-text-wrapper .union-text table th, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table th {
display: block;
max-width: 100%;
box-sizing: border-box; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table img, #main-wrapper #main .union-section .union-footer-wrapper .union-text table img, #main-wrapper #main .union-footer .union-text-wrapper .union-text table img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table img {
width: 100%;
height: auto; }
#main-wrapper #main .union-section .union-text-wrapper .union-text table p, #main-wrapper #main .union-section .union-footer-wrapper .union-text table p, #main-wrapper #main .union-footer .union-text-wrapper .union-text table p, #main-wrapper #main .union-footer .union-footer-wrapper .union-text table p {
display: block;
max-width: 100%;
box-sizing: border-box; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .text-div, #main-wrapper #main .union-section .union-footer-wrapper .union-text .text-div, #main-wrapper #main .union-footer .union-text-wrapper .union-text .text-div, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .text-div {
display: block;
max-width: 90%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .text-div img, #main-wrapper #main .union-section .union-footer-wrapper .union-text .text-div img, #main-wrapper #main .union-footer .union-text-wrapper .union-text .text-div img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .text-div img {
display: block;
max-width: 100%; } }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.left, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.left, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.left, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.left {
width: 33%;
float: left;
margin: 0px 10px 10px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.left .union-image, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.left .union-image, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.left .union-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.left .union-image {
width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.right {
width: 33%;
float: left;
margin: 0px 10px 10px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.right .union-image, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.right .union-image, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.right .union-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.right .union-image {
width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.top {
width: 33%;
float: left;
margin: 0px 10px 10px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.top .union-image, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.top .union-image, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.top .union-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.top .union-image {
width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.bottom {
width: 33%;
float: left;
margin: 0px 10px 10px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.bottom .union-image, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.bottom .union-image, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.bottom .union-image, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.bottom .union-image {
width: 100%; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.right, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.right {
width: 33%;
float: right;
margin: 0px 0px 10px 10px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.top, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.top {
width: 100%;
margin: 0px 0px 10px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-section .union-footer-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-footer .union-text-wrapper .union-text > .union-image-wrapper.bottom, #main-wrapper #main .union-footer .union-footer-wrapper .union-text > .union-image-wrapper.bottom {
width: 100%;
float: left;
margin: 10px 0px 0px 0px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery-header, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery-header, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery-header, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery-header {
margin: 0px 0px 15px 0px;
text-decoration-line: underline; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery-header:first-child, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery-header:first-child, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery-header:first-child, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery-header:first-child {
margin-top: 30px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links {
display: grid;
grid-template-columns: 29% 29% 29%;
grid-gap: 20px 6%;
margin-bottom: 30px; }
@media (max-width: 979px) {
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links {
margin: 30px 0px;
grid-template-columns: 47% 47%;
grid-gap: 20px 6%; } }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .image-wrapper, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .union-text-link, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .image-wrapper, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .union-text-link, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .image-wrapper, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .union-text-link, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .image-wrapper, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .union-text-link, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .image-wrapper, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .union-text-link, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .image-wrapper, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .union-text-link, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .image-wrapper, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .union-text-link, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .image-wrapper, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .union-text-link {
background-color: white;
filter: drop-shadow(1px 2px 2px grey);
margin: unset;
width: 100%;
display: flex;
flex-flow: column;
justify-content: space-evenly;
align-items: center;
height: auto;
min-height: 200px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .image-wrapper img, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .union-text-link img, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .image-wrapper img, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .union-text-link img, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .image-wrapper img, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .union-text-link img, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .image-wrapper img, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .union-text-link img, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .image-wrapper img, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .union-text-link img, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .image-wrapper img, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .union-text-link img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .image-wrapper img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .union-text-link img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .image-wrapper img, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .union-text-link img {
display: block;
max-width: 100%;
max-height: 200px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .image-wrapper p, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-gallery .union-text-link p, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .image-wrapper p, #main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links .union-text-link p, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .image-wrapper p, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-gallery .union-text-link p, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .image-wrapper p, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links .union-text-link p, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .image-wrapper p, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-gallery .union-text-link p, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .image-wrapper p, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links .union-text-link p, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .image-wrapper p, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-gallery .union-text-link p, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .image-wrapper p, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links .union-text-link p {
display: block;
width: 100%;
color: black;
text-align: center;
box-sizing: border-box;
padding: 5px;
margin-top: 5px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links {
margin-top: 20px; }
#main-wrapper #main .union-section .union-text-wrapper .union-text .union-text-links a, #main-wrapper #main .union-section .union-footer-wrapper .union-text .union-text-links a, #main-wrapper #main .union-footer .union-text-wrapper .union-text .union-text-links a, #main-wrapper #main .union-footer .union-footer-wrapper .union-text .union-text-links a {
text-decoration: none; }
#main-wrapper #main .union-section .union-grid > .piranya-grid, #main-wrapper #main .union-footer .union-grid > .piranya-grid {
grid-template-rows: max-content;
grid-template-columns: 25% 75%;
display: grid; }
@media (max-width: 979px) {
#main-wrapper #main .union-section .union-grid > .piranya-grid, #main-wrapper #main .union-footer .union-grid > .piranya-grid {
grid-template-columns: 100% 100%; } }
#main-wrapper #main .union-section .union-grid > .piranya-grid .union-menu-col, #main-wrapper #main .union-footer .union-grid > .piranya-grid .union-menu-col {
display: flex;
width: 95%;
width: fit-content;
height: 100%;
position: relative; }
#main-wrapper #main .union-section .union-grid > .piranya-grid .union-menu-col .union-menu-container, #main-wrapper #main .union-footer .union-grid > .piranya-grid .union-menu-col .union-menu-container {
display: flex;
height: fit-content;
position: sticky;
top: 120.5px;
left: 0px; }
@media (max-width: 979px) {
#main-wrapper #main .union-section .union-grid.closed, #main-wrapper #main .union-footer .union-grid.closed {
position: relative;
left: -100%; }
#main-wrapper #main .union-section .union-grid.open, #main-wrapper #main .union-footer .union-grid.open {
position: relative;
left: 0%; }
#main-wrapper #main .union-section .union-grid.open > .piranya-grid .union-menu-col .union-menu-container, #main-wrapper #main .union-footer .union-grid.open > .piranya-grid .union-menu-col .union-menu-container {
/*position:fixed;
top: 25%;
left:10px;*/ } }
#main-wrapper #main .union-section .piranya-menu-wrapper, #main-wrapper #main .union-footer .piranya-menu-wrapper {
display: flex;
background: unset;
width: 100%;
/*@media (max-width:680px) {
display:none;
}*/ }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul {
width: 100%; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li {
box-sizing: border-box;
background: #b41522;
width: 100%;
margin: 5px;
/*
&:not(:hover) {
.content * {
height:0px;
margin:unset!important;
padding:unset!important;
display:none;
}
}*/ }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li:first-child, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li:first-child {
margin-top: 0px; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > a, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > a {
color: white;
line-height: 1em;
margin: 8px;
font-family: "COOP_Bold"; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .piranya-icon-text.piranya-expander, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .piranya-icon-text.piranya-expander {
display: none; }
@media (min-width: 980px) {
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li.closed > .content, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li.closed > .content {
max-height: 0px;
transition: max-height 1000ms ease;
overflow: hidden; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li:not(.closed) > .content, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li:not(.closed) > .content {
max-height: 500px;
transition: max-height 1000ms ease 250ms; } }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content {
width: 100%; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container {
width: 100%; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > .title, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > .title {
display: none; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li {
background: #f2f2f2;
transition: background 250ms ease;
display: flex;
align-items: center;
height: max-content;
border: 5px solid white;
border-left: none;
border-right: 30px solid white; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:first-child, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:first-child {
border-top: 10px solid white; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:last-child, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:last-child {
border-bottom: 20px solid white; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li > a, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li > a {
width: 100%;
font-size: .8em;
text-decoration: none;
line-height: 1.2em;
color: inherit;
margin: 5px; }
#main-wrapper #main .union-section .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:hover, #main-wrapper #main .union-footer .piranya-menu-wrapper > ul > li > .content > .p-layout-container > ul > li:hover {
background: #dedede;
transition: background 250ms ease; }
#main-wrapper #main .union-section .union-text-col, #main-wrapper #main .union-footer .union-text-col {
width: 100%;
max-width: 100%;
margin: unset; }
#main-wrapper #main .union-section #offers-wrapper, #main-wrapper #main .union-footer #offers-wrapper {
transform: unset;
margin-bottom: 30px;
width: 100%;
display: flex; }
@media (max-width: 979px) {
#main-wrapper #main .union-section #offers-wrapper, #main-wrapper #main .union-footer #offers-wrapper {
flex-direction: column; } }
#main-wrapper #main .union-section #offers-wrapper .piranya-col, #main-wrapper #main .union-section #offers-wrapper .flyerpage, #main-wrapper #main .union-footer #offers-wrapper .piranya-col, #main-wrapper #main .union-footer #offers-wrapper .flyerpage {
min-height: 300px;
max-height: 300px;
display: flex;
justify-content: center; }
#main-wrapper #main .union-section #offers-wrapper .piranya-col a, #main-wrapper #main .union-section #offers-wrapper .flyerpage a, #main-wrapper #main .union-footer #offers-wrapper .piranya-col a, #main-wrapper #main .union-footer #offers-wrapper .flyerpage a {
display: flex;
max-height: inherit;
position: relative;
min-height: inherit; }
#main-wrapper #main .union-section #offers-wrapper .piranya-col a img, #main-wrapper #main .union-section #offers-wrapper .flyerpage a img, #main-wrapper #main .union-footer #offers-wrapper .piranya-col a img, #main-wrapper #main .union-footer #offers-wrapper .flyerpage a img {
height: 100%; }
#main-wrapper #main .union-section #offers-wrapper .piranya-col:not(:first-child), #main-wrapper #main .union-section #offers-wrapper .flyerpage:not(:first-child), #main-wrapper #main .union-footer #offers-wrapper .piranya-col:not(:first-child), #main-wrapper #main .union-footer #offers-wrapper .flyerpage:not(:first-child) {
margin-left: 10px; }
/* /content/dynamic/35.css */
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .swiper-wrapper {
align-items: center; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab {
overflow: hidden;
border-radius: 10px;
margin: 10px;
padding: 0;
transition: height 250ms ease;
user-select: none; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab .title {
display: flex;
justify-content: center;
padding: 0 10px;
font-size: 1.1em;
word-break: break-word;
z-index: 10;
filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.5)); }
@media (max-width: 980px) {
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab .title {
color: white; } }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab .title:after {
content: "";
display: block;
height: 2px;
position: absolute;
bottom: -3px;
width: 0%;
transition: width 250ms ease; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab > img,
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab > .icon {
transform: scale(1);
filter: brightness(0.7);
transition: transform 250ms ease, filter 250ms ease;
display: block; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:hover > img,
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:hover > .icon, body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab.active > img,
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab.active > .icon {
transform: scale(1.1);
filter: brightness(0.6); }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:hover .title:after, body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab.active .title:after {
width: 60%; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:not(.has-image) .title:after {
background: #333; }
@media (max-width: 980px) {
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:not(.has-image) .title:after {
background: white; } }
@media (max-width: 980px) {
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:after {
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(180, 21, 34, 0.68);
opacity: 0;
transition: opacity 250ms ease; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab:after h2 {
color: white; }
body #main .piranya-shop .category-bar.swiper-container.swiper-enabled .category.category-tab.active:after {
opacity: 1; } }
body .piranya-shop-order-create .category-bar.swiper-container.swiper-disabled .category-tab:not(.active):hover .title {
color: #b41522; }
body .piranya-shop-order-create .category-bar.swiper-container.swiper-disabled .category-tab.active {
background: #b41522; }
body .piranya-shop-order-create .category-bar.swiper-container.swiper-disabled {
border-bottom: 2px solid #b41522; }
body #main .piranya-shop .category-bar.swiper-container:not(.swiper-enabled):not(.swiper-disabled) .category {
opacity: 0; }
body #main .piranya-shop .category-bar.swiper-container:not(.swiper-enabled):not(.swiper-disabled) .category-tab:last-of-type {
margin-right: 200px; }
body .piranya-shop .category-bar.swiper-container:not(.swiper-disabled) .swiper-wrapper .category-tab {
min-width: 200px;
visibility: visible; }
body .piranya-shop-order-create .category-bar.swiper-container .swiper-button-prev, body .piranya-shop-order-create .category-bar.swiper-container .swiper-button-next {
background-color: white;
border-radius: 100%;
width: 44px;
padding: 20px;
box-sizing: border-box;
background-size: 40% 70%; }
/* /content/dynamic/36.css */
#header-wrapper.catalog-header #slider-wrapper .subtop-wrapper {
background-size: cover !important; }
#header-wrapper.catalog-header ~ #piranya-page {
background: #f7f6f6; }
#header-wrapper.catalog-header ~ #piranya-page > .piranya-view-shop .piranya-breadcrumb-wrapper {
display: none; }
#header-wrapper.catalog-header ~ #piranya-page .piranya-shop-order-create > .category-bar {
border: unset; }
#header-wrapper.catalog-header ~ #piranya-page .piranya-shop-order-create > .category-bar .category-tab:first-child:last-child {
display: none; }
#header-wrapper.catalog-header ~ #piranya-page .piranya-shop-order-create > .panels > .panel:first-child:last-child > .content.has-cover > .cover {
display: none; }
#header-wrapper.catalog-header ~ #piranya-page .piranya-shop-order-create > .panels > .panel:first-child > .categories > .description {
display: none; }
#header-wrapper.catalog-header ~ #piranya-page .piranya-shop-order-create .category-bar.swiper-container + .panels.foldable > .panel > .heading {
display: none; }
/* /content/dynamic/37.css */
.shop-info-box {
width: 100%; }
.shop-info-box > a.p-marketing {
align-items: center;
background-color: #B41522;
box-sizing: border-box;
color: white;
display: flex;
flex-direction: column;
padding: 40px;
text-decoration: none;
width: 100%; }
.shop-info-box > a.p-marketing .teaser {
color: inherit;
margin-top: 10px; }
.shop-info-box > a.p-marketing .title {
color: inherit;
text-align: center; }
/* /content/dynamic/38.css */
.shop-count-down-box {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #ebebeb; }
.shop-count-down-box .count-down-wrapper {
position: relative;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
padding: 20px 20px;
height: 100%; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message.has-eyecatcher {
padding-top: 40px; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message.has-eyecatcher .eyecatcher {
top: 5px;
background-color: #c31414; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message > * {
text-align: center; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .teaser {
margin-top: 10px; }
@media (max-width: 980px) {
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .title {
font-size: 1.2em; } }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .count-down {
min-height: 100%;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
font-size: 1em;
margin: 0 0 10px 0; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock {
text-align: center;
perspective: 400px;
margin: 20px auto;
width: 100%;
display: flex;
flex-flow: row nowrap; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock *, .shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock *:before, .shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock *:after {
box-sizing: border-box; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock__piece {
display: inline-flex;
flex-flow: row-reverse nowrap;
justify-content: center;
margin: 0 10px;
position: relative; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-clock__slot {
font-size: .7em;
font-family: 'Coop_Regular';
position: absolute;
bottom: -2.15em;
padding: .5em 15px; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card {
display: block;
position: relative;
padding-bottom: 1.1em;
font-size: 1.5em;
line-height: 1.15;
margin: 0 2.5px;
font-family: 'Coop_Regular';
text-align: center; }
@media (max-width: 980px) {
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card {
font-size: 1em; } }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__top,
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__bottom,
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__back:before,
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__back:after {
display: block;
height: 1.1em;
color: #ccc;
background-color: #1d1e23;
padding: 0.25em 0.25em;
padding-top: .67em;
border-radius: 0.15em 0.15em 0 0;
backface-visiblity: hidden;
transform-style: preserve-3d;
width: 1.6em;
transform: translateZ(0); }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__bottom {
color: #FFF;
position: absolute;
top: 50%;
left: 0;
background-color: #373737;
border-radius: 0 0 0.15em 0.15em;
pointer-events: none;
overflow: hidden; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__bottom:after {
display: block;
margin-top: -1.1em; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__back:before,
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__bottom:after {
content: attr(data-value); }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__back {
position: absolute;
top: 0;
height: 100%;
left: 0%;
pointer-events: none; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .card__back:before {
position: relative;
z-index: -1;
overflow: hidden; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-first-digit .card__back.first-digit:before, .shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-second-digit .card__back.second-digit:before {
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
animation-fill-mode: both;
transform-origin: center bottom; }
.shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-first-digit .card__back.first-digit .card__bottom, .shop-count-down-box .count-down-wrapper .p-marketing.count-down-message .flip-second-digit .card__back.second-digit .card__bottom {
transform-origin: center top;
animation-fill-mode: both;
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1); }
.shop-count-down-box .count-down-wrapper.has-background {
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.shop-count-down-box .count-down-wrapper.has-background:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: black;
opacity: .5; }
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message {
z-index: 2; }
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message p, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message h1, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message h2, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message h3, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message i, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message a, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message label, .shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message span {
color: white; }
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message .card__top,
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message .card__bottom,
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message .card__back:before,
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message .card__back:after {
background-color: #505050; }
.shop-count-down-box .count-down-wrapper.has-background .p-marketing.count-down-message .card__bottom {
background-color: #727272; }
@keyframes flipTop {
0% {
transform: rotateX(0deg);
z-index: 2; }
0%, 99% {
opacity: 0.99; }
100% {
transform: rotateX(-90deg);
opacity: 0; } }
@keyframes flipBottom {
0%, 50% {
z-index: -1;
transform: rotateX(90deg);
opacity: 0; }
51% {
opacity: 0.99; }
100% {
opacity: 0.99;
transform: rotateX(0deg);
z-index: 5; } }
/* /content/dynamic/6.css */
@media (max-width:680px)
{
.fullwidthbanner-container .fullwidthabanner
{
height:300px !important;
}
}
#slider-wrapper
{
width: 100%;
text-align:center;
}
#slider-wrapper > div.center {
display: none;
}
#slider-wrapper > img {
width: 100%;
}
body:not(.piranya-page-home) #slider-wrapper .forcefullwidth_wrapper_tp_banner {
display: none;
}
#slider-wrapper > .slider-tag {
position: absolute;
bottom: 15px;
left: calc(50% - 67.5px);
}
.piranya-page-home .fullwidthbanner-container {
margin-top: 0px;
}
@media (max-width: 979px) {
#slider-wrapper .caption:not(.very_big_white)
{
display: none;
}
body.isReady #slider-wrapper > div.center {
display: block;
}
#header-wrapper {
margin-top: 60px;
}
}
@media (max-width: 767px) {
.piranya-page-home .tp-caption.very_big_white, .very_big_white {
background-color: initial;
text-transform: uppercase;
font-size:2.5em;
font-family: oswald_medium;
text-shadow: 2px 2px 8px #2c2c2c;
letter-spacing: 3px;
padding:20px;
}
#slider-wrapper
{
width: 100%;
text-align:center;
}
}
@media (min-width: 768px)
{
.piranya-page-home .tp-caption.very_big_white, .very_big_white
{
background-color: initial;
text-transform: uppercase;
font-size:3.0em;
font-family: Roboto;
letter-spacing: 3px;
color:white;
padding:15px;
}
.piranya-page-home .tp-caption.very_big_white, .very_big_white p
{
font-family:'Brugsen';
font-size:1.8em;
font-weight:normal;
}
.piranya-page-home .tp-caption.big_white{
background-color: initial;
font-size:2em;
font-family: Roboto;
letter-spacing: 1px;
color:white;
padding:15px;
margin-top:20px;
}
.piranya-page-home .tp-caption.big_white p
{
font-family:'Brugsen';
font-size:1.5em;
font-weight:normal;
}
}
/* /content/dynamic/42.css */
body .p-cookie-consents.dialog > .tab-buttons > .active > p {
color: #b41522; }
body .p-cookie-consents.dialog > .tab-buttons > .active {
border-bottom-color: #b41522; }
body .p-cookie-consents.dialog > .buttons > button.allow_all, body .p-cookie-consents.dialog > .buttons > button.ok {
background-color: #b41522;
border-color: #b41522; }
body .p-cookie-consents.dialog > .buttons > button {
border-color: #b41522; }
body .swal2-popup {
border-radius: 20px; }
/* /content/dynamic/44.css */
.info-box {
text-align: center;
font-family: avenir;
background-color: #ffaeae; }
/* ~/content/piranya/module/custompage/menues/responsive.scss */
@charset "UTF-8";
.piranya-menu-wrapper.responsive ul ul,
.piranya-menu-wrapper.responsive ul ul li {
float: left; }
.piranya-menu-wrapper.responsive .content > .p-layout-container > .title {
display: none;
/* Title within content is hidden by default */ }
/*Tablet portrait and smartphones*/
@media (max-width: 979px) {
.piranya-menu-wrapper.responsive ul, .piranya-menu-wrapper.responsive li, .piranya-menu-wrapper.responsive .content {
width: 100%; }
body.has-active-menu {
overflow: hidden; }
.piranya-menu-wrapper.responsive {
position: relative; }
header, footer, #piranya-page {
transition: transform 0.3s; }
.piranya-menu-wrapper.responsive ul {
box-sizing: border-box; }
.piranya-menu-wrapper.responsive > ul {
width: 32px;
height: 32px;
top: 10px;
right: 10px;
position: absolute;
z-index: 1000;
color: white;
transition: width 0.3s; }
.piranya-menu-wrapper.responsive li {
box-sizing: border-box;
color: #FFFFFF;
padding: 0;
list-style: none;
font-size: 10px;
visibility: hidden;
line-height: 30px;
transition: transform 0.2s linear;
transform: translateX(calc(100% + 20px)); }
.piranya-menu-wrapper.responsive > ul > li {
padding: 5px 0;
border-bottom: 1px dashed dimgrey; }
.piranya-menu-wrapper.responsive li:before {
position: absolute;
line-height: 30px;
vertical-align: middle;
left: 0; }
.piranya-menu-wrapper.responsive > ul > li:before {
content: "\f111"; }
.piranya-menu-wrapper.responsive > ul ul > li:before {
content: "\f1db"; }
.piranya-menu-wrapper.responsive a {
color: inherit;
text-decoration: none;
display: block;
width: calc(100% - 37px);
padding: 0px 5px 0px 32px;
line-height: 200%;
font-size: 16px;
text-align: left; }
.piranya-menu-wrapper.responsive a:hover {
color: #000; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected > a {
background: #999;
color: #fff;
border-radius: 5px;
display: block;
/* show menu item if main menu */
background: none;
color: #666; }
.piranya-menu-wrapper.responsive > ul i {
display: none; }
.piranya-menu-wrapper.responsive .piranya-menu-wrapper.open {
width: auto; }
.piranya-menu-wrapper.responsive {
margin: 0;
position: absolute;
right: 0;
top: 0; }
.piranya-menu-wrapper.responsive > ul ul {
padding-left: 35px; }
.piranya-menu-wrapper.responsive ul > li > a {
color: #474C58; }
.piranya-menu-wrapper.responsive > ul.open {
background-color: #272822;
border: 1px solid #aaa;
box-sizing: border-box;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 50px 0 0 20px;
position: fixed;
right: 0;
top: 0;
width: 300px;
z-index: 10000; }
.piranya-menu-wrapper.responsive > ul.closed {
transition: width 250ms; }
.piranya-menu-wrapper.responsive > ul.open li {
transform: translateX(0);
display: inline-block;
visibility: visible; }
.piranya-menu-wrapper.responsive > ul.open a {
color: white; }
.piranya-menu-wrapper.responsive > ul.open a:hover {
color: #cccbcb; }
.piranya-menu-wrapper.responsive > ul:not(.open) .close-btn {
display: none; }
.piranya-menu-wrapper.responsive > ul:not(.open) {
cursor: pointer;
overflow: hidden;
text-align: center;
line-height: 32px;
font-size: 32px; }
.piranya-menu-wrapper.responsive > ul:not(.open):before {
content: "\f0c9"; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive ul.open ul li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected,
.piranya-menu-wrapper.responsive .piranya-menu-item-selected-ancestor {
display: block; }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected-ancestor > a {
display: none;
/* hide mainmenu item if ´submenu is selected */ }
.piranya-menu-wrapper.responsive .piranya-menu-item-selected > a {
pointer-events: none;
cursor: default; }
.piranya-menu-wrapper.responsive li.piranya-menu-item-selected > a {
display: block;
/* show only current <li> item */ }
.piranya-menu-wrapper.responsive li.piranya-menu-item-selected ul {
display: none; }
/* on nav hover */
.piranya-menu-wrapper.responsive ul.open,
.piranya-menu-wrapper.responsive ul.open {
background-image: none; }
.piranya-menu-wrapper.responsive ul.open li, .piranya-menu-wrapper.responsive ul.open .close-btn {
margin: 0 0 5px; }
.piranya-menu-wrapper.responsive > ul.open ul {
display: block; }
.piranya-menu-wrapper.responsive > ul.open ul > li a {
padding-left: 20px; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected-root > a {
display: block; }
.piranya-menu-wrapper.responsive ul.open li.piranya-menu-item-selected:before {
content: "\f00c"; }
.piranya-menu-wrapper.responsive > ul.open > li.piranya-menu-item-selected {
background-position-x: 10px; }
.piranya-menu-wrapper.responsive > ul.open .close-btn {
position: absolute;
transition: all 0.2s;
right: 10px;
top: 10px;
height: 32px;
width: 32px;
font-size: 32px;
cursor: pointer;
color: white; }
.piranya-menu-wrapper.responsive > ul.open .close-btn:hover {
color: #d89999; }
.piranya-menu-wrapper.responsive .close-btn:focus {
outline: none; }
.piranya-menu-wrapper.responsive .close-btn:before {
content: "\f061"; }
.piranya-menu-wrapper.responsive > ul.open .close-btn, .piranya-menu-wrapper.responsive > ul, .piranya-menu-wrapper.responsive li {
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
#piranya-menu-mask {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
width: 0;
height: 0;
background-color: #000;
opacity: 0;
transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s; }
#piranya-menu-mask.is-active {
width: 100%;
height: 100%;
opacity: 0.7;
transition: opacity 0.3s; } }
@media (min-width: 980px) {
.piranya-menu-wrapper.responsive > ul ul {
display: flex;
flex-direction: column;
list-style-type: none;
padding: 0; }
.piranya-menu-wrapper.responsive > ul ul .content {
display: none;
/*Sub submenu not supported yet*/ }
.piranya-menu-wrapper.responsive > ul a {
vertical-align: middle;
float: left; }
.piranya-menu-wrapper.responsive > ul .content {
position: absolute;
overflow: hidden;
max-height: 0;
z-index: 1000;
left: 0;
top: 100%;
transition: max-height 0.4s linear; }
.piranya-menu-wrapper.responsive > ul li:hover > .content {
max-height: 600px; }
.piranya-menu-wrapper.responsive .close-btn {
display: none; }
.piranya-menu-wrapper.responsive i {
display: none;
/*Sub submenu not supported yet*/ }
.piranya-menu-wrapper.responsive li {
position: relative; } }
/* ~/Content/dynamic/sitetheme */
.piranya-shop.book .piranya-booking-overview .slots > .selection {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .acquisitions .menu ul {
background-color: #171717;
}
.piranya-shop.book .acquisitions .menu ul li > p.selected {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .acquisitions .menu ul li > p:hover {
background-color: #ffffff;
color: #658db3;
}
.piranya-shop.book .acquisitions .products-wrapper .acquisition-product,
.piranya-shop.book .acquisitions .cart {
background-color: #ffffff;
}
.piranya-shop.book .acquisitions .cart:first-child {
background-color: #171717;
}
.piranya-shop.book .acquisitions .acquisition-product > a.variant-text-button,
.piranya-shop.book .acquisitions .acquisition-product .price,
.acquisition-product p,
.add-to-cart-wrapper i,
.piranya-shop.book .acquisitions .total-price,
.piranya-shop.book .acquisitions .cart .items > .product,
.piranya-shop.book .acquisitions .cart .items > .product > p,
.piranya-shop.book .acquisitions .cart .product i {
color: #171717;
}
.piranya-shop.book .acquisitions .cart .items > .product {
border-color: #171717;
}
.piranya-shop.book .acquisitions .cart:first-child .items > .product,
.piranya-shop.book .acquisitions .cart:first-child .items > .product > p {
color: #ffffff;
border-color: #ffffff;
}
.piranya-shop.book .acquisitions .cart:first-child .total-price,
.piranya-shop.book .acquisitions .cart:first-child .product i {
color: #ffffff;
}
.add-to-cart-wrapper i:hover,
.piranya-shop.book .acquisitions .cart .product i:hover {
color: #658db3;
}
.piranya-shop.book .piranya-btn-redeem-code {
background-color: #ececec;
color: #171717;
}
.piranya-shop.book .piranya-btn-redeem-code:hover {
background-color: #ffffff;
color: #658db3;
}