/* module/auth/current-account-picker */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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.9202.275471/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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
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: 'FuturaLight';
src: url('/File/25/FUTURAL.TTF?ticks=1647510575') format('truetype');
font-display: swap;
}
@font-face {
font-family: 'Comorant_Light';
src: url('/File/26/Cormorant-Light.otf?ticks=1647510575') format('opentype');
font-display: swap;
}
@font-face {
font-family: 'Comorant_Black';
src: url('/File/97/Cormorant-Bold.ttf?ticks=1649422678') 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/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; }
.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.9202.275471/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.9202.275471/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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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;
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-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 .sub-grouping.variant-property .date,
.piranya-shop.order-planner > .plan .summary .sub-grouping.variant-property .day_of_week {
display: none; }
.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; }
.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; }
.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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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.9202.275471/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;
}
/* 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 */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.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;
}
}
}
/* /content/dynamic/1.css */
@charset "UTF-8";
@media screen and (max-width: 984px) {
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .image {
height: 25vh; } }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .image {
background-size: contain;
background-repeat: no-repeat;
height: 300px;
background-position: center; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] > * {
padding: unset;
background: transparent; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .title {
font-size: 1.5em; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .price-wrapper {
display: none;
padding-top: unset; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .description {
text-align: center; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .read-more {
display: none; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .value {
display: none; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions {
padding-top: unset;
padding-top: unset;
display: flex;
background: transparent; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .add-btn:not(.add-price) {
display: flex; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .add-btn:not(.add-price) > p {
display: none; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .add-btn:not(.add-price):after {
display: flex;
flex-flow: row wrap;
content: "Vælg her";
justify-content: center;
width: 100%;
font-size: 0.8em;
line-height: 1em;
font-family: "SourceSans";
white-space: nowrap; }
@media screen and (max-width: 984px) {
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .add-btn:not(.add-price):after {
font-size: 0.6em; } }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions > .piranya-btn {
margin: unset !important; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions > .piranya-btn .add-btn {
padding-top: 0px; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .skip.piranya-btn {
font-size: 1.5em; }
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .skip.piranya-btn p {
font-size: 0.8em;
white-space: nowrap; }
@media screen and (max-width: 984px) {
body div.b-modal.__b-popup1__ + .piranya.shop.piranya-shop.product-acquisition.piranya-bpopup.dialog:not(.add-to-basket) div[data-product-type="grouped"] .actions .skip.piranya-btn p {
font-size: 0.6em; } }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog {
top: 1332px;
left: auto !important; }
@media screen and (min-width: 1681px) {
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog {
max-width: 35%;
width: 35%;
margin-left: 32.5%;
margin-right: 32.5%; } }
@media screen and (max-width: 1680px) {
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog {
max-width: 50%;
width: 50%;
margin-left: 25%;
margin-right: 25%; } }
@media screen and (max-width: 984px) {
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog {
max-width: 80%;
width: 80%;
margin-left: 10%;
margin-right: 10%; } }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .item-count {
display: none; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .piranya-btn.submit {
font-size: 1.2em;
line-height: 1em; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div div.header .title {
font-size: 1.8em; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div div.header .status {
display: none; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property {
border-bottom: 1px solid #e8e8e3; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input div.image {
margin-bottom: 5px; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input label.property {
display: flex;
flex-flow: row wrap;
width: fit-content;
max-width: 80%; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input label.property .description, body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input label.property .span {
width: fit-content; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input label.property .description {
font-size: 0.9em;
margin-top: 3px; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .amount-picker input {
margin-bottom: 10px;
padding: unset;
width: unset;
height: unset; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property p.price.keep {
padding-left: 5px; }
@media screen and (max-width: 737px) {
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property {
flex-direction: column;
align-items: center;
width: 100%; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .label-and-input {
min-width: 100%; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .amount-picker {
justify-content: center;
width: 100%;
margin: unset; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .amount-picker input {
width: unset;
height: unset; }
body div.b-modal.__b-popup2__ + .piranya-shop.piranya-bpopup.add-to-basket.dialog form .wrapper .choices .variants > div .content div.property .price {
width: fit-content;
text-align: right;
margin-left: unset; } }
/* /content/dynamic/3.css */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
@media (max-width: 680px) {
body {
font-size: 0.8em; } }
a {
text-decoration: none; }
li, input, span, a, ul, div, select, label {
color: #2b2b2b;
font-family: 'FuturaLight'; }
p {
color: #2b2b2b;
line-height: 26px;
font-size: 1.1em;
font-family: 'FuturaLight'; }
h1 {
font-size: 2.5em;
color: white;
color: #c19f5f;
font-family: 'Comorant_Light';
font-weight: normal; }
h2 {
font-size: 2.9em;
margin-top: 20px;
color: #383838;
color: #c19f5f;
font-family: 'Comorant_Light';
font-weight: normal; }
h4 {
font-size: 1.5em;
text-align: center;
font-weight: normal;
font-family: 'Comorant_Light'; }
#piranya-page .text-box ul > li {
margin: 0;
padding: 0;
/*background:url('/image/7') no-repeat 0 0;*/
padding-left: 30px;
min-height: 30px; }
.text-box ul {
list-style-type: none;
padding: 0; }
select {
font-size: 16px; }
h5 {
font-family: 'FuturaLight';
font-size: 3em;
color: white;
color: #c19f5f;
font-weight: normal;
text-align: center; }
h6 {
font-family: 'FuturaLight';
font-size: 1em;
color: #c73237;
color: #c19f5f;
font-weight: normal; }
/* /content/dynamic/4.css */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.opening-hours {
width: 100%; }
#footer h3 {
font-family: Comorant_Light;
font-weight: normal; }
#footer {
background-color: white;
width: 100%;
color: white;
text-align: center;
flex-direction: column;
align-items: center; }
#footer > div {
width: 100%; }
#footer > div h2 {
font-size: 2em;
color: #c19f5f; }
#footer > div a {
font-family: 'FuturaLight'; }
#footer .piranya-col.span_1_of_3:last-of-type {
display: flex;
flex-direction: column;
align-items: center; }
#footer .upper {
padding: 40px 0;
box-sizing: border-box; }
#footer .lower {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.05); }
#footer .lower a {
font-size: 0.8em;
font-family: 'FuturaLight'; }
#footer h3, #footer h2 {
margin-bottom: 25px;
margin-top: 0;
color: #c19f5f; }
#footer h3 {
margin-top: 25px; }
#footer h3, #footer h2, #footer td, #footer th, #footer a, #footer p {
color: black; }
#footer th {
font-family: Comorant_Light;
font-size: 2em;
font-weight: normal;
padding-bottom: 30px;
color: #c19f5f; }
#footer li {
display: block;
text-align: left; }
#footer li:before {
margin-right: 10px;
font-family: fontawesome;
content: "\f105"; }
#footer li:not(.first-of-type) {
margin-top: 10px; }
#footer img[alt="smileyordning"] {
max-width: 60px; }
#footer #map_footer {
margin-top: 10px;
width: 100%; }
@media only screen and (max-width: 680px) {
#footer .piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
display: flex;
flex-direction: column; }
#footer .piranya-grid[data-column-count="3"]:not([data-auto-position]):not([data-auto-align-columns="True"]) .piranya-col:nth-of-type(2) {
margin: 20px 0; } }
#footer .piranya-btn {
margin-top: 10px;
margin-bottom: 10px;
border-color: white; }
.special-link {
border-left: 4px solid white;
padding-left: 20px;
padding: 14px 25px;
font-family: "Roboto_Bold";
color: white; }
/* /content/dynamic/5.css */
/* Error compiling SASS on line 72 column 31: Error: Undefined variable: "$darkColor".
on line 72 of stdin
>> background-color: $darkColor;
------------------------------^
*/
/* /content/dynamic/6.css */
@charset "UTF-8";
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
#btn-container {
width: 100%; }
#owl-demo .item > div.text h4 {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 10px;
font-family: Comorant_Light;
line-height: 22px; }
#owl-demo .item > div.text h3 {
font-family: Comorant_Light;
color: grey !important;
font-size: 3em;
margin-bottom: 20px; }
#owl-demo .item > div.text h5 {
font-size: 9em;
color: grey !important; }
#owl-demo .item > div.text h2 {
margin-bottom: -10px;
letter-spacing: 5px; }
#arrow-down {
background: transparent;
border-color: transparent;
border: 1px solid white;
outline: 0px;
padding: 14px 60px;
margin-top: 30px;
border-radius: 5px;
font-size: 1.3em; }
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto; }
#owl-demo {
display: block;
overflow: hidden;
width: 100%;
position: relative;
height: 60vh; }
@media (max-width: 680px) {
#owl-demo {
height: 80vh; } }
#owl-demo .item {
width: 100%;
height: 60vh;
padding: 20px;
overflow: hidden;
visibility: inherit;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: start;
padding-top: 60px; }
@media (max-width: 680px) {
#owl-demo .item {
height: 80vh; } }
#owl-demo .item img {
width: 250px; }
#owl-demo .item > div.text {
text-align: center;
display: flex;
flex-direction: column;
align-items: center; }
#owl-demo .item > div.text img {
width: auto; }
@media (max-width: 680px) {
#owl-demo .item > div.text img {
width: 125px; } }
#owl-demo .item > div.text h1,
#owl-demo .item > div.text h2,
#owl-demo .item > div.text h3,
#owl-demo .item > div.text h4,
#owl-demo .item > div.text h5,
#owl-demo .item > div.text p,
#owl-demo .item > div.text a {
color: white; }
#owl-demo .item > div.text h1 {
text-align: center;
font-size: 6em; }
@media (max-width: 680px) {
#owl-demo .item > div.text h1 {
font-size: 4em; } }
#owl-demo .item > div.text h2 {
font-size: 3.5em;
text-transform: uppercase; }
#owl-demo .item > div.text h2.price {
background-size: 100% 100%;
background-position: left;
padding: 30px 220px 30px 130px;
background-image: url(/file/9); }
@media (max-width: 680px) {
#owl-demo .item > div.text h2 {
font-size: 2.5em; } }
#owl-demo .item > div.text p {
font-size: 1.25em; }
#owl-demo .item > div.text.hide {
display: none; }
#owl-demo .item > div.text.golden {
position: relative;
overflow: visible;
/*width: 1200px;*/
/*background: rgba(0, 0, 0, .47);*/
padding: 20px; }
#owl-demo .item > div.text.golden h1, #owl-demo .item > div.text.golden h2 {
position: relative;
z-index: 1;
color: #c19f5f;
font-family: "Comorant_Black";
text-shadow: 0 0 20px black; }
#owl-demo .item > div.text.golden h2 {
text-transform: unset; }
#owl-demo .item > div.text.golden:after {
content: "";
opacity: 0;
overflow: visible;
background-size: cover;
background-position: center;
position: absolute;
width: 110%;
height: 110%;
z-index: 0; }
#owl-demo.subpage {
height: auto;
min-height: 20vw; }
@media (max-width: 680px) {
#owl-demo.subpage {
height: auto; } }
#owl-demo.subpage .item {
height: auto;
min-height: 21vw;
background-position: bottom; }
@media (max-width: 680px) {
#owl-demo.subpage .item {
margin-top: 0;
height: auto; } }
#owl-demo.subpage .item .text h1 {
color: white;
font-size: 3em; }
#owl-demo.subpage .item .text p {
color: #ede5ce; }
div.owl-prev,
div.owl-next {
position: absolute;
top: 30%; }
div.owl-prev {
left: 0; }
div.owl-next {
right: 0; }
.owl-controls.clickable .owl-buttons div {
width: 20px;
height: 100px;
line-height: 100px;
text-align: center;
color: #fff;
font-size: 20px;
background: rgba(0, 0, 0, 0.7);
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.owl-pagination {
position: absolute;
bottom: 20px;
left: 50%; }
.owl-controls .owl-page span {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid transparent !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; }
.owl-controls .owl-page.active span {
background: white !important;
width: 6px !important;
height: 6px !important;
border: 5px solid black !important;
-webkit-box-shadow: none;
box-shadow: none; }
@media (max-width: 680px) {
.hero-social {
display: none; } }
@media (min-width: 980px) {
.hero-dec_top, .hero-dec_top_right {
top: 50px;
border-top: 1px dotted rgba(255, 255, 255, 0.4); }
.hero-dec_top, .hero-dec_bottom {
position: absolute;
left: 70px;
width: 80px;
height: 80px;
border-left: 1px dotted rgba(255, 255, 255, 0.4); }
.hero-dec_bottom, .hero-dec_bottom_right {
bottom: 50px;
border-bottom: 1px dotted rgba(255, 255, 255, 0.4); }
.hero-dec_top, .hero-dec_bottom {
position: absolute;
left: 70px;
width: 80px;
height: 80px;
border-left: 1px dotted rgba(255, 255, 255, 0.4); }
.hero-social {
position: absolute;
left: 50px;
top: 42%;
width: 50px;
border-bottom: none;
z-index: 11;
box-sizing: border-box; }
.hero-social li:first-child a {
border-top: 1px solid rgba(255, 255, 255, 0.2); }
.hero-social li a {
float: left;
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
box-sizing: border-box;
border: 1px solid rgba(255, 255, 255, 0.2);
border-top: none;
background: rgba(255, 255, 255, 0.5);
text-align: center; }
.hero-social li a:hover {
background: #110e1f; }
.fa-facebook-f:before {
content: "\f09a"; }
#owl-demo ul {
list-style: none; }
li {
line-height: 26px;
font-size: 14px;
font-family: Comorant_Light; }
.section-dec.sec-dec_top {
top: 10px;
left: 10px;
border-top: 1px dotted;
border-left: 1px dotted; }
.section-dec {
position: absolute;
width: 60px;
height: 60px; }
.section-dec.sec-dec_bottom {
bottom: -70px;
right: -70px;
border-right: 1px dotted;
border-bottom: 1px dotted; } }
.mousey {
float: left;
width: 20px;
height: 30px;
border-radius: 6px;
padding: 0 6px;
border: 2px solid #fff;
box-sizing: border-box;
position: relative;
z-index: 10; }
.scroll-down-wrap {
float: left;
position: absolute;
bottom: 45px;
z-index: 100; }
.scroller {
position: relative;
left: 50%;
top: 6px;
margin-left: -2px;
width: 4px;
height: 4px;
background: rgba(255, 255, 255, 0.4);
border-radius: 4px;
animation-name: scroll;
animation-duration: 2.2s;
animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
animation-iteration-count: infinite; }
.fade-in-section {
opacity: 0;
transform: translateY(20vh);
visibility: hidden;
transition: opacity 0.6s ease-out, transform 1.2s ease-out;
will-change: opacity, visibility; }
.fade-in-section.is-visible {
opacity: 1;
transform: none;
visibility: visible; }
@keyframes scroll {
0% {
opacity: 0; }
10% {
transform: translateY(0);
opacity: 1; }
100% {
transform: translateY(10px);
opacity: 0; } }
#container {
height: 2000px; }
#container DIV {
margin: 50px;
padding: 50px;
background-color: lightgreen; }
.hideme {
opacity: 0; }
.item11 {
width: 200px;
height: 200px;
margin: 50px auto;
padding-top: 75px;
background: rgba(255, 85, 0, 0.7);
text-align: center;
color: #4E4C48;
font-size: 1.5em; }
.cont-air {
width: 100%; }
body #product-details-header.category h1 {
font-size: 3em; }
@media (max-width: 680px) {
body #product-details-header.category {
min-height: 45vh; } }
body #product-details-header > div a, body #product-details-header > div p, body #product-details-header > div h1 {
text-align: center; }
.piranya-view-shop-product-detail .buy-wrapper h1 {
font-size: 2.5em; }
body #main #owl-demo .item.product-item .text {
position: relative;
z-index: 2; }
body #main #owl-demo .item.product-item .text .description {
overflow: hidden;
text-overflow: "Læs mere...";
display: -webkit-box;
-webkit-line-clamp: unset;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7; }
body #main #owl-demo .item.product-item:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: black;
opacity: .5;
z-index: 1; }
.item-description-wrapper {
position: relative;
border-radius: 5px;
padding: 30px;
border: dotted 2px rgba(26, 47, 51, 0.2);
margin-bottom: 60px;
cursor: default;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out; }
#owl-demo .item > div.text * {
color: #c19f5f; }
body #owl-demo .piranya-grid[data-column-count]:not([data-auto-position]):not([data-auto-align-columns="True"]) {
grid-template-columns: repeat(2, 1fr) !important; }
body #arrow-down {
padding: 15px 35px; }
@media (max-width: 680px) {
body #arrow-down {
min-width: 180px; } }
@media (min-width: 680px) {
body #arrow-down {
min-width: 260px; } }
#owl-demo .item > div.text a {
font-family: 'Comorant_Light'; }
body .mini-cart.mobile-cart-btn .price-wrapper i:before {
content: "\F49A";
font-size: 1.7em;
color: #c19f5f; }
#owl-demo .item:after {
content: "";
background: url("/File/8/grunge-dark-temp.png?ticks=1751878346");
background: url("/File/101/grunge-light-paper-temp_3.png?ticks=1649856815");
background: url("/File/141/whiteone.png?ticks=1650534909");
background-position: bottom;
width: 100%;
height: 63px;
bottom: -1px;
position: absolute; }
body #owl-demo .item {
justify-content: center; }
@media (min-width: 980px) {
#okologo {
position: absolute;
left: 30px;
top: 100px; } }
/* /content/dynamic/7.css */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
div {
float: left; }
.center-w {
position: relative;
max-width: 1200px;
width: calc(100% - 20px);
float: none;
margin: 0px auto; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
img {
max-width: 100%; }
body,
html {
margin: 0px;
padding: 0px;
width: 100%; }
body {
height: 100%;
margin: 0; }
body .section-wrapper {
border-top: 1px dashed #b1a299; }
body .container {
text-align: center; }
body .container h1 {
display: inline-block; }
body .container.white h1 {
border: 2px solid white;
color: white; }
body .container.white p {
color: white; }
body:not(.piranya-page) {
/* Platform pages */ }
body:not(.piranya-page) #main-wrapper #main #topbar {
position: relative; }
body:not(.piranya-page) #main-wrapper #main #piranya-page {
margin-bottom: auto;
display: flex;
justify-content: center; }
body:not(.piranya-page) #main-wrapper #main #piranya-page > div {
max-width: 1200px;
margin-top: 25px; }
body img {
vertical-align: top; }
body .center {
display: flex;
justify-content: center; }
body .center > .center-container {
width: 100%;
max-width: 1200px;
display: flex; }
body #main-wrapper {
width: 100%;
min-height: 100%;
height: 100%; }
body #main-wrapper #main {
width: 100%;
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: space-between;
background-color: #ffffff; }
body #main-wrapper #main #piranya-page {
width: 100%; }
body #main-wrapper #main #piranya-page section {
padding: 20px 20px; }
body #main-wrapper #main #piranya-page section.no-padding-mobile {
padding: 0px; }
body #main-wrapper #main #piranya-page section.padding-vertical {
padding: 40px 0; }
@media (min-width: 981px) {
body #main-wrapper #main #piranya-page section {
padding: 80px 20px; } }
.piranya-shop-terms h1 {
padding: 20px 0px; }
.piranya-shop-terms p {
padding-bottom: 10px; }
#location {
display: none; }
@media (min-width: 740px) {
#location {
display: block; }
#location .address {
background: #900c17;
height: 500px;
display: flex;
justify-content: center;
align-items: center; }
#location .address > div {
border: 1px solid white;
padding: 20px;
width: 50%;
display: flex;
justify-content: center;
align-items: center; }
#location .address > div h2, #location .address > div p, #location .address > div a {
color: white;
text-align: center; }
#location .address > div h2 {
font-family: "Comorant_Light";
display: flex;
flex-direction: column;
align-items: center;
font-size: 3em; }
#location .address > div h2:after {
content: " ";
height: 1px;
background: white;
width: 33%;
margin: 10px 0; }
#location .address > div p:last-child {
margin-top: 10px; } }
#location #map {
height: 500px;
width: 100%; }
.brush-drc {
position: absolute;
height: 68px;
z-index: 10;
top: -66px;
right: 0px; }
.brush-btm {
position: absolute;
height: 68px;
z-index: 10;
bottom: -66px;
right: 0px; }
.welcome-section {
position: relative;
padding: 15px 0px !important; }
.tapas-wrap {
padding: 0px !important;
background-color: #2e2b3b; }
@media (max-width: 680px) {
.text-wraps {
padding: 20px 20px; } }
.facebook {
border: 1px solid;
padding: 11px 22px;
z-index: 1000;
display: flex;
font-size: 1.7em;
align-items: center;
justify-content: center; }
.smiley-tag {
max-width: 100px;
align-items: center;
justify-content: center;
display: flex; }
.piranya-view-content {
margin-bottom: 30px; }
#buy-giftcard {
position: fixed;
right: 0;
bottom: 0;
display: none; }
#buy-giftcard {
display: block;
z-index: 100; }
.piranya-shop-order-create .panel > .content .description {
width: 100%;
padding: 20px 0px; }
.piranya-shop-order-create .panel > .content .description tr {
border: 0px;
border-color: transparent; }
.piranya-shop-order-create .panel > .content .description td {
border: 0px;
border-color: transparent; }
.piranya-shop-order-create .panel > .content .description table {
border: 0px;
border-color: transparent; }
.newyear-section {
background-image: url(/image/766); }
.btnslide #arrow-down.piranya-btn {
flex: 1;
max-width: 190px;
padding-left: 0px;
padding-right: 0px; }
.btnslide {
width: 100%;
justify-content: space-evenly;
display: flex; }
.info-bar {
width: 100%;
padding: 10px;
background-color: #ff3d3d; }
.info-bar p {
color: white;
text-align: center; }
.left-about {
background-color: #112a05;
display: flex; }
@media (min-width: 680px) {
.left-about {
padding: 100px; } }
@media (max-width: 680px) {
.left-about {
padding: 40px; }
.left-about h3 {
text-align: center; }
.left-about h5 {
text-align: center; } }
.left-about p {
color: #999999;
line-height: 30px; }
.left-about h5 {
font-family: 'Great_vibes';
font-size: 2.5em; }
.left-about h3 {
color: white;
font-size: 2em;
margin-bottom: 20px; }
.left-about .about-text {
justify-content: center;
display: flex;
flex-direction: column;
height: 100%; }
.left-about .piranya-grid {
grid-gap: 30px !important; }
body #frontpage-items-wrapper {
width: 100%;
overflow: hidden; }
#frontpage-items-wrapper .item-image-wrapper {
width: 100%;
margin-bottom: 10px; }
.score-wrapper h4 {
text-align: center;
font-size: 1.1em;
font-family: 'Montserrat_Regular'; }
.score-wrapper {
width: 100%;
margin-bottom: 10px; }
#reviewstars {
max-width: 100px !important;
margin-bottom: 10px; }
#review-headline h1 {
margin-bottom: 0px; }
#frontpage-items-wrapper h3 {
margin-bottom: 10px;
font-size: 2em; }
p.firstname {
font-family: 'Roboto_Light';
line-height: 27px;
letter-spacing: 1.5px;
margin-top: 15px; }
#review .owl-carousel .owl-item img {
max-width: 150px;
margin-left: auto;
margin-right: auto;
display: block; }
.item-description-wrapper {
text-align: center;
width: 100%; }
#frontpage-items-wrapper h3 {
text-align: center; }
.item-description-wrapper .description {
text-align: center;
width: 100%; }
.carousel-item-wrapper {
width: 100%; }
.frontpage-items-wrapper {
max-width: 900px; }
.carousel-item-wrapper {
width: 100%;
max-width: 700px;
float: none;
margin: 0 auto; }
.contactbar {
width: 100%;
height: 40px;
border-bottom: 1px solid #e6e6e6; }
.contactbar .contactinfo {
width: 100%; }
@media (max-width: 980px) {
.contactbar .contactinfo {
align-items: center;
justify-content: center;
display: flex; } }
.contactbar .contactinfo .fa {
margin-right: 10px; }
.contactbar .contactinfo a {
color: black;
font-size: 13px;
height: 45px;
line-height: 45px;
margin-right: 10px;
font-family: FuturaLight; }
.contactbar .contactinfo .phoner a {
border-right: 1px solid #e6e6e6;
line-height: 45px;
padding-right: 15px; }
.contactbar .contactinfo .mailer {
margin-left: 10px; }
.contactbar .someicons {
float: right;
width: 155px; }
@media (max-width: 680px) {
.contactbar .someicons {
display: none; } }
.contactbar .someicons .fa {
margin-right: 20px;
line-height: 6px;
color: #c19f5f; }
.sellpoint {
background-color: #F8F4F0; }
.highlight-wrapper {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%; }
.highlight-icon {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px; }
.highlight-icon .fa {
border: 1px solid;
border-radius: 100%;
border-color: #dedede !important;
padding: 30px;
font-size: 2em;
color: #900c17; }
.highlight-icon img {
border: 1px solid;
border-radius: 100%;
border-color: #dedede !important;
padding: 30px; }
.highlight-text {
text-align: Center; }
.highlight-text p {
color: #868686; }
.membersection {
background-color: #C0A483; }
@media (min-width: 980px) {
.membersection {
padding: 40px 0px !important; } }
@media (max-width: 980px) {
.membersection {
display: flex;
align-items: center;
justify-content: center; } }
.membersection .piranya-btn {
background-color: transparent;
border: 1px solid white; }
@media (max-width: 980px) {
.membersection .piranya-btn {
display: block;
text-align: center; } }
.membersection h2 {
color: white;
line-height: 10px;
margin-top: 13px; }
@media (max-width: 980px) {
.membersection h2 {
text-align: center;
line-height: inherit; } }
.membersection img {
max-width: 150px; }
.membersection p {
color: white; }
@media (max-width: 980px) {
.membersection p {
text-align: center; } }
.text-wrap {
display: flex;
align-items: center;
justify-content: center; }
.about-wrap h4 {
color: #900c17;
line-height: 30px;
font-family: Marcelus; }
body #main-wrapper #main #piranya-page .first-section {
position: relative;
width: 100%;
padding-top: 100px;
padding-bottom: 180px;
padding-left: 0px;
padding-right: 0px;
/*padding: 100px 0px 180px 0px;*/ }
@media (max-width: 980px) {
body #main-wrapper #main #piranya-page .first-section {
padding-left: 20px;
padding-right: 20px; } }
.grey-section {
background-image: url(/image/105);
background-repeat: no-repeat;
background-repeat-y: repeat;
background-position: center; }
.first-section:after {
content: "";
background: url(/File/114/grunge-light-paper-temp_7_-Gendannet.png?ticks=637859700510000000);
background-position: bottom;
width: 100%;
height: 63px;
bottom: -1px;
position: absolute;
left: 0px; }
.goldtext {
color: #c19f5f; }
iframe {
max-width: 100%; }
.piranya-btn {
background-color: #c19f5f; }
.piranya-shop.product .sticker.price-reduction {
padding: 15px 20px; }
#contact-form {
width: 100%; }
#smiley {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px; }
@media (min-width: 980px) {
body .piranya-shop .variants > .group > .content > .property {
flex-wrap: unset; } }
body #main-wrapper #main #piranya-page[data-entity-id="12"] .grey-section {
background-image: url(/image/812); }
body #main-wrapper #main #piranya-page[data-entity-id="12"] .first-section:after {
background: url(/File/815); }
body #main-wrapper #main #piranya-page[data-entity-id="12"] .piranya-shop-order-create .panel > .content .description p, body #main-wrapper #main #piranya-page[data-entity-id="12"] .piranya-shop-order-create .panel > .content .description span {
color: white; }
.piranya-shop-order-create .category-bar.foldable .category-tab {
background: unset; }
.piranya-shop-order-create .category-bar.foldable .category-tab h2 {
background: #292824; }
.piranya-shop-order-create .category-bar.foldable .category-tab.active h2 {
background-color: #c19f5f; }
body #main-wrapper #main #piranya-page[data-entity-id="12"] .piranya-shop-order-create .panels .categories .products .product {
background: linear-gradient(0deg, white 0%, white 95%, rgba(238, 236, 224, 0) 100%); }
body .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property:not(:last-child) {
border-bottom: 1px solid #ebebeb;
padding: 10px 0px; }
.red-slider {
background: #c2a97a;
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 1px;
text-transform: uppercase;
overflow: hidden; }
#scroll-text {
color: white;
/* start position */
-moz-transform: translateX(100vw);
-webkit-transform: translateX(100vw);
transform: translateX(100vw);
/* animation properties */
-moz-animation: my-animation 25s linear infinite;
-webkit-animation: my-animation 25s linear infinite;
animation: my-animation 25s linear infinite; }
/* for Firefox */
@-moz-keyframes my-animation {
from {
-moz-transform: translateX(100vw); }
to {
-moz-transform: translateX(-100vw); } }
/* for Chrome/Safari */
@-webkit-keyframes my-animation {
from {
-webkit-transform: translateX(100vw); }
to {
-webkit-transform: translateX(-100vw); } }
/* standard */
@keyframes my-animation {
from {
-moz-transform: translateX(100vw);
-webkit-transform: translateX(100vw);
transform: translateX(100vw); }
to {
-moz-transform: translateX(-100vw);
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw); } }
/* /content/dynamic/8.css */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
.piranya-menu-wrapper a {
font-size: 1.0em;
font-weight: normal;
color: black;
font-family: 'FuturaLight';
white-space: nowrap; }
.piranya-menu-wrapper a:hover {
color: #12342f; }
@media (min-width: 980px) {
.piranya-menu {
width: 100%;
display: flex;
justify-content: center; } }
body .piranya-menu-wrapper.responsive li {
padding: 5px 15px; }
body .piranya-menu-wrapper.responsive > ul li:hover > .content {
display: block;
overflow: initial; }
body .piranya-menu-wrapper.responsive > ul ul .content {
left: 100%;
top: 0; }
.piranya-menu-wrapper.responsive > ul:not(.open) {
color: black;
margin-right: 5px; }
@media (max-width: 979px) {
body .piranya-menu-wrapper.responsive {
position: inherit; }
body .piranya-menu-wrapper.responsive > ul.closed {
-webkit-transition: width 250ms;
-moz-transition: width 250ms;
-o-transition: width 250ms;
-ms-transition: width 250ms;
transition: width 250ms; }
body .piranya-menu-wrapper.responsive > ul.open {
height: 100%;
background-color: #F7F7F5;
border: 2px solid #F5F5F5;
outline: 10px solid #F7F7F5;
/* Adjustments to fit outline*/
width: calc(80% - 20px);
height: calc(100% - 20px);
/* Adjust height so that outline is shown*/
top: 10px;
right: 10px;
padding-right: 20px; }
body .piranya-menu-wrapper.responsive > ul.open:after {
content: "";
background-size: contain;
display: block;
width: 100%;
height: 25px;
position: absolute;
top: 10px;
left: 0;
z-index: 99999;
background-repeat: no-repeat;
background-position: center; }
body .piranya-menu-wrapper.responsive > ul.open .close-btn {
color: black;
z-index: 100000; }
body .piranya-menu-wrapper.responsive > ul.open .close-btn:hover {
color: white; }
body .piranya-menu-wrapper.responsive > ul.open .close-btn:before {
content: "\f105"; }
body .piranya-menu-wrapper.responsive > ul.open li {
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #F5F5F5; }
body .piranya-menu-wrapper.responsive > ul.open li:before {
color: black; }
body .piranya-menu-wrapper.responsive > ul.open li.piranya-menu-item-selected-root a {
color: black; }
body .piranya-menu-wrapper.responsive > ul.open a {
font-family: "Comorant_Light";
text-transform: uppercase;
color: black; } }
@media (min-width: 980px) {
.piranya-menu-wrapper.responsive > ul > li ul {
background-color: white;
padding: 10px 10px; } }
@media (min-width: 980px) {
.piranya-menu-wrapper.responsive > ul ul {
list-style-type: none;
padding: 0; }
.piranya-menu-wrapper.responsive ul a {
vertical-align: middle;
float: left; } }
@media (min-width: 980px) {
body .piranya-menu-wrapper.responsive > ul .content {
top: 56px;
position: absolute; } }
@media (min-width: 980px) {
.piranya-menu-wrapper {
margin-right: auto; }
body #main-wrapper #main #topbar .menu-bar:last-of-type, body #main-wrapper #main #topbar .menu-bar:first-of-type, body #main-wrapper #main #topbar .menu-bar:not(:first-of-type) {
height: 100%; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper {
display: flex;
height: 100%; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu {
height: 100%;
align-items: center;
z-index: 1001; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li {
cursor: pointer;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
height: 100%;
padding: unset; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content {
top: 59px;
opacity: 0;
transform: translateY(-100px);
max-height: unset;
position: absolute;
transition: transform 100ms linear, opacity 100ms linear;
user-select: none;
pointer-events: none; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul {
padding: unset; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li {
padding: 10px 25px;
background-color: white;
transition: background-color 500ms ease;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
height: 100%; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li .content {
top: 0px;
opacity: 0;
display: block;
transform: translateX(-100px);
left: 100%;
transition: transform 100ms linear, opacity 100ms linear;
overflow: unset;
z-index: -1;
user-select: none;
pointer-events: none; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li .content li {
background-color: #f9f9f9; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li .content li:after {
content: unset; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li .content li:hover {
background-color: #efefef; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li a:after {
content: unset; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li:after {
content: "";
position: absolute;
right: 0px;
display: flex;
height: 75%;
width: 1px;
background-color: white;
transition: background-color 500ms ease; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li:hover {
background-color: #f9f9f9; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li:hover:after {
background-color: black; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > .content ul li:hover .content {
transform: translateX(0%);
opacity: 1;
transition: transform 250ms linear, opacity 250ms linear;
user-select: initial;
pointer-events: initial; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li > a {
z-index: 1001;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: white;
padding: 5px 15px; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li a, body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li .content a {
text-align: left;
width: 100%; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li:after {
content: "";
position: absolute;
bottom: 1px;
display: flex;
width: 0px;
height: 1px;
background-color: black;
transition: width 500ms ease; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li:hover:after {
width: 75%; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper .piranya-menu > li:hover > .content {
transform: translateY(0%);
opacity: 1;
transition: transform 250ms linear, opacity 250ms linear;
user-select: initial;
pointer-events: initial; } }
@media (max-width: 979px) {
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive ul li:before {
display: none; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li {
border-top: 1px solid #c19f5f;
border-bottom: 1px solid #c19f5f;
padding-bottom: 10px;
padding-top: 10px; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li:first-child {
border-top: unset; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li:last-of-type {
border-bottom: unset; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive ul li a {
margin: unset;
padding: unset;
text-align: left; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive ul li a p {
text-align: left; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li ul {
padding-left: 10px; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li ul li {
margin: unset; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu-wrapper.responsive > ul > li ul li p {
font-size: 1em;
text-transform: none; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu {
z-index: 1001; }
body #main-wrapper #main #topbar .menu-bar:first-of-type .piranya-menu.open {
width: calc(100% - 20px); } }
@media (max-width: 979px) {
#piranya-menu-mask.is-active {
/*z-index: 999;*/ } }
/* /content/dynamic/9.css */
body div.piranya-searchbox {
display: flex;
align-items: center;
width: 100%;
height: 40px;
font-family: 'Popins_medium';
font-size: 1em;
font-weight: normal;
color: #4f4d4e;
left: 0px;
top: 0px;
transition: top 250ms ease-in;
right: 0px;
z-index: 1; }
body div.piranya-searchbox > input {
box-shadow: none !important;
padding: 0px 10px;
margin-top: unset;
display: initial;
height: 100%;
background-color: transparent;
border-bottom: 1px solid white;
color: white;
border: 0px;
padding: 5px 15px; }
body div.piranya-searchbox > input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: white;
opacity: 1;
/* Firefox */ }
body div.piranya-searchbox > input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: white; }
body div.piranya-searchbox > input::-ms-input-placeholder {
/* Microsoft Edge */
color: white; }
body div.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); }
body div.piranya-searchbox > .button-wrapper {
margin-right: 15px;
color: #4f4d4e; }
body div.piranya-searchbox > .button-wrapper > button:hover {
color: #4f4d4e; }
body #topbar > form {
position: absolute;
width: auto;
left: 125px; }
@media (max-width: 980px) {
body #topbar > form {
display: none; } }
.fa {
color: black; }
/* /content/dynamic/10.css */
@charset "UTF-8";
body .piranya-shop-order-create .panels .products .order-create.product .price-wrapper + .actions {
margin-left: initial; }
body .piranya-shop .variants > .group > .property > div {
/* width: 100%;*/ }
body {
/*.category-tab.active h2 {*/
/* color:white !important;*/
/* background-color: #c00b0b;*/
/*}*/
/*.product .count p {*/
/* color:white;*/
/*}*/ }
body .piranya-shop-order-create .cart > .items {
max-heigt: 300px;
overflow: auto; }
@media (min-width: 980px) {
body .piranya-shop-order-create:not(.sidecart):not(.no-basket):not(.only-list) > .panels, body .piranya-shop-order-create:not(.sidecart):not(.no-basket):not(.only-list):not(.has-separate-basket) > .panels-swiper-container {
padding-left: 290px; } }
body .piranya-shop.dialog.product form > .item-count > .amount-picker > * {
font-size: 1em; }
body .piranya-shop-order-create .cart .count, body .piranya-shop-order-create .cart .product .price {
color: #4f4d4e; }
body .piranya-shop .variants > .group .title {
padding: 5px 0px; }
body .piranya-shop-order-create .cart .total-rebate {
background-color: #cc7100; }
body .piranya-shop-order-create .cart .total-price {
background-color: #f7f6f2; }
body .mobile-cart-btn .price-wrapper i.fa.fa-shopping-cart {
margin-right: 7px; }
@media (max-width: 979px) {
body .piranya-menu-wrapper.responsive > ul:not(.open) {
margin-top: 27px; } }
body .piranya-view-shop-checkout-confirm .step-header {
background: #1b1b1b;
width: 100%; }
body .piranya-view-shop-checkout-confirm .step-content {
width: 100%; }
body .piranya-shop-order-create .basket-wrapper .cart .add-remove .fa, body .piranya-shop-order-create .basket-wrapper .cart .delete .fa {
float: left;
font-size: 20px;
color: #dc6565;
cursor: pointer;
border: none; }
body .piranya-shop-order-create .basket-wrapper .cart .add-remove .fa .piranya-btn, body .piranya-shop-order-create .basket-wrapper .cart .delete .fa .piranya-btn {
background-color: #7f0c0f; }
body .piranya-shop-order-create .basket-wrapper .cart .add-remove .fa .piranya-btn:hover, body .piranya-shop-order-create .basket-wrapper .cart .delete .fa .piranya-btn:hover {
border: 1px solid; }
body .piranya-shop ul.p-toggle-boxes > li.selected:not(.disabled), .piranya-shop div.p-toggle-box.selected:not(.disabled) {
border-color: #575556; }
.description p {
color: black;
font-size: 1.1em;
text-align: center; }
body .piranya-shop-order-create .panels .products .product .actions {
order: 3;
width: 100%;
margin-bottom: 10px; }
body .piranya-shop-order-create .panels .products .product .actions .add-btn:not(.add-price) {
color: #c19f5f;
font-size: 1.7em;
background-color: transparent; }
body .piranya-shop-order-create .panels .products .product .actions .add-btn:not(.add-price):hover p {
color: #c19f5f; }
body .piranya-shop-order-create .panels .products .product .actions .add-btn:not(.add-price) p {
color: #c19f5f;
font-family: 'FuturaLight';
font-size: 0.6em;
background-color: transparent;
border: 1px solid #c19f5f;
white-space: nowrap;
padding: 15px 40px;
border-radius: 30px; }
@media (min-width: 960px) {
#main-wrapper #main .piranya-shop-order-create {
min-height: 600px; } }
.piranya-shop-order-create .panels .products.show-images .product:not(.piranya-col) .text {
width: 100%; }
body .circle-loader {
margin: 0; }
body .piranya-shop-order-create {
position: relative; }
.add-to-basket.piranya-bpopup {
min-width: 300px;
max-width: 400px;
width: 100%; }
.add-to-basket.piranya-bpopup h1 {
font-size: 2em; }
.add-to-basket.piranya-bpopup .highlighted-text-wrapper {
display: none; }
@media (max-width: 599px) {
.add-to-basket.piranya-bpopup {
max-width: calc(100% - 40px); } }
.piranya.shop.dialog.product.add-to-basket > form > .total-price {
font-size: 1.4em;
text-align: right;
background-color: #ff7600;
color: black;
padding: 10px 10px;
box-sizing: border-box; }
.piranya.shop.dialog.product.add-to-basket > form > .total-price::before {
content: "Total: ";
float: left; }
@media (max-width: 600px) {
.piranya-shop-order-create .categories > .category .expandable-panel-heading {
background-color: #32b15e;
color: white;
border-bottom: 1px solid #38a75e; } }
@media screen and (min-width: 981px) {
body .piranya-shop-order-create:not(.sidecart) .basket-wrapper {
top: 90px;
position: sticky;
right: 0;
height: auto; }
body.safari .piranya-shop-order-create:not(.sidecart) .basket-wrapper {
position: relative;
top: 0; } }
.piranya-shop-order-create .cart .variant,
.piranya-shop-order-create .cart p,
.piranya-shop-order-create .cart label {
color: #4f4d4e; }
.piranya-shop-order-create .cart #order-btn {
font-family: 'Comorant_Light';
padding: 15px;
color: white; }
.piranya-shop-order-create .cart #order-btn p {
color: white; }
.piranya-shop-order-create .cart .title,
.piranya-shop-order-create .cart .no-items,
.piranya-shop-order-create .cart .total-price {
font-family: 'FuturaLight';
color: #ff760; }
.piranya-shop-order-create .cart .count.value-editable a.edit {
text-decoration: underline; }
.piranya-shop-order-create .cart .total-price {
font-family: 'FuturaLight';
color: #ff760; }
.piranya-shop-order-create .cart .header,
.piranya-shop-order-create .cart .product,
.piranya-shop-order-create .cart .header,
.piranya-shop-order-create .cart .no-items {
font-family: 'FuturaLight'; }
.piranya-shop-order-create {
width: 100%; }
.piranya-shop-order-create .category-bar {
display: flex;
justify-content: space-between; }
.piranya-shop-order-create .category-bar .category-tab {
font-size: 1.5em; }
.piranya-shop-order-create .category-bar .category-tab.active {
color: #c19f5f; }
.piranya-shop-order-create .category-bar .category-tab:hover {
color: #c19f5f; }
.lunch .piranya-shop-order-create .category-bar {
justify-content: flex-start; }
.lunch .piranya-shop-order-create .category-bar .category-tab {
margin-right: 20px; }
.add-to-basket.piranya-bpopup {
background-color: white;
border-radius: 0px; }
body .mini-cart {
background: transparent;
flex-direction: column-reverse;
color: white;
text-transform: capitalize;
font-family: 'Comorant_Light';
width: 102px;
clear: none;
padding-left: 0;
padding-right: 0;
box-sizing: border-box; }
@media (max-width: 979px) {
body .mini-cart {
margin-right: 25px;
margin-left: 25px; } }
body .mini-cart > button.show-cart {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding: 10px 0px;
height: 100%; }
body .mini-cart > button.show-cart > p {
color: #c19f5f;
font-size: 1.2em; }
body .piranya-shop-order-create .basket-wrapper .cart {
background-color: white; }
body .piranya-shop-order-create .basket-wrapper .cart button.close {
color: white; }
body .piranya-shop-order-create .basket-wrapper .cart > .header {
color: black; }
body .piranya-shop-order-create .basket-wrapper .cart > .header:after {
content: "";
height: 48px;
width: 48px;
background-image: url("/File/22/4544811_basket_business_comerce_delivery_shop_icon.png?ticks=1647510578");
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-top: 5px; }
@media (max-width: 599px) {
body .piranya-shop-order-create .panel > .heading {
background-color: transparent;
align-items: center;
margin-bottom: 6px; }
body .piranya-shop-order-create .panel > .heading .title {
font-size: 1.7em;
margin-top: 0px;
padding: 5px 0px; } }
body .piranya-shop-order-create .panel > .heading .title {
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 10px;
padding: 10px; }
body .piranya-shop-order-create .categories .products {
margin-top: 0px; }
body .piranya-shop-order-create .panels .categories .products .product {
min-height: 100px;
border: 1px solid #dadada;
border-radius: 5px;
min-height: 100px;
background: white; }
body .piranya-shop-order-create .panels .categories .products .product .image {
background-position: top center; }
body .piranya-shop-order-create .panels .categories .products .product .title {
font-family: 'Comorant_Light';
font-size: 1.3em;
font-weight: normal;
color: #c19f5f; }
body .piranya-shop-order-create .panels .categories .products .product .price-wrapper .price {
font-family: 'Comorant_Light';
white-space: nowrap;
color: #c19f5f; }
body .piranya-shop-order-create .panels .categories .products .product .price-wrapper .price.now {
font-size: 1.0em; }
body .piranya-shop-order-create .panels .categories .products .product .text {
flex-direction: column;
align-items: flex-start;
width: 80%;
margin-left: 10px;
border-right: 2px dotted;
margin-right: 10px;
border-color: #e5e5e5; }
@media (max-width: 599px) {
body .piranya-shop-order-create .panels .categories .products .product {
flex-direction: column; }
body .piranya-shop-order-create .panels .categories .products .product .text {
width: 100%; }
body .piranya-shop-order-create .panels .categories .products .product .actions {
margin: 10px 0 10px auto;
width: 100%; }
body .piranya-shop-order-create .panels .categories .products .product .actions .add-btn {
width: 100%; } }
@media (min-width: 768px) {
.piranya-shop-order-create .category-bar.foldable {
display: flex;
justify-content: flex-start;
grid-gap: 20px; } }
.piranya-shop-order-create .category-bar.foldable .category-tab {
background: white;
border-radius: 10px; }
.piranya-shop-order-create .category-bar.foldable .category-tab h2 {
color: #c19f5f;
border-radius: 10px;
outline-offset: -11px;
margin: unset;
transition: border 250ms ease; }
.piranya-shop-order-create .category-bar.foldable .category-tab.active {
font-size: 1.0em; }
.piranya-shop-order-create .category-bar.foldable .category-tab.active h2 {
color: white;
background-color: #c19f5f;
padding: 10px;
white-space: nowrap;
border-radius: 10px; }
.piranya-shop-order-create .category-bar.foldable .category-tab.active:hover h2 {
color: #c19f5f; }
.piranya-shop-order-create .category-bar.foldable .category-tab:not(.active) h2 {
font-size: 1.0em;
white-space: nowrap; }
.piranya-shop-order-create .category-bar.foldable .category-tab:hover h2 {
color: #c19f5f; }
body .piranya-shop-order-create .category-bar.foldable {
height: auto;
padding: 20px 0;
box-sizing: content-box;
margin-bottom: 0; }
body .piranya-shop-order-create .category-bar h2 {
font-size: 1.0em;
font-family: 'Comorant_Light'; }
body .piranya-shop-order-create .category-bar .category-tab {
display: flex;
justify-content: center;
align-items: center;
max-width: 160px; }
body .piranya-shop-order-create .category-bar .category-tab img {
transition: max-width 250ms linear;
max-width: 100%;
width: 100%; }
body .piranya-shop-order-create .category-bar .category-tab:not(.active) img {
max-width: 80%;
filter: grayscale();
transition: max-width 250ms linear; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper h1 {
/*font-family: Playfair_regular;*/ }
body .piranya-shop.add-to-basket.piranya-bpopup {
min-width: 300px;
max-width: 450px; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="amount_only"] .content {
float: unset;
flex-direction: row;
justify-content: space-between; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="amount_only"] .content .property .separator {
margin-right: 100%; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="amount_only"] .content .property .description {
font-size: 0.9em;
color: #c19f5f; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"]:first-of-type:not(.selected-any) ~ .group {
max-height: 0px;
overflow: hidden; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property.selected:not(.disabled):not(.unavailable) {
background-color: #f7f6f2; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property.selected:not(.disabled):not(.unavailable) p, body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property.selected:not(.disabled):not(.unavailable) label {
color: #c19f5f; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property p.price {
margin-left: 5px; }
body .piranya-shop-order-create .category-bar.foldable .category-tab {
user-select: none;
max-width: fit-content; }
body .piranya-shop-order-create .category-bar.foldable .category-tab.active {
font-size: 1.7em; }
body .piranya-shop-order-create .category-bar.foldable .category-tab.active h2 {
transition: background-color .2s ease-in, color .2s ease-in; }
body .piranya-shop-order-create .category-bar.foldable .category-tab:not(.active) {
font-size: 1.7em; }
body .piranya-shop-order-create .category-bar.foldable .category-tab:not(.active) h2 {
background-color: transparent;
padding: 10px;
transition: background-color .2s ease-in, color .2s ease-in; }
body .piranya-shop-order-create .panels.foldable .category-bar.foldable .category-tab.active {
font-size: 1.5em; }
body .piranya-shop-order-create .panels.foldable .category-bar.foldable .category-tab:not(.active) {
font-size: 1.5em; }
.piranya-shop .variants > .group > .header > .status {
display: none; }
.piranya-shop-order-create .cart .add-remove .fa:hover, .piranya-shop-order-create .cart .delete .fa:hover {
background: transparent;
color: white; }
@media (min-width: 981px) {
.piranya-shop-order-create:not(.sidecart) .cart .totals p {
padding: 15px; } }
body .actions :focus {
outline-style: none;
box-shadow: none;
border-color: transparent; }
@media (max-width: 767px) {
body .piranya-shop-order-create .basket-wrapper .cart button.close {
color: #f7f6f2;
top: 26px; }
body .piranya-shop-order-create > .panels.foldable > .panel.active .panels > .panel.active > .heading {
background-color: transparent;
width: 100%; }
body .piranya-shop-order-create > .panels.foldable > .panel.active .panels > .panel.active > .heading > .title {
color: white; }
body .piranya-shop-order-create > .panels.foldable > .panel.active .panels > .panel > .heading {
padding: 7.5px; }
body .piranya-shop-order-create > .panels.foldable > .panel.active .panels > .panel > .heading > .title {
font-size: 1.3em; }
body .piranya-shop-order-create > .panels.foldable > .panel.active > .heading > .title {
color: white; } }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property.selected:not(.disabled):not(.unavailable) p {
display: none; }
body .piranya-shop-order-create .basket-wrapper .cart > .header {
color: #4f4d4e; }
body .piranya-shop .variants > .group .title {
float: left;
padding: 5px 0px;
width: 100%; }
/*
body .piranya-shop.dialog.product.add-to-basket > form > .wrapper {
& > .item-count, & > .totals {
position: sticky;
background-color: white;
}
& > .item-count {
bottom: 92px;
padding-top:5px;
//border-top: 2px solid rgba(0, 0, 0, 0.5);
&:after {
content:"";
display:block;
width:100%;
height:5px;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(5,5,5,0.342472022988883) 35%, rgba(24,24,24,0.6057773451177346) 100%);
position:absolute;
bottom:100%;
}
}
& > .totals {
bottom: 43px;
.total-price.price.piranya-shop-price {
margin-bottom:10px;
}
}
& > .piranya-btn.submit {
position: sticky;
bottom: 10px;
margin: 0px;
&:after {
content:"";
display:block;
width:100%;
height:10px;
background-color:white;
position:absolute;
top:100%;
}
}
} */
/*
body .piranya-shop.dialog.product.add-to-basket > form > .wrapper {
display:flex;
flex-flow:column wrap;
& > .title {
order:1;
}
& > .highlighted-text-wrapper {
order:2;
}
& > .item-count {
order:3;
}
& > .totals {
order:4;
}
& > .piranya-btn.submit {
order:5;
margin-bottom:20px;
}
& > .choices {
order:6;
margin-bottom:20px;
}
}
*/
body .piranya-shop.dialog.product.add-to-basket > form > .wrapper > .choices .property.p-toggle-box {
max-height: 160px; }
body .piranya-shop-order-create .basket-wrapper .cart .shipping.has-pickable-delivery-time > .piranya-shop-checkout-data-shippingmethod div:not(.shipping-methods-wrapper) ul.p-toggle-boxes > li {
max-height: 80px; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="amount_only"] .content .property .separator {
margin-right: unset; }
@media screen and (max-width: 480px) {
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount:not(:empty), .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price:not(:empty), .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount:not(:empty), p.price:not(:empty) .amount:not(:empty), p.price:not(:empty) p.price:not(:empty), p.price:not(:empty) .amount:not(:empty), .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount:not(:empty), .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property p.price:not(:empty), .piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property .amount: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 p.price: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 .amount:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property p.price:not(:empty), .piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property .amount:not(:empty) {
display: flex;
justify-content: center; }
.piranya-shop .variants > .group[data-picker="amount_only"] > .content > .property {
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 1px solid #efefef; }
/*
.piranya-shop .variants > .group[data-picker="toggle_box"][data-is-amount-pickable="true"] > .content > .property {
flex-flow:row wrap;
justify-content:space-between;
> .label-and-input {
width: fit-content;
flex: none;
> .property {
flex: none;
width: auto;
> .title {
width:auto;
}
}
}
}*/ }
.mini-cart.mobile-cart-btn .price-wrapper i:before {
content: "\f110";
font-family: Material Design Icons;
color: white;
font-size: 2.5em; }
body .piranya-shop.add-to-basket.piranya-bpopup .variants .group[data-picker*="toggle_box_button"] .content .property.selected:not(.disabled):not(.unavailable) {
background-color: #ff7600; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper h1 {
/*font-family:Playfair_regular;*/
text-align: center; }
.piranya-shop.dialog.product.add-to-basket > form > .wrapper > .item-count, .piranya-shop.dialog.product.add-to-basket > form > .wrapper > button {
/*font-family:Playfair_regular; */ }
body #main-wrapper #main #piranya-page #shop-section {
padding-top: unset; }
.evening {
width: 100%;
background-color: white;
padding: 10px; }
.evening marquee {
color: #ff7600;
font-size: 1.2em;
font-family: 'Comorant_Light'; }
.piranya-shop .category-bar.swiper-container.swiper-disabled {
padding: 10px; }
.brugerSektion {
background: transparent;
color: white;
display: flex;
flex-flow: column wrap;
text-align: left;
width: fit-content;
background: transparent;
color: white;
width: auto;
padding-right: 20px; }
@media (max-width: 980px) {
.brugerSektion .brugerValg {
display: none !important; }
.brugerSektion {
order: -1; } }
.brugerSektion .brugerValg {
display: flex;
border-left: 1px solid white;
height: 60px;
flex-flow: column nowrap;
justify-content: space-evenly; }
.brugerSektion .brugerValg div {
display: flex;
flex-flow: column wrap;
align-self: flex-start;
margin-bottom: 2.5px; }
.brugerSektion a {
align-self: center;
white-space: nowrap;
color: white;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bolder;
height: fit-content;
margin-left: 5px;
font-family: 'FuturaLight'; }
.brugerSektion #mysite-wrap {
flex-flow: column; }
.brugerSektion #mysite-wrap a {
align-self: flex-start; }
body #topbar #mini-top div:not(#sm-wrapper) p {
margin-top: 0px;
margin-left: 0px; }
body #topbar #mini-top div:not(#sm-wrapper) p:nth-of-type(2) {
margin-left: 0px; }
.piranya-user-login-view-signup {
font-family: 'Popins_bold';
padding: 10px 20px;
width: 100%;
background-color: #ff7600;
box-sizing: border-box;
border-radius: 10px;
-webkit-border-radius: 0px;
border-radius: 0px;
background-clip: padding-box;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 18px;
/*font-family: Playfair_regular;*/
text-transform: uppercase; }
.piranya-user-login-view-signup a {
color: white; }
body .piranya-login-group a {
font-family: 'Popins_bold'; }
body .checkoutlogin .step-wrapper .piranya-btn {
width: 100%; }
.checkoutlogin .step-wrapper > .step-content > .description-text {
margin-top: 10px; }
body #topbar #mini-top {
display: flex;
flex-flow: column nowrap;
justify-content: center;
height: 100%; }
@media (max-width: 980px) {
body #topbar #mini-top {
align-items: flex-end; } }
body #topbar #mini-top > a {
text-align: center;
/*font-family: Playfair_regular;*/
color: white;
font-size: 1.1em; }
@media (max-width: 980px) {
body #topbar #mini-top > a {
display: none; } }
body #topbar #mini-top .mini-cart {
width: auto; }
@media (max-width: 980px) {
body #topbar #mini-top .mini-cart {
align-self: flex-end; } }
body #topbar #mini-top .mini-cart > button.show-cart {
padding: 0; }
.piranya-shop.product.list-item {
background-color: transparent; }
.piranya-shop.product.list-item.piranya-col .title {
border-bottom: 0px;
margin-bottom: 10px;
padding-bottom: 0px; }
body .piranya-shop-order-create .panels .categories .products .product {
border: 0px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
.piranya-shop.product.list-item.piranya-col {
padding: 0px; }
.piranya-shop.product.list-item.has-image.piranya-col div.image {
background-color: transparent;
background-size: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px; }
.piranya-shop .product .eyecatcher, .piranya-shop.product .eyecatcher {
background: #0f0e0f;
clip-path: unset; }
.piranya-shop .product .eyecatcher p, .piranya-shop.product .eyecatcher p {
color: #c19f5f; }
body .piranya-shop-order-create .basket-wrapper .cart button.close {
color: Black; }
.piranya-shop-order-create .cart > .close {
right: 28px;
top: 13px; }
body .fa-arrow-circle-right:before {
content: "\f105"; }
.piranya-shop.product.list-item.piranya-col .read-more {
ordeR: 4;
margin-bottom: 20px; }
.piranya-shop.product.list-item .read-more p span {
background: #c19f5f; }
@media (max-width: 680px) {
.piranya-shop.product.list-item .read-more p span {
display: none; } }
.piranya-shop.product.list-item .read-more p {
font-size: 0.9em;
color: #c19f5f; }
@media (max-width: 680px) {
.piranya-shop.product.list-item .read-more p {
margin-right: 30px; } }
body .piranya-shop.product.list-item .read-more p span:before {
border-right: 7px solid #c19f5f; }
.piranya-view-shop-product-detail .buy-wrapper h1 {
color: white; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper > .header {
color: white;
font-weight: normal; }
.piranya-view-shop-product-detail .description p {
text-align: left; }
.piranya-view-shop-product-detail .description .title {
color: white; }
.piranya-view-shop-product-detail .description table td {
background-color: #2f2f2f;
height: 50px;
font-size: 16px;
padding-left: 20px;
color: white; }
.piranya-view-shop-product-detail .description table th, .piranya-view-shop-product-detail .description table tr:first-child td {
height: 50px;
color: white;
text-align: left;
font-weight: normal; }
.piranya-view-shop-product-detail .description table tr:nth-child(odd) td {
background-color: #252525;
height: 50px; }
body .piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price {
border-radius: 20px;
background-color: #1b1b1b;
color: white; }
@media (max-width: 680px) {
.piranya-view > .piranya-breadcrumb-wrapper, .piranya-view > .piranya-view-content, .piranya-view > .piranya-view-description, .piranya-view > .piranya-view-headline {
padding: 20px; }
.piranya-view-shop-product-detail .images > .large > img {
background-color: #242424;
padding: 5px; } }
.piranya-shop-order-create .cart #order-btn p {
border-radius: 0px;
background-color: black;
padding: 20px; }
.piranya-shop-order-create .cart #order-btn {
padding: 0px; }
/*body:not(.piranya-page) #main-wrapper #main #piranya-page > div*/
/*{*/
/*}*/
/*body .piranya-view-shop-checkout-confirm*/
/*{*/
/* h1*/
/* {*/
/* color:white;*/
/* margin-bottom:30px;*/
/* }*/
/* .piranya-btn*/
/* {*/
/* padding:20px 0px;*/
/* font-size:1.0em;*/
/* }*/
/* a*/
/* {*/
/* color:white;*/
/* }*/
/* p*/
/* {*/
/* color:white;*/
/* }*/
/* h3*/
/* {*/
/* color:white;*/
/* font-weight:normal;*/
/* }*/
/*}*/
.piranya-shop .totals p {
background-color: transparent; }
.piranya-shop.dialog.product.add-to-basket .totals > p {
color: white; }
.piranya-shop.product.list-item.piranya-col .description {
padding: 10px;
box-sizing: border-box; }
.piranya-shop.product.list-item .price-wrapper {
margin-top: auto; }
body .piranya-shop-order-create .panels .products .product .actions .add-btn:not(.add-price) {
width: 100%; }
body .piranya-shop-order-create .panels .categories .products .product .price-wrapper .price.now {
font-size: 1.3em;
margin-bottom: 15px;
color: #c19f5f; }
.piranya-shop .products.show-images p {
font-size: unset; }
body .piranya-shop.product.list-item .read-more p span:before {
border: 18px solid transparent;
border-right: 7px solid #c19f5f; }
#product-details-header {
background-image: url(/file/80);
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: right;
display: flex;
justify-content: center;
height: 180px;
padding: 20px; }
#product-details-header > div {
display: flex;
flex-direction: column;
justify-content: center; }
#product-details-header > div h1 {
text-align: left;
margin-top: 0;
padding-left: 0;
padding-right: 0;
color: white;
position: relative;
z-index: 1;
color: #c19f5f;
font-family: "Comorant_Black";
text-shadow: 0 0 20px black;
text-transform: unset; }
#product-details-header > div h1 ~ form {
margin-top: 20px;
justify-content: center;
display: flex; }
#product-details-header > div a, #product-details-header > div p, #product-details-header > div h1 {
color: white; }
#product-details-header .piranya-breadcrumb-wrapper {
display: none; }
#product-details-header.category {
min-height: 15vw; }
#product-details-header.category h1 {
text-align: center; }
#product-details-header.category p {
color: #ede5ce;
text-align: center; }
#product-details-header.product > div {
max-width: 1200px;
width: 100%; }
#product-details-header .piranya-searchbox {
font-size: 1.5em; }
#product-details-header .piranya-searchbox > .button-wrapper {
right: 8px; }
#product-details-header .piranya-searchbox input {
padding-top: 8px;
padding-bottom: 8px;
padding-right: 0;
padding-left: 8px; }
.piranya-breadcrumb-wrapper > * {
font-family: 'FuturaLight';
color: grey; }
.piranya-breadcrumb-wrapper > * .fa {
color: grey; }
.piranya-shop-order-create .cart #order-btn {
color: white;
overflow: hidden; }
.piranya-shop-order-create .cart #order-btn p {
background-color: #c19f5f; }
.piranya-shop-order-create > .cart-wrapper > .summary {
padding: 10px 20px; }
.piranya-shop-order-create > .cart-wrapper > .summary .piranya-btn {
background-color: #c19f5f;
padding: 20px 60px;
border-radius: 30px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product > *:not(.image) {
padding-left: 20px;
padding-right: 20px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .title {
padding-top: 20px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .price {
font-size: 1.3em;
margin-bottom: 15px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: auto;
margin-left: auto; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more p {
padding-right: 30px;
margin-right: 0px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more p span {
display: none; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more p:after {
margin-right: 20px;
position: absolute;
content: "\f05a";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.6em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 0px;
top: 2px; }
@media (max-width: 980px) {
.description p {
font-size: 1.2em; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product:not(:last-child) {
margin-bottom: 20px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .title {
font-size: 1.6em;
font-family: 'Comorant_Black';
margin-bottom: 0px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .description p {
font-size: 1.2em; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: auto;
margin-left: auto; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more p {
font-size: 1.2em;
/*padding-right: 40px;*/
margin-right: 0px; }
body .piranya-shop-order-create .panels .categories .products.piranya-grid .product .read-more p:after {
/*margin-right: 10px;*/
position: absolute;
content: "\f05a";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 1.6em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
right: 0px;
top: 2px; }
body .piranya-shop-order-create > .panels.foldable > .panel {
/*border-bottom: 1px solid #c19f5f;*/
display: flex;
flex-flow: column nowrap;
border-bottom: unset; }
body .piranya-shop-order-create > .panels.foldable > .panel .products {
display: block; }
body .piranya-shop-order-create > .panels.foldable > .panel .categories {
display: flex;
flex-flow: column nowrap;
border-bottom: unset;
position: relative; }
body .piranya-shop-order-create > .panels.foldable > .panel .categories:after {
content: "";
display: flex;
width: 100%;
height: 7px;
border-top: 1px solid #c19f5f;
border-bottom: 1px solid #c19f5f;
order: 2;
margin: 10px 0px;
box-sizing: border-box;
/*position: absolute;*/
z-index: 1; }
body .piranya-shop-order-create > .panels.foldable > .panel .categories .category {
order: 1;
/*margin-bottom: 27px; */ }
body .piranya-shop-order-create > .panels.foldable > .panel > .heading {
background-color: #c19f5f;
/*border-radius: 0px;*/
/*overflow: hidden;*/
/*margin: 5px 0px;*/
padding: 20px 10px;
margin: unset;
/*border-top: 1px solid #c19f5f;*/
/*border-bottom: 1px solid #c19f5f;*/ }
body .piranya-shop-order-create > .panels.foldable > .panel > .heading > .title {
font-size: 1.8em;
font-family: 'Comorant_Black';
color: white;
margin: unset;
padding: 0px 10px; }
body .piranya-shop-order-create > .panels.foldable > .panel.active .heading > .title {
/*color: #c19f5f;*/
color: white; }
body .piranya-shop-order-create > .panels.foldable > .panel:last-child:before {
display: none; }
body .piranya-shop-order-create > .panels.foldable > .panel:last-child .categories {
display: flex;
flex-flow: column nowrap;
border-bottom: unset;
position: relative; }
body .piranya-shop-order-create > .panels.foldable > .panel:last-child .categories:before {
content: "";
display: flex;
width: 100%;
height: 7px;
border-top: 1px solid #c19f5f;
border-bottom: 1px solid #c19f5f;
order: 1;
margin: 10px 0px;
box-sizing: border-box;
position: absolute;
z-index: 1; }
body .piranya-shop-order-create > .panels.foldable > .panel:last-child .categories .category {
order: 2;
margin-top: 27px; }
body .piranya-shop-order-create > .panels.foldable > .panel:last-child .categories:after {
display: none; }
body .piranya-shop-order-create > .panels.foldable > .panel:before {
content: "";
display: flex;
width: 100%;
height: 7px;
border-top: 1px solid #c19f5f;
border-bottom: 1px solid #c19f5f;
order: 2;
margin: 10px 0px;
box-sizing: border-box; }
body .piranya-shop-order-create > .panels.foldable > .panel .categories {
border: unset;
order: 3;
/*margin-top: 10px;*/
/*border-top: 1px solid #c19f5f;*/
/*padding-top: 5px;*/
/*.category {*/
/* padding-top: 20px;*/
/* border-top: 1px solid #c19f5f;*/
/*}*/ }
body .piranya-shop-order-create > .panels.foldable > .panel .heading {
order: 1;
border-bottom: unset; } }
#piranya-page > .piranya-view > .piranya-breadcrumb-wrapper {
display: none; }
body .piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price {
background-color: #c19f5f;
border-radius: 0px; }
body .piranya-view-shop-product-detail .buy-wrapper > .price-wrapper > p.price span {
color: white; }
.piranya-view-shop-product-detail .buy-wrapper > .piranya-product-amount-wrapper .header {
color: #2b2b2b; }
.piranya-view-shop-product-detail .buy-wrapper .add-to-cart-wrapper > button.add-to-cart {
padding: 20px;
font-size: 1.4em;
border-radius: 30px; }
.piranya-view-shop-product-detail .description .title {
color: #c19f5f; }
#shop {
margin-bottom: 100px; }
.piranya-shop.product.list-item.has-image.piranya-col div.image {
background-position: center center; }
.piranya-shop .choices.spacious .variants > .group > .content > .property div.image {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center; }
body .lum-lightbox .lum-lightbox-inner img {
max-height: 90vh; }
.piranya-shop .variants > .group > .content > .property .amount > input[type="number"] {
max-width: 5em; }
body .piranya-shop .cart > .actions > .return-to-shop p {
color: white; }
body .piranya-shop-order-create .panels .categories .products .product[data-product-type="grouped"] .actions .add-btn:not(.add-price):after {
content: "Vælg varianter";
color: #c19f5f;
font-family: 'FuturaLight';
font-size: 0.6em;
background-color: transparent;
border: 1px solid #c19f5f;
white-space: nowrap;
padding: 15px 40px;
border-radius: 30px; }
body .piranya-shop-order-create .panels .categories .products .product[data-product-type="grouped"] .actions .add-btn:not(.add-price) p {
display: none; }
body .piranya-shop-order-create .panels .categories > .category[data-entity-id="19"] > .products .product .actions .add-btn:not(.add-price):after {
content: "Vælg";
color: #c19f5f;
font-family: 'FuturaLight';
font-size: 0.6em;
background-color: transparent;
border: 1px solid #c19f5f;
white-space: nowrap;
padding: 15px 40px;
border-radius: 30px; }
body .piranya-shop-order-create .panels .categories > .category[data-entity-id="19"] > .products .product .actions .add-btn:not(.add-price) p {
display: none; }
.panel[data-entity-id="15"] .piranya-shop.product.list-item.has-image.piranya-col div.image {
background-size: contain;
height: 383px; }
.add-to-basket.piranya-bpopup .highlighted-text-wrapper {
display: block; }
/* /content/dynamic/11.css */
.signup-wrapper {
box-shadow: 0px 18px 45px 0px rgba(5, 66, 65, 0.08);
box-sizing: border-box;
position: relative;
width: 100%;
min-height: 600px;
display: flex; }
.signup-wrapper #register-consumer-form {
width: 100%; }
.signup-wrapper form {
border: 0;
width: 100%; }
.signup-wrapper fieldset {
border: 0;
display: flex;
flex-direction: column; }
.signup-wrapper fieldset > * {
display: flex;
flex-direction: column;
margin-top: 10px; }
.signup-wrapper fieldset div.editor {
width: 100%; }
.signup-wrapper fieldset input[type="password"],
.signup-wrapper fieldset input[type="text"] {
box-sizing: border-box;
padding: 0.36em 0.32em;
width: 100%; }
.signup-wrapper a {
color: black;
margin-top: 10px;
font-size: 0.9em; }
.signup-wrapper .piranya-user-login-view-container .piranya-txt {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-color: black;
padding: 10px; }
.signup-wrapper form div[data-field] .piranya-txt {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid black; }
.signup-wrapper form div[data-field] form div[data-field] > .editor > span[data-editor] > * {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid black; }
.signup-wrapper form div[data-field]:last-of-type {
margin-bottom: 30px; }
.signup-wrapper h2 {
margin-bottom: 30px; }
.signup-wrapper .piranya-btn {
align-items: center;
text-align: Center;
width: 100%;
margin-top: 10px; }
.signup-wrapper .left {
width: 50%;
align-items: center;
display: flex;
flex-direction: column;
padding: 110px;
box-sizing: border-box; }
@media (max-width: 680px) {
.signup-wrapper .left {
padding: 20px; } }
.signup-wrapper .right {
padding: 110px;
box-sizing: border-box;
width: 50%;
background-color: #388d7f;
min-height: 600px;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center; }
@media (max-width: 680px) {
.signup-wrapper .right {
padding: 20px;
min-height: unset; } }
.signup-wrapper .right .fa {
color: white;
margin-bottom: 20px;
font-size: 5em; }
.signup-wrapper .right h2 {
color: white;
text-align: Center; }
.signup-wrapper .right a {
color: white; }
.signup-wrapper .right .piranya-btn {
background: transparent;
border: 1px solid #ffffff;
padding: 15px 20px;
text-align: center; }
.signup-wrapper .right-w {
width: 50%;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 600px; }
.signup-wrapper div.p-radio > input[type="radio"] + label:before, .signup-wrapper input.p-radio[type="radio"] + label:before, .signup-wrapper div.p-checkbox > input[type="checkbox"] + label:before, .signup-wrapper input.p-checkbox[type="checkbox"] + label:before {
border: 1px solid #147586;
border-radius: 16px;
width: 22px;
height: 22px; }
.signup-wrapper div.p-checkbox > input[type="checkbox"] + label:after, .signup-wrapper input.p-checkbox[type="checkbox"] + label:after {
border-color: #147586;
left: 9px;
top: calc(50% - 4px); }
.signup-wrapper form div[data-field] > .editor > span[data-editor] > * {
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid black; }
.signup-wrapper .register-headline {
padding: 20px; }
@media (max-width: 980px) {
.signup-wrapper {
flex-flow: column nowrap; }
.signup-wrapper .left, .signup-wrapper .right {
width: 100%; } }
.piranya-user-login-view-signup {
display: none; }
body .piranya-view-users-reset-password h1 {
margin-top: 120px;
font-size: 2.5em; }
body .piranya-view-users-reset-password {
margin-bottom: 120px !important; }
/* /content/dynamic/15.css */
/* Sizes */
/* End Sizes */
/* Colors */
/* */
/* End Colors */
body.piranya-page-home #main-wrapper #main #topbar {
background: white; }
body.piranya-page-home #main-wrapper #main #topbar.top {
background: white;
margin-top: 40px; }
body #main-wrapper #main #topbar {
-webkit-box-shadow: -3px 7px 10px -4px rgba(0, 0, 0, 0.12);
-moz-box-shadow: -3px 7px 10px -4px rgba(0, 0, 0, 0.12);
box-shadow: -3px 7px 10px -4px rgba(0, 0, 0, 0.12);
width: 100%;
position: sticky;
top: 0;
z-index: 100;
transition: background-color 250ms linear, margin-top 250ms linear;
margin-top: 0;
background: white;
padding: 10px 20px;
display: flex;
align-items: center; }
body #main-wrapper #main #topbar #menu-enabler {
display: none; }
body #main-wrapper #main #topbar > div {
width: 100%; }
body #main-wrapper #main #topbar .menu-bar {
transition: padding 250ms linear;
display: flex;
align-items: center;
height: 100%; }
body #main-wrapper #main #topbar .menu-bar:first-of-type {
display: flex;
height: 40px;
text-align: center; }
body #main-wrapper #main #topbar .menu-bar:first-of-type p {
text-align: center; }
body #main-wrapper #main #topbar .menu-bar:first-of-type p a {
color: currentColor; }
body #main-wrapper #main #topbar .menu-bar:last-of-type {
flex-direction: row-reverse;
height: 70px; }
body #main-wrapper #main #topbar .menu-bar:last-of-type .center-container {
width: auto;
margin-right: auto; }
body #main-wrapper #main #topbar .menu-bar:last-of-type #menu-enabler {
display: block;
text-align: center;
margin-left: 20px; }
body #main-wrapper #main #topbar .menu-bar:last-of-type #menu-enabler:before {
content: "\f0c9";
font-family: fontawesome;
font-size: 32px;
color: black; }
body #main-wrapper #main #topbar .menu-bar:last-of-type #menu-enabler:hover {
cursor: pointer; }
@media (min-width: 980px) {
body #main-wrapper #main #topbar .menu-bar:last-of-type {
flex-direction: row;
height: 63px; }
body #main-wrapper #main #topbar .menu-bar:last-of-type .center-container {
width: inherit;
margin-right: initial;
height: 100%; }
body #main-wrapper #main #topbar .menu-bar:last-of-type #menu-enabler {
display: none; } }
body #main-wrapper #main #topbar .menu-bar > div {
align-items: center; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper {
margin-left: auto;
margin-right: auto;
text-align: right; }
@media (min-with: 980px) {
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper {
display: flex; }
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper a {
white-space: nowrap; } }
@media (min-width: 1271px) {
body #main-wrapper #main #topbar .menu-bar .piranya-menu-wrapper {
text-align: center; } }
body #main-wrapper #main #topbar .menu-bar #logo {
transition: max-height 250ms linear;
position: inherit; }
@media (max-width: 680px) {
body #main-wrapper #main #topbar .menu-bar #logo {
width: 199px; } }
@media (max-width: 979px) {
body #main-wrapper #main #topbar .piranya-menu-wrapper.responsive > ul:before {
display: none; } }
@media (min-width: 980px) {
body #main-wrapper #main #topbar .piranya-menu-wrapper.responsive li a:after {
display: block;
content: "";
height: 2px;
margin-left: auto;
margin-right: auto;
background: transparent;
transition: background-color 250ms linear; }
body #main-wrapper #main #topbar .piranya-menu-wrapper.responsive li a:hover:after {
background: white;
transition: background-color 250ms linear; }
body #main-wrapper #main #topbar .piranya-menu-wrapper.responsive {
margin-top: 7px; } }
body #main-wrapper #main #topbar .menu-bar:last-of-type #menu-enabler:before {
color: #c19f5f; }
@media (max-width: 980px) {
body #main-wrapper #main #topbar .menu-bar:last-of-type .center-container {
justify-content: space-between;
width: 100%; } }
/* /content/dynamic/17.css */
#product-details-header + #piranya-page {
background-image: url(/image/105);
background-repeat: no-repeat repeat;
background-position: center; }
#main #product-details-header div > h1 {
color: #c19f5f; }
body .piranya-view-shop-product-detail .buy-wrapper h1, .piranya-view-shop-product-detail .buy-wrapper > .title {
color: #c19f5f; }
/* /content/dynamic/18.css */
/*.piranya-view-shop-checkout-confirm .step-header {*/
/* background-color:unset;*/
/* .step-headline {*/
/* color:$primaryTextColor;*/
/* font-size: 1.1em;*/
/* border-bottom: 1px solid #333;*/
/* padding: 5px 0px;*/
/* }*/
/*}*/
/*#piranya-shopping-cart-table {*/
/* td, th {*/
/* border-color: #ececec;*/
/* }*/
/*}*/
@media (max-width: 980px) {
.piranya-view-shop-checkout-confirm {
padding: 20px;
box-sizing: border-box; } }
.piranya-view-shop-checkout-confirm .step-content .piranya-txt,
.piranya-view-shop-checkout-confirm .step-content .piranya-textarea,
.piranya-view-shop-checkout-confirm .step-content .label-checkbox,
.piranya-view-shop-checkout-confirm .step-content select,
.piranya-view-shop-checkout-confirm .piranya-select.p-toggle-boxes li,
.piranya-view-shop-checkout-confirm .piranya-select > option {
border: 1px solid #D0D0D0;
background-color: #FBFBFB;
outline: none;
/*background-color: $form_background;*/ }
.piranya-view-shop-checkout-confirm div.p-radio > input[type="radio"] + label:before,
.piranya-view-shop-checkout-confirm input.p-radio[type="radio"] + label:before,
.piranya-view-shop-checkout-confirm div.p-checkbox > input[type="checkbox"] + label:before,
.piranya-view-shop-checkout-confirm input.p-checkbox[type="checkbox"] + label:before {
background-color: white; }
.piranya-view-shop-checkout-confirm .piranya-txt, .piranya-view-shop-checkout-confirm .piranya-textarea, .piranya-view-shop-checkout-confirm .piranya-select.p-toggle-boxes li {
padding: .7em .5em; }
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > select.choice,
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > .choice > .choice {
/*border: 1px solid #efefef;*/
background: #d7f4df;
scrollbar-width: thin;
scrollbar-color: var(--thumbBG) var(--scrollbarBG); }
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > select.choice::-webkit-scrollbar,
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > .choice > .choice::-webkit-scrollbar {
width: 15px;
background: white; }
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > select.choice::-webkit-scrollbar,
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > .choice > .choice::-webkit-scrollbar {
width: 15px; }
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > select.choice::-webkit-scrollbar-track,
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > .choice > .choice::-webkit-scrollbar-track {
background: var(--scrollbarBG); }
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > select.choice::-webkit-scrollbar-thumb,
.piranya-view-shop-checkout-confirm ul.p-toggle-boxes > li > .content > .choice > .choice::-webkit-scrollbar-thumb {
background-color: var(--thumbBG);
border-radius: 10px;
border: 4px solid var(--scrollbarBG); }
.piranya-view-shop-checkout-confirm .piranya-shopping-cart-container {
background: white; }
.piranya-view-shop-checkout-confirm .piranya-shopping-cart-container #piranya-shopping-cart-table tbody > tr {
background: white;
margin: 1px; }
.piranya-view-shop-checkout-confirm .piranya-shopping-cart-container #piranya-shopping-cart-table tbody > tr td, .piranya-view-shop-checkout-confirm .piranya-shopping-cart-container #piranya-shopping-cart-table tbody > tr th {
border-color: #efefef; }
.piranya-view-shop-checkout-confirm .piranya-shopping-cart-container #piranya-shopping-cart-table tbody > tr th p {
font-weight: normal; }
.piranya-view-shop-checkout-confirm .piranya-shopping-cart-container #piranya-shopping-cart-table tbody > tr td h3 {
font-size: 1em; }
.piranya-view-shop-checkout-confirm .piranya-shop-btn-confirm {
background: #34b257;
padding: 10px 15px;
color: white;
outline: none;
border: unset;
/*font-size: 1.2em;*/ }
.piranya-view-shop-checkout-confirm .piranya-btn-redeem-code {
background: #34b257; }
.piranya-view-shop-checkout-confirm .piranya-view-headline {
text-align: center; }
.piranya-view-shop-checkout-confirm > .piranya-view-content {
margin: 20px 0; }
.piranya-view-shop-checkout-confirm > .piranya-view-content .step-content {
margin-bottom: 30px; }
.piranya-view-shop-checkout-confirm > .piranya-view-content .step-header {
background-color: #2b2b2b;
padding: unset;
margin-bottom: 10px; }
.piranya-view-shop-checkout-confirm > .piranya-view-content .step-headline {
color: #efefef;
text-align: center;
font-weight: normal;
font-size: 1.2em;
padding: 10px;
position: relative;
display: flex;
justify-content: center; }
.piranya-view-shop-checkout-confirm .step-wrapper.desired-delivery-time .step-content .p-toggle-boxes li.selected.has-content .content select.choice {
transition: background-color 250ms ease; }
.piranya-view-shop-checkout-confirm .step-wrapper.desired-delivery-time .step-content .p-toggle-boxes li.selected.has-content .content select.choice:hover {
background-color: #dcf9e4; }
/* /content/dynamic/19.css */
.piranya-grid > .p-layout-container.editable-background-image-wrapper {
background-size: cover;
background-position: center; }
.piranya-grid > .p-layout-container.editable-background-image-wrapper img {
display: none; }
/* /content/dynamic/20.css */
p {
font-feature-settings: 'lnum' 1; }
.description .piranya-btn {
opacity: 0; }
.colums-1 {
width: 100%; }
.feature-box-inner {
float: left;
padding: 50px 30px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center; }
.fbox-icon {
display: flex;
justify-content: center;
color: white;
background: #c19f5f;
width: 90px;
height: 90px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
line-height: 90px;
font-size: 35px;
margin-bottom: 20px; }
.fbox-icon:hover {
color: white; }
body .box {
background-color: #ffffff;
min-height: 100px;
display: inline-block;
margin-bottom: 20px; }
.box1:hover .fbox-icon {
color: white; }
.box1:hover .description .piranya-btn {
opacity: 1; }
.box2:hover .fbox-icon {
color: white; }
.box2:hover .description .piranya-btn {
opacity: 1; }
.box3:hover .fbox-icon {
color: white; }
.box3:hover .description .piranya-btn {
opacity: 1; }
/* ~/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; } }