/* HM Core Adam de Croy Parent stylesheet */ /* HM Core Adam de Croy Colours */ @import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,600,700,900"); .red { color: #F00; } .orange { color: #ff8c00; } .yellow { color: #ffe500; } .green { color: #59c756; } .blue { color: #11b8ff; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Fonts */ /* HM Core Adam de Croy General/Reset */ html, body { /*height: 100%;*/ width: 100%; padding: 0; margin: 0; } html { background: #000; } body * { margin: 0; padding: 0; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-fontsmoothing: antialiased; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; } body { background: #e8e8e8; color: #000; color: rgba(0, 0, 0, 0.9); font-family: 'Century Gothic', 'Helvetica Neue','Helvetica','Lato', 'Arial', sans-serif; font-family: 'Lato', sans-serif; font-weight: 300; min-height: 100vh; } body.noscroll { overflow: hidden; } /* LAYOUT */ #container { background: #e8e8e8; -webkit-transition: .2s; transition: .2s; left: 0; } #container.authorised { padding-top: 46px; padding-left: 200px; } #container.fullscreen { background: #000; } #container.fullscreen:not(.open) { padding-left: 0; } @media only screen and (min-width: 768px) { #container.blur { filter: blur(15px); -webkit-filter: blur(15px); -moz-filter: blur(15px); -ms-filter: blur(15px); -o-filter: blur(15px); } } .inner { padding: 0 20px; margin: auto; } .vc { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .hc { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } /* LINKS */ a { color: inherit; } a[href], .jqc { -webkit-transition: .5s; transition: .5s; } a[href]:hover, .jqc:hover { opacity: .8; cursor: pointer; -webkit-transition: none; transition: none; } a:hover { opacity: .8 \9; filter: alpha(opacity=80) \9; } .faded { opacity: .5; filter: alpha(opacity=50); cursor: default; } /* Responsive Facebook Comments */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 767px) { /* LAYOUT */ body { background: #000; } #container { min-height: 100vh; } #container.authorised { padding-left: 0; } #container.authorised.open { left: 200px; } .inner { padding: 0 20px; } } /* PRINT */ @media print { html, body, #container { padding: 0 !important; background-color: #FFF !important; } } /* HM Core Adam de Croy Loading */ #loading { background: #EEE; background: rgba(255, 255, 255, 0.95); z-index: 200000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; text-align: center; font-size: 1em; font-weight: 300; color: rgba(0, 0, 0, 0.8); padding: 100px 0; display: none; } #loading svg { display: block; font-size: 4em; margin: auto; margin-bottom: 20px; } #loading svg.success { /*position: absolute; left: 50%; font-size: 1.6em; top: 50%; margin: -31px 0 0 -12px;*/ display: none; } #loading svg.error { display: none; } #loading p { margin: 0; z-index: 1; padding: 0 30px; } #loading #ldots { width: .5em; text-align: left; display: inline-block; color: inherit; } #loading.success .message, #loading.warning .message, #loading.error .message { color: inherit; } #loading.success { color: #59c756 !important; cursor: pointer; } #loading.success svg { display: none; } #loading.success svg.success { display: block; } #loading.warning { color: #F90 !important; } #loading.error { color: #ED1846 !important; cursor: pointer; } #loading.error svg { display: none; } #loading.error svg.error { display: block; } #loading.success #ldots, #loading.error #ldots { display: none; } #loading.success p i.fa { display: none; } #loading.error p i.fa { opacity: 1 !important; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* HM Core Adam de Croy Common */ pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ overflow-wrap: break-word; padding: 10px; border-radius: 2px; background: rgba(204, 204, 255, 0.1); border: 1px solid #CCF; } .exception { padding: 10px; background: #990000 !important; color: #FFF !important; margin: 20px 0; border-radius: 2px; border: 1px solid #F00; white-space: pre-line; text-align: center; } hr { margin: 20px 0; height: 1px; border: none; background: rgba(0, 0, 0, 0.1); } p { margin: 20px 0; } p:first-child { margin-top: 0; } p:last-child { margin-bottom: 0; } .center { text-align: center; } .statusBar { padding: 8px 10px 10px 10px; background: rgba(0, 0, 0, 0.6); color: #FFF !important; border-radius: 3px; text-transform: uppercase; font-weight: 600; font-size: .7em !important; border: 1px solid rgba(0, 0, 0, 0.1); } .statusBar i.fa { display: inline-block; margin-right: 5px; font-size: 1.35em; top: 1px; } .statusBar a { position: absolute; top: 10px; right: 10px; } .statusBar a i.fa { margin: 0 0 0 5px; top: 0; font-size: 1em; } .statusBar.green { background: #59c756; } .statusBar.yellow { background: #f0d700; color: #000 !important; } .statusBar.orange { background: #ff8c00; } .statusBar.red { background: #F00; } .statusBar.red-dark { background: #961f0d; } .statusBar.black { background: #000; } .pagination { margin: 20px 0; padding: 0 50px; text-align: center; } .pagination a { display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; margin: 0 10px; font-weight: 600; text-decoration: none; background: rgba(255, 255, 255, 0.7); border-radius: 2px; color: rgba(0, 0, 0, 0.4); } .pagination a i.fa { font-size: 1.5em; top: 2px; } .pagination a[href] { background: rgba(255, 255, 255, 0.8); color: #222; } .pagination a.current { background: #59c756; color: #FFF; } .pagination a.prev, .pagination a.next { position: absolute; top: 0; } .pagination a.prev { left: -10px; } .pagination a.prev i.fa { left: -1px; } .pagination a.next { right: -10px; } .pagination a.next i.fa { left: 1px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Forms */ form { padding: 20px !important; /**[data-dependant] { max-height: 600px; transition: 1s; }*/ } form h2, form h3 { margin-top: 25px; margin-bottom: 10px; } form h2 a, form h3 a { position: absolute; right: 0; } form h2 a i.fa-plus, form h3 a i.fa-plus { font-size: 1em; margin-left: 3px; } form .template { display: none !important; } form .section { margin: 25px 10px 20px 10px; border: 1px solid rgba(89, 199, 86, 0.3); padding: 20px 20px 20px 20px; border-radius: 5px 0 0 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.1); -webkit-transform-origin: center top; transform-origin: center top; -webkit-animation: .5s ease 0s 1 expandSection forwards; animation: .5s ease 0s 1 expandSection forwards; } form .section .icon { width: 20px; text-align: center; height: 20px; line-height: 20px; background: #59c756; color: #FFF; border-radius: 100%; position: absolute; top: -10px; left: -10px; font-size: .5em; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .5s; transition: .5s; } form .section .icon + .panel { margin-top: 0; } form .section h2 { text-transform: uppercase; font-size: .8em; font-weight: bolder; color: #59c756; margin: 0 0 20px 0; } form .section:not(.hidden) { overflow: visible; } form .section.hidden { overflow: hidden; } form .section.hidden .icon { -webkit-transform: scale(0); transform: scale(0); } form .section.hidden + .panel { margin-top: 20px; } @-webkit-keyframes expandSection { 0% { opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes expandSection { 0% { opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } form p label, form .slider label { display: none; padding: 5px 15px 10px 15px; padding: 0; margin-bottom: 10px; text-align: left; font-size: .8em; display: block \9; } form p input, form p select, form p textarea, form .slider input, form .slider select, form .slider textarea { display: block; padding: 13px 15px; width: 100%; border: none; outline: none; font-family: inherit; font-size: .8em; font-weight: 300; border-radius: 2px; -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1); } form p input.uppercase, form .slider input.uppercase { text-transform: uppercase; } form p input[type="time"], form .slider input[type="time"] { height: 46px; } form p input[disabled], form .slider input[disabled] { cursor: not-allowed; } form p .theSwitch, form .slider .theSwitch { width: 40px; height: 26px; background: rgba(0, 0, 0, 0.1); display: block; position: absolute; right: 10px !important; top: 10px; vertical-align: middle; border-radius: 26px; -webkit-transition: .2s; transition: .2s; /*margin: 0 10px -2px 0; top: -2px;*/ } form p .theSwitch .toggle, form .slider .theSwitch .toggle { height: 22px; width: 22px; background: #FFF; display: block; position: absolute; top: 2px; left: 2px; border-radius: 100%; -webkit-transition: .1s; transition: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; will-change: transform; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); } form p input:checked + .theSwitch, form .slider input:checked + .theSwitch { background: #59c756; } form p input:checked + .theSwitch .toggle, form .slider input:checked + .theSwitch .toggle { -webkit-transform: translateX(14px); transform: translateX(14px); } form p .inline, form .slider .inline { display: block; } form p .inline input, form p .inline select, form .slider .inline input, form .slider .inline select { display: inline-block; vertical-align: top; width: auto; } form p .inline.x4 input, form p .inline.x4 select, form .slider .inline.x4 input, form .slider .inline.x4 select { width: 25%; } form p ::-webkit-input-placeholder, form .slider ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: none; } form p ::-moz-placeholder, form .slider ::-moz-placeholder { /* Firefox 19+ */ text-transform: none; } form p :-ms-input-placeholder, form .slider :-ms-input-placeholder { /* IE 10+ */ text-transform: none; } form p :-moz-placeholder, form .slider :-moz-placeholder { /* Firefox 18- */ text-transform: none; } form p .form-error, form .slider .form-error { display: none; } form .hidden { display: none !important; /*max-height: 0; overflow: hidden; border-width: 0; padding: 0; opacity: 0;*/ } form p.split-input input { display: inline-block; width: 50%; vertical-align: top; } form p.checkbox label { cursor: pointer; } form p.checkbox input { display: inline-block; width: auto; top: -1px; font-size: 1.4em; cursor: pointer; position: absolute; right: 15px; top: 15px; } form p.switch label { -webkit-transition: .5s; transition: .5s; margin: 0; } form p.switch label:active { color: #59c756; background: rgba(89, 199, 86, 0.1); -webkit-transition: 0s; transition: 0s; border-radius: 3px; } form p.switch label:active .theSwitch { -webkit-box-shadow: 0 0 15px rgba(89, 199, 86, 0.2); box-shadow: 0 0 15px rgba(89, 199, 86, 0.2); -webkit-transition: 0s; transition: 0s; } form p.switch input { opacity: 0; } form p.file { border: 2px dashed rgba(0, 0, 0, 0.2) !important; padding: 10% 0; text-align: center; } form p.file .preview { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center no-repeat; background-size: contain; } form p.file .preview.full { background-size: cover; } form p.file label { display: block; font-weight: 600; font-size: 2.6em; color: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; width: 100%; margin-top: -38px; text-align: center; } form p.file label small { display: block; font-size: .3em; color: rgba(0, 0, 0, 0.3); } form p.file input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; } form p.file:hover .preview.full { background-size: contain !important; } form p.file.has-image label { display: none; } form p.has-error ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #F00; } form p.has-error ::-moz-placeholder { /* Firefox 19+ */ color: #F00; } form p.has-error :-ms-input-placeholder { /* IE 10+ */ color: #F00; } form p.has-error :-moz-placeholder { /* Firefox 18- */ color: #F00; } form p.has-error label { color: #F00; } form p.half { width: 50%; vertical-align: top; display: inline-block; } form .panel { padding: 0; } form .panel .row { display: table; width: 100%; table-layout: fixed; } form .panel .row p { display: table-cell; border-right: 1px solid rgba(0, 0, 0, 0.05); } form .panel .row p:last-child { border-right: none; } form .panel .row p.forFile { width: 60px; text-align: center; } form .panel .row p.file { width: 60px; height: 60px; padding-top: 0; border: none !important; border-right: 1px solid rgba(0, 0, 0, 0.05) !important; } form .panel .row p.file .preview { background-size: contain; top: 5px; left: 5px; right: 5px; bottom: 5px; } form .panel .row p.file ~ p input { height: 60px; line-height: 60px; } form .panel .row p.icon { width: 36px; text-align: center; } form .panel .row p.icon .jqc { display: block; } form .panel .row p.icon .move.vertical { cursor: ns-resize; } form .panel .row.labels { background: #333 !important; color: #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; } form .panel .row.labels p label { padding: 15px; } form .panel .row.faded p.icon .jqc.VariantDelete { color: #F00; } form .panel p, form .panel .widget { padding: 0; margin: 0; } form .panel p label, form .panel .widget label { text-transform: none; padding: 15px 15px 5px 15px; margin-bottom: 0; display: block; font-weight: 400; } form .panel p label span, form .panel p label .jqc, form .panel .widget label span, form .panel .widget label .jqc { position: absolute; right: 15px; color: rgba(0, 0, 0, 0.4); } form .panel p input, form .panel p select, form .panel p textarea, form .panel .widget input, form .panel .widget select, form .panel .widget textarea { background: none; -webkit-box-shadow: none; box-shadow: none; border: none !important; padding: 5px 15px 15px 15px; padding: 15px; } form .panel p label + input, form .panel p label + input + input, form .panel p label + select, form .panel p label + textarea, form .panel .widget label + input, form .panel .widget label + input + input, form .panel .widget label + select, form .panel .widget label + textarea { padding: 5px 15px 15px 15px; } form .panel p select, form .panel .widget select { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } form .panel p textarea, form .panel .widget textarea { resize: vertical; } form .panel p textarea[maxlength], form .panel .widget textarea[maxlength] { resize: none; } form .panel p input[type="date"], form .panel p input[type="datetime"], form .panel p input[type="datetime-local"], form .panel .widget input[type="date"], form .panel .widget input[type="datetime"], form .panel .widget input[type="datetime-local"] { height: 36px; } form .panel p input.placeholder, form .panel p select.placeholder, form .panel .widget input.placeholder, form .panel .widget select.placeholder { color: rgba(0, 0, 0, 0.66); } form .panel p svg.fa-angle-down, form .panel .widget svg.fa-angle-down { position: absolute; right: 15px; bottom: 15px; pointer-events: none; } form .panel > :not(.hidden):not(.button):nth-child(odd) { background: rgba(0, 0, 0, 0.025); } form .panel p:first-child { border-top: none !important; } form .panel p.break { border-top: 1px solid rgba(0, 0, 0, 0.1); } form .panel p.checkbox label { padding: 15px; } form .panel p.richedit { padding: 15px; } form .panel p.richedit label { padding: 0 0 5px 0; } form .panel p.richedit label span, form .panel p.richedit label .jqc { right: 0; } form .panel p.richedit textarea { padding: 15px 0 0 0; } form .panel p.file { padding-top: 100%; border-right: none !important; border-left: none !important; } form .panel p.file label { font-size: 1.25em; text-transform: uppercase; font-weight: 900; color: rgba(0, 0, 0, 0.15); padding: 0; margin: -12px 0 0 0; } form .panel p.file.banner { padding-top: 34.4%; } form .panel p.file.banner .preview { background-size: cover !important; } form .panel p.file.horizontal { padding-top: 50%; } form .panel p.file:first-child .preview { border-radius: 2px 2px 0 0; } form .panel p.file:last-child { border-bottom: none !important; } form .panel p.file:last-child .preview { border-radius: 2px; } form .panel .exception { background: #cc0000 !important; border: none; color: #FFF; padding: 15px; text-align: center; font-size: .8em; } form .panel .button, form .panel .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box form .panel .trumbowyg-modal-button { margin: 0; top: auto; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); } form .panel .button:active, form .panel .trumbowyg-modal-box .trumbowyg-modal-button:active, .trumbowyg-modal-box form .panel .trumbowyg-modal-button:active { -webkit-box-shadow: none; box-shadow: none; } form .slider { padding: 15px; } form .slider > * { background: none !important; } form .slider label { display: block; text-transform: none; padding: 0; margin-bottom: 10px; font-weight: 400; } form .slider label span { position: absolute; right: 0; } form .slider .sliderWrapper { padding: 10px; border-radius: 2px; background: rgba(0, 0, 0, 0.03) !important; } form .slider .sliderWrapper .ui-slider { background: rgba(0, 0, 0, 0.1) !important; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; height: 3px; } form .slider .sliderWrapper .ui-slider .ui-slider-handle { background: #666; top: -11px; height: 23px; width: 23px; outline: none; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); cursor: -webkit-grab; cursor: grab; -webkit-transition: .05s; transition: .05s; } form .slider .sliderWrapper .ui-slider .ui-slider-handle.ui-state-hover { background: #888; } form .slider .sliderWrapper .ui-slider .ui-slider-handle.ui-state-active { background: #59c756; cursor: -webkit-grabbing; cursor: grabbing; } form .payment-errors { font-weight: 400; color: #F00; padding: 15px; font-size: .8em; } form .panel.full:not(.stacked):not(.switchboard) { display: table; width: 100%; table-layout: fixed; } form .panel.full:not(.stacked):not(.switchboard) p { display: table-cell; } form .panel.full.switchboard p { display: inline-block; width: 50%; background: none !important; } form .panel.full.switchboard p:nth-child(4n+2), form .panel.full.switchboard p:nth-child(4n+2) + p { background: rgba(0, 0, 0, 0.025) !important; } form .panel.half { width: calc(50% - 10px); display: inline-table; vertical-align: top; table-layout: fixed; max-width: none; } form .panel.half p { display: table-cell; } form .panel.half + .panel.half { margin-left: 20px; } form .panel:first-child { margin-top: 0; } form .panel:last-child, form .panel + script { margin-bottom: 0; } form a.submit, form a.button, form .trumbowyg-modal-box a.trumbowyg-modal-button, .trumbowyg-modal-box form a.trumbowyg-modal-button, form input[type="submit"], form input[type="button"] { -webkit-user-select: none; -webkit-touch-callout: none; } form.padded { padding-top: 100px !important; padding-bottom: 100px !important; } form.labels p { padding: 10px 0; } form.labels p label { display: block; } form.labels p input { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; border: 1px solid rgba(0, 0, 0, 0.05) !important; } form.labels p.half input { border-radius: 2px 0 0 2px; } form.labels p.half + p.half input { border-radius: 0 2px 2px 0; border-left: none !important; } form.natural .paper { background: #FFF; padding: 10px 25px; border-radius: 2px; } form.natural p:not(.file) { font-size: 1.4em; padding: 15px 0; /*#FullName:empty:before { content: '_______'; } #GivenName:empty:before { content: 'Jamie'; } #Email:empty:before { content: 'name@domain.com'; } #Mobile:empty:before { content: '07123 456789'; } #Subject:empty:before { content: 'something cool'; } #Message:empty:before { content: 'Write your message here.'; }*/ } form.natural p:not(.file) label { display: inline-block; text-transform: none; padding: 0; font-size: 1em; } form.natural p:not(.file) input, form.natural p:not(.file) select, form.natural p:not(.file) textarea, form.natural p:not(.file) .input { border: none; border-bottom: 1px dotted #59c756; color: #59c756; display: inline-block; outline: none; cursor: text; width: auto; padding: 0; background: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } form.natural p:not(.file) .input:empty, form.natural p:not(.file) select.placeholder { border-color: #11b8ff; cursor: pointer; width: 200px \9; color: #11b8ff; } form.natural p:not(.file) .input:empty:before { color: #11b8ff; content: '__________'; } form.natural p:not(.file) .input.required:empty, form.natural p:not(.file) .input.error { border-color: #F00; color: #F00; } form.natural p:not(.file) .input.required:empty:before, form.natural p:not(.file) .input.error:before { color: #F00; } form.natural p:not(.file) textarea { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; padding: 15px 0; line-height: 1.5em; width: 100%; resize: vertical; color: inherit; } form.natural p:not(.file) select { border-bottom: none; } form.natural p:not(.file) .form-error { display: none; } form.natural p:not(.file) ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #F00; } form.natural p:not(.file) ::-moz-placeholder { /* Firefox 19+ */ color: #F00; } form.natural p:not(.file) :-ms-input-placeholder { /* IE 10+ */ color: #F00; } form.natural p:not(.file) :-moz-placeholder { /* Firefox 18- */ color: #F00; } form.natural p + p { border-top: none; } form.natural p.file { margin: 15px 0 !important; } form.natural p.key { font-size: .8em; font-weight: 400; border-top: none; padding: 20px 0; padding-top: 0; } form.natural p.key strong { text-transform: uppercase; } /* RESPONSIVE */ @media only screen and (max-width: 960px) { form .panel.full.switchboard p, form .panel.full.switchboard p:nth-child(4n+2), form .panel.full.switchboard p:nth-child(4n+2) + p { display: block; width: auto; background: none !important; } form .panel.full.switchboard p:nth-child(odd) label { background: rgba(0, 0, 0, 0.025) !important; } } /* MOBILE */ @media only screen and (max-width: 767px) { form p input, form p select, form p textarea { font-size: 1em; } } /* RETINA */ /* HM Core Adam de Croy Common JQuery UI */ .ui-tooltip { -webkit-box-shadow: none; box-shadow: none; font-size: .7em; font-weight: 400; border: none !important; background: rgba(0, 0, 0, 0.95); color: #FFF !important; padding: 8px 8px; border-radius: 2px !important; } /*.ui-tooltip:before { content: ''; display: block; position: absolute; top: -10px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent rgba($text,0.95) transparent; }*/ .datepicker { display: block; } .ui-widget, .ui-widget.ui-widget-content { font-family: inherit; color: inherit; border: none; border-radius: 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .ui-widget .ui-widget-header, .ui-widget.ui-widget-content .ui-widget-header { background: #333; border: none; color: #FFF; padding: 5px; font-size: .85em; border-radius: 0; } .ui-widget .ui-widget-header a, .ui-widget.ui-widget-content .ui-widget-header a { color: inherit; } .ui-widget .ui-state-default, .ui-widget.ui-widget-content .ui-state-default { border: none; background: none; } .ui-widget .ui-state-hover, .ui-widget.ui-widget-content .ui-state-hover { background: #777; } .ui-widget .ui-icon, .ui-widget.ui-widget-content .ui-icon { background: none; } .ui-widget .ui-icon-circle-triangle-e:before, .ui-widget.ui-widget-content .ui-icon-circle-triangle-e:before { content: '\f105'; } .ui-widget .ui-icon-circle-triangle-w:before, .ui-widget.ui-widget-content .ui-icon-circle-triangle-w:before { content: '\f104'; } .ui-datepicker { padding: 10px 10px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 36px; height: 36px; border-radius: 0; top: 0; border: none; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: 0; } .ui-datepicker .ui-datepicker-next { right: 0; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-family: FontAwesome; font-size: 1.6em; position: relative; top: 5px; } .ui-datepicker .ui-datepicker-prev:before { content: '\f104'; left: -2px; } .ui-datepicker .ui-datepicker-next:before { content: '\f105'; right: -2px; } .ui-datepicker .ui-datepicker-title select { background: rgba(255, 255, 255, 0.1); outline: none; width: auto; display: inline-block; color: inherit; border: none; border-radius: 0; margin: 0 3px; padding: 4px 10px; height: 24px; top: -1px; } .ui-datepicker table { margin: 0; border-left: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); table-layout: fixed; } .ui-datepicker table tbody { border-top: 1px solid rgba(0, 0, 0, 0.05); } .ui-datepicker table th { padding: 5px; height: 0; font-weight: 300; } .ui-datepicker table td { padding: 0; border-top: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); } .ui-datepicker table td a, .ui-datepicker table td span { border: none; text-align: center; height: 46px; line-height: 46px; padding: 0; } .ui-datepicker table td .ui-state-highlight { background: rgba(0, 0, 0, 0.025) !important; color: #11b8ff; -webkit-box-shadow: 0 0 0 1px rgba(17, 184, 255, 0.2); box-shadow: 0 0 0 1px rgba(17, 184, 255, 0.2); } .ui-datepicker table td .ui-state-hover { background: rgba(0, 0, 0, 0.025) !important; } .ui-datepicker table td .ui-state-active { background: #11b8ff !important; color: #FFF; -webkit-box-shadow: 0 0 0 1px #009bdd; box-shadow: 0 0 0 1px #009bdd; } .ui-datepicker-inline { width: auto; background: none; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /** Trumbowyg v2.8.1 - A lightweight WYSIWYG editor Default stylesheet for Trumbowyg editor ------------------------ @link http://alex-d.github.io/Trumbowyg @license MIT @author Alexandre Demode (Alex-D) Twitter : @AlexandreDemode Website : alex-d.fr */ #trumbowyg-icons { overflow: hidden; visibility: hidden; height: 0; width: 0; } #trumbowyg-icons svg { height: 0; width: 0; } .trumbowyg-box *, .trumbowyg-box *::before, .trumbowyg-box *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .trumbowyg-box svg { width: 17px; height: 100%; fill: #222; } .trumbowyg-box, .trumbowyg-editor { display: block; position: relative; border-radius: 2px; width: 100%; margin: 5px 0 0 0; } .trumbowyg-box .trumbowyg-editor { margin: 0 auto; } .trumbowyg-box.trumbowyg-fullscreen { background: #FEFEFE; border: none !important; } .trumbowyg-editor, .trumbowyg-textarea { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; width: 100%; border-style: none; resize: none; outline: none; overflow: auto; } .trumbowyg-editor.trumbowyg-autogrow-on-enter, .trumbowyg-textarea.trumbowyg-autogrow-on-enter { -webkit-transition: height 300ms ease-out; transition: height 300ms ease-out; } .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: transparent !important; text-shadow: 0 0 7px #333; } @media screen and (min-width: 0 \0) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(200, 200, 200, 0.6) !important; } } .trumbowyg-box-blur .trumbowyg-editor img, .trumbowyg-box-blur .trumbowyg-editor hr { opacity: 0.2; } .trumbowyg-textarea { position: relative; display: block; overflow: auto; border: none; white-space: normal; font-size: 14px; font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif; line-height: 18px; } .trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea { height: 1px !important; width: 25%; min-height: 0 !important; padding: 0 !important; background: none; opacity: 0 !important; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea { display: block; } .trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor { display: none; } .trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea { opacity: 0.8; background: none; } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { content: attr(placeholder); color: #999; pointer-events: none; } .trumbowyg-button-pane { width: 100%; min-height: 36px; background: rgba(0, 0, 0, 0.025); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; margin: 0; padding: 0; position: relative; list-style-type: none; line-height: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 11; text-align: center; white-space: nowrap; overflow: auto; } .trumbowyg-button-pane::after { content: " "; display: block; position: absolute; top: 36px; left: 0; right: 0; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.05); } .trumbowyg-button-pane .trumbowyg-button-group { display: inline-block; vertical-align: top; /*&:not(:empty) + .trumbowyg-button-group::after { content: " "; display: inline-block; width: 1px; background: rgba($text,0.1); margin: 0; height: 35px; vertical-align: top; }*/ } .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-button-pane button { display: inline-block; position: relative; width: 35px; height: 35px; padding: 1px 6px !important; margin-bottom: 1px; overflow: hidden; border: none; cursor: pointer; background: none; vertical-align: middle; -webkit-transition: background-color 150ms, opacity 150ms; transition: background-color 150ms, opacity 150ms; } .trumbowyg-button-pane button.trumbowyg-textual-button { width: auto; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active), .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) { opacity: 0.2; cursor: default; } .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before, .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before { background: #e3e9eb; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button.trumbowyg-active { outline: none; } .trumbowyg-button-pane button:not(.trumbowyg-disable):hover svg, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus svg, .trumbowyg-button-pane button.trumbowyg-active svg { fill: rgba(0, 0, 0, 0.5); } .trumbowyg-button-pane button.trumbowyg-active { background-color: #FFF; } .trumbowyg-button-pane button.trumbowyg-active svg { fill: #000; } .trumbowyg-button-pane .trumbowyg-open-dropdown::after { display: block; content: " "; position: absolute; top: 25px; right: 3px; height: 0; width: 0; border: 3px solid transparent; border-top-color: #555; } .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button { padding-left: 10px !important; padding-right: 18px !important; } .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after { top: 17px; right: 7px; } .trumbowyg-button-pane .trumbowyg-right { float: right; } .trumbowyg-button-pane .trumbowyg-right::before { display: none !important; } .trumbowyg-button-pane::-webkit-scrollbar { display: none; } .trumbowyg-dropdown { width: 200px; padding: 0; border-top: none; background: #FFF; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px; z-index: 11; border-radius: 0 2px 2px 2px; } .trumbowyg-dropdown button { display: block; width: 100%; height: 35px; line-height: 35px; text-decoration: none; background: #FFF; padding: 0 10px; border-radius: 2px; color: #333 !important; border: none; cursor: pointer; text-align: left; font-size: 15px; -webkit-transition: all 150ms; transition: all 150ms; } .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus { background: rgba(0, 0, 0, 0.05); } .trumbowyg-dropdown button svg { float: left; margin-right: 14px; } /* Modal box */ .trumbowyg-modal { position: absolute; top: 0 !important; left: 0; right: 0; bottom: 0; width: 100%; height: 100% !important; z-index: 11; overflow: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #FFF; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); border-radius: 2px; } .trumbowyg-modal-box { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 1; font-size: 1em; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 15px; } .trumbowyg-modal-box .trumbowyg-modal-title { font-size: .8em; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 5px 0; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #333; } .trumbowyg-modal-box .trumbowyg-progress { width: 100%; height: 3px; position: absolute; top: 58px; } .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar { background: #2BC06A; width: 0; height: 100%; -webkit-transition: width 150ms linear; transition: width 150ms linear; } .trumbowyg-modal-box form { margin: 0 !important; } .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 0; overflow: hidden; padding: 25px 0 0 0 !important; background: rgba(0, 0, 0, 0.03); border-radius: 2px; } .trumbowyg-modal-box label .trumbowyg-input-infos { display: block; text-align: left; -webkit-transition: all 150ms; transition: all 150ms; position: absolute; top: 0; left: 0; right: auto; padding: 10px 10px 5px 10px; font-weight: 400; } .trumbowyg-modal-box label .trumbowyg-input-infos span { display: block; position: relative; top: auto; right: auto; } .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-modal-box label.trumbowyg-input-error textarea { border: 1px solid #e74c3c; } .trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos { margin-top: -27px; } .trumbowyg-modal-box label input { font-size: 1em; border: 1px solid rgba(0, 0, 0, 0.1) !important; border-radius: 2px; padding: 10px !important; } .trumbowyg-modal-box .error { margin-top: 25px; display: block; color: red; } .trumbowyg-modal-box .trumbowyg-modal-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block !important; border: none !important; cursor: pointer; width: calc(50% - 8px); /* display: block; width: 100px; height: 35px; line-height: 33px; margin: 0 10px; background-color: #333; border: none; cursor: pointer; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif; font-size: 16px; transition: all $transition-duration;*/ } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { background: #59c756; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { color: #FFF; background: #222; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { outline: none; } .trumbowyg-modal-box .trumbowyg-modal-button + .trumbowyg-modal-button { margin-left: 16px !important; } .trumbowyg-overlay { position: absolute; background-color: rgba(255, 255, 255, 0.5); height: 100%; width: 100%; left: 0; display: none; top: 0; z-index: 10; } /** Fullscreen */ body.trumbowyg-body-fullscreen { overflow: hidden; } .trumbowyg-fullscreen { position: fixed; top: 36px; left: 0; width: 100%; right: 0; height: calc(100% - 36px); margin: 0; padding: 0; z-index: 100001; border-radius: 0; } .trumbowyg-fullscreen .trumbowyg-button-pane { border-radius: 0; border-top: none; border-left: none; border-right: none; } .trumbowyg-fullscreen.trumbowyg-box, .trumbowyg-fullscreen .trumbowyg-editor { border: none; } .trumbowyg-fullscreen .trumbowyg-editor, .trumbowyg-fullscreen .trumbowyg-textarea { height: calc(100% - 37px) !important; overflow: auto; } .trumbowyg-fullscreen .trumbowyg-overlay { height: 100% !important; } .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #222; fill: transparent; } .trumbowyg-editor { padding: 15px 0 0 0; font-size: 1em; background: none; max-width: 700px; padding: 40px; /* lset for resetCss option */ } .trumbowyg-editor object, .trumbowyg-editor embed, .trumbowyg-editor video, .trumbowyg-editor img { max-width: 100%; } .trumbowyg-editor video, .trumbowyg-editor img { height: auto; } .trumbowyg-editor img { cursor: move; } .trumbowyg-editor h1 { font-size: 1.6em !important; } .trumbowyg-editor h2 { font-size: 1.5em !important; padding-bottom: 0 !important; } .trumbowyg-editor h3 { padding-bottom: 0 !important; } .trumbowyg-editor ul, .trumbowyg-editor ol { padding-left: 20px !important; margin: 15px 0 !important; } .trumbowyg-editor p { margin: 20px 0 !important; display: block !important; line-height: 1.5em; } .trumbowyg-editor p:first-child, .trumbowyg-editor ul:first-child, .trumbowyg-editor ol:first-child { margin-top: 0 !important; } .trumbowyg-editor p:last-child, .trumbowyg-editor ul:first-child, .trumbowyg-editor ol:first-child { margin-bottom: 0 !important; } .trumbowyg-editor.trumbowyg-reset-css { background: #FEFEFE !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; line-height: 1.45em !important; white-space: normal !important; color: #333; } .trumbowyg-editor.trumbowyg-reset-css a { color: #15c !important; text-decoration: underline !important; } .trumbowyg-editor.trumbowyg-reset-css div, .trumbowyg-editor.trumbowyg-reset-css p, .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol, .trumbowyg-editor.trumbowyg-reset-css blockquote { -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; margin: 0 !important; margin-bottom: 15px !important; line-height: 1.4em !important; font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important; font-size: 14px !important; border: none; } .trumbowyg-editor.trumbowyg-reset-css iframe, .trumbowyg-editor.trumbowyg-reset-css object, .trumbowyg-editor.trumbowyg-reset-css hr { margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css blockquote { margin-left: 32px !important; font-style: italic !important; color: #555; } .trumbowyg-editor.trumbowyg-reset-css ul, .trumbowyg-editor.trumbowyg-reset-css ol { padding-left: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css ul ul, .trumbowyg-editor.trumbowyg-reset-css ol ol, .trumbowyg-editor.trumbowyg-reset-css ul ol, .trumbowyg-editor.trumbowyg-reset-css ol ul { border: none; margin: 2px !important; padding: 0 !important; padding-left: 24px !important; } .trumbowyg-editor.trumbowyg-reset-css hr { display: block; height: 1px; border: none; border-top: 1px solid #CCC; } .trumbowyg-editor.trumbowyg-reset-css h1, .trumbowyg-editor.trumbowyg-reset-css h2, .trumbowyg-editor.trumbowyg-reset-css h3, .trumbowyg-editor.trumbowyg-reset-css h4 { color: #111; background: none; margin: 0 !important; padding: 0 !important; font-weight: bold; } .trumbowyg-editor.trumbowyg-reset-css h1 { font-size: 32px !important; line-height: 38px !important; margin-bottom: 20px !important; } .trumbowyg-editor.trumbowyg-reset-css h2 { font-size: 26px !important; line-height: 34px !important; margin-bottom: 15px !important; } .trumbowyg-editor.trumbowyg-reset-css h3 { font-size: 22px !important; line-height: 28px !important; margin-bottom: 7px !important; } .trumbowyg-editor.trumbowyg-reset-css h4 { font-size: 16px !important; line-height: 22px !important; margin-bottom: 7px !important; } /* Dark theme */ .trumbowyg-dark .trumbowyg-textarea { background: #111; color: #ddd; } .trumbowyg-dark .trumbowyg-box { border: 1px solid #343434; } .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen { background: #111; } .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { text-shadow: 0 0 7px #ccc; } @media screen and (min-width: 0 \0 ) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } @supports (-ms-accelerator: true) { .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before { color: rgba(20, 20, 20, 0.6) !important; } } .trumbowyg-dark .trumbowyg-box svg { fill: #ecf0f1; color: #ecf0f1; } .trumbowyg-dark .trumbowyg-button-pane { background-color: #222; border-bottom-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane::after { background: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::before { background-color: #343434; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg { color: transparent; } .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before { background-color: #2a2a2a; } .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover, .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active { background-color: #333; } .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after { border-top-color: #fff; } .trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg { color: #ecf0f1; fill: transparent; } .trumbowyg-dark .trumbowyg-dropdown { border-color: #222; background: #333; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; } .trumbowyg-dark .trumbowyg-dropdown button { background: #333; color: #fff !important; } .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus { background: #222; } .trumbowyg-dark .trumbowyg-modal-box { background-color: #222; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title { border-bottom: 1px solid #555; color: #fff; background: #3c3c3c; } .trumbowyg-dark .trumbowyg-modal-box label { display: block; position: relative; margin: 15px 12px; height: 27px; line-height: 27px; overflow: hidden; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span { color: #eee; background-color: #2f2f2f; border-color: #222; } .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error { color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input, .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea { border-color: #e74c3c; } .trumbowyg-dark .trumbowyg-modal-box label input { border-color: #222; color: #eee; background: #333; } .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus { border-color: #626262; } .trumbowyg-dark .trumbowyg-modal-box label input:focus { background-color: #2f2f2f; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit { background: #1b7943; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus { background: #25a25a; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active { background: #176437; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset { background: #333; color: #ccc; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus { background: #444; } .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active { background: #111; } .trumbowyg-dark .trumbowyg-overlay { background-color: rgba(15, 15, 15, 0.6); } @media only screen and (min-width: 1024px) { .trumbowyg-fullscreen { width: auto; right: 300px; height: 100%; top: 0; } } /* HM Core Adam de Croy Common Buttons */ .button, .trumbowyg-modal-box .trumbowyg-modal-button { background: #444; padding: 13px 15px; display: block; color: #FFF; border-radius: 2px; letter-spacing: .1em; text-indent: .1em; font-size: .8em; text-transform: uppercase; margin-top: 20px; text-decoration: none; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15); opacity: 1 !important; -webkit-transition: .2s !important; transition: .2s !important; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(0); transform: translateY(0); will-change: transform; } .button .icon, .trumbowyg-modal-box .trumbowyg-modal-button .icon { position: absolute; right: 5px; top: 13px; width: 30px; text-align: center; } .button:hover, .trumbowyg-modal-box .trumbowyg-modal-button:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 0 0 #BBB !important; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 2px 0 0 #BBB !important; } .button:active, .trumbowyg-modal-box .trumbowyg-modal-button:active { -webkit-transition: .05s !important; transition: .05s !important; -webkit-transform: none; transform: none; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important; top: 1px; color: rgba(255, 255, 255, 0.5); text-shadow: none; } .button.faded, .trumbowyg-modal-box .faded.trumbowyg-modal-button { opacity: .5 !important; } .button.half, .trumbowyg-modal-box .half.trumbowyg-modal-button { width: calc(50% - 10px); width: 48% \9; display: inline-block; } .button.half + .button.half, .trumbowyg-modal-box .half.trumbowyg-modal-button + .button.half, .trumbowyg-modal-box .button.half + .half.trumbowyg-modal-button, .trumbowyg-modal-box .half.trumbowyg-modal-button + .half.trumbowyg-modal-button { margin-left: 20px; margin-left: 4% \9; } .button.package, .trumbowyg-modal-box .package.trumbowyg-modal-button { background: #59c756; } .button.green, .trumbowyg-modal-box .green.trumbowyg-modal-button { background: #59c756; } .button.blue, .trumbowyg-modal-box .blue.trumbowyg-modal-button { background: #11b8ff; } .button.facebook, .trumbowyg-modal-box .facebook.trumbowyg-modal-button { background: #3b5998; } .button.facebook:active, .trumbowyg-modal-box .facebook.trumbowyg-modal-button:active { background: #FFF; color: #3b5998; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Hashtags */ .richTag { font-weight: 600; } .hashtag-pool { list-style: none; font-size: .8em; margin: 10px 0; } .hashtag-pool li { display: inline-block; margin: 0 10px 10px 0; } .hashtag-pool .tag { padding: 5px 7px 5px 8px; border-radius: 5px; text-transform: uppercase; font-weight: 600; font-size: .9em; border: 1px solid rgba(0, 0, 0, 0.2); text-decoration: none; background: rgba(0, 0, 0, 0.8); color: #FFF; display: block; } .hashtag-pool .tag svg { margin-right: 4px; } .hashtag-pool .tag .count { margin-left: 5px; opacity: .5; } .hashtag-pool .tag.package { background: #59c756; } .hashtag-pool .tag.red { background: #e60000; } .hashtag-pool .tag.orange { background: #ff8c00; } .hashtag-pool .tag.yellow { background: #ffe500; color: #000; } .hashtag-pool .tag.blue { background: #11b8ff; } .hashtag-pool .tag.blue-dark { background: #37424a; } .hashtag-pool .tag.green { background: #59c756; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Page */ main > p, main .inner > p { font-size: .8em; color: rgba(0, 0, 0, 0.6); } main > p a, main .inner > p a { text-decoration: none; } .page .inner { padding: 10px; padding: 10px 20px; } .page .inner.hero { padding: 30px 20px; background: #F5F5F5; border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,dbdce2+21,dddddd+49,dddfe3+80,f5f6f6+100 */ background: #f5f6f6; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #f5f6f6 0%, #dbdce2 21%, #dddddd 49%, #dddfe3 80%, #f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .page .inner.w30 { display: inline-block; vertical-align: top; width: 30%; } .page .inner.w70 { display: inline-block; vertical-align: top; width: 70%; } .page .masonry { padding: 10px 20px; padding-bottom: 30px; } .page .columns { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 0; column-gap: 0; padding-bottom: 20px; padding-top: 20px; } .page .columns .panel.full { margin-top: 0; margin-bottom: 20px; } .page #ControlBar { padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 15px; margin-top: 10px; } .page #ControlBar .left p { margin-right: 15px; } .page #ControlBar .right { position: absolute; right: 0; } .page #ControlBar .right p { margin-left: 15px; } .page #ControlBar p { display: inline-block; } .page #ControlBar p > svg { display: inline-block; margin-right: 5px; } .page #ControlBar p input { font-size: 1em; background: none; border: none; outline: none; font-family: inherit; display: inline-block; vertical-align: top; } .page #ControlBar .button, .page #ControlBar .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box .page #ControlBar .trumbowyg-modal-button { display: inline-block; padding: 7px 9px; font-size: .7em; margin-top: 0; } .page h1 span, .page h2 span, .page h3 span { position: absolute; right: 2px; } .page h1 span i.fa, .page h2 span i.fa, .page h3 span i.fa { margin-right: 5px; } .page h1 { margin-bottom: 20px; margin: 10px 0; text-transform: uppercase; font-weight: 600; font-size: 1.2em; padding: 0 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; } .page h2 { font-weight: 300; } .page h3 { font-size: .8em; font-weight: 600; text-transform: uppercase; margin-top: 20px; } .page h3:first-child { margin-top: 10px; } .editor { /*display: table; table-layout: fixed; width: 100%; .form { display: table-cell; width: 50%; } .form.hidden { width: 0; overflow: hidden; } .form.slack { width: auto; padding: 0; }*/ } .center-child { height: calc(100vh - 47px); } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Panels */ .panel { -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); background: rgba(255, 255, 255, 0.9); text-decoration: none; color: #000; color: rgba(0, 0, 0, 0.75); max-width: 400px; width: 400px \9; margin: auto; margin: 10px auto; border-radius: 3px; padding: 15px; -webkit-column-break-inside: avoid; break-inside: avoid; } .panel h1 { margin: 0; font-size: 1em; padding: 0; padding-bottom: 15px; } .panel h2, .panel h3 { font-size: 1em; text-transform: uppercase; padding-bottom: 15px; } .panel h2 span, .panel h3 span { position: absolute; right: 0; color: rgba(0, 0, 0, 0.2); } .panel .help { font-size: .7em; margin-top: 15px; color: #666; } .panel .help a { text-decoration: none; } .panel ul.list li a, .panel ul.list li span, .panel ul.data li a, .panel ul.data li span { border: none; } .panel h2 + ul.list, .panel h3 + ul.list { margin-top: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .panel form { margin: 0 -15px -15px -15px; } .panel form:first-child { margin-top: -15px; } .panel.list { padding: 0; } .panel.graph { padding: 10px; } .panel.graph h3 { border-bottom: none; } .panel.photo { padding: 0; } .panel.photo .padder.square { display: block; height: 0; padding-top: 100%; } .panel.stat label { display: block; text-transform: uppercase; font-size: .8em; font-weight: 400; margin-bottom: 10px; } .panel.stat a { font-size: 1.3em; } .panel.facebook { background: #3b5998; color: #FFF; } .panel.facebook .help { color: rgba(255, 255, 255, 0.5); } .panel.m600 { max-width: 600px; width: 600px \9; } .panel:not(.tile):not(.brick):not(.half) + .panel:not(.tile):not(.brick):not(.half), .panel:not(.tile):not(.brick):not(.half) + script + .panel:not(.tile):not(.brick):not(.half) { margin-top: 20px; } .panel.full { margin: 10px 0; max-width: none; } .panel.tile, .panel.sizer, .panel.brick { margin: 10px; display: inline-block; width: calc(33.33333333% - 20px); vertical-align: top; max-width: none; } .panel.tile { margin: 10px 0; } .panel.brick { margin: 10px 0; width: calc(33.33333333% - 30px); } .gutter { width: 20px; } .panel.tile.w50 { width: calc(50% - 10px); } .panel.tile.w50 + .panel.tile.w50 { margin-left: 20px; } .panel.brick.w50 { width: calc(50% - 30px); } .panel.tile.w66, .panel.brick.w66 { width: calc(66.666666666% - 20px); } .panel.brick.w66 { width: calc(66.666666666% - 30px); } .panel.brick.full { width: calc(100% - 40px); } .panel.inset { -webkit-box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); background: none; } .panel.inset .inner { background: rgba(255, 255, 255, 0.9); border-radius: 2px; padding: 15px; } .panelGroup { display: table; width: calc(100% + 40px); margin: -10px -20px; table-layout: fixed; border-spacing: 20px; } .panelGroup .panel { display: table-cell; } .panelGroup .panel.w25 { width: 25%; } .panelGroup .panel.w75 { width: 75%; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Data */ .insights { list-style: none; text-align: center; } .insight { display: inline-block; vertical-align: top; width: calc(33.3333333333% - 50px); margin: 20px 25px; padding: 10px; } .insight a { display: block; text-decoration: none; } .insight h4, .insight small { font-size: .7em; font-weight: 500; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; letter-spacing: .1em; text-indent: .1em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .insight h4 i.fa, .insight small i.fa { font-size: 1.24em; top: 1px; } .insight p { margin: 10px 0 0 0; font-size: 1.75em; } .insight p i.fa { padding: 0 1px; } .insight small { margin-top: 10px; font-size: .6em; } .inner.hero .insights { font-size: 1.3em; } .timeline { list-style: none; margin: 20px 0; } .timeline .event { padding: 20px 0 20px 60px; } .timeline .event .flow { color: #FFF; position: absolute; top: 50%; margin-top: 7px; left: 22px; font-size: 2.1em; } .timeline .event .icon { position: absolute; display: block; width: 31px; text-align: center; height: 31px; line-height: 31px; background: #FFF; border-radius: 100%; left: 17px; top: 12px; font-size: .8em; } .timeline .event .icon.successful { color: #FFF; background: #59c756; } .timeline .event .icon.failed, .timeline .event .icon.declined { color: #FFF; background: #F00; } .timeline .event .icon.refunded { background: #11b8ff; color: #FFF; } .timeline .event .icon.purple { background: #BF49FF; color: #FFF; } .timeline .event h4 { font-size: .8em; font-weight: normal; } .timeline .event h4 .button, .timeline .event h4 .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box .timeline .event h4 .trumbowyg-modal-button { display: inline-block; position: absolute; top: auto; background: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid; text-shadow: none; color: #666; padding: 3px 6px; margin-top: 0; font-size: .6em; top: -1px; margin-left: 10px; -webkit-transform: none; transform: none; } .timeline .event p { margin: 10px 0 0 0; } .timeline .event p span { margin-right: 20px; } .timeline .event p.note { margin-top: 15px; padding: 15px; background: #FFF; width: auto; display: inline-block; border-radius: 3px; } .timeline .event p.meta { font-size: .6em; font-weight: 400; text-transform: uppercase; color: rgba(0, 0, 0, 0.6); margin-top: 13px; } .timeline .event p.meta .successful { color: #59c756; } .timeline .event p.meta .declined { color: #F00; } .timeline .event:hover h4 .button, .timeline .event:hover h4 .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box .timeline .event:hover h4 .trumbowyg-modal-button { display: block; } .timeline .event::before { content: ''; display: block; width: 5px; background: #FFF; position: absolute; left: 30px; top: 0; bottom: 0; } .timeline .event:first-child::before { border-top-left-radius: 10px; border-top-right-radius: 10px; } .timeline .event:last-child::before { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .timeline .event:last-child .flow { display: none; } body:not(.touch) .timeline .event h4 .button, body:not(.touch) .timeline .event h4 .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box body:not(.touch) .timeline .event h4 .trumbowyg-modal-button { display: none; } body:not(.touch) .timeline .event:hover .button, body:not(.touch) .timeline .event:hover .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box body:not(.touch) .timeline .event:hover .trumbowyg-modal-button { display: inline-block; } /* RESPONSIVE */ @media only screen and (max-width: 940px) { .insight { width: calc(50% - 50px); } } /* MOBILE */ @media only screen and (max-width: 375px) { .insight { width: auto; display: block; } } /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Lists */ ul.list { list-style: none; display: table; table-layout: fixed; width: 100%; -webkit-column-break-inside: auto; break-inside: auto; } ul.list > li { display: table-row; width: 100%; -webkit-column-break-inside: avoid; break-inside: avoid; } ul.list > li > a, ul.list > li > span { display: table-cell; padding: 15px 15px; font-size: .85em; font-weight: 400; text-decoration: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ul.list > li > a:last-child, ul.list > li > span:last-child { text-align: right; } ul.list > li > a:first-child, ul.list > li > span:first-child { text-align: left; } ul.list > li a:active, ul.list > li a:active ~ a, ul.list > li a:active ~ span { color: rgba(0, 0, 0, 0.4); opacity: 1; -webkit-transition: none !important; transition: none !important; } ul.list > li > a:not(.icon) svg, ul.list > li > span:not(.icon) svg { margin-right: 3px; } ul.list > li .grey { color: rgba(0, 0, 0, 0.4); } ul.list > li .input, ul.list > li .inputs { padding: 0; } ul.list > li .input input, ul.list > li .inputs input { padding: 15px; font-family: inherit; font-size: 1em; outline: none; border: none; text-align: inherit; background: none; width: 100%; color: inherit; } ul.list > li .input input[type="number"]::-webkit-inner-spin-button, ul.list > li .input input[type="number"]::-webkit-outer-spin-button, ul.list > li .inputs input[type="number"]::-webkit-inner-spin-button, ul.list > li .inputs input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } ul.list > li .inputs input { width: 30px; } ul.list > li .long { width: auto !important; } ul.list > li .id { width: 50px; } ul.list > li .id.long { width: 100px !important; } ul.list > li .photo { padding: 8px; width: 46px; overflow: visible; } ul.list > li .photo .image, ul.list > li .photo .initials { width: 30px; text-align: center; border-radius: 100%; height: 30px; line-height: 30px; display: block; background: rgba(0, 0, 0, 0.1); font-size: .65em; color: rgba(0, 0, 0, 0.3); } ul.list > li .photo .image { background: center no-repeat; background-size: cover; text-indent: -9999px; -webkit-transition: .2s; transition: .2s; } ul.list > li .photo .image.png { background-size: 70%; background-size: contain; border-radius: 0; } ul.list > li .photo:hover { opacity: 1; } ul.list > li .photo:hover .image { margin: -20px; width: 70px; height: 70px; z-index: 10000; cursor: none; } ul.list > li .photo + a, ul.list > li .photo + span { padding-left: 0; } ul.list > li .ref { width: 180px; } ul.list > li .ref.short, ul.list > li .name.short { width: 130px; } ul.list > li .name.medium { width: 200px; } ul.list > li .orderRef { width: 120px; } ul.list > li .date.full { width: 170px; } ul.list > li .time { width: 70px; } ul.list > li .ago { width: 130px; } ul.list > li .ip { width: 140px; } ul.list > li .quantity { text-align: right; width: 100px; padding: 0 15px; } ul.list > li .quantity input { padding: 15px 0; } ul.list > li .status { width: 125px; } ul.list > li .price { width: 100px; text-align: right; } ul.list > li .percent { width: 70px; } ul.list > li .num, ul.list > li .count { text-align: right; width: 100px; } ul.list > li .itemPick .fa-check { color: #59c756; } ul.list > li .tags { white-space: normal; } ul.list > li .tagmatch { width: 70px; } ul.list > li .icon { width: 46px; text-align: center !important; } ul.list > li .icon i.fa-angle-down { font-size: 1.15em; } ul.list > li .move { cursor: move; } ul.list > li .move.vertical { cursor: ns-resize; } ul.list > li .move.horizontal { cursor: ew-resize; } ul.list > li.ui-sortable-helper { display: table; table-layout: fixed; } ul.list > li.head { display: table-header-group; } ul.list > li.head a, ul.list > li.head span { font-size: .6em; text-transform: uppercase; font-weight: 600; background: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 0.9); padding-top: 10px; padding-bottom: 10px; } ul.list > li.head a svg, ul.list > li.head span svg { margin-left: 3px; } ul.list > li.subhead a, ul.list > li.subhead span { font-size: .6em; text-transform: uppercase; font-weight: 600; background: #888; color: rgba(255, 255, 255, 0.9); padding-top: 10px; padding-bottom: 10px; } ul.list > li.break > a, ul.list > li.break > span { border-top: 3px solid rgba(0, 0, 0, 0.1); } ul.list > li.faded { opacity: 1; } ul.list > li.faded > a, ul.list > li.faded > span { color: rgba(0, 0, 0, 0.2); } ul.list li:nth-child(even) { background: #fcfcfc; } ul.list li:nth-child(odd) { background: #f7f7f7; } ul.list li.dark { -webkit-box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.2); box-shadow: inset 0 5px 8px -5px rgba(0, 0, 0, 0.2); } ul.list li.dark > a:first-child, ul.list li.dark > span:first-child { border-left: 5px solid rgba(0, 0, 0, 0.3); } ul.list li.dark + li.dark { -webkit-box-shadow: none; box-shadow: none; } ul.list li.dark + li:not(.dark) { -webkit-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.15); box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.15); } ul.list li:first-child > a:first-child, ul.list li:first-child > span:first-child { border-top-left-radius: 3px; } ul.list li:first-child > a:last-child, ul.list li:first-child > span:last-child { border-top-right-radius: 3px; } ul.list li:last-child > a, ul.list li:last-child > span { border-bottom: none; } ul.list li:last-child > a:first-child, ul.list li:last-child > span:first-child { border-bottom-left-radius: 3px; } ul.list li:last-child > a:last-child, ul.list li:last-child > span:last-child { border-bottom-right-radius: 3px; } ul.list .menu { list-style: none; display: table-cell; display: none; width: 200px; right: 200px; top: 46px; background: inherit; border-radius: 2px; z-index: 10; width: 0px; } ul.list .menu li { background: inherit; } ul.list .menu a { background: inherit; display: block; width: 200px; -webkit-box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.075); box-shadow: 0 10px 10px -8px rgba(0, 0, 0, 0.075); } ul.list .menu a:hover { opacity: 1; } ul.list .menu li:last-child a { border-radius: 0 0 2px 2px; } ul.list .menu.open { display: table-cell; } ul.data { list-style: none; } ul.data li { padding: 15px; } ul.data li strong { display: block; font-size: .8em; font-weight: 400; margin-bottom: 10px; } ul.data li p { font-size: .8em; margin: 0; white-space: pre-line; } ul.data li p span { position: absolute; right: 0; color: rgba(0, 0, 0, 0.4); } ul.data li p span.blue { color: #11b8ff; } ul.data li p span.green { color: #59c756; } ul.data li p span.red { color: #F00; } ul.data li p a { text-decoration: none; } ul.data > li:nth-child(odd) { background: rgba(0, 0, 0, 0.025); } .panel.data { padding: 0; } .panel.data li h4 { font-size: .8em; margin-bottom: 10px; font-weight: 400; } .panel.data li h4 span { position: absolute; right: 0; color: rgba(0, 0, 0, 0.5); } .panel.data.full { display: table; width: 100%; table-layout: fixed; padding: 0; } .panel.data.full li { display: table-cell; } .panel.data.big li h4 { text-transform: uppercase; font-size: .7em; } .panel.data.big li p { font-size: 1.6em; } /* RESPONSIVE */ @media only screen and (max-width: 1279px) { ul.list > li .priority8 { display: none; } } @media only screen and (max-width: 1140px) { ul.list > li .priority7 { display: none; } } @media only screen and (max-width: 1023px) { ul.list > li .priority6 { display: none; } } @media only screen and (max-width: 930px) { ul.list > li .priority5 { display: none; } } @media only screen and (max-width: 560px) { ul.list > li .priority4 { display: none; } } @media only screen and (max-width: 480px) { ul.list > li .priority3 { display: none; } } /* MOBILE */ /* RETINA */ /* PRINT */ @media print { ul.list { -webkit-box-shadow: none !important; box-shadow: none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } ul.list li, ul.list li:nth-child(even), ul.list li:nth-child(odd) { background: none; } ul.list > li.head a svg, ul.list > li.head span svg { display: none; } } /* HM Core Adam de Croy Common Error */ #error { text-align: center; } .panel.error, .error.blanked { background: rgba(128, 0, 0, 0.75); z-index: 100; color: #FFF; cursor: default; padding: 15px; } .panel.error p, .error.blanked p { font-size: .8em; font-weight: 600; text-transform: uppercase; width: 100%; text-align: center; } .error.blanked { padding: 15px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .error.blanked p { position: absolute; top: 50%; margin-top: -8px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Fullscreen */ main.fullscreen { height: calc(100vh - 46px); } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Common Overlay */ .OverlayFS { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; text-align: center; background: rgba(0, 0, 0, 0.85); color: #FFF; } .OverlayFS .OverlayClose { display: block; position: absolute; top: 30px; right: 30px; width: 40px; height: 40px; } .OverlayFS .OverlayClose span { display: block; width: 100%; height: 1px; background: #FFF; position: absolute; top: 50%; left: 0; } .OverlayFS .OverlayClose span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .OverlayFS .OverlayClose span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .OverlayFS .inner { max-width: 400px; margin: auto; padding: 40px; } .OverlayFS form p { padding: 0; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Graphs General */ .graph { background: #333333; color: rgba(255, 255, 255, 0.7); vertical-align: bottom; } .graph .inner { padding: 15px; } .graph h2, .graph h3 { text-transform: uppercase; margin-bottom: 15px; font-size: 1em; padding: 5px; color: rgba(255, 255, 255, 0.6); } .graph h2 span, .graph h3 span { position: absolute; right: 5px; color: rgba(255, 255, 255, 0.3); } .graph canvas { width: 100%; height: 40%; } .graph h2 + canvas { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; } .graph.half { display: inline-block; width: 50%; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Widget */ .widget h3, .widget label { font-size: .8em; padding: 15px 15px 0 15px; text-transform: none; font-weight: 400; cursor: default; display: block; margin-top: 0 !important; margin-bottom: 0 !important; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Tags */ #widget-Hashtags .pool { list-style: none; padding: 0 5px 5px 5px; font-size: .8em; } #widget-Hashtags .pool li { display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); } #widget-Hashtags .pool .tag { padding: 5px 7px 5px 8px; margin: 10px 0 -5px 5px; border-radius: 5px; text-transform: uppercase; font-weight: 600; font-size: .9em; } #widget-Hashtags .pool .tag .jqc { margin: -5px -5px -5px 0; font-size: .8em; top: -1px; padding: 5px; display: inline-block; color: #000; } #widget-Hashtags .pool .tag .jqc i.fa { padding: 0 1px; } #widget-Hashtags .pool .tag .jqc:hover { color: #F00; opacity: 1; } #widget-Hashtags .pool .input { padding: 0; margin: 3px 0 0 0; border-color: transparent; } #widget-Hashtags .pool .input input { font-size: 1em; font-family: inherit; font-weight: 300; outline: none; border: none; padding: 10px; background: none; } #widget-Hashtags.package .pool .tag { color: #59c756; border-color: #59c756; } #widget-Hashtags.blue .pool .tag { color: #11b8ff; border-color: #11b8ff; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Images */ #widget-Images { margin: 20px 0; list-style: none; background: rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 3px; overflow: hidden; -webkit-box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); } #widget-Images .sizer { width: calc(33.3333333333% - 20px); } #widget-Images .panel { display: inline-block; vertical-align: top; } #widget-Images .panel { width: calc(33.3333333333% - 20px) !important; margin: 10px !important; } #widget-Images .panel p { border: none !important; } #widget-Images .panel .preview { background-size: cover; border-radius: 3px; } #widget-Images .panel .preview.compress { background-size: contain !important; } #widget-Images .panel .controls { position: absolute; top: 50%; margin-top: -15px; width: 100%; left: 0; text-align: center; display: none; } #widget-Images .panel .controls a { display: inline-block; margin: 0 15px; width: 30px; height: 30px; line-height: 30px; background: #FFF; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.8); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.8); border-radius: 100%; } #widget-Images .panel .controls a:hover { opacity: 1; color: rgba(0, 0, 0, 0.4); } #widget-Images .panel .controls a.deleteImage:hover { color: #F00; } #widget-Images .panel.template { display: none; } #widget-Images .panel.image .preview { height: 0; padding-top: 100%; display: block; border-radius: 3px; background: center no-repeat; background-size: cover; } #widget-Images .panel.image.delete { opacity: .2; } #widget-Images .panel.image:hover .controls { display: block; } #widget-Images .panel:hover p.has-image + .controls { display: block; } #widget-Images .panel.add { background: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.7); } #widget-Images .panel.add .jqc { height: 0; padding-top: 100%; display: block; text-align: center; font-size: 1.8em; color: rgba(0, 0, 0, 0.3); } #widget-Images .panel.add .jqc .plus { display: block; position: absolute; background: rgba(0, 0, 0, 0.2); } #widget-Images .panel.add .jqc .plus.vertical { width: 2px; top: 30%; bottom: 30%; left: 50%; margin-left: -1px; } #widget-Images .panel.add .jqc .plus.horizontal { height: 2px; top: 50%; left: 30%; right: 30%; margin-top: -1px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Media */ #widget-Media .ToggleFullscreen { display: none; padding: 10px 15px; font-size: .8em; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #widget-Media .ToggleFullscreen svg { position: absolute; top: 12px; right: 14px; } #widget-Media p.switch { display: block; } #widget-Media .Library { padding: 15px; } #widget-Media .Library img { width: 33.3333333333%; display: inline-block; vertical-align: middle; cursor: move; } #widget-Media .Library .Error { display: block; text-align: center; color: rgba(0, 0, 0, 0.3); -webkit-column-span: all; column-span: all; } #widget-Media .Upload { border-top: 2px dashed rgba(0, 0, 0, 0.1); padding: 30px; text-align: center; } #widget-Media .Upload label { padding: 0; font-size: 1.25em; text-transform: uppercase; font-weight: 900; color: rgba(0, 0, 0, 0.15); } #widget-Media .Upload input { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; opacity: 0; z-index: 1; } #widget-Media.Fullscreen { display: block; position: fixed; top: 0; bottom: 0; right: 0; width: 300px; -webkit-box-shadow: none; box-shadow: none; height: auto; overflow: auto; padding-bottom: 86px; z-index: 100000; margin: 0; border-radius: 0; background: #333; color: #FFF; } #widget-Media.Fullscreen .ToggleFullscreen { display: block; } #widget-Media.Fullscreen .switch input:not(:checked) + .theSwitch { background: #000; } #widget-Media.Fullscreen .Library { position: absolute; top: 82px; bottom: 86px; width: 100%; overflow: auto; -webkit-box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2); box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.2), inset 0 -10px 20px -10px rgba(0, 0, 0, 0.2); padding: 5px 15px; } #widget-Media.Fullscreen .Library img { display: block; width: 100%; margin: 10px 0; } #widget-Media.Fullscreen .Upload { position: absolute; bottom: 0; right: 0; background: #444; border-top-color: rgba(255, 255, 255, 0.15); width: 300px; } #widget-Media.Fullscreen .Upload label { color: rgba(255, 255, 255, 0.1); } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 1023px) { #widget-Media.Fullscreen { width: 100%; left: 0; right: 0; } } /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Users */ .userWidget { display: block !important; } .userWidget > * { background: transparent !important; } .userWidget h3, .userWidget label, .userWidget p, .userWidget .pool, .userWidget .results { display: block !important; list-style: none; } .userWidget .hide { display: none !important; } .userWidget p input { padding-top: 10px !important; } .userWidget .pool { padding: 10px 5px 0 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 5px; } .userWidget .pool li { padding: 4px 6px; display: inline-block; margin: 0 13px 15px 0; border: 1px solid rgba(0, 0, 0, 0.1); font-size: .8em; border-radius: 5px; } .userWidget .pool li a { margin-left: 2px; } .userWidget .pool li a i.fa { padding: 0 1px; } .userWidget .pool.single { padding: 5px 8px 10px 8px; border: none; margin: 0; } .userWidget .pool.single li { border: none; padding: 5px 7px; display: block; margin: 0; } .userWidget .pool.single li a { position: absolute; right: 7px; } .userWidget .pool:empty { display: none !important; } .userWidget .results li { border-top: 1px solid rgba(0, 0, 0, 0.1); } .userWidget .results li a { display: block; padding: 10px 15px; font-size: .8em; } .userWidget .results li.none { padding: 10px 15px; font-size: .8em; } .userWidget .results li.none a { display: inline; padding: 0; font-size: 1em; font-weight: 600; } .userWidget.hide { display: none !important; } .NewUser { display: none !important; } .NewUser.open { display: table !important; } .userWidget:first-child + .NewUser { margin-top: 0; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Widgets Product Lookup */ #ProductLookup { display: block; } #ProductLookup > *:not(.list) { display: block; } #ProductLookup .summary { margin: 0; width: 100%; } #ProductLookup .results { font-size: .85em; list-style: none; } #ProductLookup .results li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #ProductLookup .results li a { display: block; padding: 14px 16px 15px 16px; font-weight: 400; } #ProductLookup .results li a svg { margin-right: 16px; } #ProductLookup .results li.none { padding: 14px 15px 15px 46px; } #ProductLookup .search { border-top: 1px solid rgba(0, 0, 0, 0.1); /*input { display: block; width: 100%; border: none; padding: 15px; background: #FFF; border-radius: 3px; font-family: inherit; font-size: .8em; font-weight: 400; outline: none; }*/ } #ProductLookup .search input { padding-left: 46px; } #ProductLookup .search svg { position: absolute; top: 14px; left: 15px; opacity: .3; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Usergate */ #usergate .inner { padding: 100px 30px; } #usergate h1 { text-transform: uppercase; font-weight: 900; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-bottom: 15px; font-size: 1.5em; } #usergate p + form { border-top: 1px solid rgba(0, 0, 0, 0.05); } #usergate .help { text-align: center; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Users View */ #users.view { /*.info + .info:before { //margin-left: 0; //padding-left: 50px; //border-left: 1px solid rgba($text,0.1); display: block; content: ''; position: absolute; width: 1px; height: 100%; top: 0; left: -25px; background: rgba($text,0.1); }*/ } #users.view .inner { padding-left: 25px; padding-right: 25px; } #users.view hr { margin: 0; } #users.view .hero { padding: 30px 30px 60px 30px; margin-bottom: 20px; background: rgba(0, 0, 0, 0.7); color: #FFF; text-align: center; } #users.view .hero .bgBlur { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } #users.view .hero .bgBlur .bg { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; -webkit-filter: blur(30px); filter: blur(30px); background: center no-repeat; background-size: cover; opacity: .7; } #users.view .hero.visitor { padding-bottom: 30px; } #users.view .hero.noButtons { margin-bottom: 0; } #users.view .biophoto { border-radius: 100%; display: block; padding: 15px; max-width: 200px; margin: auto; } #users.view .biophoto .image { display: block; border-radius: 100%; padding-top: 100%; height: 0; background: #EEE center no-repeat; background-size: cover; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.075); } #users.view .activityStatus { width: 30px; text-align: center; height: 30px; line-height: 30px; border-radius: 100%; background: #000; display: block; margin: auto; opacity: 1; } #users.view .activityStatus.grey { color: #555; } #users.view .biophoto + .activityStatus { margin-top: -32px; } #users.view .lastAction { max-width: 400px; margin: auto; padding: 6px 110px 6px 32px; border-radius: 150px; background: rgba(0, 0, 0, 0.8); text-align: left; display: block; text-decoration: none; } #users.view .lastAction .icon { display: inline-block; width: 20px; text-align: center; height: 20px; line-height: 20px; position: absolute; left: 6px; top: 4px; font-size: 1.1em; } #users.view .lastAction .icon.grey { color: #666; } #users.view .lastAction .action { font-size: .8em; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #users.view .lastAction .action.grey { color: #BBB; } #users.view .lastAction .ago { position: absolute; right: 10px; top: 6px; font-size: .8em; } #users.view .lastAction .ago.grey { color: #666; } #users.view .hero .name { text-align: center; text-transform: uppercase; font-weight: 400; max-width: 400px; margin-left: auto; margin-right: auto; font-size: .8em; } #users.view .hero .name a { display: block; text-decoration: none; } #users.view .hero .name big { text-transform: none; display: block; font-size: 3em; font-weight: 300; } #users.view .hero .name span { display: block; margin-top: 5px; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, 0.075); } #users.view .hero .name span + .position { color: rgba(255, 255, 255, 0.4); border-top: none; padding-top: 0; } #users.view .bio { max-width: 500px; margin-left: auto; margin-right: auto; line-height: 1.5em; } #users.view .features { list-style: none; text-align: center; margin: -40px 0 10px 0; margin: 20px 0 -90px 0; z-index: 100; } #users.view .features li { display: inline-block; margin: 0 15px; } #users.view .features a { display: block; width: 60px; text-align: center; height: 60px; line-height: 60px; border-radius: 100%; background: #222; color: #FFF; font-size: 1.6em; opacity: 1; -webkit-transition: .2s; transition: .2s; } #users.view .features a .fa-facebook-f { left: -1px; } #users.view .features a .fa-envelope { top: -1px; } #users.view .features a .fa-shopping-bag { top: -2px; } #users.view .features a .fa-history { left: 1px; } #users.view .features a.facebook { background: #3b5998; } #users.view .features a.email { background: #7ebad3; } #users.view .features a.mobile { background: #59c756; } #users.view .features a.orders { background: #11b8ff; } #users.view .features a.history { background: #000; } #users.view .features a:hover, #users.view .features a:active { -webkit-box-shadow: 0 0 0 5px white; box-shadow: 0 0 0 5px white; } #users.view .actions:first-child { margin-top: 0; } #users.view .details { padding: 5px 0; text-align: center; } #users.view .info { text-align: center; display: inline-block; vertical-align: top; width: calc(33.3333333333% - 50px); margin: 20px 25px; padding: 10px; } #users.view .info a { display: block; text-decoration: none; } #users.view .info h4, #users.view .info small { font-size: .7em; font-weight: 500; color: rgba(0, 0, 0, 0.4); text-transform: uppercase; letter-spacing: .1em; text-indent: .1em; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.view .info h4 i.fa, #users.view .info small i.fa { font-size: 1.24em; top: 1px; } #users.view .info p { margin: 10px 0 0 0; font-size: 1.75em; } #users.view .info p i.fa { padding: 0 1px; } #users.view .info small { margin-top: 10px; font-size: .6em; } #users.view .info.InviteLink { display: block; width: auto !important; } #users.view .info.InviteLink h4 svg { margin-left: 3px; } #users.view .info.InviteLink p { font-size: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.view .info.InviteLink p a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.view .info.InviteLink p a svg { margin-right: 5px; } #users.view .info.InviteLink textarea { height: 1px; overflow: hidden; width: 1px; border: none; opacity: 0; position: absolute; } #users.view .GoogleMap { display: block; margin: 0 -25px; height: 350px; } #users.view .GoogleMap:first-child { margin-top: -30px; } #users.view .notes { list-style: none; } #users.view .note-item { text-align: left; padding: 0 0 0 65px; border-radius: 3px; margin: 30px 0; min-height: 50px; } #users.view .note-item .bar { width: 10px; position: absolute; top: -30px; bottom: -30px; left: 20px; display: block; background: #FFF; } #users.view .note-item .icon { position: absolute; width: 50px; text-align: center; height: 50px; line-height: 50px; border-radius: 100%; background: #FFF; top: 0; left: 0; color: rgba(0, 0, 0, 0.5); opacity: 1; } #users.view .note-item p { margin: 0; font-weight: 400; } #users.view .note-item .note { color: rgba(0, 0, 0, 0.75); line-height: 1.5em; } #users.view .note-item .meta { color: rgba(0, 0, 0, 0.5); font-size: .8em; margin-top: 8px; } #users.view .note-item .meta .ago { display: none; } #users.view .note-item:first-child .bar { top: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; } #users.view .note-item:last-child .bar { bottom: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } #users.view .sessions, #users.view .actions { list-style: none; } #users.view .actions { margin-top: 15px; } #users.view .session-item, #users.view .action-item { text-align: left; padding: 0 0 0 65px; border-radius: 3px; margin: 30px 0; min-height: 50px; } #users.view .session-item .fa-arrow-up, #users.view .action-item .fa-arrow-up { top: -35px; background: #E8E8E8; padding: 0 10px; color: rgba(0, 0, 0, 0.4); width: auto; } #users.view .session-item .bar, #users.view .action-item .bar { width: 10px; position: absolute; top: -30px; bottom: -30px; left: 20px; display: block; background: #000; } #users.view .session-item .icon, #users.view .action-item .icon { position: absolute; width: 50px; text-align: center; height: 50px; line-height: 50px; border-radius: 100%; background: #000; top: 0; left: 0; color: #FFF; opacity: 1; font-size: 1.2em; } #users.view .session-item .icon .fa-mouse-pointer, #users.view .action-item .icon .fa-mouse-pointer { left: 2px; } #users.view .session-item p, #users.view .action-item p { margin: 0; font-weight: 400; } #users.view .session-item .session, #users.view .session-item .action, #users.view .action-item .session, #users.view .action-item .action { color: rgba(0, 0, 0, 0.75); line-height: 1.5em; } #users.view .session-item .session a, #users.view .session-item .action a, #users.view .action-item .session a, #users.view .action-item .action a { text-decoration: none; } #users.view .session-item .session .fa, #users.view .session-item .action .fa, #users.view .action-item .session .fa, #users.view .action-item .action .fa { margin-left: 5px; } #users.view .session-item .meta, #users.view .action-item .meta { color: rgba(0, 0, 0, 0.5); font-size: .8em; margin-top: 0; } #users.view .session-item .meta a, #users.view .session-item .meta span, #users.view .action-item .meta a, #users.view .action-item .meta span { display: inline-block; margin-right: 15px; margin-top: 8px; } #users.view .session-item .meta a svg, #users.view .session-item .meta span svg, #users.view .action-item .meta a svg, #users.view .action-item .meta span svg { font-size: 1.1em; margin-right: 3px; padding: 0 1px; } #users.view .session-item .meta a .fa-laptop, #users.view .session-item .meta span .fa-laptop, #users.view .action-item .meta a .fa-laptop, #users.view .action-item .meta span .fa-laptop { font-size: 1.2em; top: 1px; } #users.view .session-item .meta a .fa-mobile, #users.view .session-item .meta span .fa-mobile, #users.view .action-item .meta a .fa-mobile, #users.view .action-item .meta span .fa-mobile { font-size: 1.3em; top: 1px; } #users.view .session-item .meta a .fa-tablet, #users.view .session-item .meta span .fa-tablet, #users.view .action-item .meta a .fa-tablet, #users.view .action-item .meta span .fa-tablet { font-size: 1.2em; top: 1px; } #users.view .session-item .meta a .fa-gamepad, #users.view .session-item .meta span .fa-gamepad, #users.view .action-item .meta a .fa-gamepad, #users.view .action-item .meta span .fa-gamepad { font-size: 1.2em; } #users.view .session-item .meta a .fa-list-alt, #users.view .session-item .meta span .fa-list-alt, #users.view .action-item .meta a .fa-list-alt, #users.view .action-item .meta span .fa-list-alt { font-size: 1.2em; top: 1px; } #users.view .session-item .meta a .fa-apple, #users.view .session-item .meta span .fa-apple, #users.view .action-item .meta a .fa-apple, #users.view .action-item .meta span .fa-apple { font-size: 1.2em; top: 1px; } #users.view .session-item .iRef, #users.view .action-item .iRef { display: block; margin-top: 10px; text-transform: uppercase; font-size: .7em; font-weight: 400; } #users.view .session-item .iRef i.fa, #users.view .action-item .iRef i.fa { font-size: 1.2em; margin-right: 3px; } #users.view .session-item.full, #users.view .action-item { text-align: center; padding: 25px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 0; } #users.view .session-item.full .bar, #users.view .action-item .bar { width: 2px; background: #CCC; left: 50%; margin-left: -1px; top: 0; bottom: 0; display: none; } #users.view .session-item.full .icon, #users.view .action-item .icon { position: relative; left: auto; top: auto; display: block; margin: 0 auto 10px auto; } #users.view .session-item.full .session, #users.view .action-item .session { font-size: 1.5em; font-weight: 300; } #users.view .session-item.full .meta span, #users.view .action-item .meta span { margin: 4px 8px; } #users.view .session-item.full:first-child, #users.view .action-item:first-child { border-top: none; } #users.view .session-item.full:first-child i.fa-arrow-up, #users.view .action-item:first-child i.fa-arrow-up { display: none; } #users.view .action-item .icon { background: #FFF; color: rgba(0, 0, 0, 0.5); } #users.view .panel:first-child { margin-top: 40px; } #users.view.orders { text-align: left; } #users.view.session-details .info { width: calc(25% - 50px); } /* RESPONSIVE */ @media only screen and (max-width: 1023px) { #users.view .info { width: calc(50% - 30px) !important; margin: 15px !important; } } @media only screen and (max-width: 950px) { #users.view .session-item .meta a, #users.view .session-item .meta span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.view .session-item .meta a i.fa, #users.view .session-item .meta span i.fa { width: 25px; text-align: center; } } /* MOBILE */ @media only screen and (max-width: 767px) { #users.view .features { margin-bottom: -80px; } #users.view .features a { width: 40px; height: 40px; line-height: 40px; font-size: 1.2em; } } @media only screen and (max-width: 470px) { #users.view .details { white-space: nowrap; overflow: auto; margin: 0 -25px; padding: 0 25px; } #users.view .details + hr { margin: 0 -25px; } #users.view .info { width: auto !important; margin: 0 !important; padding: 25px 20px; border-left: 1px solid rgba(0, 0, 0, 0.1); } #users.view .info:first-child, #users.view .info.InviteLink:first-child + .info { border-left: none; } } /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Users Widgets */ #Users-MiniProfile { background: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 0.9); margin: 20px 0; padding: 15px; -webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 3px; text-align: center; } #Users-MiniProfile .photo { width: 100px; height: 100px; display: inline-block; vertical-align: top; margin-right: 15px; background: center no-repeat; background-size: cover; border-radius: 2px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); } #Users-MiniProfile .details .contact { text-decoration: none; } #Users-MiniProfile .details .contact .icon, #Users-MiniProfile .details .contact .text { display: inline-block; vertical-align: top; line-height: 28px; } #Users-MiniProfile .details .contact .icon { width: 60px; height: 60px; line-height: 60px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; display: block; margin: 0 auto 10px auto; font-size: 2em; } #Users-MiniProfile .details .contact .icon i.fa { padding: 0 1px; } #Users-MiniProfile .details .contact .text { font-size: .65em; } #Users-MiniProfile .photo + .details { display: inline-block; vertical-align: top; width: calc(100% - 115px); text-align: left; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Users View */ #users.active { color: #FFF; text-align: center; } #users.active .activeUsers { list-style: none; text-align: center; } #users.active .activeUsers .none { font-size: 6em; background: none; border: 10px solid rgba(255, 255, 255, 0.09); display: inline-block; width: 340px; height: 340px; padding-top: 0; border-radius: 100%; overflow: hidden; } #users.active .activeUsers .none .logo { display: block; width: 100%; height: 100%; background: url(/images/logo.png) center no-repeat; background-size: 70%; opacity: .1; } #users.active .activeUsers .none .logo.custom { background-image: url(/images/active-none.png); } #users.active .activeUsers .none .logo.custom.pheasant { opacity: .5; left: -10px; background-position: center bottom; } #users.active .activeUsers .user { display: inline-block; width: 200px; margin: 30px; } #users.active .activeUsers .user .basket { background: #59c756; border-radius: 100%; width: 35px; height: 35px; line-height: 35px; font-size: .8em; display: block; position: absolute; font-weight: 900; top: 5px; right: 25px; } #users.active .activeUsers .user .basket svg { margin-right: 2px; font-size: .9em; } #users.active .activeUsers .user .photo { display: block; width: 150px; height: 150px; background: rgba(255, 255, 255, 0.1) center no-repeat; background-size: cover; border-radius: 100%; opacity: 1; margin: auto; } #users.active .activeUsers .user .photo svg { font-size: 4em; } #users.active .activeUsers .user h4 { margin: 10px 0; font-size: 1.4em; font-weight: 400; } #users.active .activeUsers .user .lastAction { font-size: .9em; margin: 10px 0; color: rgba(255, 255, 255, 0.8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.active .activeUsers .user .lastAction svg { margin-right: 5px; top: 1px; } #users.active .activeUsers .user .movement { font-size: .8em; } #users.active.new .ActiveUsers.New { list-style: none; padding-top: 20px; } #users.active.new .ActiveUsers.New .User { display: inline-block; vertical-align: middle; margin: 30px 20px; width: 120px; } @-webkit-keyframes NewUser { 0% { -webkit-transform: scale(0); transform: scale(0); width: 0; margin: 20px 0; opacity: 0; } 100% { margin: 20px; width: 120px; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes NewUser { 0% { -webkit-transform: scale(0); transform: scale(0); width: 0; margin: 20px 0; opacity: 0; } 100% { margin: 20px; width: 120px; -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } #users.active.new .ActiveUsers.New .User .ActivitySweep { display: block; width: 110px; height: 110px; position: absolute; top: -3px; left: 50%; margin-left: -55px; clip: rect(auto, auto, auto, auto); } #users.active.new .ActiveUsers.New .User .ActivitySweep .Circle { width: 110px; height: 110px; background: #59c756; border-radius: 100%; position: absolute; clip: rect(0px, 55px, 110px, 0px); clip: rect(0px, 55px, 110px, 0px); } #users.active.new .ActiveUsers.New .User .ActivitySweep .Circle[data-anim~=Right] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #users.active.new .ActiveUsers.New .User .ActivitySweep div[data-anim~=Base] { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* Only run once */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* Hold the last keyframe */ -webkit-animation-timing-function: linear; animation-timing-function: linear; /* Linear animation */ } @-webkit-keyframes SpinRight { from { -webkit-transform: rotate(180deg); transform: rotate(180deg); opacity: 1; } 99.999999% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes SpinLeft { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { background: #ff8c00; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); background: #F00; } } @-webkit-keyframes CloseWrapper { 0% { clip: rect(0px, 55px, 110px, 0px); } 100% { clip: rect(0px, 55px, 110px, 0px); } } #users.active.new .ActiveUsers.New .User .ActivitySweep.Animate { -webkit-animation-duration: 0.05s; animation-duration: 0.05s; /* Complete keyframes asap */ -webkit-animation-delay: 30s; animation-delay: 30s; /* Wait half of the animation */ -webkit-animation-name: CloseWrapper; animation-name: CloseWrapper; /* Keyframes name */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /* Only run once */ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* Hold the last keyframe */ -webkit-animation-timing-function: linear; animation-timing-function: linear; /* Linear animation */ } #users.active.new .ActiveUsers.New .User .ActivitySweep.Animate .Circle[data-anim~=Left] { -webkit-animation-duration: 30s; animation-duration: 30s; /* Full animation time */ -webkit-animation-delay: 30s; animation-delay: 30s; -webkit-animation-name: SpinLeft; animation-name: SpinLeft; } #users.active.new .ActiveUsers.New .User .ActivitySweep.Animate .Circle[data-anim~=Right] { -webkit-animation-duration: 30s; animation-duration: 30s; /* Half animation time */ -webkit-animation-name: SpinRight; animation-name: SpinRight; } #users.active.new .ActiveUsers.New .User .Activity { display: block; width: 110px; height: 110px; position: absolute; top: -3px; left: 50%; margin-left: -55px; border: 2px dotted rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-animation: 40s linear 0s infinite ActivitySpin; animation: 40s linear 0s infinite ActivitySpin; -webkit-transition: 2s; transition: 2s; } #users.active.new .ActiveUsers.New .User .Activity.Green { border-color: #59c756; -webkit-animation-duration: 10s; animation-duration: 10s; } #users.active.new .ActiveUsers.New .User .Activity.Orange { border-color: #ff8c00; -webkit-animation-duration: 20s; animation-duration: 20s; } #users.active.new .ActiveUsers.New .User .Activity.Red { border-color: #F00; -webkit-animation-duration: 30s; animation-duration: 30s; } @-webkit-keyframes ActivitySpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ActivitySpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #users.active.new .ActiveUsers.New .User a { display: block; text-decoration: none; opacity: 1; } #users.active.new .ActiveUsers.New .User a.UserDetails:hover .IMG { -webkit-box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.3); box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.3); } #users.active.new .ActiveUsers.New .User a.UserDetails:active .IMG { -webkit-box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.75); box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.75); -webkit-transition: .01s; transition: .01s; } #users.active.new .ActiveUsers.New .User .IMG { display: block; margin: auto; width: 104px; height: 104px; border-radius: 100%; background: #000 center no-repeat; background-size: cover; border: 4px solid #000; -webkit-transition: .25s; transition: .25s; } #users.active.new .ActiveUsers.New .User .IMG svg { display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 50px; height: 50px; display: none; } #users.active.new .ActiveUsers.New .User .IMG.noIMG { background: #111; } #users.active.new .ActiveUsers.New .User .IMG.noIMG svg { display: block; } #users.active.new .ActiveUsers.New .User .BasketOpen { display: inline-block; width: 30px; height: 30px; border-radius: 100%; background: #59c756; position: absolute; background-clip: padding-box; top: -3px; right: -3px; opacity: 1; } #users.active.new .ActiveUsers.New .User .BasketOpen svg { width: 16px; height: 16px; display: block; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; } #users.active.new .ActiveUsers.New .User h4 { font-weight: 400; font-size: .8em; margin-top: 20px; } #users.active.new .ActiveUsers.New .User h4 .BasketIcon { display: none; margin-left: 5px; background: #59c756; color: #000; height: 12px; width: 12px; vertical-align: middle; top: -1px; border-radius: 100%; } #users.active.new .ActiveUsers.New .User h4 .BasketIcon svg { width: 8px; height: 8px; vertical-align: top; top: 2px; } #users.active.new .ActiveUsers.New .User .LastAction { background: #191919; border-radius: 20px; padding: 8px 5px; font-size: .7em; margin: 10px 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #users.active.new .ActiveUsers.New .User .LastAction svg { margin-right: 5px; height: 1em; width: 1em; } #users.active.new .ActiveUsers.New .User .LastAction svg.grey { color: #777; } #users.active.new .ActiveUsers.New .User .Details { position: absolute; top: 50%; top: calc(50% - 18px); left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); background: #191919; -webkit-box-shadow: 0 0 0 9000px rgba(0, 0, 0, 0.9); box-shadow: 0 0 0 9000px rgba(0, 0, 0, 0.9); padding: 20px; width: 300px; max-height: calc(100vh - 40px); overflow: auto; border-radius: 5px; opacity: 0; pointer-events: none; z-index: 1000; } #users.active.new .ActiveUsers.New .User .Details h5 { font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.05); padding-bottom: 20px; font-size: 1em; } #users.active.new .ActiveUsers.New .User .Details .LastAction { background: #000; border-radius: 20px; padding: 10px; font-size: .75em; } #users.active.new .ActiveUsers.New .User .Details .LastAction svg { margin-right: 5px; } #users.active.new .ActiveUsers.New .User .Details .Basket { list-style: none; font-size: .75em; text-align: left; border-top: 1px solid #59c756; padding-top: 20px; margin: 40px 0 -10px 0; display: none; } #users.active.new .ActiveUsers.New .User .Details .Basket li { padding: 10px 60px 10px 0; border-top: 1px solid black; } #users.active.new .ActiveUsers.New .User .Details .Basket li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } #users.active.new .ActiveUsers.New .User .Details .Basket li span { position: absolute; top: 10px; right: 0; } #users.active.new .ActiveUsers.New .User .Details .Basket li.Icon { width: 34px; height: 34px; margin: -38px auto 0 auto; text-align: center; background: #59c756; color: #FFF; border-radius: 100%; padding: 10px 0; } #users.active.new .ActiveUsers.New .User .Details .Basket li.Icon svg { top: -3px; width: 18px; height: 18px; } #users.active.new .ActiveUsers.New .User .Details .Basket li.Icon + li { border: none; } #users.active.new .ActiveUsers.New .User .Details.Open { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1; pointer-events: all; position: fixed; } #users.active.new .ActiveUsers.New .User.HasBasket h4 .BasketIcon { display: inline-block; } #users.active.new .ActiveUsers.New .User.HasBasket .Details .Basket { display: block; } #users.active.new .ActiveUsers.New .User.Template { display: none !important; } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 767px) { #users.active { padding: 30px 0; } #users.active .activeUsers { top: auto; -webkit-transform: none; transform: none; } #users.active .ActiveUsers.New { padding-top: 0; } } /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Pages */ /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Pages View */ #Pages.view h1 { text-transform: none; padding-left: 0; padding-right: 0; } #Pages.view .contentElements { list-style: none; } #Pages.view .contentElements .contentElement { display: block; margin: 20px 0 0 0; background: #FFF; border-radius: 3px; max-width: none; padding: 0; } #Pages.view .contentElements .contentElement h4 { font-size: .8em; padding: 15px; text-transform: uppercase; border-bottom: 1px dotted rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.025); } #Pages.view .contentElements .contentElement h4 .controls { display: block; position: absolute; top: 0; right: 0; } #Pages.view .contentElements .contentElement h4 .controls a { display: inline-block; padding: 15px; } #Pages.view .contentElements .contentElement .content { padding: 15px; } #Pages.view .contentElements .contentElement .image img { display: block; max-width: 100%; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #Pages.view .contentElements .contentElement .image.png { padding: 15px; } #Pages.view .contentElements .contentElement .image.png img { border-radius: 0; } #Pages.view .contentElements .contentElement.sortable h4 { cursor: ns-resize; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Testimonials */ #Testimonials ul.list li:nth-child(7) > a, #Testimonials ul.list li:nth-child(7) > span { border-top: 3px solid rgba(0, 0, 0, 0.1); } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce */ /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce Products */ .product-grid { list-style: none; margin: 0 -10px; } .product-grid .product { display: inline-block; vertical-align: top; width: calc(25% - 20px); margin: 10px !important; padding: 0; text-align: center; } .product-grid .product .image { display: block; height: 0; padding-top: 100%; background: center no-repeat; background-size: cover; border-radius: 2px; } .product-grid .product .image svg { position: absolute; font-size: 4em; top: 50%; left: 50%; margin: -32px 0 0 -32px; opacity: .2; } .product-grid .product .image.png { background-size: contain; } .product-grid .product h3 { font-size: .75em; text-align: center; padding: 0; margin-top: 5px; text-transform: none; } .product-grid .product h3 a { text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-grid .product h3 .productDelete { position: absolute; right: 0; bottom: 0; } .product-grid .product .status { margin: 10px 0 5px 0; text-transform: uppercase; font-weight: 400; font-size: .6em; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); color: #FFF; padding: 5px 8px 5px 6px; border-radius: 20px; } .product-grid .product .status svg { margin-right: 5px; font-size: 1.1em; } .product-grid .product .status.green { background: #59c756; } .product-grid .product .status.blue { background: #11b8ff; } .product-grid .product .status.yellow { background: #ffe500; color: #000; } .product-grid .product .status.orange { background: #ff8c00; } .product-grid .product .status.red { background: #e60000; } .product-grid .product p { margin: 5px 0 0 0; font-size: .7em; font-weight: 400; } .product-grid .product p span { position: absolute; right: 0; } .product-grid .product p span del { color: rgba(0, 0, 0, 0.4); } .product-grid .product.ui-sortable-helper { cursor: move; } .product-grid .product.ui-sortable-helper a { cursor: move; } #commerce.products .inner { padding: 10px 20px; } #commerce.products #ControlBar { margin-top: 10px; } #commerce.products h1 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; margin: 0; } #commerce.products h1 .status { display: inline-block; background: #000; width: 25px; text-align: center; height: 25px; } #commerce.products h1 .status i.fa { top: 2px; } #commerce.products h1 del { color: rgba(0, 0, 0, 0.4); } #commerce.products .product-images { list-style: none; margin: 20px 0; background: rgba(0, 0, 0, 0.1); border-radius: 3px; padding: 10px; overflow: hidden; -webkit-box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); } #commerce.products .product-images .image { display: inline-block; vertical-align: top; width: calc(33.33333333% - 20px); margin: 10px; border-radius: 2px; background: center no-repeat; background-size: cover; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); cursor: move; } #commerce.products .product-images .image .padder { height: 0; padding-top: 100%; display: block; } #commerce.products .product-images .image.png { -webkit-box-shadow: none; box-shadow: none; background-size: contain; } #commerce.products .product-details { display: table; table-layout: fixed; width: 100%; padding: 0; font-size: .8em; } #commerce.products .product-details .description, #commerce.products .product-details .specification { display: table-cell; padding: 15px; width: 66.33333333%; } #commerce.products .product-details .specification { background: rgba(0, 0, 0, 0.025); list-style: none; padding: 0 15px; width: 33.66666666%; } #commerce.products .product-details .specification li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 0; } #commerce.products .product-details .specification li svg { margin-right: 5px; } #commerce.products .product-details .specification li span { position: absolute; right: 0; font-weight: 400; } #commerce.products .product-details .specification li:hover { color: #11b8ff; } #commerce.products .product-details .specification li:last-child { border-bottom: none; } #commerce.products.view .inner { padding: 20px 20px 10px 20px; } #commerce.products.view h1 { text-transform: none; margin-bottom: 20px; } #commerce.products.view .hashtag-pool { margin-bottom: -10px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce Collections */ #commerce.collections.view .inner { padding-top: 20px; } #commerce.collections.view h1 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; margin: 0; margin-bottom: 20px; } #commerce.collections.view h1 .status { display: inline-block; background: #000; width: 25px; text-align: center; height: 25px; } #commerce.collections.view h1 .status i.fa { top: 2px; } #commerce.collections.view h1 del { color: rgba(0, 0, 0, 0.4); } #commerce.collections.view .banner { display: block; width: 100%; margin: 20px 0; border-radius: 3px; } #commerce.collections.view .hashtag-pool { margin-bottom: 10px; } #commerce.collections.view .products { margin: 0 -10px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce Orders */ #commerce.orders.view .inner { padding: 20px 20px 10px 20px; } #commerce.orders.view h1, #commerce.orders.view h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; margin: 0; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } #commerce.orders.view .order-progress { padding: 35px 0 20px 0; display: table; list-style: none; width: 100%; table-layout: fixed; text-align: center; } #commerce.orders.view .order-progress li { display: table-cell; color: #555 !important; } #commerce.orders.view .order-progress li .graphic { font-size: 3em; display: block; margin: auto; } #commerce.orders.view .order-progress li .bar { display: inline-block; height: 10px; background: #CCC; margin: 20px 0; width: 50%; -webkit-transition: .2s; transition: .2s; } #commerce.orders.view .order-progress li .icon.status { background: #CCC; display: block; position: absolute; top: 58px; left: 50%; margin-left: -15px; font-size: 1.2em; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; opacity: 1; } #commerce.orders.view .order-progress li .icon.status svg { color: #FFF; top: 1px; } #commerce.orders.view .order-progress li .icon.status .fa-times { top: auto; } #commerce.orders.view .order-progress li .icon.status .fa-spinner { top: -1px; font-size: 14px; } #commerce.orders.view .order-progress li h4 { text-transform: uppercase; font-size: .75em; } #commerce.orders.view .order-progress li .error, #commerce.orders.view .order-progress li .ago, #commerce.orders.view .order-progress li .datetime { text-transform: uppercase; font-weight: 600; font-size: .6em; margin: 10px 0 0 0; color: rgba(0, 0, 0, 0.3); } #commerce.orders.view .order-progress li .datetime { display: none; } #commerce.orders.view .order-progress li:hover .ago { display: none; } #commerce.orders.view .order-progress li:hover .datetime { display: block; } #commerce.orders.view .order-progress li:first-child .bar.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #commerce.orders.view .order-progress li:last-child .bar.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #commerce.orders.view .order-progress li.blue { color: #11b8ff; } #commerce.orders.view .order-progress li.blue .bar.right, #commerce.orders.view .order-progress li.blue .icon.status { background: #11b8ff; } #commerce.orders.view .order-progress li.blue:first-child .bar.left { background: #11b8ff; } #commerce.orders.view .order-progress li.blue + li .bar.left { background: #11b8ff; } #commerce.orders.view .order-progress li.green { color: #59c756; } #commerce.orders.view .order-progress li.green .bar.right, #commerce.orders.view .order-progress li.green .icon.status { background: #59c756; } #commerce.orders.view .order-progress li.green:first-child .bar.left { background: #59c756; } #commerce.orders.view .order-progress li.green + li .bar.left { background: #59c756; } #commerce.orders.view .order-progress li.yellow { color: #ff8c00; } #commerce.orders.view .order-progress li.yellow .icon.status { background: #ffe500; } #commerce.orders.view .order-progress li.orange { color: #ff8c00; } #commerce.orders.view .order-progress li.orange .icon.status { background: #ff8c00; } #commerce.orders.view .order-progress li.red { color: #F00; } #commerce.orders.view .order-progress li.red .icon.status { background: #F00; } #commerce.orders.view .GoogleMap { background: #AAA; height: 300px; border-radius: 3px; margin: 20px 0; } #commerce.orders.view .payments { list-style: none; padding: 0; } #commerce.orders.view .payments li { padding: 15px 15px 15px 60px; } #commerce.orders.view .payments li .bar { width: 5px; display: block; position: absolute; top: 0; bottom: 0; left: 30px; background: #DDD; } #commerce.orders.view .payments li .dot { display: block; width: 25px; height: 25px; border-radius: 100%; position: absolute; top: 11px; left: 20px; background: #DDD; border: 6px solid #FFF; -webkit-box-shadow: 0 0 0 3px #DDD; box-shadow: 0 0 0 3px #DDD; } #commerce.orders.view .payments li .dot.successful { background: #59c756; } #commerce.orders.view .payments li .dot.error, #commerce.orders.view .payments li .dot.failed { background: #F00; } #commerce.orders.view .payments li h4 { text-transform: uppercase; font-size: .8em; } #commerce.orders.view .payments li h4 svg { margin-right: 7px; } #commerce.orders.view .payments li p { margin: 10px 0 0 0; } #commerce.orders.view .payments li .meta { text-transform: uppercase; font-weight: 400; font-size: .6em; margin-top: 13px; color: rgba(0, 0, 0, 0.4); } #commerce.orders.view .payments li .meta span { margin-right: 10px; } #commerce.orders.view .orderInfo { background: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 0.9); margin: 20px 0; padding: 0 8px; -webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 3px; text-align: center; list-style: none; } #commerce.orders.view .orderInfo li { display: inline-block; vertical-align: top; padding: 20px; text-align: center; width: 150px; } #commerce.orders.view .orderInfo li a { display: block; text-decoration: none; } #commerce.orders.view .orderInfo li h5 { text-transform: uppercase; font-size: .55em; margin-bottom: 15px; } #commerce.orders.view .orderInfo li .icon { width: 80px; height: 80px; line-height: 78px; display: block; background: rgba(255, 255, 255, 0.15) center no-repeat; background-size: cover; border-radius: 100%; margin: 15px auto; color: #FFF; font-size: 2.5em; } #commerce.orders.view .orderInfo li .icon i.fa { padding: 0 1px; } #commerce.orders.view .orderInfo li .icon.email { background: #7ebad3; font-size: 2em; } #commerce.orders.view .orderInfo li .icon.mobile { background: #59c756; } #commerce.orders.view .orderInfo li .icon.gift { background: #BF49FF; } #commerce.orders.view .orderInfo li h4 { font-size: .75em; } #commerce.orders.view .orderInfo .address { position: absolute; right: 0; text-align: right; width: auto; } #commerce.orders.view .orderInfo .address p { font-size: .8em; margin: 7px 0 0 0; } #commerce.orders.view .orderInfo .address .jqc.copyAddress:active { opacity: 1; color: #59c756; } #commerce.orders.view .orderInfo .address textarea { height: 0; width: 0; opacity: 0; } #commerce.orders.view .orderInfo .address.compressed p { margin: 3px 0 0 0; } #commerce.orders.view .orderInfo.delivery { text-align: left; } #commerce.orders.view .orderInfo.delivery li { width: auto; } #commerce.orders.view .details { font-weight: 400; } #commerce.orders.view .details ul { list-style: none; } #commerce.orders.view .details ul li { margin: 10px 0; } #commerce.orders.view .details ul li a { text-decoration: none; } #commerce.orders.view .details ul li:first-child { margin-top: 0; } #commerce.orders.view .details ul li:last-child { margin-bottom: 0; } #commerce.orders.view form { padding: 0 !important; margin: 20px 0; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Commerce Orders Editor */ /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce Products */ .product-grid { list-style: none; margin: 0 -10px; } .product-grid .product { display: inline-block; vertical-align: top; width: calc(25% - 20px); margin: 10px !important; padding: 0; text-align: center; } .product-grid .product .image { display: block; height: 0; padding-top: 100%; background: center no-repeat; background-size: cover; border-radius: 2px; } .product-grid .product .image svg { position: absolute; font-size: 4em; top: 50%; left: 50%; margin: -32px 0 0 -32px; opacity: .2; } .product-grid .product .image.png { background-size: contain; } .product-grid .product h3 { font-size: .75em; text-align: center; padding: 0; margin-top: 5px; text-transform: none; } .product-grid .product h3 a { text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-grid .product h3 .productDelete { position: absolute; right: 0; bottom: 0; } .product-grid .product .status { margin: 10px 0 5px 0; text-transform: uppercase; font-weight: 400; font-size: .6em; display: inline-block; border: 1px solid rgba(0, 0, 0, 0.2); color: #FFF; padding: 5px 8px 5px 6px; border-radius: 20px; } .product-grid .product .status svg { margin-right: 5px; font-size: 1.1em; } .product-grid .product .status.green { background: #59c756; } .product-grid .product .status.blue { background: #11b8ff; } .product-grid .product .status.yellow { background: #ffe500; color: #000; } .product-grid .product .status.orange { background: #ff8c00; } .product-grid .product .status.red { background: #e60000; } .product-grid .product p { margin: 5px 0 0 0; font-size: .7em; font-weight: 400; } .product-grid .product p span { position: absolute; right: 0; } .product-grid .product p span del { color: rgba(0, 0, 0, 0.4); } .product-grid .product.ui-sortable-helper { cursor: move; } .product-grid .product.ui-sortable-helper a { cursor: move; } #Catalog.products .inner { padding: 10px 20px; } #Catalog.products #ControlBar { margin-top: 10px; } #Catalog.products h1 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; margin: 0; } #Catalog.products h1 .status { display: inline-block; background: #000; width: 25px; text-align: center; height: 25px; } #Catalog.products h1 .status i.fa { top: 2px; } #Catalog.products h1 del { color: rgba(0, 0, 0, 0.4); } #Catalog.products .product-images { list-style: none; margin: 20px 0; background: rgba(0, 0, 0, 0.1); border-radius: 3px; padding: 10px; overflow: hidden; -webkit-box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: inset 0 2px 10px 0 rgba(0, 0, 0, 0.075); } #Catalog.products .product-images .image { display: inline-block; vertical-align: top; width: calc(33.33333333% - 20px); margin: 10px; border-radius: 2px; background: center no-repeat; background-size: cover; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); cursor: move; } #Catalog.products .product-images .image .padder { height: 0; padding-top: 100%; display: block; } #Catalog.products .product-images .image.png { -webkit-box-shadow: none; box-shadow: none; background-size: contain; } #Catalog.products .product-details { display: table; table-layout: fixed; width: 100%; padding: 0; font-size: .8em; } #Catalog.products .product-details .description, #Catalog.products .product-details .specification { display: table-cell; padding: 15px; width: 66.33333333%; } #Catalog.products .product-details .specification { background: rgba(0, 0, 0, 0.025); list-style: none; padding: 0 15px; width: 33.66666666%; } #Catalog.products .product-details .specification li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 0; } #Catalog.products .product-details .specification li svg { margin-right: 5px; } #Catalog.products .product-details .specification li span { position: absolute; right: 0; font-weight: 400; } #Catalog.products .product-details .specification li:hover { color: #11b8ff; } #Catalog.products .product-details .specification li:last-child { border-bottom: none; } #Catalog.products.view .inner { padding: 20px 20px 10px 20px; } #Catalog.products.view h1 { text-transform: none; margin-bottom: 20px; } #Catalog.products.view .hashtag-pool { margin-bottom: -10px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Commerce Orders */ #Sales.orders.view .inner { padding: 20px 20px 10px 20px; } #Sales.orders.view h1, #Sales.orders.view h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.15); padding-bottom: 15px; margin: 0; text-transform: uppercase; font-weight: 600; font-size: 1.2em; } #Sales.orders.view .order-progress { padding: 35px 0 20px 0; display: table; list-style: none; width: 100%; table-layout: fixed; text-align: center; } #Sales.orders.view .order-progress li { display: table-cell; color: #555 !important; } #Sales.orders.view .order-progress li .graphic { font-size: 3em; display: block; margin: auto; } #Sales.orders.view .order-progress li .bar { display: inline-block; height: 10px; background: #CCC; margin: 20px 0; width: 50%; -webkit-transition: .2s; transition: .2s; } #Sales.orders.view .order-progress li .icon.status { background: #CCC; display: block; position: absolute; top: 58px; left: 50%; margin-left: -15px; font-size: 1.2em; border-radius: 100%; width: 30px; height: 30px; line-height: 30px; opacity: 1; } #Sales.orders.view .order-progress li .icon.status svg { color: #FFF; top: 1px; } #Sales.orders.view .order-progress li .icon.status .fa-times { top: auto; } #Sales.orders.view .order-progress li .icon.status .fa-spinner { top: -1px; font-size: 14px; } #Sales.orders.view .order-progress li h4 { text-transform: uppercase; font-size: .75em; } #Sales.orders.view .order-progress li .error, #Sales.orders.view .order-progress li .ago, #Sales.orders.view .order-progress li .datetime { text-transform: uppercase; font-weight: 600; font-size: .6em; margin: 10px 0 0 0; color: rgba(0, 0, 0, 0.3); } #Sales.orders.view .order-progress li .datetime { display: none; } #Sales.orders.view .order-progress li:hover .ago { display: none; } #Sales.orders.view .order-progress li:hover .datetime { display: block; } #Sales.orders.view .order-progress li:first-child .bar.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #Sales.orders.view .order-progress li:last-child .bar.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #Sales.orders.view .order-progress li.blue { color: #11b8ff; } #Sales.orders.view .order-progress li.blue .bar.right, #Sales.orders.view .order-progress li.blue .icon.status { background: #11b8ff; } #Sales.orders.view .order-progress li.blue:first-child .bar.left { background: #11b8ff; } #Sales.orders.view .order-progress li.blue + li .bar.left { background: #11b8ff; } #Sales.orders.view .order-progress li.green { color: #59c756; } #Sales.orders.view .order-progress li.green .bar.right, #Sales.orders.view .order-progress li.green .icon.status { background: #59c756; } #Sales.orders.view .order-progress li.green:first-child .bar.left { background: #59c756; } #Sales.orders.view .order-progress li.green + li .bar.left { background: #59c756; } #Sales.orders.view .order-progress li.yellow { color: #ff8c00; } #Sales.orders.view .order-progress li.yellow .icon.status { background: #ffe500; } #Sales.orders.view .order-progress li.orange { color: #ff8c00; } #Sales.orders.view .order-progress li.orange .icon.status { background: #ff8c00; } #Sales.orders.view .order-progress li.red { color: #F00; } #Sales.orders.view .order-progress li.red .icon.status { background: #F00; } #Sales.orders.view .GoogleMap { background: #AAA; height: 300px; border-radius: 3px; margin: 20px 0; } #Sales.orders.view .payments { list-style: none; padding: 0; } #Sales.orders.view .payments li { padding: 15px 15px 15px 60px; } #Sales.orders.view .payments li .bar { width: 5px; display: block; position: absolute; top: 0; bottom: 0; left: 30px; background: #DDD; } #Sales.orders.view .payments li .dot { display: block; width: 25px; height: 25px; border-radius: 100%; position: absolute; top: 11px; left: 20px; background: #DDD; border: 6px solid #FFF; -webkit-box-shadow: 0 0 0 3px #DDD; box-shadow: 0 0 0 3px #DDD; } #Sales.orders.view .payments li .dot.successful { background: #59c756; } #Sales.orders.view .payments li .dot.error, #Sales.orders.view .payments li .dot.failed { background: #F00; } #Sales.orders.view .payments li h4 { text-transform: uppercase; font-size: .8em; } #Sales.orders.view .payments li h4 svg { margin-right: 7px; } #Sales.orders.view .payments li p { margin: 10px 0 0 0; } #Sales.orders.view .payments li .meta { text-transform: uppercase; font-weight: 400; font-size: .6em; margin-top: 13px; color: rgba(0, 0, 0, 0.4); } #Sales.orders.view .payments li .meta span { margin-right: 10px; } #Sales.orders.view .orderInfo { background: rgba(0, 0, 0, 0.8); color: rgba(255, 255, 255, 0.9); margin: 20px 0; padding: 0 8px; -webkit-box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.1); border-radius: 3px; text-align: center; list-style: none; } #Sales.orders.view .orderInfo li { display: inline-block; vertical-align: top; padding: 20px; text-align: center; width: 150px; } #Sales.orders.view .orderInfo li a { display: block; text-decoration: none; } #Sales.orders.view .orderInfo li h5 { text-transform: uppercase; font-size: .55em; margin-bottom: 15px; } #Sales.orders.view .orderInfo li h5 > svg { margin-left: 5px; } #Sales.orders.view .orderInfo li .icon { width: 80px; height: 80px; line-height: 78px; display: block; background: rgba(255, 255, 255, 0.15) center no-repeat; background-size: cover; border-radius: 100%; margin: 15px auto; color: #FFF; font-size: 2.5em; -webkit-print-color-adjust: exact; } #Sales.orders.view .orderInfo li .icon i.fa { padding: 0 1px; } #Sales.orders.view .orderInfo li .icon.email { background: #7ebad3; font-size: 2em; } #Sales.orders.view .orderInfo li .icon.mobile { background: #59c756; } #Sales.orders.view .orderInfo li .icon.gift { background: #BF49FF; } #Sales.orders.view .orderInfo li h4 { font-size: .75em; } #Sales.orders.view .orderInfo .packedBy, #Sales.orders.view .orderInfo .dispatched { display: none; } #Sales.orders.view .orderInfo .address { position: absolute; right: 0; text-align: right; width: auto; } #Sales.orders.view .orderInfo .address p { font-size: .8em; margin: 7px 0 0 0; } #Sales.orders.view .orderInfo .address .jqc.copyAddress:active { opacity: 1; color: #59c756; } #Sales.orders.view .orderInfo .address textarea { height: 0; width: 0; opacity: 0; } #Sales.orders.view .orderInfo .address.compressed p { margin: 3px 0 0 0; } #Sales.orders.view .orderInfo.delivery { text-align: left; } #Sales.orders.view .orderInfo.delivery li { width: auto; } #Sales.orders.view .details { font-weight: 400; } #Sales.orders.view .details ul { list-style: none; } #Sales.orders.view .details ul li { margin: 10px 0; } #Sales.orders.view .details ul li a { text-decoration: none; } #Sales.orders.view .details ul li:first-child { margin-top: 0; } #Sales.orders.view .details ul li:last-child { margin-bottom: 0; } #Sales.orders.view form { padding: 0 !important; margin: 20px 0; } #Sales.orders.view .Pheasant, #Sales.orders.view .ShippedFrom { display: none; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ @media print { #Sales.orders.view .Pheasant { display: block; margin: -30px auto; left: 10px; height: 150px; width: auto; } #Sales.orders.view .ShippedFrom { display: block; line-height: 1.5em; margin-top: 30px; } #Sales.orders.view .ShippedFrom strong { text-transform: uppercase; display: block; margin-bottom: 10px; display: none; } #Sales.orders.view hr, #Sales.orders.view .order-progress, #Sales.orders.view .timeline, #Sales.orders.view .GoogleMap { display: none !important; } #Sales.orders.view .orderInfo, #Sales.orders.view .orderInfo.delivery { background: none; color: #000; -webkit-box-shadow: none; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.5); } #Sales.orders.view .orderInfo li:not(.packedBy) .icon, #Sales.orders.view .orderInfo.delivery li:not(.packedBy) .icon { background-color: rgba(0, 0, 0, 0.5); } #Sales.orders.view .orderInfo li.ordercount, #Sales.orders.view .orderInfo li.email, #Sales.orders.view .orderInfo li.gift, #Sales.orders.view .orderInfo li.mobile, #Sales.orders.view .orderInfo.delivery li.ordercount, #Sales.orders.view .orderInfo.delivery li.email, #Sales.orders.view .orderInfo.delivery li.gift, #Sales.orders.view .orderInfo.delivery li.mobile { display: none; } #Sales.orders.view .orderInfo li.packedBy, #Sales.orders.view .orderInfo li.dispatched, #Sales.orders.view .orderInfo.delivery li.packedBy, #Sales.orders.view .orderInfo.delivery li.dispatched { display: inline-block; } } /* HM Core Adam de Croy Modules Collections */ #Collections .list li.head + li .icon .fa-star { color: #BF49FF; } .collectionObjects { list-style: none; margin: 0 -10px; } .collectionObjects .object { display: inline-block; vertical-align: top; width: 25%; padding: 10px; text-align: center; } .collectionObjects .object a { display: block; text-decoration: none; background: #FFF; border-radius: 3px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.075); } .collectionObjects .object .image { display: block; padding-top: calc(100% - 36px); background: #CCC center no-repeat; background-size: cover; border-top-left-radius: 3px; border-top-right-radius: 3px; } .collectionObjects .object .image svg { font-size: 3em; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; opacity: .2; } .collectionObjects .object .image.png { border: 15px solid transparent; padding-top: calc(100% - 66px); background-size: contain; } .collectionObjects .object .icon { display: block; width: 26px; height: 26px; line-height: 26px; margin: -13px auto -10px auto; background: #FFF; border-radius: 100%; font-size: .8em; z-index: 1; } .collectionObjects .object h3 { margin: 0; padding: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: none; } .collectionObjects .object .status { margin: 0; text-transform: uppercase; font-weight: 400; font-size: .6em; border-top: 1px solid rgba(0, 0, 0, 0.1); color: #FFF; padding: 5px 8px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .collectionObjects .object .status svg { margin-right: 5px; font-size: 1.1em; } .collectionObjects .object .status.green { background: #59c756; } .collectionObjects .object .status.blue { background: #11b8ff; } .collectionObjects .object .status.yellow { background: #ffe500; color: #000; } .collectionObjects .object .status.orange { background: #ff8c00; } .collectionObjects .object .status.red { background: #e60000; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Modules Collections View */ #Collections.view .banner { display: block; width: 100%; margin: 20px 0; border-radius: 3px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Themes Pure Header */ #masthead { background: #FFF; position: fixed; border-top: 2px solid #59c756; top: 0; left: 0; right: 0; z-index: 9000; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); } #masthead .inner { padding: 0; padding-right: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #masthead .toggleMenu { height: 44px; width: 44px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; display: inline-block; vertical-align: top; display: none; z-index: 103; margin: 0; } #masthead .toggleMenu span { display: block; position: absolute; content: ''; height: 1px; width: 20px; background: #000; left: 12px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; z-index: 2; } #masthead .toggleMenu span:nth-child(1) { top: 14px; } #masthead .toggleMenu span:nth-child(2), #masthead .toggleMenu span:nth-child(3) { top: 21px; } #masthead .toggleMenu span:nth-child(4) { top: 28px; } #masthead .toggleMenu.open span:nth-child(1) { top: 9px; width: 0; left: 50%; } #masthead .toggleMenu.open span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #masthead .toggleMenu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #masthead .toggleMenu.open span:nth-child(4) { top: 9px; width: 0; left: 50%; } #masthead .logo, #masthead .performance { text-decoration: none; text-transform: uppercase; font-weight: 900; font-size: .8em; display: inline-block; vertical-align: top; padding: 14px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #masthead .logo svg, #masthead .performance svg { margin-right: 3px; } #masthead .logo.mc { background: rgba(255, 255, 255, 0.05); width: 44px; text-align: center; height: 44px; line-height: 44px; padding: 0; padding-left: 3px; font-size: 1em; } #masthead .logo.mc i.fa { font-size: 1.2em; top: 1px; } #masthead nav.right { position: absolute; right: 0; top: 0; } #masthead nav.right ul { display: inline-table; } #masthead nav.right ul li { display: table-cell; } #masthead nav.right ul a { text-decoration: none; text-transform: uppercase; display: block; padding: 14px 15px; font-size: .8em; font-weight: 600; color: rgba(0, 0, 0, 0.6); } #masthead nav.right ul a i.fa { font-size: 1.2em; margin-left: 5px; padding: 0 1px; } .authorised #masthead { left: 200px; -webkit-transition: .2s; transition: .2s; } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 767px) { .authorised #masthead { left: 0; right: 0; } .authorised.open #masthead { left: 200px; right: -200px; } #masthead .toggleMenu { display: inline-block; } #masthead .logo { padding: 14px 5px; } #masthead .logo :nth-child(4), #masthead .logo :nth-child(5), #masthead .logo :nth-child(6), #masthead .logo :nth-child(7), #masthead .logo :nth-child(8) { display: none; } #masthead .performance { display: none; } } @media only screen and (max-width: 600px) { #masthead .logo :nth-child(4), #masthead .logo :nth-child(5), #masthead .logo :nth-child(6), #masthead .logo :nth-child(7), #masthead .logo :nth-child(8) { display: none; } } @media only screen and (max-width: 440px) { #masthead .logo :nth-child(2), #masthead .logo :nth-child(3) { display: none; } } /* RETINA */ /* PRINT */ @media print { #masthead { display: none !important; } } /* HM Core Adam de Croy Themes Pure Header */ #fullscreenTop { color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: fixed; border-top: 2px solid transparent; top: 0; left: 0; right: 0; z-index: 9000; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05); text-align: center; } #fullscreenTop .inner { padding: 0; } #fullscreenTop .toggleMenu { height: 44px; width: 44px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; display: inline-block; vertical-align: top; z-index: 103; margin: 0; position: absolute; left: 0; } #fullscreenTop .toggleMenu span { display: block; position: absolute; content: ''; height: 1px; width: 20px; background: #FFF; left: 12px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; z-index: 2; } #fullscreenTop .toggleMenu span:nth-child(1) { top: 14px; } #fullscreenTop .toggleMenu span:nth-child(2), #fullscreenTop .toggleMenu span:nth-child(3) { top: 21px; } #fullscreenTop .toggleMenu span:nth-child(4) { top: 28px; } #fullscreenTop .toggleMenu.open span:nth-child(1) { top: 9px; width: 0; left: 50%; } #fullscreenTop .toggleMenu.open span:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #fullscreenTop .toggleMenu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #fullscreenTop .toggleMenu.open span:nth-child(4) { top: 9px; width: 0; left: 50%; } #fullscreenTop .logo { text-decoration: none; text-transform: uppercase; font-weight: 300; font-size: .8em; display: inline-block; vertical-align: top; padding: 14px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #fullscreenTop .logo.mc { background: rgba(255, 255, 255, 0.05); width: 44px; text-align: center; height: 44px; line-height: 44px; padding: 0; padding-left: 3px; font-size: 1em; } #fullscreenTop .logo.mc i.fa { font-size: 1.2em; top: 1px; } #fullscreenTop nav.right { position: absolute; right: 0; top: 0; } #fullscreenTop nav.right ul { display: inline-table; } #fullscreenTop nav.right ul li { display: table-cell; } #fullscreenTop nav.right ul a { text-decoration: none; text-transform: uppercase; display: block; padding: 14px 15px; font-size: .8em; font-weight: 300; color: rgba(255, 255, 255, 0.6); } #fullscreenTop nav.right ul a i.fa { font-size: 1.2em; margin-left: 5px; padding: 0 1px; } #fullscreenTop + #menu { border-color: transparent; } #fullscreenTop + #menu:not(.open) { left: -200px; } #fullscreenTop + #menu:not(.open) .copyright { left: -200px; } .authorised.open #fullscreenTop { left: 200px; -webkit-transition: .2s; transition: .2s; } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 767px) { .authorised #masthead { left: 0; right: 0; } .authorised.open #masthead { left: 200px; right: -200px; } #masthead .toggleMenu { display: inline-block; } #masthead .logo { padding: 14px 5px; } #masthead .logo :nth-child(4), #masthead .logo :nth-child(5), #masthead .logo :nth-child(6), #masthead .logo :nth-child(7), #masthead .logo :nth-child(8) { display: none; } } @media only screen and (max-width: 600px) { #masthead .logo :nth-child(4), #masthead .logo :nth-child(5), #masthead .logo :nth-child(6), #masthead .logo :nth-child(7), #masthead .logo :nth-child(8) { display: none; } } @media only screen and (max-width: 440px) { #masthead .logo :nth-child(2), #masthead .logo :nth-child(3) { display: none; } } /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Themes Pure Menu */ #menu { background: #d9d9d9; background: #292929; color: rgba(255, 255, 255, 0.6); width: 200px; position: fixed; left: 0; top: 46px; top: 0; bottom: 0; z-index: 9001; -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05); box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.05); padding-bottom: 43px; border-top: 2px solid #59c756; -webkit-transition: .2s; transition: .2s; overflow: auto; /*.plaque { height: 46px; line-height: 46px; background: #000; display: block; text-align: center; font-size: 1.8em; color: $hm-green; opacity: 1; }*/ } #menu .main { list-style: none; } #menu .main li { /*.sub:before { display: block; position: absolute; content: ''; right: -10px; top: 0; bottom: 0; width: 10px; @if $scheme == 'light' { background: darken($background,9%); } @else { background: lighten($background,10%); } } .sub:after { display: block; position: absolute; content: ''; left: 0; top: -1px; height: 1px; width: 40px; @if $scheme == 'light' { background: darken($background,9%); } @else { background: lighten($background,10%); } }*/ } #menu .main li .sub { display: none; list-style: none; padding: 8px 0 8px 40px; background: #212121; } #menu .main li .sub li { padding: 5px; padding-right: 31px; } #menu .main li .sub li.break { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 8px; padding-top: 11px; } #menu .main li .sub li.break a.icon { top: 7px; } #menu .main li .sub a { display: block; border-left-width: 1px; padding: 3px 5px; font-size: .75em; font-weight: 400; text-decoration: none; } #menu .main li .sub a span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #menu .main li .sub a .count { position: absolute; display: inline; right: 0; opacity: .6; } #menu .main li .sub a .count.right { right: -18px; } #menu .main li .sub a.icon { position: absolute; top: 0; right: 0; width: 31px; text-align: center; height: 31px; line-height: 31px; padding: 0; font-size: .95em; } #menu .main li .sub .button, #menu .main li .sub .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box #menu .main li .sub .trumbowyg-modal-button { text-transform: none; margin: 0 5px; padding: 8px 10px; font-weight: 400; letter-spacing: normal; } #menu .main li .sub .button i.fa, #menu .main li .sub .trumbowyg-modal-box .trumbowyg-modal-button i.fa, .trumbowyg-modal-box #menu .main li .sub .trumbowyg-modal-button i.fa { top: 10px; right: 3px; } #menu .main li .sub a.current { font-weight: 700; color: #FFF; } #menu .main li .sub a.current:not(.icon):before { position: absolute; display: block; content: ''; top: 8px; left: -7px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #FFF; } #menu .main li .sub a.current.icon { color: #59c756; } #menu .main li .sub a.current.icon:before { display: block; content: ''; position: absolute; width: 10px; height: 10px; border-radius: 100%; background: #FFF; margin: -5px 0 0 -5px; left: 50%; top: 50%; } #menu .main li.current .sub { display: block; } #menu .main > li > a { padding: 0; display: block; text-decoration: none; text-transform: uppercase; font-size: .75em; font-weight: 600; color: rgba(255, 255, 255, 0.75); } #menu .main > li > a > .icon { display: inline-block; width: 50px; text-align: center; height: 46px; line-height: 46px; font-size: 1.4em; color: rgba(255, 255, 255, 0.7); } #menu .main > li > a > .icon svg { top: 2px; } #menu .main > li > a span { padding: 0; top: -1px; letter-spacing: .05em; } #menu .main > li > a.faded { cursor: not-allowed; } #menu .main > li > a:hover { background: rgba(255, 255, 255, 0.05); } #menu .main > li.plaque > a { background: #000; color: #59c756; } #menu .main > li.plaque > a .icon { color: inherit; height: 44px; line-height: 44px; font-size: 1.2em; top: -2px; } #menu .main > li > a.photo { padding-top: 100%; height: 0; background: center no-repeat; background-size: cover; } #menu .main > li.current > a { background: #59c756; color: #FFF; opacity: 1; } #menu .main > li.current > a i.fa { color: inherit; } #menu .main > li.current > a:before { /*display: block; position: absolute; content: ''; right: 9px; top: 16px; height: 0; width: 0; border-width: 10px 10px 10px 0; @if $scheme == 'light' { border-color: transparent darken($background,9%) transparent transparent; } @else { border-color: transparent lighten($background,10%) transparent transparent; }*/ } #menu .main a.users, #menu .main a.users + .sub { border-left-color: #59c756; } #menu .main a.users .button, #menu .main a.users .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box #menu .main a.users .trumbowyg-modal-button, #menu .main a.users + .sub .button, #menu .main a.users + .sub .trumbowyg-modal-box .trumbowyg-modal-button, .trumbowyg-modal-box #menu .main a.users + .sub .trumbowyg-modal-button { background: #59c756; } #menu .main a.commerce, #menu .main a.commerce + .sub { border-left-color: #11b8ff; } #menu .copyright { background: inherit; padding: 15px; font-size: .65em; text-transform: uppercase; font-weight: 500; border-top: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.3); text-align: center; position: fixed; width: 200px; left: 0; bottom: 0; -webkit-box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.3); box-shadow: 0 -5px 8px -5px rgba(0, 0, 0, 0.3); -webkit-transition: .2s; transition: .2s; } #menu .copyright a { text-decoration: none; } #menu.open { left: 0; } #menu.open .copyright { left: 0; } /* RESPONSIVE */ /* MOBILE */ @media only screen and (max-width: 767px) { #menu { left: -200px; } #menu .copyright { left: -200px; } #menu.open { left: 0; } } /* RETINA */ /* PRINT */ @media print { #menu { display: none !important; } } /* HM Core Adam de Croy Themes Pure Footer */ #mastfoot { border-top: 1px solid rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); font-size: .8em; font-weight: 400; } #mastfoot .inner { padding: 20px; } #mastfoot .nav { text-transform: uppercase; font-weight: 900; list-style: none; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #mastfoot .nav li { display: inline-block; margin-right: 20px; } #mastfoot .nav a { display: block; text-decoration: none; } #mastfoot .performance strong { text-transform: uppercase; font-size: .8em; margin-bottom: 5px; color: rgba(0, 0, 0, 0.3); display: block; } #mastfoot .performance span { margin-right: 20px; } #mastfoot .performance span svg { margin-right: 3px; } #mastfoot .legal { margin-top: 20px; font-size: .9em; color: #888; } #mastfoot .legal a { margin-right: 20px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ @media print { #mastfoot { display: none !important; } } /* HM Core Adam de Croy Themes Pure Legal */ #legal { font-weight: 400; font-size: .8em; } #legal .inner { padding-top: 50px; padding-bottom: 50px; max-width: 750px; width: 750px \9; } #legal h1 { text-transform: uppercase; font-size: 3em; } #legal h1 small { display: block; font-size: .6em; } #legal p { margin: 20px 0; line-height: 1.3em; } #legal ul { padding-left: 20px; margin: 20px 0; } #legal ul li { margin: 10px 0; line-height: 1.3em; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Themes Pure Maintenance */ #maintenance { padding-top: 150px; padding-bottom: 150px; height: 100vh; text-align: center; } #maintenance .inner { top: 50%; margin-top: -83px; } #maintenance h1 { text-transform: uppercase; font-weight: 900; font-size: 6.6em; } #maintenance p { font-weight: 500; font-size: .86em; display: inline-block; border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 20px; } #maintenance.area { height: calc(100vh - 263px); } #maintenance.area .inner { margin-top: -9px; } #maintenance.area p { border: none; padding-top: 0; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* HM Core Adam de Croy Themes Pure Sections Hero */ #hero { background: #222; color: #FFF; text-align: center; } #hero .inner { height: calc(100vh - 263px); min-height: 300px; height: 500px \9; padding-top: 30px; padding-bottom: 30px; } #hero h1 { font-size: 3em; margin-top: -20px; } /* RESPONSIVE */ /* MOBILE */ /* RETINA */ /* PRINT */ /* RESPONSIVE */ /* MOBILE */ /*# sourceMappingURL=style.css.map */