/* ~/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; } 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.8052.272301/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%; } @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 { display: block; } .p-table > .p-table-cell { width: 100% !important; } .p-table > .p-table-cell.p-table-cell--header { display: none; } .p-table > .p-table-cell:not(.p-table-cell--head) { border-top: none; } .p-table > .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; } } /** * ---------------------------------------- * 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; } } /* ~/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 { width: 100%; margin-bottom: 10px; } .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 { padding: 6px 5px; margin: 0; font-size: 1em; border-radius: 0; box-sizing: border-box; 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 { position: absolute; right: 0; height: 100%; } div.piranya-searchbox button { height: 100%; padding: 0 15%; 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 { 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.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.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 { 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 { opacity: 0; visibility: hidden; } ul.p-toggle-boxes > li input[type="text"], div.p-toggle-box input[type="text"] { box-sizing: border-box; margin: 0; width: 100%; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { ul.p-toggle-boxes > li, div.p-toggle-box { /* IE10+ */ } ul.p-toggle-boxes > li.has-content, div.p-toggle-box.has-content { display: block; /* Disable flex */ } } /* end of p-toggle-boxes */ /* ~/Content/piranya/styles/piranya-alert-box.scss */ div.p-alert-box { align-items: center; border-radius: 5px; box-shadow: 0px 1px 5px #999; box-sizing: border-box; display: flex; font-size: 1.2em; 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 > 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"; } /* ~/Content/piranya/module/user/piranya-user.scss */ .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 input[type="text"] { clear: both; font-size: 1.5em; margin: 20px 0; } /* ~/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/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/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: 1237.11340206186px) { .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: 495.876288659794px) and (max-width: 1237.11340206186px) { .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: 494.845360824742px) { .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: 1237.11340206186px) { .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: 494.845360824742px) { .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 */ body .piranya-view-form-wrapper > p.success { color: black; } .circle { border-radius: 50%; height: 33px; width: 33px; display: flex; justify-content: center; align-items: center; background-color: white; margin-right: 10px; } #sharefb { float: right; } #sharefb > img { float: left; } body, html { margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: 'Myriadpro_regular'; } body.language-en #bee-abc { display: none; } body.language-de #bee-abc { display: none; } div { float: left; } #reference-wrapper { padding: 30px 0px 30px 0px; } section { padding: 30px 0px 30px 0px; } section.black { background-color: #434446; } #main-wrapper { width: 100%; min-height: 100%; } #main { height: 100%; width: 100%; padding-bottom: 190px; } #piranya-cycle-controls-container3 { display: none; } #piranya-cycle-paginator-container6 { display: none; } #logo-wrapper { width: 100%; background-color: #434446; min-height: 140px; } #top-bar { width: 100%; top: 0px; left: 0px; z-index: 1000; background: #434446; position: relative; } .header-right { align-items: flex-end; display: flex; flex-direction: column; float: right; } #socialmedia { margin-top: 10px; } @media (max-width: 480px) { #socialmedia { display: none; } } #menu-wrapper > .piranya-menu-wrapper.responsive { position: relative; } #language { padding-right: 10px; } #menu-bar > div { width: 100%; } .center { float: none; margin: 0px auto; position: relative; max-width: 1200px; width: 97%; } #mobile-graphic { width: 100%; } #piranya-page { margin-bottom: 20px; width: 100%; } #subpage-graphic { width: 100%; height: 98px; background: url("/image/4134") no-repeat; } #logo { float: left; max-width: 220px; position: absolute; z-index: 100; margin-top: 18px; } #subpage-top { width: 100%; height: 60px; background-color: #efeeee; margin-top: 89px; } #call { float: right; margin-top: 7px; } #upper-footer { height: 100px; background-color: #434446; width: 100%; display: flex; align-items: center; } #upper-footer p { color: white; vertical-align: middle; text-align: center; } #lower-footer p { font-size: 0.8em; color: #8a8a8a; } #lower-footer { padding: 30px 0px 30px 0px; display: flex; align-items: center; } #footer { height: 100px; width: 100%; margin-top: -190px; } #footer a { color: #c9844d; } .fullsize-bg-img { background-size: 100% 100%; min-height: 120px !important; } #slider-wrapper { width: 100%; } #slider-wrapper > .slider-tag { position: absolute; bottom: -3px; left: calc(50% - 67.5px); } #header-wrapper { width: 100%; background-size: cover; background-position: center center; } #header-wrapper img { width: 100%; } .top-image { width: 100%; max-height: 330px; left: 0; } #fb-img { float: right; width: 119px; height: 106px; } .owl-carousel .owl-item > div { text-align: center; } .owl-carousel .owl-item h4 { margin-top: 20px; display: inline-block; } #ref-wrapper { width: 275px; margin-bottom: 20px; margin-right: 20px; border: 1px solid #efefef; text-align: center; height: 200px; } #references h2 { width: 100%; margin-bottom: 20px; } #references { width: 100%; display: flex; flex-flow: row wrap; } .btn-wrap { margin-bottom: 20px; } .pricebox-mother > .piranya-grid > .p-layout-container { display: flex; flex-direction: column; } .price-box { background-color: #a0827b; } .price-box table { padding: 20px; padding: 20px; width: 100%; } .price-box table h2 { font-size: 3.5em; color: #ec8820; font-weight: 800; } .price-box table h3 { font-size: 2em; } .price-box table td { font-size: 0.8em; } .price-box1 { background-color: #cdc6c2; } .price-box1 table { padding: 20px; padding: 20px; width: 100%; } .price-box1 table h2 { font-size: 3.5em; color: #ec8820; font-weight: 800; } .price-box1 table h3 { font-size: 2em; } .price-box1 table td { font-size: 0.8em; } body #piranya-page .price-box table ul > li { padding: 10px 0px; min-height: 0px; font-size: 1em !important; margin-left: 15px; } body #piranya-page .price-box1 table ul > li { padding: 10px 0px; min-height: 0px; font-size: 1em !important; margin-left: 15px; } .price-box { -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); flex: 1; } .price-box1 { -webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, 0.1); flex: 1; } .pricebox-mother { display: flex; width: 100%; } /* /content/dynamic/16.css */ .btn-animation, .piranya-btn { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; background-color: #c9844d; font-family: Myriadpro_regular; font-weight: normal; color: white; padding: 10px 20px; } .footer-get-call-wrapper { width: 100%; } #callme-form { width: 100%; } .piranya-txt, .piranya-textarea, select { width: 100%; } .btn-animation:hover, .piranya-btn:hover { opacity: 0.9; } a.piranya-btn:hover { text-decoration: none; } input.piranya-btn { cursor: pointer; border: none; color: black; width: 100%; font-weight: normal; letter-spacing: 1px; font-size: 1.05em; background-color: #c9844d; border-radius: 0px; } input, textarea, select { font-family: ubuntulight; } .piranya-view-form-wrapper select :first-child { display: none; } form { width: 100%; } textarea { min-height: 100px; } label { font-size: 0.8em; color: #737373; font-family: ubuntulight; font-weight: bold; } .piranya-view-form-wrapper div[data-error] { font-size: 0.8em; } .piranya-txt, select { width: 340px; min-height: 15px; color: #666666; letter-spacing: 1px; border-radius: 3px; font-family: 'Myriadpro_regular'; font-weight: 400; padding: 15px; border: 1px solid #D0D0D0; background-color: #FBFBFB; } input.piranya-txt, textarea.piranya-textarea, textarea.piranya-txt, select { width: calc(100% - 4px); } textarea.piranya-txt { width: calc(100% - 4px); min-height: 150px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #232323; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #232323; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #232323; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #232323; } /* /content/dynamic/17.css */ @font-face { font-family: 'Myriadpro_regular'; src: url("/file/5300"); src: url("/file/5300?#iefix") format("embedded-opentype"), url("/file/5303") format("woff"), url("/file/5302") format("truetype"), url("/file/5301#Myriadpro_regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Myriadpro_bold'; src: url("/file/5304"); src: url("/file/5304?#iefix") format("embedded-opentype"), url("/file/5307") format("woff"), url("/file/5306") format("truetype"), url("/file/5305#Myriadpro_bold") format("svg"); font-weight: normal; font-style: normal; } p { font-family: 'Myriadpro_regular'; font-size: 1em; line-height: 160%; } a { font-family: 'Myriadpro_regular'; text-decoration: none; color: #434446; } body > div.piranya-editor-menu:not(.pinned) > ul > li:before { display: none; } li > p { background: url("/image/1339") center left no-repeat; } li > p { padding-left: 15px; } h1 { font-size: 2.5em; font-family: 'Myriadpro_regular'; } h2 { font-size: 1.8em; font-family: 'Myriadpro_regular'; } h2 { font-size: 1.2em; font-family: 'Myriadpro_regular'; display: inline; } h4 { font-weight: normal; } /* /content/dynamic/18.css */ .piranya-menu-wrapper.responsive a { font-family: 'Myriadpro_regular'; letter-spacing: 1px; font-size: .9em; } @media (min-width: 980px) { div.piranya-menu-wrapper.responsive { padding-left: 20px; float: right; width: auto; margin-top: 30px; } #piranya-menu-1 a { line-height: 45px; color: white; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; font-size: 1.0em; margin-right: 20px; } #piranya-menu-1 ul a { background-color: #c9844d; width: 170px; padding-left: 20px; } #piranya-menu-1 li:not(.piranya-menu-item-selected-root) a:hover { color: #6c6c6c; } #piranya-menu-1 > li.piranya-menu-item-last { padding-right: 0; } #piranya-menu-1 > li.piranya-menu-item-last.piranya-menu-item-selected-root { padding-right: 20px; } .piranya-menu-item-selected-root { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } } #menu-wrapper ul li::before { display: none; } /* /content/dynamic/19.css */ @media screen and (max-width: 600px) { } /* /content/dynamic/20.css */ /*----------------------------------------------------------------------------- - Revolution Slider 1.5.3 - Screen Stylesheet version: 2.1 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------- - Revolution Slider 2.0 Captions - Screen Stylesheet version: 1.4.5 date: 09/18/11 last update: 06.12.2012 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .tp-caption { z-index: 1; } body .tp-caption.big_white { position: absolute; color: Black; font-size: 35px; background-color: transparent; } body .tp-caption.very_big_white { position: absolute; color: #c9844d; text-shadow: none; font-size: 2.5em; font-family: 'Myriadpro_regular'; background-color: transparent; } .tp-caption.boxshadow { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; } .tp-caption.noshadow { text-shadow: none; } .tp-caption a { color: #ff7302; text-shadow: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-caption a:hover { color: #ffa902; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } /****************************** - BUTTONS - *******************************/ .button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .button.big { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../images/gradient/g40.png) repeat-x top; } .purchase:hover, .button:hover, .button.big:hover { background-position: bottom, 15px 11px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .button { padding: 4px 8px 3px; line-height: 25px !important; font-size: 11px !important; font-weight: normal; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .button { padding: 2px 5px 2px; line-height: 20px !important; font-size: 10px !important; } a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .button.green, .button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .button.blue, .button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .button.red, .button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .button.orange, .button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .button.darkgrey, .button.grey, .button:hover.darkgrey, .button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .button.lightgrey, .button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; visibility: hidden; } .tp-simpleresponsive img { max-width: none; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position: absolute; margin-left: auto; margin-right: auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background: url(../assets/shadow1.png) no-repeat; background-size: 100%; width: 890px; height: 30px; bottom: -30px; } .tp-bannershadow.tp-shadow2 { background: url(../assets/shadow2.png) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; } .tp-bannershadow.tp-shadow3 { background: url(../assets/shadow3.png) no-repeat; background-size: 100%; width: 890px; height: 60px; bottom: -60px; } /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; } .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .tp-caption.fullscreenvideo iframe { width: 100% !important; height: 100% !important; } /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear: both; } .tp-bullets { z-index: 1000; position: absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; background: url("/image/1244"); height: 20px; padding: 10px 20px; -webkit-border-radius: 7px; border-radius: 7px; border: 1px solid #ffffff; } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border: 1px solid #666; border-bottom: 1px solid #444; background: url(../assets/boxed_bgtile.png); height: 40px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.navbar-old { background: url(../assets/navigdots_bgtile.png); height: 35px; padding: 0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: url("/image/1249") no-Repeat top left; width: 20px; height: 20px; margin-right: 0px; float: left; margin-top: 0px; margin-left: 3px; } .tp-bullets.simplebullets.round .bullet.last { margin-right: 3px; } .tp-bullets.simplebullets.round-old .bullet { cursor: pointer; position: relative; background: url(../assets/bullets.png) no-Repeat bottom left; width: 23px; height: 23px; margin-right: 0px; float: left; margin-top: -12px; } .tp-bullets.simplebullets.round-old .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor: pointer; position: relative; background: url(../assets/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .tp-bullets.simplebullets.square .bullet.last { margin-right: 0px; } /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor: pointer; position: relative; background: url(../assets/bullets2.png) no-Repeat bottom left; width: 19px; height: 19px; margin-right: 0px; float: left; margin-top: -10px; } .tp-bullets.simplebullets.square-old .bullet.last { margin-right: 0px; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor: pointer; position: relative; background: url(../assets/bullet_boxed.png) no-Repeat top left; width: 18px; height: 19px; margin-right: 5px; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar .bullet.last { margin-right: 0px !important; } /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor: pointer; position: relative; background: url(../assets/navigdots.png) no-Repeat bottom left; width: 15px; height: 15px; margin-left: 5px !important; margin-right: 5px !important; float: left; margin-top: 10px; } .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left: 0px !important; } .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right: 0px !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position: top left; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position: bottom left; } /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .tp-rightarrow { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .tp-leftarrow.round { z-index: 100; cursor: pointer; position: relative; width: 19px; height: 14px; margin-right: 3px; float: left; margin-top: 2px; } .tp-rightarrow.round { z-index: 100; cursor: pointer; position: relative; width: 19px; height: 14px; margin-left: 3px; float: left; margin-top: 2px; } .tp-leftarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../assets/arrow_left.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .tp-rightarrow.round-old { z-index: 100; cursor: pointer; position: relative; background: url(../assets/arrow_right.png) no-Repeat top left; width: 26px; height: 26px; margin-right: 0px; float: left; margin-top: -13px; } .tp-leftarrow.navbar { z-index: 100; cursor: pointer; position: relative; width: 20px; height: 15px; float: left; margin-right: 6px; margin-top: 12px; } .tp-rightarrow.navbar { z-index: 100; cursor: pointer; position: relative; width: 20px; height: 15px; float: left; margin-left: 6px; margin-top: 12px; } .tp-leftarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; width: 9px; height: 16px; float: left; margin-right: 6px; margin-top: 10px; } .tp-rightarrow.navbar-old { z-index: 100; cursor: pointer; position: relative; width: 9px; height: 16px; float: left; margin-left: 6px; margin-top: 10px; } .tp-leftarrow.navbar-old.thumbswitharrow { margin-right: 10px; } .tp-rightarrow.navbar-old.thumbswitharrow { margin-left: 0px; } .tp-leftarrow.square { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .tp-rightarrow.square { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .tp-leftarrow.square-old { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-right: 0px; margin-top: -9px; } .tp-rightarrow.square-old { z-index: 100; cursor: pointer; position: relative; width: 12px; height: 17px; float: left; margin-left: 0px; margin-top: -9px; } .tp-leftarrow.default { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; width: 40px; height: 40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position: bottom left; } /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index: 1000; position: absolute; padding: 3px; background-color: #fff; width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top: -50px; } .fullwidthbanner-container .tp-thumbs { padding: 3px; } .tp-bullets.tp-thumbs .tp-mask { width: 500px; height: 50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow: hidden; position: relative; } .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width: 5000px; position: absolute; } .tp-bullets.tp-thumbs .bullet { width: 100px; height: 50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor: pointer; overflow: hidden; background: none; margin: 0; float: left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width: 100%; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { display: none; } .tp-bannertimer.tp-bottom { bottom: 0px !important; height: 5px; } /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { .responsive .tp-bullets.tp-thumbs { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .tp-mask { width: 300px !important; height: 30px !important; } .responsive .tp-bullets.tp-thumbs .bullet { width: 60px !important; height: 30px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display: none; } .responsive .tparrows { display: none; } } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a { text-decoration: none; } .tp-simpleresponsive ul { list-style: none; padding: 0; margin: 0; } .tp-simpleresponsive > ul > li { list-stye: none; position: absolute; visibility: hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 10000px; height: 10000px; background: url(../assets/coloredbg.png) repeat; } .tp-loader { margin: -22px -22px; top: 50%; left: 50%; z-index: 10000; position: absolute; width: 32px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-transparentimg { content: "url(../assets/transparent.png)"; } .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } /* /content/dynamic/21.css */ /*----------------------------------------------------------------------------- REVOLUTION RESPONSIVE BASIC STYLES OF HTML DOCUMENT Screen Stylesheet version: 1.0 date: 26/06/12 author: themepunch email: support@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /********************** - RESET - ************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } /*********************** - BASICS - ***********************/ html { overflow-x:hidden; padding: 0 !important; background:#fff; margin:0px !important; } .fullwidthbanner-container { float: none; } .fullwidthbanner-container div { float: none; } /********************************************************************************************* - SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE - **********************************************************************************************/ /* - THE BANNER CONTAINER (Padding, Shadow, Border etc. ) - */ .fullwidthbanner-container{ width:100% !important; position:relative; padding:0; overflow:hidden; } /* /content/dynamic/22.css */ @media (max-width: 480px) { div.full-width-smartphone { width: 100%; } div#top-bar { height: auto; position: inherit; } div#subpage-top { margin-top: 0; } } @media (min-width: 481px) and (max-width: 979px) { img#subpage-graphic { top: 220px; } div#menu-bar { background-color: transparent; width: 100%; top: 130px; } img#arrow, img#call { display: none; } } @media (min-width: 601px) { .piranya-gtw601-hide { display: none; } } @media (max-width: 600px) { .piranya-ltw600-hide { display: none; } } /* /content/dynamic/32.css */ /* * Owl Carousel - Animate Plugin */ body .owl-dots { display: none !important; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .carousel-wrapper { width: calc(100% - 200px); margin: 0px 100px; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; position: relative; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } div.owl-carousel .owl-stage-outer { position: relative; overflow-x: hidden; overflow-y: visible; padding: 40px 0; /*For hover effect*/ z-index: 1000; width: 100%; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-controls { width: 100%; height: 100%; position: absolute; } .owl-nav { position: absolute; height: 100%; width: 100%; } .owl-carousel .owl-nav .owl-next, .owl-carousel.owl-theme .owl-nav .owl-next { float: right; background: url('/image/5317') center center no-repeat; width: 36px; height: 39px; color: transparent; position: absolute; right: -50px; top: calc(50% - 20px); transition: all .2s ease-in-out; cursor: pointer; } .owl-carousel .owl-nav .owl-prev, .owl-carousel.owl-theme .owl-nav .owl-prev { background: url('/image/5316') center center no-repeat; height: 39px; width: 36px; color: transparent; position: absolute; left: -50px; top: calc(50% - 20px); transition: all .2s ease-in-out; cursor: pointer; } #piranya-page .owl-carousel .owl-nav.disabled { display: block; } body .owl-theme .owl-nav .owl-next:hover { background: transparent url('/image/5317') center center no-repeat; color: transparent; } body .owl-theme .owl-nav .owl-prev:hover { background: transparent url('/image/5316') center center no-repeat; color: transparent; } .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel.owl-theme .owl-nav .owl-prev:hover { left: -55px; } .owl-carousel .owl-nav .owl-next:hover, .owl-carousel.owl-theme .owl-nav .owl-next:hover { right: -55px; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item > div { width: 100%; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.owl-carousel .owl-item img { display: block; margin: 0 auto; width: auto; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .description-owl { color:black; font-family: 'tahoma'; font-size:0.8em; } /* /content/dynamic/33.css */ .frontpage-phone-wrapper img { width: 100%; transition: all .2s ease-in-out; cursor: pointer; } .frontpage-phone-wrapper img:hover { transform: scale(1.25); } #popup { display: none; background-color: white; padding: 2%; max-width: 600px; width: 90%; text-align:center; } #popup .closeclass { float: right; background-image: url(/image/5670); width: 32px; background-size: contain; height: 32px; } .phone-popup { display: none; width: 100%; } #popup h1 { margin-bottom: 10px; float: left; width: 100%; font-size:2em; } #popup .left { text-align:left; } #popup .description { width: 100%; } #popup .description p { color: black; } #popup img { width: 50%; } /* /content/dynamic/34.css */ .contact-right { float: right; width: 30%; height: 300px; } #contact-wrapper h2 { margin-bottom: 10px; } #contact-form, #footer-map { width: 100%; } #footer-map { height: 100%; } .contact-left { width: 100%; } #contact-form div[data-field] { width: calc(50% - 5px); } #contact-form div[data-field="Besked"] { width: 100%; } #contact-form div:nth-child(even) { float: right; clear: none; } @media (max-width: 767px) { .contact-left, .contact-right { width: 100%; margin-bottom: 20px; } } /* ~/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 { width: 32px; height: 32px; top: 10px; right: 10px; position: absolute; z-index: 1000; color: white; transition: width 0.3s; } .piranya-menu-wrapper.responsive li { 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 > 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
  • 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 { padding-left: 35px; 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; } }