@charset "UTF-8";
.grids-block-editor-wide .wp-block{max-width:960px !important}.grids-block-editor-wide .wp-block[data-align=wide]{max-width:1170px !important}.grids-block-editor-wide .wp-block[data-align=full]{max-width:none !important}.grids-selecting .ui-selectable-helper{position:fixed;visibility:hidden}.grids-placeholder{clear:both;width:100%}.grids-advanced-w{clear:both;width:100%;display:flex;gap:1em}.grids-advanced-w+button{margin-top:20px}.grids-advanced-composer{flex-grow:1}.grids-advanced-composer-grid-container{position:relative;width:100%}.grids-advanced-composer-grid,.grids-advanced-composer-areas{display:grid;width:100%;grid-template-columns:repeat(var(--grids-composer-cols, 12), minmax(0, 1fr));grid-template-rows:repeat(var(--grids-composer-rows, 6), minmax(0, 1fr))}.grids-advanced-composer-areas{position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;z-index:1;pointer-events:none;width:auto}.grids-advanced-composer-grid{grid-column-gap:6px;grid-row-gap:6px}.grids-advanced-composer-areas .grids-designer-cell{background:rgba(0,0,0,0)}.grids-designer-cell{width:100%;padding-top:100%;box-sizing:border-box;background:#fff;border-radius:3px}.grids-designer-cell:hover{box-shadow:0 0 0 1px #999}.grids-designer-cell:active{box-shadow:0 0 0 1px #00a0d2}.grids-designer-cell.ui-selecting{background:rgba(0,160,210,.2)}.grids-designer-area{box-sizing:border-box;background:rgba(0,160,210,.2);pointer-events:initial;border:1px solid #00a0d2;box-shadow:0 0 0 1px #00a0d2;border-radius:3px;position:absolute;width:100%;height:100%;left:auto !important;top:auto !important;cursor:move}.grids-designer-area .grids-designer-area-id{position:absolute;top:5px;left:5px;background:#00a0d2;color:#fff;border-radius:50em;line-height:1.5;font-size:10px;font-weight:bold;padding:0 4px}.grids-designer-area.ui-draggable-dragging{display:none !important}.grids-designer-area.ui-resizable{position:absolute}.grids-designer-area.ui-resizable .ui-resizable-n,.grids-designer-area.ui-resizable .ui-resizable-s{height:5px;width:100%;position:absolute;left:0}.grids-designer-area.ui-resizable .ui-resizable-e,.grids-designer-area.ui-resizable .ui-resizable-w{width:5px;height:100%;position:absolute;top:0}.grids-designer-area.ui-resizable .ui-resizable-n{cursor:n-resize;top:0}.grids-designer-area.ui-resizable .ui-resizable-s{cursor:s-resize;bottom:0}.grids-designer-area.ui-resizable .ui-resizable-e{cursor:e-resize;right:0}.grids-designer-area.ui-resizable .ui-resizable-w{cursor:w-resize;left:0}.grids-designer-area.ui-resizable .ui-resizable-se,.grids-designer-area.ui-resizable .ui-resizable-sw,.grids-designer-area.ui-resizable .ui-resizable-ne,.grids-designer-area.ui-resizable .ui-resizable-nw{width:8px;height:8px;position:absolute}.grids-designer-area.ui-resizable .ui-resizable-se{cursor:se-resize;bottom:0;right:0}.grids-designer-area.ui-resizable .ui-resizable-sw{cursor:sw-resize;bottom:0;left:0}.grids-designer-area.ui-resizable .ui-resizable-ne{cursor:ne-resize;top:0;right:0}.grids-designer-area.ui-resizable .ui-resizable-nw{cursor:nw-resize;top:0;left:0}.grids-advanced-areas{min-width:120px;position:relative;background-color:rgba(139,139,150,.1);transform:translate3d(0, 0, 0)}.grids-advanced-areas ul{position:absolute !important;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:flex;flex-direction:column;gap:.125em;padding:.25em !important;margin:0 !important}.grids-advanced-area{list-style-type:none;border-bottom:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:0;padding:8px 12px;background:#fff;font-size:13px;position:relative;box-shadow:inset 0 -1px 0 #f3f3f4;z-index:1 !important;cursor:move;border-radius:3px}.grids-advanced-area:last-child{box-shadow:none}.grids-advanced-area.ui-sortable-placeholder{background:rgba(0,160,210,.2);visibility:visible !important}.grids-advanced-area.ui-sortable-helper{z-index:15 !important}.grids-advanced-area:hover:not(.ui-sortable-helper){box-shadow:0 0 0 1px #00a0d2;z-index:10 !important}.grids-advanced-area:hover:not(.ui-sortable-helper) .grids-advanced-area-remove{opacity:1;visibility:visible}.grids-advanced-area-id{padding:2px 8px;border:1px solid #e2e4e7;border-radius:10em;font-size:.8em;line-height:1.4;color:#6c7781;background:#fff;font-family:sans-serif}.grids-advanced-area-index{font-size:11px;color:#555d66}.grids-advanced-area-remove{background-color:#c92c2c;color:#fff;padding:0;margin:0;border:none;width:18px;height:18px;align-items:center;justify-content:center;display:inline-flex;border-radius:50em;opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:.1s;cursor:pointer}.grids-advanced-area-remove:focus:active{box-shadow:0 0 0 4px rgba(201,44,44,.2)}.grids-advanced-area-remove:focus{outline:none}.grids-advanced-area-remove:hover{background-color:#b52727}.grids-areas-wrapper>.editor-inner-blocks>.editor-block-list__layout>.block-list-appender,.grids-areas-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>div:not(.wp-block):last-child{display:none}@media screen and (min-width: 783px){.grids-areas-wrapper{position:relative}.grids-areas-wrapper:before{content:"";display:block;position:absolute;top:0;right:0px;bottom:0;left:0px;pointer-events:none;z-index:0;background-color:var(--section-background-color, transparent);background-image:var(--section-background-image, none);background-repeat:var(--section-background-repeat, no-repeat);background-position-x:var(--section-background-position-x, 50%);background-position-y:var(--section-background-position-y, 50%);background-size:var(--section-background-size, cover);background-attachment:var(--section-background-attachment, scroll)}.grids-areas-wrapper.grids-background-stretch:before{left:calc(50% - 50vw);right:calc(50% - 50vw)}.grids-areas-wrapper>.editor-inner-blocks>.editor-block-list__layout,.grids-areas-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid;position:relative;grid-template-columns:var(--section-columns);grid-template-rows:var(--section-rows)}.grids-areas-wrapper>.editor-inner-blocks>.editor-block-list__layout{margin-right:-14px;margin-left:-14px;grid-row-gap:18px}.editor-block-list__block[data-type="grids/section"] .grids-areas-wrapper:before{left:-14px;right:-14px}.editor-block-list__block[data-type="grids/section"][data-align=full] .grids-areas-wrapper>.editor-inner-blocks>.editor-block-list__layout{margin-right:0;margin-left:0}[data-type="grids/section"]>.grids-areas-wrapper{margin:-14px}}[data-type="grids/section"] .components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder,[data-type="grids/section"]>.wp-block>.components-placeholder,[data-type="grids/section"] .components-placeholder{background-color:#f3f3f4 !important;text-align:center;align-items:center}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .components-placeholder__label,[data-type="grids/section"]>.wp-block>.components-placeholder .components-placeholder__label,[data-type="grids/section"] .components-placeholder .components-placeholder__label{margin-bottom:.3em}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .grids-placeholder>div:first-child,[data-type="grids/section"]>.wp-block>.components-placeholder .grids-placeholder>div:first-child,[data-type="grids/section"] .components-placeholder .grids-placeholder>div:first-child{margin:0 auto 2em;color:#555d66;max-width:550px;line-height:1.25}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .components-placeholder__fieldset,[data-type="grids/section"]>.wp-block>.components-placeholder .components-placeholder__fieldset,[data-type="grids/section"] .components-placeholder .components-placeholder__fieldset{max-width:none}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .components-button-group .components-button,[data-type="grids/section"]>.wp-block>.components-placeholder .components-button-group .components-button,[data-type="grids/section"] .components-placeholder .components-button-group .components-button{border-radius:3px;border:1px solid #ccc;background:#fff;line-height:1;text-align:center;margin:5px;padding:16px 20px;height:auto}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .components-button-group .components-button:hover,[data-type="grids/section"]>.wp-block>.components-placeholder .components-button-group .components-button:hover,[data-type="grids/section"] .components-placeholder .components-button-group .components-button:hover{box-shadow:0 0 0 4px rgba(0,0,0,.06);border-color:#999}[data-type="grids/section"]>.editor-block-list__block-edit>div>.components-placeholder .components-button-group .components-button:focus,[data-type="grids/section"]>.wp-block>.components-placeholder .components-button-group .components-button:focus,[data-type="grids/section"] .components-placeholder .components-button-group .components-button:focus{border-color:#007cba;box-shadow:0 0 0 4px rgba(0,124,186,.1)}.ac-cta{position:relative;margin:16px;padding:12px;background:#fff;border:1px solid #0e110f;border-radius:6px;color:#0e110f;box-shadow:0 4px 12px -2px rgba(0,0,0,.2)}.ac-cta svg{max-width:123px;height:30px;margin-bottom:8px}.ac-cta a{text-decoration:none;border-radius:4px;padding:.35em .75em;color:#0e110f;background-color:#00ff6a;color:#0e110f;display:inline-block;font-weight:500}.ac-cta a:hover{background-color:#0e110f;color:#fff}.ac-cta .components-button{position:absolute;top:0;right:0;padding:0;display:inline-block;width:24px;height:24px;font-size:18px;color:#0e110f}@media screen and (min-width: 783px){.wp-block[data-type="grids/area"]{grid-column-start:var(--area-column-start, 1);grid-column-end:var(--area-column-end, 1);grid-row-start:var(--area-row-start, 1);grid-row-end:var(--area-row-end, 1);position:relative;display:grid;grid-template-columns:minmax(0, 1fr);min-width:0;word-break:break-word;overflow-wrap:break-word;width:auto !important;max-width:none}.wp-block[data-type="grids/area"] .block-editor-block-list__block-edit{height:100%}.wp-block[data-type="grids/area"] .block-editor-block-list__block-edit>[data-block]{margin-top:0;margin-bottom:0;height:100%}.wp-block[data-type="grids/area"]:before{pointer-events:none}.grids-blocks-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block>.block-editor-block-list__block-edit>[data-block],.grids-blocks-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout>.wp-block[data-block]{z-index:calc(var(--area-z-index, 0) + 1);position:relative}.grids-blocks-wrapper{height:100%;display:grid;grid-template-columns:minmax(0, 1fr)}.grids-blocks-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block+.block-list-appender .block-editor-button-block-appender{padding:8px}.components-disabled .grids-blocks-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout .block-list-appender{display:none}.grids-blocks-wrapper.grids-vertical-align-top{align-items:flex-start}.grids-blocks-wrapper.grids-vertical-align-center{align-items:center}.grids-blocks-wrapper.grids-vertical-align-bottom{align-items:flex-end}.grids-equalize-areas .grids-blocks-wrapper{align-items:stretch}.grids-equalize-areas .grids-blocks-wrapper>.block-editor-inner-blocks{display:flex;flex-direction:column;height:100%}.grids-equalize-areas .grids-blocks-wrapper.grids-vertical-align-top>.block-editor-inner-blocks{justify-content:flex-start}.grids-equalize-areas .grids-blocks-wrapper.grids-vertical-align-center>.block-editor-inner-blocks{justify-content:center}.grids-equalize-areas .grids-blocks-wrapper.grids-vertical-align-bottom>.block-editor-inner-blocks{justify-content:flex-end}.wp-block[data-type="grids/area"]>.grids-blocks-wrapper>.block-editor-inner-blocks{padding-top:0;padding-bottom:0}[data-type="grids/section"]>.grids-areas-wrapper .wp-block[data-type="grids/area"]:before{top:0;bottom:0;right:0;left:0}.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar[data-type="grids/area"]{margin-bottom:0;margin-left:0}}@media(min-width: 600px){.wp-block[data-type="grids/area"]>.block-editor-block-list__block-editd,.wp-block[data-type="grids/area"]>.grids-blocks-wrapper>.block-editor-inner-blocks{position:relative}.wp-block[data-type="grids/area"]>.block-editor-block-list__block-editd:before,.wp-block[data-type="grids/area"]>.grids-blocks-wrapper>.block-editor-inner-blocks:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:none;pointer-events:none;background-color:var(--area-background-color, transparent);background-image:var(--area-background-image, none);background-repeat:var(--area-background-repeat, no-repeat);background-position-x:var(--area-background-position-x, 50%);background-position-y:var(--area-background-position-y, 50%);background-size:var(--area-background-size, cover);background-attachment:var(--area-background-attachment, scroll);z-index:var(--area-z-index, 0)}}@media screen and (min-width: 783px){.wp-block[data-type="grids/section"].is-selected .wp-block[data-type="grids/area"]:before,.wp-block[data-type="grids/section"]:hover .wp-block[data-type="grids/area"]:before{z-index:1;outline:1px dashed #00a0d2;outline-offset:-2px}}@media screen and (min-width: 783px){.grids-areas-wrapper{padding-top:var(--section-padding-top, 0);padding-bottom:var(--section-padding-bottom, 0);padding-right:var(--section-padding-right, 0);padding-left:var(--section-padding-left, 0);margin-top:var(--section-margin-top, 0);margin-right:var(--section-margin-right, 0);margin-bottom:var(--section-margin-bottom, 0);margin-left:var(--section-margin-left, 0);opacity:var(--section-display-opacity, 1)}.grids-areas-wrapper>.editor-inner-blocks>.editor-block-list__layout,.grids-areas-wrapper>.block-editor-inner-blocks>.block-editor-block-list__layout{min-height:var(--section-height, 0)}}@media screen and (min-width: 783px){.editor-styles-wrapper .editor-block-list__block[data-type="grids/area"],.block-editor-block-list__block[data-type="grids/area"]{padding-top:var(--area-padding-top, 0px);padding-bottom:var(--area-padding-bottom, 0px);margin-top:var(--area-margin-top, 0px);margin-right:var(--area-margin-right, 0px);margin-bottom:var(--area-margin-bottom, 0px);margin-left:var(--area-margin-left, 0px);opacity:var(--area-display-opacity, 1)}.editor-styles-wrapper .editor-block-list__block[data-type="grids/area"]{padding-right:calc(43px + var(--area-padding-right, 0px));padding-left:calc(43px + var(--area-padding-left, 0px))}.block-editor-block-list__block[data-type="grids/area"] .block-editor-inner-blocks{padding-right:calc(14px + var(--area-padding-right, 0px));padding-left:calc(14px + var(--area-padding-left, 0px))}}.grids-media-switch{margin-bottom:1.5em;padding:0 15px 15px 15px;margin-left:-16px;margin-right:-16px;margin-top:-5px;border-bottom:1px dashed #e0e4e7}.grids-media-switch .components-base-control{margin:0 !important}.grids-media-switch .components-base-control__field{margin:0;display:flex;align-items:center}.grids-media-switch .components-base-control__field:before{content:"";display:block;width:20px;height:20px;margin-right:16px;flex-shrink:0}.grids-media-switch.grids-media-desktop .components-base-control__field:before{background:url(//docuimages.de/wp-content/plugins/grids/assets/img/desktop.svg) no-repeat center}.grids-media-switch.grids-media-tablet .components-base-control__field:before{background:url(//docuimages.de/wp-content/plugins/grids/assets/img/tablet.svg) no-repeat center}.grids-media-switch.grids-media-mobile .components-base-control__field:before{background:url(//docuimages.de/wp-content/plugins/grids/assets/img/mobile.svg) no-repeat center}.grids-media-switch .components-base-control__label{margin-right:12px;margin-bottom:0;display:none}.grids-wide-control{margin-bottom:1.5em;margin-left:-16px;margin-right:-16px;padding:0 15px;border-bottom:1px solid #e0e4e7}.grids-advanced-spacing-control>div{display:flex;justify-content:space-between}.grids-advanced-spacing-control>div .components-base-control:nth-child(1){width:70%}.grids-advanced-spacing-control>div .components-base-control:nth-child(2){width:25%}.grids-s-c{margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px dotted #e0e4e7}.grids-s-c .components-base-control__field{margin-bottom:0}.grids-s-c:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.grids-s-c:not(.grids-s-margin):not(.grids-s-padding):not(.grids-s-gap) .grids-size-control:last-child .components-base-control,.grids-s-c:not(.grids-s-margin):not(.grids-s-padding):not(.grids-s-gap) .grids-size-control:last-child .components-base-control+div{margin-bottom:0}.grids-s-margin h3:before{background-color:#ff8c00}.grids-s-padding h3:before{background-color:#3cb371}.grids-s-margin,.grids-s-padding,.grids-s-gap{display:flex;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.grids-s-margin h3,.grids-s-padding h3,.grids-s-gap h3{width:100%;padding-left:4px;position:relative}.grids-s-margin h3:before,.grids-s-padding h3:before,.grids-s-gap h3:before{content:"";display:block;position:absolute;top:0;left:-13px;height:100%;width:3px}.grids-s-margin .grids-size-control-unit label,.grids-s-padding .grids-size-control-unit label,.grids-s-gap .grids-size-control-unit label{opacity:0}.grids-s-margin .grids-size-control,.grids-s-padding .grids-size-control,.grids-s-gap .grids-size-control{width:50%;margin-left:0;margin-right:0}.grids-s-margin .grids-size-control:nth-of-type(2n + 1),.grids-s-padding .grids-size-control:nth-of-type(2n + 1),.grids-s-gap .grids-size-control:nth-of-type(2n + 1){padding-right:8px}.grids-s-margin .grids-size-control:nth-of-type(2n + 2),.grids-s-padding .grids-size-control:nth-of-type(2n + 2),.grids-s-gap .grids-size-control:nth-of-type(2n + 2){padding-left:8px}.grids-s-margin .grids-size-control:nth-of-type(3) .components-base-control,.grids-s-margin .grids-size-control:nth-of-type(3) .components-base-control+div,.grids-s-margin .grids-size-control:nth-of-type(4) .components-base-control,.grids-s-margin .grids-size-control:nth-of-type(4) .components-base-control+div,.grids-s-padding .grids-size-control:nth-of-type(3) .components-base-control,.grids-s-padding .grids-size-control:nth-of-type(3) .components-base-control+div,.grids-s-padding .grids-size-control:nth-of-type(4) .components-base-control,.grids-s-padding .grids-size-control:nth-of-type(4) .components-base-control+div,.grids-s-gap .grids-size-control:nth-of-type(3) .components-base-control,.grids-s-gap .grids-size-control:nth-of-type(3) .components-base-control+div,.grids-s-gap .grids-size-control:nth-of-type(4) .components-base-control,.grids-s-gap .grids-size-control:nth-of-type(4) .components-base-control+div{margin-bottom:0}.grids-s-height{display:flex;flex-wrap:wrap;padding-bottom:0}.grids-s-height>h3,.grids-s-height>p{width:100%}.grids-s-height .grids-size-control,.grids-s-height .components-toggle-control{width:50%}.grids-s-height .components-toggle-control{display:flex;align-items:flex-end;margin-bottom:0 !important}.grids-s-height .components-toggle-control .components-base-control__field{margin-bottom:1.5em}.grids-structure-section,.grids-structure-area{transition-property:border-color,background,box-shadow;transition-duration:.2s;cursor:pointer;border-radius:3px;border:1px solid #ccc;box-sizing:border-box;background:#fff}.grids-structure-section:hover,.grids-structure-area:hover{border-color:#8d96a0;background:#f8f9f9}.grids-structure-area{padding:8px 6px;position:relative}.grids-structure-section{display:grid;grid-column-gap:6px;grid-row-gap:6px;padding:6px;z-index:0;position:relative}.grids-structure-section:not(.grids-structure-selected):hover{background:#fff}.grids-structure-selected{border-color:#00a0d2;background-color:rgba(0,160,210,.2);box-shadow:0 0 0 1px #00a0d2}.grids-structure-selected:hover{border-color:#00a0d2;background-color:rgba(0,160,210,.1);box-shadow:0 0 0 1px #00a0d2}.grids-structure-buttons-group{margin-left:-5px;margin-right:-5px}.grids-structure-buttons-group .components-button{border-radius:3px;border:1px solid #ccc;background:#fff;line-height:1;text-align:center;margin:5px;padding:8px;margin:5px}.grids-structure-buttons-group .components-button:hover{box-shadow:0 0 0 4px rgba(0,0,0,.06);border-color:#999}.grids-structure-buttons-group .components-button:focus{border-color:#007cba;box-shadow:0 0 0 4px rgba(0,124,186,.1)}.grids-structure-buttons-group .components-button.grids-active{border-color:#00a0d2}.grids-structure-buttons-group .components-button.grids-active svg path{fill:#00a0d2}.grids-structure-buttons-group .components-button:first-child,.grids-structure-buttons-group .components-button:last-child{border-radius:3px}.grids-structure-buttons-group .components-button+.components-button{margin-left:5px}.grids-structure-block button{display:inline-block}.grids-structure-block .components-button.is-secondary{border-radius:3px;border:1px solid #ccc;background:#fff;line-height:1;text-align:center;margin:5px;display:inline-flex;padding:8px;height:auto;margin:0;box-shadow:none}.grids-structure-block .components-button.is-secondary:hover{box-shadow:0 0 0 4px rgba(0,0,0,.06);border-color:#999}.grids-structure-block .components-button.is-secondary:focus{border-color:#007cba;box-shadow:0 0 0 4px rgba(0,124,186,.1)}.grids-structure-block .components-button.is-secondary:hover{background:#fff}.grids-structure-block .components-button.is-secondary:active:enabled{background:#fff;border-color:#007cba;box-shadow:0 0 0 4px rgba(0,124,186,.1)}.grids-structure-block .components-button.is-secondary+button{margin-left:10px}.grid-background-fields .components-color-palette{margin-bottom:1.5em}.grid-background-fields .components-color-palette:after{clear:both;content:"";display:block}.grid-background-fields .grids-media-upload{clear:both;margin-bottom:1.5em}.grid-background-fields .grids-media-upload:after{clear:both;content:"";display:block}.grid-background-fields .grids-media-upload button+button{margin-top:1em}.grid-background-fields .grids-media-img{display:block;float:right;width:94px;height:69px;margin-right:1.5em;background-color:#fafafa;background-size:cover;background-position:center}.grid-background-fields .grids-background-ctrls{clear:both}.grid-background-fields .grids-background-ctrls .components-select-control,.grid-background-fields .grids-background-ctrls .components-focal-point-picker{height:auto}.grids-size-control{display:flex;align-items:flex-end;margin-left:-4px;margin-right:-4px}.grids-size-control .components-base-control:first-child{max-width:60px}.components-panel__body .grids-size-control .components-base-control,.components-panel__body .grids-size-control .components-base-control+div{margin-bottom:1.5em}.grids-size-control .components-base-control .components-text-control__input{max-width:60px;margin:0;border-top-right-radius:0;border-bottom-right-radius:0}.grids-size-control .components-base-control+div button{border:1px solid #8d96a0;border-left:0;padding:6px 8px;border-radius:0px;border-top-right-radius:3px;border-bottom-right-radius:3px;height:auto}.grids-size-control .components-base-control+div button:hover{background:#f8f9f9}.grids-size-control .components-base-control:nth-child(1){padding-left:4px}.grids-size-control .components-base-control:nth-child(2){flex-grow:1;padding-left:4px}.components-button.grids-selected{background:#e2e4e7}.components-button.grids-selected:focus{font-weight:bold;background:#e2e4e7}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'clayton';
src:  url(//docuimages.de/wp-content/themes/clayton/fonts/clayton.eot?juyxql);
src:  url(//docuimages.de/wp-content/themes/clayton/fonts/clayton.eot?juyxql#iefix) format('embedded-opentype'),
url(//docuimages.de/wp-content/themes/clayton/fonts/clayton.ttf?juyxql) format('truetype'),
url(//docuimages.de/wp-content/themes/clayton/fonts/clayton.woff?juyxql) format('woff'),
url(//docuimages.de/wp-content/themes/clayton/fonts/clayton.svg?juyxql#clayton) format('svg');
font-weight: normal;
font-style: normal;
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//docuimages.de/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//docuimages.de/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//docuimages.de/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}
  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
*:first-child + html .clearfix {
min-height: 1px;
}
body {
line-height: 1;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a {
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
textarea {
overflow: auto;
vertical-align: top;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
form,
input,
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
-o-appearance: button;
appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
-ms-appearance: textfield;
-o-appearance: textfield;
appearance: textfield;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
max-width: 100%;
}
label {
cursor: pointer;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
* {
box-sizing: border-box;
}
.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
img.screen-reader-text {
pointer-events: none;
}
iframe {
max-width: 100%;
} a:focus {
outline: none;
}
ul {
list-style-type: disc;
list-style-position: inside;
}
ol {
list-style-type: decimal;
list-style-position: inside;
}
ul ul,
ol ul {
list-style-type: circle;
list-style-position: inside;
}
ol ol,
ul ol {
list-style-type: lower-latin;
list-style-position: inside;
}
ul,
ol {
position: relative;
}
ul li,
ol li {
position: relative;
}
strong,
b {
font-weight: bold;
}
em {
font-style: italic;
}
dl dt {
font-weight: bold;
}
pre,
code,
kbd,
tt,
var {
font-family: Courier, "Courier New", monospace;
}
small,
sub,
sup {
font-size: 75%;
}
big {
font-size: 125%;
}
sub,
sup {
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
top: .5ex;
}
sup {
top: -.5em;
bottom: 1ex;
}
abbr,
acronym {
border-bottom: 1px dotted currentColor;
text-decoration: none;
cursor: help;
}
pre {
display: block;
overflow: auto;
}
pre code {
padding: 0;
background-color: transparent;
}
code {
padding: .25em .5em;
}
table {
width: 100%;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table td,
table th {
position: relative;
text-align: left;
}
address {
font-style: italic;
}
blockquote {
position: relative;
}
blockquote cite {
display: block;
clear: both;
}
.clayton-pull-r {
float: right;
}
.clayton-pull-l {
float: left;
}
.clayton-pull-r,
.clayton-pull-l {
position: relative;
}
hr {
height: 0;
border: 0;
border-top: 1px solid currentColor;
opacity: .2;
}
body {
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
color: #000;
}
h1,
.clayton-h1 {
font-family: "decalotype";
font-size: 48px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h1 a,
.clayton-h1 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h2,
.clayton-h2 {
font-family: "decalotype";
font-size: 36px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h2 a,
.clayton-h2 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h3,
.clayton-h3 {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h3 a,
.clayton-h3 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h4,
.clayton-h4 {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h4 a,
.clayton-h4 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h5,
.clayton-h5 {
font-family: "decalotype";
font-size: 18px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
color: #000;
}
h5 a,
.clayton-h5 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
h6,
.clayton-h6 {
font-family: "decalotype";
font-size: 14px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
}
h6 a,
.clayton-h6 a {
font-weight: inherit;
display: inline-block;
color: inherit;
}
blockquote {
font-family: "IBM Plex Sans";
font-size: 26px;
font-weight: normal;
font-style: italic;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
}
@media screen and (max-width: 768px) {
blockquote {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.35;
letter-spacing: 0;
text-transform: none;
}
}
[class*="clayton-pull-"] {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
@media screen and (max-width: 768px) {
[class*="clayton-pull-"] {
font-family: "IBM Plex Sans";
font-size: 18px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
}
.clayton-text h1 + *,
.clayton-text .clayton-h1 + *,
.clayton-text h2 + *,
.clayton-text .clayton-h2 + *,
.textwidget h1 + *,
.textwidget .clayton-h1 + *,
.textwidget h2 + *,
.textwidget .clayton-h2 + *,
.comment-content h1 + *,
.comment-content .clayton-h1 + *,
.comment-content h2 + *,
.comment-content .clayton-h2 + * {
margin-top: 2.5em;
}
.clayton-text h3 + *,
.clayton-text .clayton-h3 + *,
.clayton-text h4 + *,
.clayton-text .clayton-h4 + *,
.clayton-text h5 + *,
.clayton-text .clayton-h5 + *,
.clayton-text h6 + *,
.clayton-text .clayton-h6 + *,
.textwidget h3 + *,
.textwidget .clayton-h3 + *,
.textwidget h4 + *,
.textwidget .clayton-h4 + *,
.textwidget h5 + *,
.textwidget .clayton-h5 + *,
.textwidget h6 + *,
.textwidget .clayton-h6 + *,
.comment-content h3 + *,
.comment-content .clayton-h3 + *,
.comment-content h4 + *,
.comment-content .clayton-h4 + *,
.comment-content h5 + *,
.comment-content .clayton-h5 + *,
.comment-content h6 + *,
.comment-content .clayton-h6 + * {
margin-top: 2em;
}
.clayton-text > * + h1,
.clayton-text > * + .clayton-h1,
.clayton-text > * + h2,
.clayton-text > * + .clayton-h2,
.clayton-text > * + h3,
.clayton-text > * + .clayton-h3,
.clayton-text > * + h4,
.clayton-text > * + .clayton-h4,
.clayton-text > * + h5,
.clayton-text > * + .clayton-h5,
.clayton-text > * + h6,
.clayton-text > * + .clayton-h6,
.textwidget > * + h1,
.textwidget > * + .clayton-h1,
.textwidget > * + h2,
.textwidget > * + .clayton-h2,
.textwidget > * + h3,
.textwidget > * + .clayton-h3,
.textwidget > * + h4,
.textwidget > * + .clayton-h4,
.textwidget > * + h5,
.textwidget > * + .clayton-h5,
.textwidget > * + h6,
.textwidget > * + .clayton-h6,
.comment-content > * + h1,
.comment-content > * + .clayton-h1,
.comment-content > * + h2,
.comment-content > * + .clayton-h2,
.comment-content > * + h3,
.comment-content > * + .clayton-h3,
.comment-content > * + h4,
.comment-content > * + .clayton-h4,
.comment-content > * + h5,
.comment-content > * + .clayton-h5,
.comment-content > * + h6,
.comment-content > * + .clayton-h6 {
margin-top: 2em;
}
.clayton-text > *:not(.alignleft):not(.alignright) + *,
.textwidget > *:not(.alignleft):not(.alignright) + *,
.comment-content > *:not(.alignleft):not(.alignright) + * {
margin-top: 1.5em;
}
.clayton-text > *:not(.alignleft):not(.alignright) + *.gallery,
.textwidget > *:not(.alignleft):not(.alignright) + *.gallery,
.comment-content > *:not(.alignleft):not(.alignright) + *.gallery {
margin-top: 2.5em;
}
.clayton-text img.alignnone,
.textwidget img.alignnone,
.comment-content img.alignnone {
margin-bottom: 1.5em;
}
.clayton-text h1 + h1,
.clayton-text h1 + h2,
.clayton-text h1 + h3,
.clayton-text h1 + h4,
.clayton-text h1 + h5,
.clayton-text h1 + h6,
.clayton-text h1 + [class*="clayton-h"],
.clayton-text h2 + h1,
.clayton-text h2 + h2,
.clayton-text h2 + h3,
.clayton-text h2 + h4,
.clayton-text h2 + h5,
.clayton-text h2 + h6,
.clayton-text h2 + [class*="clayton-h"],
.clayton-text h3 + h1,
.clayton-text h3 + h2,
.clayton-text h3 + h3,
.clayton-text h3 + h4,
.clayton-text h3 + h5,
.clayton-text h3 + h6,
.clayton-text h3 + [class*="clayton-h"],
.clayton-text h4 + h1,
.clayton-text h4 + h2,
.clayton-text h4 + h3,
.clayton-text h4 + h4,
.clayton-text h4 + h5,
.clayton-text h4 + h6,
.clayton-text h4 + [class*="clayton-h"],
.clayton-text h5 + h1,
.clayton-text h5 + h2,
.clayton-text h5 + h3,
.clayton-text h5 + h4,
.clayton-text h5 + h5,
.clayton-text h5 + h6,
.clayton-text h5 + [class*="clayton-h"],
.clayton-text h6 + h1,
.clayton-text h6 + h2,
.clayton-text h6 + h3,
.clayton-text h6 + h4,
.clayton-text h6 + h5,
.clayton-text h6 + h6,
.clayton-text h6 + [class*="clayton-h"],
.clayton-text [class*="clayton-h"] + h1,
.clayton-text [class*="clayton-h"] + h2,
.clayton-text [class*="clayton-h"] + h3,
.clayton-text [class*="clayton-h"] + h4,
.clayton-text [class*="clayton-h"] + h5,
.clayton-text [class*="clayton-h"] + h6,
.clayton-text [class*="clayton-h"] + [class*="clayton-h"],
.textwidget h1 + h1,
.textwidget h1 + h2,
.textwidget h1 + h3,
.textwidget h1 + h4,
.textwidget h1 + h5,
.textwidget h1 + h6,
.textwidget h1 + [class*="clayton-h"],
.textwidget h2 + h1,
.textwidget h2 + h2,
.textwidget h2 + h3,
.textwidget h2 + h4,
.textwidget h2 + h5,
.textwidget h2 + h6,
.textwidget h2 + [class*="clayton-h"],
.textwidget h3 + h1,
.textwidget h3 + h2,
.textwidget h3 + h3,
.textwidget h3 + h4,
.textwidget h3 + h5,
.textwidget h3 + h6,
.textwidget h3 + [class*="clayton-h"],
.textwidget h4 + h1,
.textwidget h4 + h2,
.textwidget h4 + h3,
.textwidget h4 + h4,
.textwidget h4 + h5,
.textwidget h4 + h6,
.textwidget h4 + [class*="clayton-h"],
.textwidget h5 + h1,
.textwidget h5 + h2,
.textwidget h5 + h3,
.textwidget h5 + h4,
.textwidget h5 + h5,
.textwidget h5 + h6,
.textwidget h5 + [class*="clayton-h"],
.textwidget h6 + h1,
.textwidget h6 + h2,
.textwidget h6 + h3,
.textwidget h6 + h4,
.textwidget h6 + h5,
.textwidget h6 + h6,
.textwidget h6 + [class*="clayton-h"],
.textwidget [class*="clayton-h"] + h1,
.textwidget [class*="clayton-h"] + h2,
.textwidget [class*="clayton-h"] + h3,
.textwidget [class*="clayton-h"] + h4,
.textwidget [class*="clayton-h"] + h5,
.textwidget [class*="clayton-h"] + h6,
.textwidget [class*="clayton-h"] + [class*="clayton-h"],
.comment-content h1 + h1,
.comment-content h1 + h2,
.comment-content h1 + h3,
.comment-content h1 + h4,
.comment-content h1 + h5,
.comment-content h1 + h6,
.comment-content h1 + [class*="clayton-h"],
.comment-content h2 + h1,
.comment-content h2 + h2,
.comment-content h2 + h3,
.comment-content h2 + h4,
.comment-content h2 + h5,
.comment-content h2 + h6,
.comment-content h2 + [class*="clayton-h"],
.comment-content h3 + h1,
.comment-content h3 + h2,
.comment-content h3 + h3,
.comment-content h3 + h4,
.comment-content h3 + h5,
.comment-content h3 + h6,
.comment-content h3 + [class*="clayton-h"],
.comment-content h4 + h1,
.comment-content h4 + h2,
.comment-content h4 + h3,
.comment-content h4 + h4,
.comment-content h4 + h5,
.comment-content h4 + h6,
.comment-content h4 + [class*="clayton-h"],
.comment-content h5 + h1,
.comment-content h5 + h2,
.comment-content h5 + h3,
.comment-content h5 + h4,
.comment-content h5 + h5,
.comment-content h5 + h6,
.comment-content h5 + [class*="clayton-h"],
.comment-content h6 + h1,
.comment-content h6 + h2,
.comment-content h6 + h3,
.comment-content h6 + h4,
.comment-content h6 + h5,
.comment-content h6 + h6,
.comment-content h6 + [class*="clayton-h"],
.comment-content [class*="clayton-h"] + h1,
.comment-content [class*="clayton-h"] + h2,
.comment-content [class*="clayton-h"] + h3,
.comment-content [class*="clayton-h"] + h4,
.comment-content [class*="clayton-h"] + h5,
.comment-content [class*="clayton-h"] + h6,
.comment-content [class*="clayton-h"] + [class*="clayton-h"] {
margin-top: .5em;
}
.clayton-text > * + hr,
.textwidget > * + hr,
.comment-content > * + hr {
margin-top: 2em;
}
.clayton-text hr:first-child,
.textwidget hr:first-child,
.comment-content hr:first-child {
margin-top: 0;
}
.clayton-text h1,
.clayton-text h2,
.clayton-text h3,
.clayton-text h4,
.clayton-text h5,
.clayton-text h6,
.clayton-text [class*="clayton-h"],
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6,
.textwidget [class*="clayton-h"],
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.comment-content [class*="clayton-h"] {
clear: both;
}
body {
background-color: #fff;
}
.clayton-l {
overflow-x: hidden;
}
.clayton-c_w,
.clayton-h-hl,
.clayton-f_w {
max-width: 1356px;
margin-left: auto;
margin-right: auto;
}
.clayton-ph {
margin-left: auto;
margin-right: auto;
}
.clayton-detail + .clayton-c {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.clayton-detail + .clayton-c {
padding-top: 0;
}
}
.clayton-media + .clayton-c {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.clayton-media + .clayton-c {
padding-top: 0;
}
}
.clayton-c {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-c {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.clayton-l-c-sl .clayton-c {
flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c {
flex-direction: column-reverse;
}
}
.clayton-l-c-sl .clayton-c .clayton-mc > * {
padding-left: 0;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c .clayton-mc > * {
padding-right: 0;
}
}
.clayton-l-c-sr .clayton-c .clayton-mc > * {
padding-right: 0;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sr .clayton-c .clayton-mc > * {
padding-left: 0;
}
}
.clayton-c .clayton-mc {
width: 50%;
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-mc {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.clayton-l-ws .clayton-c .clayton-mc {
width: 58.33333333%;
}
}
@media screen and (max-width: 768px) {
.clayton-l-ws .clayton-c .clayton-mc {
width: 100%;
}
}
.clayton-c .clayton-sidebar {
width: 33.33333333%;
padding-left: 45px;
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-sidebar {
padding-left: 18px;
}
}
@media screen and (max-width: 1200px) {
.clayton-c .clayton-sidebar {
width: 41.66666667%;
}
}
@media screen and (max-width: 768px) {
.clayton-c .clayton-sidebar {
width: 100%;
padding-left: 0;
}
}
.clayton-l-c-sl .clayton-c .clayton-sidebar {
padding-left: 0;
padding-right: 45px;
}
@media screen and (max-width: 768px) {
.clayton-l-c-sl .clayton-c .clayton-sidebar {
padding-right: 18px;
}
}
.clayton-mc > * {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-mc > * {
padding: 24px 18px;
}
}
.clayton-mc-content:empty {
padding: 0 !important;
}
.clayton-large-content .clayton-l:not(.clayton-l-ws) .clayton-mc {
width: 100%;
}
@media screen and (max-width: 768px) {
.clayton-media::after {
clear: both;
content: "";
display: table;
}
.clayton-media.clayton-media-mobile_col-1 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-1 .clayton-g-i {
width: 100% !important;
}
.clayton-media.clayton-media-mobile_col-2 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-2 .clayton-g-i {
float: left;
width: 50% !important;
}
.clayton-media.clayton-media-mobile_col-3 + .clayton-detail {
display: none;
}
.clayton-media.clayton-media-mobile_col-3 .clayton-g-i {
float: left;
width: 33.33333333% !important;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-album.clayton-media-mobile_col-1 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-1 .evolvethemes-image {
width: 100% !important;
}
.clayton-collection-album.clayton-media-mobile_col-2 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-2 .evolvethemes-image {
width: 50% !important;
}
.clayton-collection-album.clayton-media-mobile_col-3 .evolvethemes-image,
.clayton-collection-albums-photo_wall.clayton-media-mobile_col-3 .evolvethemes-image {
width: 33.33333333% !important;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-cover.clayton-media-mobile_col-1 .clayton-collection-cover-album {
width: 100% !important;
}
.clayton-collection-albums-cover.clayton-media-mobile_col-2 .clayton-collection-cover-album {
width: 50% !important;
}
.clayton-collection-albums-cover.clayton-media-mobile_col-3 .clayton-collection-cover-album {
width: 33.33333333% !important;
}
}
.clayton-t-small {
font-size: 14px;
}
.clayton-t-smaller {
font-size: 13px;
}
.clayton-t-big {
font-size: 18px;
}
a {
color: #000;
font-weight: 500;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
a:hover {
border-color: #cdb88d;
}
ul li,
ol li {
margin-top: .5rem;
margin-bottom: .5rem;
}
ul li ul,
ul li ol,
ol li ul,
ol li ol {
padding-left: 1rem;
}
pre,
code,
kbd,
tt,
var {
background-color: rgba(0, 0, 0, .05);
}
pre {
padding: 1em;
margin: 3em 0 !important;
}
table {
width: 100%;
}
table caption {
margin: 12px 0;
}
table thead th {
vertical-align: bottom;
}
table thead th:after {
opacity: .8;
}
table tfoot {
font-size: 14px;
}
table td,
table th {
position: relative;
text-align: left;
}
table td:after,
table th:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background: currentColor;
height: 1px;
opacity: .1;
}
table td,
table th {
padding: 12px 4px;
}
dl dd {
margin-top: .5rem;
margin-left: 1rem;
}
dl dd + dt {
margin-top: 1rem;
}
blockquote {
position: relative;
text-align: left;
border-left: 3px solid;
border-color: #cdb88d;
padding-left: 30px;
margin-left: 48px;
margin-top: 2em;
margin-bottom: 2em;
}
blockquote:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 0;
left: -48px;
font-style: normal;
color: #cdb88d;
}
blockquote cite {
display: block;
clear: both;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
color: #6e757c;
margin-top: 36px;
}
cite {
margin-top: 24px;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
font-style: italic;
color: #6e757c;
}  @-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes detail_post {
0% {
-webkit-transform: scale(1, 1);
-webkit-transform-origin: right center;
}
50% {
-webkit-transform: scale(0, 1);
-webkit-transform-origin: right center;
}
51% {
-webkit-transform-origin: left center;
}
100% {
-webkit-transform: scale(1, 1);
-webkit-transform-origin: left center;
}
}
@-moz-keyframes detail_post {
0% {
-moz-transform: scale(1, 1);
-moz-transform-origin: right center;
}
50% {
-moz-transform: scale(0, 1);
-moz-transform-origin: right center;
}
51% {
-moz-transform-origin: left center;
}
100% {
-moz-transform: scale(1, 1);
-moz-transform-origin: left center;
}
}
@keyframes detail_post {
0% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
50% {
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
51% {
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
100% {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
}
.clayton-c-trigger {
text-align: center;
}
.clayton-c-trigger span {
display: inline-block;
cursor: pointer;
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.clayton-c-trigger span:focus {
outline: none;
}
.clayton-comments-open .clayton-c-trigger {
display: none;
}
#comments {
display: none;
}
.clayton-comments-open #comments {
display: block;
}
.clayton-mc-comments {
clear: both;
}
.clayton-comments-open .clayton-mc-comments {
margin-top: 72px;
}
.clayton-mc-c_wi {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-mc-c_wi {
padding: 24px 18px;
}
}
.clayton-c-t {
text-align: center;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
}
.clayton-c-st {
text-align: center;
font-size: 13px;
color: #6e757c;
margin-top: 12px;
}
.clayton-c-cl {
margin-top: 48px;
}
.clayton-c-cl li {
list-style: none;
}
.clayton-c-cl ol {
padding: 0;
}
.clayton-c-cl + .comment-respond {
margin-top: 72px;
}
.clayton-c-cl .pingback + .comment,
.clayton-c-cl .comment + .comment {
margin-top: 48px;
}
.clayton-c-cl .pingback + .pingback {
margin-top: 24px;
}
.clayton-c-cl .comment > .children {
margin-left: 24px;
}
.clayton-c-cl + .no-comments {
margin-top: 48px;
}
.clayton-c-cl + .navigation {
margin-top: 48px;
margin-bottom: 48px;
}
.clayton-c-cc {
margin-top: 48px;
padding: 24px 45px;
background-color: rgba(0, 0, 0, .05);
text-align: center;
}
.pingback,
.comment {
position: relative;
margin: 0;
color: #6e757c;
}
.pingback .edit-link,
.comment .edit-link {
margin-left: 24px;
margin-top: 0;
}
.pingback .edit-link a:hover,
.comment .edit-link a:hover {
text-decoration: none;
}
.pingback {
border-bottom: 1px solid;
border-color: #fafafa;
padding-bottom: 12px;
padding-top: 12px;
margin-top: 0 !important;
font-size: 14px;
}
.pingback .edit-link {
margin-left: 0;
float: right;
}
.pingback .url {
clear: both;
}
.comment {
font-size: 14px;
}
.comment .avatar {
float: left;
margin-left: -84px;
height: 60px;
width: 60px;
}
@media screen and (max-width: 768px) {
.comment .avatar {
margin-left: 0;
margin-right: 24px;
width: 36px;
height: auto;
}
}
.comment.bypostauthor .comment-body {
padding-left: 24px;
border-left-width: 6px;
border-left-style: solid;
border-color: #cdb88d;
}
.comment.bypostauthor .comment-reply-link {
left: 48px;
}
@media screen and (max-width: 768px) {
.comment.bypostauthor .comment-reply-link {
left: 0;
}
}
.comment .comment-body + * {
margin-top: 48px;
}
.comment .comment-body + .comment-respond {
margin-bottom: 48px;
margin-left: 84px;
margin-top: 24px;
}
.comment .comment-body + .comment-respond:before {
content: "";
display: block;
width: 90px;
height: 3px;
background-color: #cdb88d;
margin-left: -45px;
margin-bottom: 24px;
}
.comment .comment-author,
.comment .comment-metadata,
.comment .comment-awaiting-moderation,
.comment .comment-content,
.comment .reply {
padding-left: 84px;
}
@media screen and (max-width: 768px) {
.comment .comment-author,
.comment .comment-metadata,
.comment .comment-awaiting-moderation,
.comment .comment-content,
.comment .reply {
padding-left: 0;
}
}
.comment .comment-awaiting-moderation {
margin-top: 12px;
font-weight: bold;
}
.comment .comment-content {
margin-top: 24px;
}
@media screen and (max-width: 1024px) {
.comment .comment-content {
padding-left: 0;
margin-top: 36px;
}
}
@media screen and (max-width: 768px) {
.comment .comment-content {
margin-top: 24px;
}
}
.comment .comment-author {
margin-bottom: 4px;
font-size: 14px;
color: #000;
}
.comment .comment-author b {
font-weight: 500;
}
.comment .says {
font-size: 14px;
}
.comment .comment-metadata {
font-size: 13px;
}
.comment .comment-metadata a {
color: #6e757c;
font-weight: inherit;
}
.comment .comment-reply-link {
position: absolute;
top: 48px;
left: 18px;
height: 24px;
width: 24px;
border-radius: 50%;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transition: -webkit-transform .2s ease;
-moz-transition:    -moz-transform .2s ease;
-o-transition:      -o-transform .2s ease;
transition:         transform .2s ease;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background-color: #cdb88d;
color: #fff;
}
.comment .comment-reply-link:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link:before {
margin-right: .6em;
}
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link {
clear: both;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
border-radius: 0;
height: auto;
width: auto;
padding: 0;
margin: 24px 0 0 0;
background-color: transparent;
display: inline-block;
color: inherit;
}
.comment .comment-reply-link .screen-reader-text {
display: inline-block;
position: relative !important;
height: auto;
width: auto;
overflow: initial;
clip: auto;
}
}
.comment .comment-reply-link:focus {
outline: none;
}
.comment .comment-reply-link:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
@media screen and (max-width: 768px) {
.comment .comment-reply-link:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
.comment-respond::after {
clear: both;
content: "";
display: table;
}
.comment-form::after {
clear: both;
content: "";
display: table;
}
.comment-form label {
color: #6e757c;
}
.logged-in-as {
font-size: 13px;
margin-top: 6px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
float: left;
width: 30%;
}
@media screen and (max-width: 768px) {
.comment-form-author,
.comment-form-email,
.comment-form-url {
width: 100%;
}
}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
width: 100%;
max-width: 100%;
}
.comment-form-author,
.comment-form-email {
margin-right: 5%;
}
.comment-form-comment {
clear: both;
float: left;
width: 100%;
margin-top: 24px;
margin-bottom: 24px;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-notes {
font-size: 13px;
margin-top: 6px;
color: #6e757c;
}
.comment-form-cookies-consent {
clear: both;
margin-top: 24px;
float: left;
width: 100%;
display: block;
}
.comment-form-cookies-consent label {
margin-bottom: 0;
margin-left: 8px;
font-size: 14px;
}
.form-submit {
margin-top: 24px;
clear: both;
float: left;
}
.form-submit .submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.form-submit .submit:focus {
outline: none;
}
.comment-reply-title {
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
}
.comment-reply-title > a {
position: relative;
margin-left: 32px;
}
.comment-reply-title > a:before {
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: -28px;
width: 16px;
height: 1px;
background-color: #cdb88d;
}
.comment-reply-title small {
float: right;
}
.comment-reply-title small a {
height: 12px;
width: 12px;
}
.comment-reply-title small a:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
content: "";
height: 12px;
width: 12px;
float: left;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .2s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .2s cubic-bezier(.645, .045, .355, 1);
transition:         transform .2s cubic-bezier(.645, .045, .355, 1);
}
.comment-reply-title small a:hover {
border-bottom: none;
}
.comment-reply-title small a:hover:before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.clayton-detail {
width: 100%;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
margin-bottom: 24px;
position: relative;
height: 45px;
pointer-events: none;
}
.clayton-p-reveal .clayton-detail.inviewr span {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.clayton-detail span {
pointer-events: initial;
position: relative;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s .2s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s .2s cubic-bezier(.645, .045, .355, 1);
z-index: 10;
}
.clayton-scrolled .clayton-detail span {
pointer-events: none;
}
.clayton-detail span:before {
content: "";
display: inline-block;
width: 3px;
height: 45px;
background-color: #cdb88d;
}
.clayton-media + .clayton-detail {
height: 0;
margin-bottom: 0;
}
.clayton-media + .clayton-detail span {
cursor: pointer;
margin-top: -45px;
width: 30px;
height: 45px;
z-index: 10;
}
.clayton-media + .clayton-detail span:hover:before {
width: 30px;
}
.clayton-media + .clayton-detail span:hover:after {
opacity: 1;
-webkit-transform: translate(50%, -50%) rotate(90deg);
-moz-transform: translate(50%, -50%) rotate(90deg);
-ms-transform: translate(50%, -50%) rotate(90deg);
-o-transform: translate(50%, -50%) rotate(90deg);
transform: translate(50%, -50%) rotate(90deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.clayton-media + .clayton-detail span:before {
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
transition: width .4s cubic-bezier(.68, -.55, .265, 1.55);
}
.clayton-media + .clayton-detail span:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
content: "";
color: #fff;
height: 18px;
width: 18px;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -70%) rotate(90deg);
-moz-transform: translate(50%, -70%) rotate(90deg);
-ms-transform: translate(50%, -70%) rotate(90deg);
-o-transform: translate(50%, -70%) rotate(90deg);
transform: translate(50%, -70%) rotate(90deg);
opacity: 0;
-webkit-transition: -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
-moz-transition:    -moz-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
-o-transition:      -o-transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
transition:         transform .2s cubic-bezier(.645, .045, .355, 1), opacity .2s;
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
height: 100%;
width: 100%;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor:         grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor:         grabbing;
}
.flickity-enabled.is-fade .flickity-slider > * {
pointer-events: none;
z-index: 0;
}
.flickity-enabled.is-fade .flickity-slider > .is-selected {
pointer-events: auto;
z-index: 1;
}
form {
position: relative;
}
form select {
max-width: 100%;
}
form input:not([type="submit"]),
form textarea {
box-sizing: border-box;
font-family: inherit;
font-weight: inherit;
color: inherit;
border: none;
-webkit-border-radius: 0;
}
form input:not([type="submit"]):disabled,
form textarea:disabled {
cursor: default;
}
form input:not([type="submit"]):focus,
form textarea:focus {
outline: none;
}
form input:not([type="submit"]):hover,
form textarea:hover {
text-decoration: none;
}
form [type="radio"],
form [type="checkbox"],
form [type="date"],
form [type="number"] {
width: auto;
}
form button,
form button[type="submit"],
form input[type="submit"] {
background-color: transparent;
outline: none;
-webkit-border-radius: 0;
}
form label {
display: inline-block;
}
form legend {
font-weight: bold;
text-transform: uppercase;
}
form fieldset {
border-style: solid;
border-width: 1px;
}
form input:not([type="submit"]),
form textarea {
padding: 12px 16px;
border: 1px solid;
border-color: #fafafa;
background-color: #fafafa;
transition-property: background-color, border-color;
transition-duration: .2s;
}
form input:not([type="submit"]):focus,
form textarea:focus {
border-color: #000;
background-color: #fff;
}
form label {
font-size: 14px;
margin-bottom: 12px;
}
form legend {
font-size: 14px;
padding: 0 12px;
}
form fieldset {
padding: 30px;
margin-bottom: 24px;
}
.search-form div {
position: relative;
}
.search-form .s {
width: 100%;
line-height: 1.5;
padding-right: 48px;
}
.search-form .s:focus + .searchsubmit {
opacity: 0;
visibility: hidden;
-webkit-transform: translate(10px, -50%);
-moz-transform: translate(10px, -50%);
-ms-transform: translate(10px, -50%);
-o-transform: translate(10px, -50%);
transform: translate(10px, -50%);
}
.search-form .s:focus + .searchsubmit:hover {
opacity: 1;
}
.search-form .searchsubmit {
position: absolute;
top: 50%;
right: 16px;
border: none;
padding: 0;
background: transparent;
-webkit-transition: opacity .2s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-moz-transition: opacity .2s, -moz-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-o-transition: opacity .2s, -o-transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
transition: opacity .2s, transform .2s cubic-bezier(.645, .045, .355, 1), visibility .2s;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 1px;
color: #000;
}
.search-form .searchsubmit:focus {
outline: none;
}
.search-form .searchsubmit:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
content: "";
height: 18px;
width: 18px;
float: right;
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
figure {
box-sizing: border-box;
}
.wp-caption {
max-width: 100%;
}
.wp-caption [class*="wp-image-"] {
margin: 0 auto 12px;
display: block;
float: none;
}
.wp-caption .wp-caption-text {
font-size: 14px;
margin-top: 6px;
}
.wp-caption a:before {
display: none;
}
.wp-caption.alignnone {
text-align: center;
}
.alignleft {
float: left;
margin-right: 45px;
margin-bottom: 24px;
}
.alignright {
float: right;
margin-left: 45px;
margin-bottom: 24px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display: block;
}
.format-embed-wrapper iframe {
width: 100%;
}
.gallery {
position: relative;
margin-left: -3.4722vw;
margin-right: -3.4722vw;
padding-left: calc( 3.4722vw / 2 );
padding-right: calc( 3.4722vw / 2 );
}
.gallery::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.gallery {
margin-left: -5.3333vw;
margin-right: -5.3333vw;
padding-left: 0;
padding-right: 0;
}
}
.gallery a {
display: block;
margin: 0 auto;
max-width: 100%;
border-bottom: 0;
}
.gallery a:before {
display: none;
}
.gallery a img {
display: inline-block;
max-width: 100%;
height: auto;
-webkit-transition: box-shadow .4s ease;
-moz-transition: box-shadow .4s ease;
-o-transition: box-shadow .4s ease;
transition: box-shadow .4s ease;
}
.gallery .gallery-item {
box-sizing: border-box;
float: left;
text-align: center;
position: relative;
width: 100%;
margin-bottom: 3.8420vh;
padding: 0 calc( 3.4722vw / 2 );
}
@media screen and (max-width: 768px) {
.gallery .gallery-item {
padding: 0 calc( 5.3333vw / 2 );
}
}
.gallery .gallery-item a {
box-shadow: none;
}
.gallery .gallery-item a:before {
display: none;
}
.gallery .gallery-item .gallery-icon {
margin-right: auto;
}
.gallery.gallery-columns-2 .gallery-item {
width: 50% !important;
}
.gallery.gallery-columns-3 .gallery-item {
width: 33.33333333% !important;
}
.gallery.gallery-columns-4 .gallery-item {
width: 25% !important;
}
.gallery.gallery-columns-5 .gallery-item {
width: 20% !important;
}
.gallery.gallery-columns-6 .gallery-item {
width: 16.66666667% !important;
}
.gallery.gallery-columns-7 .gallery-item {
width: 14.28571429% !important;
}
.gallery.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}
.gallery.gallery-columns-9 .gallery-item {
width: 11.11111111% !important;
}
@media screen and (max-width: 768px) {
.gallery.gallery-columns-1 .gallery-item,
.gallery.gallery-columns-2 .gallery-item,
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
width: 50% !important;
}
}
.gallery .gallery-caption {
font-size: 13px;
max-width: none;
margin-top: 12px;
}
.gallery br + br {
display: none;
}
.gallery-columns-1,
.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
overflow: visible !important;
}
.evolvethemes-image {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
max-width: 100%;
position: relative;
}
.evolvethemes-image a {
max-width: 100%;
}
.evolvethemes-image .evolvethemes-image-wrapper {
max-width: 100%;
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image {
position: absolute;
top: 0;
left: 0;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image.evolvethemes-image-loaded {
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper .evolvethemes-preloaded-image.evolvethemes-image-loaded + b {
display: none !important;
}
.evolvethemes-image > a {
cursor: zoom-in;
}
.evolvethemes-image.inviewr .evolvethemes-image-wrapper b:after {
-webkit-animation: spinner 400ms linear infinite;
-moz-animation: spinner 400ms linear infinite;
animation: spinner 400ms linear infinite;
}
.evolvethemes-image .evolvethemes-image-wrapper {
background-color: rgba(0, 0, 0, .05);
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.evolvethemes-image .evolvethemes-image-wrapper b {
position: relative;
}
.evolvethemes-image .evolvethemes-image-wrapper b:after {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: rgba(0, 0, 0, .5);
border-left-color: rgba(0, 0, 0, .5);
border-radius: 50%;
border-color: #000;
opacity: .5;
z-index: 9980;
position: absolute;
top: 50%;
left: 50%;
}
.evolvethemes-image.evolvethemes-image-reveal .evolvethemes-preloaded-image {
opacity: 1;
}
.evolvethemes-image .evolvethemes-preloaded-image {
transition: opacity .2s;
opacity: 0;
}
@media screen and (max-width: 768px) {
.evolvethemes-image .evolvethemes-preloaded-image {
transition-duration: 0s;
}
}
@media screen and (max-width: 768px) {
.evolvethemes-image .evolvethemes-preloaded-image.evolvethemes-image-loaded {
max-height: none !important;
}
}
.evolvethemes-image a {
font-weight: inherit;
display: inline-block;
}
.clayton-image-caption .evolvethemes-image:hover figcaption:not(:empty) {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.evolvethemes-image figcaption {
font-size: 13px;
position: absolute;
right: 12px;
bottom: 12px;
opacity: 0;
max-width: 300px;
color: #6e757c;
}
.evolvethemes-image figcaption a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.evolvethemes-image figcaption a:hover {
border-color: #cdb88d;
}
.evolvethemes-image figcaption:not(:empty) {
background-color: #fff;
padding: 12px;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
-moz-transition:    -moz-transform .2s ease, opacity .2s ease;
-o-transition:      -o-transform .2s ease, opacity .2s ease;
transition:         transform .2s ease, opacity .2s ease;
}
.clayton-l-w + .pagination {
clear: both;
text-align: center;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
position: relative;
}
.clayton-l-w + .pagination .clayton-load-more {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.clayton-l-w + .pagination .clayton-load-more:focus {
outline: none;
}
.clayton-l-w.clayton-l-loading + .pagination .clayton-load-more {
opacity: 0;
}
.clayton-l-w.clayton-l-loading + .pagination:after {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: currentColor;
border-left-color: currentColor;
border-radius: 50%;
border-color: #cdb88d;
position: absolute;
top: 50%;
left: 50%;
}
.clayton-page-navigation {
clear: both;
width: 100%;
}
.clayton-page-navigation .navigation {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.nav-links {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 12px 45px;
background-color: #fafafa;
}
.nav-links > * {
text-align: center;
font-weight: normal;
width: 36px;
line-height: 36px;
transition: opacity .2s ease;
opacity: .4;
position: relative;
margin-left: 3px;
margin-right: 3px;
}
.nav-links > *.current {
font-weight: bold;
color: #fff;
background-color: #000;
}
.nav-links > *.current,
.nav-links > *:hover:not(.dots) {
opacity: 1;
}
.nav-links a {
border-bottom: none;
}
.nav-links .next,
.nav-links .prev {
position: relative;
}
.nav-links .next {
-webkit-box-ordinal-group: 100;
-moz-box-ordinal-group: 100;
box-ordinal-group: 100;
-webkit-order: 100;
-moz-order: 100;
order: 100;
-ms-flex-order: 100;
}
.nav-links .next:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.nav-links .prev {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
box-ordinal-group: -1;
-webkit-order: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
}
.nav-links .prev:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.page-links {
clear: both;
position: relative;
margin-top: 36px !important;
padding: 12px 45px;
background-color: #fafafa;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 14px;
}
.page-links > *:not(.screen-reader-text):not(.page-links-title) {
text-align: center;
font-weight: normal;
width: 36px;
line-height: 36px;
transition: opacity .2s ease;
opacity: .4;
position: relative;
}
.page-links > *:not(.screen-reader-text):not(.page-links-title):hover {
opacity: 1;
}
.page-links a {
border-bottom: none;
}
.page-links > span:not(.screen-reader-text):not(.page-links-title) {
font-weight: bold;
color: #fff;
background-color: #000;
opacity: 1;
}
.page-links .page-links-title {
width: auto;
margin-right: 12px;
}
.clayton-l {
opacity: 0;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s;
}
.clayton-p-reveal .clayton-l {
opacity: 1;
}
.evolvethemes-preloader-status-loaded.clayton-ft .clayton-preloader .clayton-preloader-detail {
-webkit-animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
-moz-animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
animation: preloader 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
}
@media screen and (max-width: 768px) {
.evolvethemes-preloader-status-loaded.clayton-ft .clayton-preloader .clayton-preloader-detail {
-webkit-animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
-moz-animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
animation: preloader_mobile 1400ms cubic-bezier(.86, 0, .07, 1) forwards;
}
}
.clayton-preloader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
opacity: 0;
visibility: hidden;
z-index: 10001;
}
.clayton-preloader:before {
content: "";
display: block;
z-index: 10000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #fff;
}
.clayton-preloader .clayton-logo {
position: fixed;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
-o-transform: translate(50%, -50%);
transform: translate(50%, -50%);
margin: 0;
z-index: 10005;
opacity: 0;
transition: opacity .2s;
text-align: center;
}
html:not(.evolvethemes-preloader-not-loaded) .clayton-preloader.clayton-preloader-logo-loaded .clayton-logo {
opacity: 1;
}
.clayton-ft:not(.evolvethemes-preloader-not-loaded) .clayton-preloader {
opacity: 1;
visibility: visible;
}
.clayton-p-reveal:not(.evolvethemes-preloader-not-loaded) .clayton-preloader {
opacity: 0;
visibility: hidden;
}
.clayton-preloader .clayton-preloader-detail {
position: absolute;
top: 50%;
right: 50%;
height: calc( 100% - 90px/2 );
width: calc( 100% - 90px/2 );
z-index: 10003;
background-color: #fafafa;
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
@media screen and (max-width: 768px) {
.clayton-preloader .clayton-preloader-detail {
height: calc( 100% - 90px/5 );
width: calc( 100% - 90px/5 );
}
}
@-webkit-keyframes preloader {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-moz-keyframes preloader {
0% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@keyframes preloader {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, 0);
transform: translate(50%, -50%) rotate(0) scale(.1, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .03);
transform: translate(50%, -50%) rotate(0) scale(.1, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.1, .2);
transform: translate(50%, -50%) rotate(0) scale(.1, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.2, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-ms-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-o-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-webkit-keyframes preloader_mobile {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@-moz-keyframes preloader_mobile {
0% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
@keyframes preloader_mobile {
0% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, 0);
transform: translate(50%, -50%) rotate(0) scale(.5, 0);
}
2% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .03);
transform: translate(50%, -50%) rotate(0) scale(.5, .03);
}
20% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
30% {
-webkit-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-moz-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-ms-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
-o-transform: translate(50%, -50%) rotate(0) scale(.5, .2);
transform: translate(50%, -50%) rotate(0) scale(.5, .2);
}
60% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
65% {
-webkit-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-moz-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-ms-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
-o-transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
transform: translate(50%, -50%) rotate(90deg) scale(.8, .5);
}
100% {
-webkit-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-moz-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-ms-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
-o-transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
transform: translate(50%, -50%) rotate(180deg) scale(1, 1);
}
}
.clayton-scrollup {
position: fixed;
right: 0;
bottom: 0;
border: 0;
padding: 0;
margin: 0;
display: none;
background: none;
z-index: 9999;
}
@media screen and (max-width: 768px) {
.clayton-scrollup {
display: none !important;
}
}
.clayton-scrollup:focus,
.clayton-scrollup:active {
outline: none;
}
.clayton-scrollup:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
content: "";
background-color: #cdb88d;
color: #fff;
height: 30px;
width: 30px;
line-height: 29px;
transform: rotate(-90deg);
text-align: center;
}
.clayton-shortcode-album-cover {
position: relative;
width: 100%;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.clayton-shortcode-album-cover a {
width: 100%;
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #fff;
position: relative;
overflow: hidden;
font-weight: inherit;
}
.clayton-shortcode-album-cover a:hover .clayton-shortcode-album-cover-overlay {
opacity: 1;
}
.clayton-shortcode-album-cover a:hover .evolvethemes-image {
transform: scale(1.1);
}
.clayton-shortcode-album-cover .evolvethemes-image {
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
transform: scale(1);
}
.clayton-shortcode-album-cover-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
z-index: 10;
transition: opacity .2s;
opacity: 0;
}
.clayton-shortcode-album-cover-title .clayton-shortcode-album-cover-overlay {
opacity: 1;
}
.clayton-shortcode-album-cover-overlay:before {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: .5;
}
.clayton-shortcode-album-cover-overlay > * + * {
margin-top: 4px;
}
.clayton-shortcode-album-cover-overlay .clayton-shortcode-album-cover-title {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
z-index: 5;
}
.clayton-shortcode-album-cover-overlay .clayton-shortcode-album-cover-image-num {
font-size: 13px;
z-index: 5;
}
.clayton-social-links {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.clayton-h-hl .clayton-social-links {
margin-left: 6px;
}
@media screen and (max-width: 768px) {
.clayton-h-hl .clayton-social-links {
display: none;
}
.clayton-menu-open .clayton-h-hl .clayton-social-links {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
padding: 12px 10px;
margin-left: 0;
}
}
.clayton-social-links a {
transition: color .2s;
display: inline-block;
padding: 2px;
margin-left: 8px;
margin-right: 8px;
position: relative;
border-bottom: none;
}
.clayton-social-links a:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.clayton-social-links a:hover:before {
color: #fff;
-webkit-transform: scale(.7);
-moz-transform: scale(.7);
-ms-transform: scale(.7);
-o-transform: scale(.7);
transform: scale(.7);
}
.clayton-social-links a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-ms-transform: scale(.8);
-o-transform: scale(.8);
transform: scale(.8);
background-color: #cdb88d;
-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
-moz-transition:    -moz-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
-o-transition:      -o-transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
transition:         transform .3s cubic-bezier(.645, .045, .355, 1), opacity .3s;
z-index: 1;
border-radius: 50%;
opacity: 0;
}
.clayton-social-links a:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
height: 24px;
width: 24px;
font-size: 24px;
float: left;
position: relative;
z-index: 5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
-moz-transition:    -moz-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
-o-transition:      -o-transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
transition:         transform .3s cubic-bezier(.645, .045, .355, 1), color .3s;
}
.clayton-h-hl .clayton-social-links a:before {
font-size: 16px;
height: 16px;
width: 16px;
}
@media screen and (max-width: 768px) {
.clayton-h-hl .clayton-social-links a:before {
height: 24px;
width: 24px;
font-size: 24px;
}
}
.clayton-social-links .clayton-social-dribbble:before {
content: "";
}
.clayton-social-links .clayton-social-behance:before {
content: "";
}
.clayton-social-links .clayton-social-youtube:before {
content: "";
}
.clayton-social-links .clayton-social-twitter:before {
content: "";
}
.clayton-social-links .clayton-social-vimeo:before {
content: "";
}
.clayton-social-links .clayton-social-facebook:before {
content: "";
}
.clayton-social-links .clayton-social-googleplus:before {
content: "";
}
.clayton-social-links .clayton-social-linkedin:before {
content: "";
}
.clayton-social-links .clayton-social-pinterest:before {
content: "";
}
.clayton-social-links .clayton-social-instagram:before {
content: "";
}
.clayton-social-links .clayton-social-flickr:before {
content: "";
}
.clayton-social-links .clayton-social-skype:before {
content: "";
}
.clayton-social-links .clayton-social-deviantart:before {
content: "";
}
.clayton-social-links .clayton-social-500px:before {
content: "";
}
.clayton-social-links .clayton-social-picasa:before {
content: "";
}
.clayton-social-links .clayton-social-vk:before {
content: "";
}
.clayton-social-links .clayton-social-reddit:before {
content: "";
}
.clayton-social-links .clayton-mail-link:before {
content: "";
} .clayton-h {
background-color: #fff;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 9999;
}
.admin-bar .clayton-h {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .clayton-h {
top: 46px;
}
}
@media screen and (max-width: 768px) {
.clayton-menu-open .clayton-h {
bottom: 0;
}
}
.clayton-h:before,
.clayton-h:after {
content: "";
background-color: inherit;
display: block;
width: 30px;
height: 100%;
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-h:before,
.clayton-h:after {
display: none;
}
}
.clayton-h:before {
left: 0;
}
.clayton-h:after {
right: 0;
}
.clayton-h-type-a .clayton-h-hl {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (min-width: 769px) {
.clayton-h-type-b {
padding-left: 30px;
padding-right: 30px;
}
}
.clayton-h-type-b .clayton-h-hl {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-hm-type-a .clayton-h-hl {
display: block;
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-hm-type-a .clayton-h-hl:before {
content: "";
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
visibility: hidden;
opacity: 0;
transition-property: opacity, visibility;
transition-duration: .2s;
}
.clayton-menu-open .clayton-hm-type-a .clayton-h-hl:before {
opacity: 1;
visibility: visible;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-b .clayton-h-hl {
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-hm-type-b .clayton-h-hl .clayton-h-hl-w_i {
padding-left: 18px;
padding-right: 18px;
max-width: 80%;
}
.clayton-hm-type-b .clayton-h-hl .clayton-m-trigger {
margin: 0 18px;
}
}
@media screen and (min-width: 769px) {
.clayton-h-type-a .clayton-logo {
position: fixed;
right: 50%;
-webkit-transform: translate(50%, 15px);
-moz-transform: translate(50%, 15px);
-ms-transform: translate(50%, 15px);
-o-transform: translate(50%, 15px);
transform: translate(50%, 15px);
text-align: center;
padding-top: 12px;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1);
transition:         transform .6s cubic-bezier(.645, .045, .355, 1);
}
.clayton-p-reveal .clayton-h-type-a .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-h-type-a .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-h-type-a .clayton-logo,
.clayton-p-reveal .clayton-h-type-a .clayton-logo {
opacity: 1;
-webkit-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-o-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.clayton-ft.clayton-p-reveal .clayton-header-scrolled .clayton-h-type-a .clayton-logo,
.clayton-bpt.clayton-p-reveal .clayton-header-scrolled .clayton-h-type-a .clayton-logo {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-a .clayton-logo {
width: 100%;
padding-left: 18px;
padding-right: 18px;
position: fixed;
right: 50%;
-webkit-transform: translate(50%, 15px);
-moz-transform: translate(50%, 15px);
-ms-transform: translate(50%, 15px);
-o-transform: translate(50%, 15px);
transform: translate(50%, 15px);
text-align: center;
padding-top: 12px;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1);
transition:         transform .6s cubic-bezier(.645, .045, .355, 1);
}
.clayton-p-reveal .clayton-hm-type-a .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-hm-type-a .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-hm-type-a .clayton-logo,
.clayton-p-reveal .clayton-hm-type-a .clayton-logo {
opacity: 1;
-webkit-transform: translate(50%, 0);
-moz-transform: translate(50%, 0);
-ms-transform: translate(50%, 0);
-o-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.clayton-ft.clayton-p-reveal .clayton-header-scrolled .clayton-hm-type-a .clayton-logo,
.clayton-bpt.clayton-p-reveal .clayton-header-scrolled .clayton-hm-type-a .clayton-logo {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
}
.clayton-menu-open .clayton-hm-type-a .clayton-logo {
opacity: 0;
}
}
@media screen and (min-width: 769px) {
.clayton-h-type-b .clayton-logo {
margin: 12px 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.clayton-p-reveal .clayton-h-type-b .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-h-type-b .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-h-type-b .clayton-logo,
.clayton-p-reveal .clayton-h-type-b .clayton-logo {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.clayton-h-type-b .clayton-logo img {
max-height: 42px;
width: auto;
}
}
@media screen and (max-width: 768px) {
.clayton-hm-type-b .clayton-logo {
margin: 12px 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.clayton-p-reveal .clayton-hm-type-b .clayton-logo {
-webkit-transition: opacity .6s;
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
transition: opacity .6s;
}
.clayton-ft .clayton-hm-type-b .clayton-logo {
opacity: 0;
-webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-moz-transition:    -moz-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
-o-transition:      -o-transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
transition:         transform .6s cubic-bezier(.645, .045, .355, 1), opacity .6s;
}
.clayton-ft.clayton-p-reveal .clayton-hm-type-b .clayton-logo,
.clayton-p-reveal .clayton-hm-type-b .clayton-logo {
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.clayton-hm-type-b .clayton-logo img {
max-height: 42px;
width: auto;
}
}
.clayton-logo a {
display: inline-block;
border-bottom: none;
}
.clayton-site-title {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.1;
letter-spacing: .1em;
text-transform: uppercase;
}
.clayton-site-title a {
font-weight: inherit;
border-bottom: none;
}
.clayton-site-description {
font-family: "IBM Plex Sans";
font-size: 12px;
font-weight: 500;
line-height: 1.1;
letter-spacing: .3em;
text-transform: uppercase;
margin-top: 3px;
color: #6e757c;
}
.clayton-h-nav_w {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.clayton-h-nav_w {
display: block;
width: 100%;
}
}
.clayton-n-h {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-n-h {
visibility: hidden;
opacity: 0;
height: 0;
}
.clayton-menu-open .clayton-n-h {
transition-property: visibility, opacity;
transition-duration: .2s;
visibility: visible;
opacity: 1;
height: auto;
background-color: #fff;
}
}
.clayton-n-h ul {
padding: 0;
margin: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.clayton-n-h ul {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
padding: 12px 18px 0;
}
.clayton-n-h ul ul {
padding: 0;
}
}
.clayton-n-h ul ul {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-n-h ul ul a {
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.clayton-n-h ul ul a {
color: #000;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h ul ul a {
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-n-h ul ul li {
padding-top: 12px;
padding-bottom: 12px;
}
.clayton-n-h li {
list-style: none;
padding: 24px 6px;
margin: 0 6px;
position: relative;
display: block;
}
@media screen and (max-width: 768px) {
.clayton-n-h li {
margin: 0;
padding: 12px 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
}
}
.clayton-n-h a {
color: currentColor;
position: relative;
font-weight: inherit;
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
float: left;
transition: opacity .2s;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: none;
}
@media screen and (max-width: 768px) {
.clayton-n-h a {
font-family: "decalotype";
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-n-h a:hover {
opacity: .6;
}
@media screen and (max-width: 768px) {
.clayton-n-h a:hover {
opacity: 1;
}
}
.clayton-ft .clayton-n-h .menu > ul > li,
.clayton-ft .clayton-n-h .menu > li {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
transition:         transform .4s cubic-bezier(.645, .045, .355, 1), opacity .4s;
}
.clayton-ft.clayton-p-reveal .clayton-n-h .menu > ul > li,
.clayton-ft.clayton-p-reveal .clayton-n-h .menu > li {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(1),
.clayton-ft .clayton-n-h .menu > li:nth-child(1) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(2),
.clayton-ft .clayton-n-h .menu > li:nth-child(2) {
-webkit-transition-delay: .07s;
-moz-transition-delay: .07s;
transition-delay: .07s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(3),
.clayton-ft .clayton-n-h .menu > li:nth-child(3) {
-webkit-transition-delay: .14s;
-moz-transition-delay: .14s;
transition-delay: .14s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(4),
.clayton-ft .clayton-n-h .menu > li:nth-child(4) {
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
transition-delay: .21s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(5),
.clayton-ft .clayton-n-h .menu > li:nth-child(5) {
-webkit-transition-delay: .28s;
-moz-transition-delay: .28s;
transition-delay: .28s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(6),
.clayton-ft .clayton-n-h .menu > li:nth-child(6) {
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
transition-delay: .35s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(7),
.clayton-ft .clayton-n-h .menu > li:nth-child(7) {
-webkit-transition-delay: .42s;
-moz-transition-delay: .42s;
transition-delay: .42s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(8),
.clayton-ft .clayton-n-h .menu > li:nth-child(8) {
-webkit-transition-delay: .49s;
-moz-transition-delay: .49s;
transition-delay: .49s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(9),
.clayton-ft .clayton-n-h .menu > li:nth-child(9) {
-webkit-transition-delay: .56s;
-moz-transition-delay: .56s;
transition-delay: .56s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(10),
.clayton-ft .clayton-n-h .menu > li:nth-child(10) {
-webkit-transition-delay: .63s;
-moz-transition-delay: .63s;
transition-delay: .63s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(11),
.clayton-ft .clayton-n-h .menu > li:nth-child(11) {
-webkit-transition-delay: .7s;
-moz-transition-delay: .7s;
transition-delay: .7s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(12),
.clayton-ft .clayton-n-h .menu > li:nth-child(12) {
-webkit-transition-delay: .77s;
-moz-transition-delay: .77s;
transition-delay: .77s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(13),
.clayton-ft .clayton-n-h .menu > li:nth-child(13) {
-webkit-transition-delay: .84s;
-moz-transition-delay: .84s;
transition-delay: .84s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(14),
.clayton-ft .clayton-n-h .menu > li:nth-child(14) {
-webkit-transition-delay: .91s;
-moz-transition-delay: .91s;
transition-delay: .91s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(15),
.clayton-ft .clayton-n-h .menu > li:nth-child(15) {
-webkit-transition-delay: .98s;
-moz-transition-delay: .98s;
transition-delay: .98s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(16),
.clayton-ft .clayton-n-h .menu > li:nth-child(16) {
-webkit-transition-delay: 1.05s;
-moz-transition-delay: 1.05s;
transition-delay: 1.05s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(17),
.clayton-ft .clayton-n-h .menu > li:nth-child(17) {
-webkit-transition-delay: 1.12s;
-moz-transition-delay: 1.12s;
transition-delay: 1.12s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(18),
.clayton-ft .clayton-n-h .menu > li:nth-child(18) {
-webkit-transition-delay: 1.19s;
-moz-transition-delay: 1.19s;
transition-delay: 1.19s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(19),
.clayton-ft .clayton-n-h .menu > li:nth-child(19) {
-webkit-transition-delay: 1.26s;
-moz-transition-delay: 1.26s;
transition-delay: 1.26s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(20),
.clayton-ft .clayton-n-h .menu > li:nth-child(20) {
-webkit-transition-delay: 1.33s;
-moz-transition-delay: 1.33s;
transition-delay: 1.33s;
}
.clayton-ft .clayton-n-h .menu > ul > li:nth-child(21),
.clayton-ft .clayton-n-h .menu > li:nth-child(21) {
-webkit-transition-delay: 1.4s;
-moz-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-left > ul {
right: 100%;
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
left: auto;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-left > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 0;
right: auto;
}
}
.rtl .clayton-n-h .menu > ul .clayton-expand-left.clayton-expand-right > ul,
.rtl .clayton-n-h .menu .clayton-expand-left.clayton-expand-right > ul {
right: 100%;
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
left: auto;
}
@media screen and (max-width: 768px) {
.rtl .clayton-n-h .menu > ul .clayton-expand-left.clayton-expand-right > ul,
.rtl .clayton-n-h .menu .clayton-expand-left.clayton-expand-right > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
right: 0;
}
}
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
left: 100%;
right: auto;
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
transform: translateX(-5px);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
left: 0;
}
}
.clayton-n-h .menu > ul .clayton-expand-left > ul,
.clayton-n-h .menu > ul .clayton-expand-right > ul,
.clayton-n-h .menu .clayton-expand-left > ul,
.clayton-n-h .menu .clayton-expand-right > ul {
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
.clayton-n-h .menu > ul .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu > ul .clayton-expand-right.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-right.clayton-hover > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu > ul .clayton-expand-right.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-left.clayton-hover > ul,
.clayton-n-h .menu .clayton-expand-right.clayton-hover > ul {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.clayton-n-h .menu > ul > .clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-left > ul {
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul > .clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-left > ul {
left: 0;
right: auto;
}
}
.clayton-n-h .menu > ul > .clayton-expand-right > ul,
.clayton-n-h .menu > .clayton-expand-right > ul {
left: 0;
}
.clayton-n-h .menu > ul > .clayton-expand-right.clayton-expand-left > ul,
.clayton-n-h .menu > .clayton-expand-right.clayton-expand-left > ul {
right: auto;
}
.clayton-n-h .menu > ul > .page_item_has_children > ul,
.clayton-n-h .menu > ul > .menu-item-has-children > ul,
.clayton-n-h .menu > .page_item_has_children > ul,
.clayton-n-h .menu > .menu-item-has-children > ul {
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu > ul > .page_item_has_children > ul,
.clayton-n-h .menu > ul > .menu-item-has-children > ul,
.clayton-n-h .menu > .page_item_has_children > ul,
.clayton-n-h .menu > .menu-item-has-children > ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
.clayton-n-h .menu > ul > .page_item_has_children.clayton-hover > ul,
.clayton-n-h .menu > ul > .menu-item-has-children.clayton-hover > ul,
.clayton-n-h .menu > .page_item_has_children.clayton-hover > ul,
.clayton-n-h .menu > .menu-item-has-children.clayton-hover > ul {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.clayton-n-h .menu-item-has-children,
.clayton-n-h .page_item_has_children {
position: relative;
}
.clayton-n-h .menu-item-has-children > a > span,
.clayton-n-h .page_item_has_children > a > span {
margin-left: .3em;
}
.clayton-n-h .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children > a > span:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children > a > span:before {
height: 14px;
width: 14px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > a.clayton-mn-s-open > span,
.clayton-n-h .page_item_has_children > a.clayton-mn-s-open > span {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
position: relative;
top: -2px;
}
}
.clayton-n-h .menu-item-has-children .menu-item-has-children > a > span:before,
.clayton-n-h .menu-item-has-children .page_item_has_children > a > span:before,
.clayton-n-h .page_item_has_children .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children .page_item_has_children > a > span:before {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
margin-left: 1em;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children .menu-item-has-children > a > span:before,
.clayton-n-h .menu-item-has-children .page_item_has_children > a > span:before,
.clayton-n-h .page_item_has_children .menu-item-has-children > a > span:before,
.clayton-n-h .page_item_has_children .page_item_has_children > a > span:before {
margin-left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
}
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
top: 100%;
position: absolute;
left: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
min-width: 240px;
box-shadow: 0 6px 20px -3px rgba(0, 0, 0, .2);
-webkit-transition: opacity .2s, visibility .2s;
-moz-transition: opacity .2s, visibility .2s;
-o-transition: opacity .2s, visibility .2s;
transition: opacity .2s, visibility .2s;
text-align: left;
padding-top: 4px;
padding-bottom: 4px;
}
@media screen and (min-width: 768px) {
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
border: 1px solid;
background-color: #fff;
border-color: #cdb88d;
}
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children > ul,
.clayton-n-h .page_item_has_children > ul {
position: relative;
top: auto;
min-width: 0;
box-shadow: none;
clear: both;
display: none;
padding-top: 12px;
padding-bottom: 0;
}
}
.clayton-n-h .menu-item-has-children > ul ul,
.clayton-n-h .page_item_has_children > ul ul {
top: 0;
}
.rtl .clayton-n-h .menu-item-has-children > ul,
.rtl .clayton-n-h .page_item_has_children > ul {
text-align: right;
}
@media screen and (max-width: 768px) {
.clayton-n-h .menu-item-has-children .clayton-mn-s-open + ul,
.clayton-n-h .page_item_has_children .clayton-mn-s-open + ul {
display: block;
opacity: 1;
visibility: visible;
}
}
.clayton-n-h .menu-item-has-children.clayton-hover > ul,
.clayton-n-h .page_item_has_children.clayton-hover > ul {
opacity: 1;
visibility: visible;
}
.clayton-m-trigger {
cursor: pointer;
display: none;
position: relative;
height: 24px;
width: 24px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.clayton-m-trigger {
display: block;
}
}
.clayton-m-trigger span {
height: 2px;
width: 24px;
display: block;
background-color: currentColor;
position: absolute;
top: 50%;
right: 0;
margin-top: -1px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.clayton-m-trigger span:before,
.clayton-m-trigger span:after {
background-color: currentColor;
content: "";
height: 2px;
width: 24px;
position: absolute;
right: 0;
}
.clayton-m-trigger span:before {
top: -6px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s .4s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
}
.clayton-m-trigger span:after {
bottom: -6px;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), -o-transform .2s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s .4s cubic-bezier(.215, .61, .355, 1), transform .2s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.clayton-menu-open .clayton-m-trigger span {
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.clayton-menu-open .clayton-m-trigger span:before {
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
top: 0;
}
.clayton-menu-open .clayton-m-trigger span:after {
bottom: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 100%;
-webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-moz-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -moz-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
-o-transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), -o-transform .2s .4s cubic-bezier(.215, .61, .355, 1);
transition: width .2s cubic-bezier(.215, .61, .355, 1), bottom .2s cubic-bezier(.215, .61, .355, 1), transform .2s .4s cubic-bezier(.215, .61, .355, 1);
} .clayton-f {
text-align: center;
padding: 24px 45px;
padding-top: 72px;
}
@media screen and (max-width: 768px) {
.clayton-f {
padding: 24px 18px;
}
}
.clayton-f_w > * + * {
margin-top: 12px;
}
.clayton-f_w > * + *.clayton-social-links,
.clayton-f_w > * + *.clayton-f-copy {
margin-top: 24px;
}
.clayton-f-copy {
font-size: 14px;
}
.clayton-f-copy a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-f-copy a:hover {
border-color: #cdb88d;
}
.clayton-n-f ul {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
.clayton-n-f ul ul {
display: none;
}
.clayton-n-f ul a {
font-size: 13px;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-n-f ul a:hover {
border-color: #cdb88d;
}
.clayton-n-f ul li {
list-style: none;
padding: 0 6px;
margin: 0;
position: relative;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-n-f ul li:last-child:after {
display: none;
}
.clayton-n-f ul li:after {
content: "";
display: inline-block;
height: 3px;
width: 3px;
border-radius: 50%;
margin-left: 12px;
background-color: #000;
}
.clayton-f-sidebar {
font-size: 14px;
margin-bottom: 24px;
}
.clayton-f-sidebar > * + * {
margin-top: 24px;
}
.clayton-f-sidebar .widget-title:before,
.clayton-f-sidebar .widgettitle:before {
display: none;
} .clayton-fi_w-i .clayton-fi-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.clayton-fi_w-i.clayton-media-or .clayton-fi-bg {
background-size: contain;
}
.clayton-fi_w-i .clayton-fi-bg-hidden {
display: none;
}
.clayton-media ~ .clayton-ph .clayton-ph_wi {
padding-top: 24px;
}
.clayton-featured-image-stroke-disabled .clayton-media + .clayton-detail span {
display: none;
}
.clayton-page-title-stroke-disabled .clayton-ph + .clayton-detail {
display: none;
}
.clayton-page-title-stroke-disabled .clayton-ph + .clayton-detail + .clayton-c {
padding-top: 48px;
}
.clayton-ph_wi {
padding: 24px 45px;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-ph_wi {
padding: 24px 18px;
}
}
.clayton-ph-desc {
margin-top: 24px;
}
.clayton-ph-t {
position: relative;
word-break: break-word;
-ms-word-wrap: break-word;
}
@media screen and (min-width: 768px) {
.clayton-ph-t {
font-family: "decalotype";
font-size: 72px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .05em;
text-transform: uppercase;
}
}
@media screen and (max-width: 768px) {
.clayton-ph-t {
font-size: 36px;
}
}
.clayton-ph-t:before {
content: attr(data-title);
position: absolute;
top: 50%;
right: 50%;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
-webkit-transform: translate(50%, 0%) scale(4);
-moz-transform: translate(50%, 0%) scale(4);
-ms-transform: translate(50%, 0%) scale(4);
-o-transform: translate(50%, 0%) scale(4);
transform: translate(50%, 0%) scale(4);
z-index: -2;
color: #000;
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
-o-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, black);
opacity: 0;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
-moz-transition:    -moz-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
-o-transition:      -o-transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
transition:         transform 1.2s cubic-bezier(.215, .61, .355, 1), opacity 1.2s;
font-family: "decalotype";
font-size: 72px;
font-weight: 700;
line-height: 1.25;
letter-spacing: .05em;
text-transform: uppercase;
}
.clayton-p-reveal .clayton-ph-t:before {
opacity: .04;
-webkit-transform: translate(50%, -50%) scale(4);
-moz-transform: translate(50%, -50%) scale(4);
-ms-transform: translate(50%, -50%) scale(4);
-o-transform: translate(50%, -50%) scale(4);
transform: translate(50%, -50%) scale(4);
}
.clayton-page-title-fx-disabled .clayton-ph-t:before,
.clayton-page-title-fx-disabled .clayton-ph-t:after {
display: none;
}
.clayton-ph-bt_w {
margin-bottom: 12px;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
color: #000;
}
.clayton-ph-bt_w span + span {
margin-left: 18px;
}
.clayton-ph-bt_w span:empty {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-ph-bt_w {
margin-bottom: 16px;
}
}
.clayton-ph-bt_w a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-ph-bt_w a:hover {
border-color: #cdb88d;
}
.clayton-ph-at_w {
margin-top: 12px;
font-family: "IBM Plex Sans";
font-size: 18px;
font-style: italic;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
color: #6e757c;
}
.clayton-ph-at_w span + span {
margin-left: 18px;
}
.clayton-ph-at_w span:empty {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-ph-at_w {
margin-top: 16px;
}
}
.clayton-ph-at_w a {
color: inherit;
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.clayton-ph-at_w a:hover {
border-color: #cdb88d;
} @media screen and (max-width: 768px) {
.clayton-g-t-carousel {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-carousel + .clayton-detail {
padding-top: 0 !important;
}
}
@media screen and (min-width: 768px) {
.clayton-g-t-carousel:not(.clayton-g-t-grid) .clayton-g-i {
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-g-t-carousel .evolvethemes-image {
overflow: hidden;
}
.clayton-g-t-carousel .clayton-g-c {
height: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-carousel .clayton-g-c:after {
content: "flickity";
display: none;
}
@media screen and (max-width: 768px) {
.clayton-g-t-carousel .clayton-g-c:after {
content: "";
}
}
.clayton-g-t-carousel .clayton-g-c .flickity-viewport {
height: 100% !important;
}
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-next .evolvethemes-image,
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-next .evolvethemes-image > a {
cursor: url(//docuimages.de/wp-content/themes/clayton/img/clayton-chev-right.svg), pointer;
}
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-prev .evolvethemes-image,
.clayton-g-t-carousel .clayton-g-i.clayton-g-i-prev .evolvethemes-image > a {
cursor: url(//docuimages.de/wp-content/themes/clayton/img/clayton-chev-left.svg), pointer;
}
.clayton-g-t-carousel .clayton-counter {
display: inline-block;
position: absolute;
top: 100%;
right: 0;
font-size: 13px;
color: #6e757c;
padding-top: 3px;
transition: opacity .2s;
}
.clayton-scrolled .clayton-g-t-carousel .clayton-counter {
opacity: 0;
}
@media screen and (max-width: 768px) {
.clayton-g-t-carousel .clayton-counter {
display: none;
}
}
.clayton-g-t-carousel.clayton-media-or .clayton-counter {
right: 30px;
padding-top: 4px;
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
}
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
top: 32px;
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) {
top: 46px;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered):not(.clayton-media-or) {
left: 30px;
right: 30px;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered):not(.clayton-media-or) {
left: 0;
right: 0;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: 100vh;
}
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: calc( 100vh - 32px );
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) + * {
padding-top: calc( 100vh - 46px );
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .clayton-g-i {
height: 100%;
width: auto;
padding: 7px;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .clayton-g-i {
height: auto;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image,
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image .evolvethemes-image-wrapper {
height: 100%;
display: block;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image,
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image .evolvethemes-image-wrapper {
height: auto;
max-width: 100%;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image a {
height: 100%;
font-weight: inherit;
color: inherit;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) .evolvethemes-image a {
height: auto;
}
}
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) img {
max-width: none;
width: auto;
height: 100%;
}
@media screen and (max-width: 768px) {
.clayton-media:not(.clayton-g-t-grid):not(.clayton-g-t-scattered) img {
height: auto;
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.clayton-media.clayton-fi_w-i + * {
padding-top: 80vh;
}
}
@media screen and (max-width: 768px) {
.admin-bar .clayton-media.clayton-fi_w-i + * {
padding-top: calc( 80vh - 46px );
}
}
.clayton-ph ~ .clayton-g-t-grid {
padding-top: 24px;
padding-bottom: 24px;
}
.clayton-g-t-grid {
padding-top: 24px;
padding-bottom: 24px;
padding-top: 20vh;
}
.clayton-g-t-grid::after {
clear: both;
content: "";
display: table;
}
.clayton-g-t-grid .clayton-g-c {
margin-left: -7px;
margin-right: -7px;
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
.clayton-g-t-grid .clayton-g-i {
float: left;
padding: 7px;
}
.clayton-g-t-grid .clayton-g-i .evolvethemes-image figcaption {
pointer-events: none;
}
.clayton-grid-cols-1 .clayton-g-i {
width: 100%;
}
.clayton-grid-cols-1 .clayton-g-i .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.clayton-grid-cols-1 .clayton-g-i.clayton-image-caption .evolvethemes-image {
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-grid-cols-1 .clayton-g-i.clayton-image-caption .evolvethemes-image figcaption {
pointer-events: initial;
position: relative;
display: block;
top: 0;
right: 0;
bottom: 0;
width: 100%;
max-width: 100%;
text-align: center;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.clayton-grid-cols-2 .clayton-g-i {
width: 50%;
}
.clayton-grid-cols-3 .clayton-g-i {
width: 33.33333333%;
}
.clayton-grid-cols-4 .clayton-g-i {
width: 25%;
}
.clayton-g-t-grid.clayton-grid-full .clayton-g-c {
margin-left: calc( 50% - 50vw + 30px - 7px );
margin-right: calc( 50% - 50vw + 30px - 7px );
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 12.5%;
}
@media screen and (max-width: 1600px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 14.28571429%;
}
}
@media screen and (max-width: 1200px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 16.66666667%;
}
}
@media screen and (max-width: 1024px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 20%;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-grid.clayton-grid-full .clayton-g-i {
width: 33.33333333%;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-row {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-row + .clayton-detail {
padding-top: 0 !important;
}
}
.clayton-g-r {
position: absolute;
top: 0;
right: -7px;
bottom: 0;
left: -7px;
overflow: hidden;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.clayton-g-r {
overflow-x: visible;
}
}
@media screen and (max-width: 768px) {
.clayton-g-r {
position: relative;
left: 0;
right: 0;
}
}
.clayton-g-r-tr,
.clayton-g-r-br {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
height: 50%;
}
.clayton-g-r-tr .clayton-g-i .evolvethemes-image,
.clayton-g-r-br .clayton-g-i .evolvethemes-image {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.clayton-g-r-tr,
.clayton-g-r-br {
display: block;
width: 100%;
height: auto;
transform: none !important;
}
}
.clayton-row-single .clayton-g-r-tr {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width:    -moz-max-content;
width: -webkit-max-content;
width:         max-content;
height: 100%;
}
@media screen and (max-width: 768px) {
.clayton-row-single .clayton-g-r-tr {
display: block;
width: 100%;
height: auto;
transform: none !important;
}
}
.clayton-ph ~ .clayton-g-t-scattered {
padding-top: 24px;
padding-bottom: 24px;
}
.clayton-g-t-scattered {
padding-top: 24px;
padding-bottom: 24px;
padding-top: 20vh;
}
.clayton-g-t-scattered .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.clayton-g-t-scattered .evolvethemes-image a {
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-scattered .evolvethemes-image figcaption {
position: relative;
right: auto;
bottom: auto;
opacity: 1;
max-width: 80%;
display: none;
}
.clayton-g-t-scattered .evolvethemes-image figcaption:not(:empty) {
background: transparent;
padding: 12px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: none;
}
.clayton-g-t-scattered .clayton-image-caption figcaption {
display: block;
}
@media screen and (max-width: 768px) {
.clayton-g-t-scattered .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
.clayton-g-t-scattered .clayton-g-i {
float: left;
padding: 7px;
}
}
@media screen and (min-width: 769px) {
.clayton-g-t-scattered .clayton-g-c {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 1vw;
}
}
.clayton-g-t-scattered.clayton-grid-full .clayton-g-c {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
}
@media screen and (max-width: 768px) {
.clayton-g-t-scattered.clayton-grid-full .clayton-g-c {
margin-left: 11px;
margin-right: 11px;
}
}
@media screen and (min-width: 769px) {
.clayton-scattered-pattern-a .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+1) {
padding-bottom: 18%;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+2) {
padding: 36% 12% 0 18%;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+3) {
padding: 6% 0 0;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+4) {
padding: 0 0 12%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+5) {
padding: 14% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+6) {
padding: 30% 0 15% 10%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+7) {
padding: 24% 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+8) {
padding: 0 10% 0 4%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-a .clayton-g-i:nth-child(9n+9) {
padding: 28% 0 0;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+1) {
padding: 0 6% 18% 0;
grid-column-start: span 6;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+2) {
padding: 18% 18% 0 18%;
grid-column-start: span 6;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+3) {
padding: 0 12%;
grid-column-start: span 5;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+4) {
padding: 36% 12% 0 0;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+5) {
padding: 0 0 0 6%;
grid-column-start: span 4;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+6) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+7) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+8) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-b .clayton-g-i:nth-child(9n+9) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-scattered-pattern-c .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 8;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+2) {
grid-column-start: 9;
grid-column-end: 12;
padding: 36% 0 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+3) {
grid-column-start: 5;
grid-column-end: 11;
padding: 12% 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+4) {
grid-column-start: 2;
grid-column-end: 6;
padding: 12% 0 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+5) {
grid-column-start: 7;
grid-column-end: 12;
padding: 0 0 24% 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+6) {
grid-column-start: span 5;
padding: 24% 12% 0 0;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+7) {
grid-column-start: span 3;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+8) {
grid-column-start: span 4;
padding: 6% 0 0 6%;
}
.clayton-scattered-pattern-c .clayton-g-i:nth-child(9n+9) {
grid-column-start: 3;
grid-column-end: 10;
padding: 24% 0 24% 4%;
}
.clayton-scattered-pattern-d .clayton-g-i {
grid-column-start: span 4;
text-align: center;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 5;
padding: 38% 0 0 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+2) {
grid-column-start: 6;
grid-column-end: 12;
padding: 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+3) {
grid-column-start: 3;
grid-column-end: 9;
padding: 12% 0;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+4) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+5) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+6) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+7) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+8) {
padding: 0 6% 12% 0;
grid-column-start: span 6;
}
.clayton-scattered-pattern-d .clayton-g-i:nth-child(9n+9) {
padding: 18%;
grid-column-start: span 6;
}
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow {
position: relative !important;
top: 0 !important;
bottom: 0 !important;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 15.5px;
}
.clayton-g-t-slideshow + .clayton-detail {
padding-top: 0 !important;
}
}
@media screen and (min-width: 768px) {
.clayton-g-t-slideshow:not(.clayton-g-t-grid) .clayton-g-i {
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-g-t-slideshow .evolvethemes-image {
overflow: hidden;
}
.clayton-g-t-slideshow .clayton-g-c {
height: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-g-t-slideshow .clayton-g-c:after {
content: "flickity";
display: none;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-g-c:after {
content: "";
}
}
.clayton-g-t-slideshow .clayton-g-c .flickity-viewport {
height: 100% !important;
}
.clayton-g-t-slideshow .clayton-g-i {
opacity: 0;
transition: opacity .2s;
pointer-events: none;
width: 100% !important;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-g-i {
opacity: 1;
pointer-events: initial;
}
}
.clayton-g-t-slideshow .clayton-g-i.clayton-is-selected {
opacity: 1;
pointer-events: initial;
}
.clayton-g-t-slideshow .clayton-counter {
display: inline-block;
position: absolute;
top: 100%;
right: 0;
font-size: 13px;
color: #6e757c;
padding-top: 3px;
transition: opacity .2s;
}
.clayton-scrolled .clayton-g-t-slideshow .clayton-counter {
opacity: 0;
}
@media screen and (max-width: 768px) {
.clayton-g-t-slideshow .clayton-counter {
display: none;
}
}
.clayton-g-t-slideshow.clayton-media-or .clayton-counter {
right: 30px;
padding-top: 4px;
}
.clayton-prev-next-button {
position: absolute;
right: 50%;
height: 24px;
width: 24px;
padding: 0;
margin: 0;
background: transparent;
border: none;
opacity: .3;
transition: opacity .2s;
bottom: -24px;
}
.clayton-scrolled .clayton-prev-next-button {
opacity: 0 !important;
pointer-events: none;
}
.clayton-prev-next-button:hover:not(:disabled) {
opacity: 1;
}
.clayton-prev-next-button:disabled {
opacity: .1;
cursor: default;
}
.clayton-media-or .clayton-prev-next-button {
bottom: -38px;
}
.clayton-prev-next-button:focus {
outline: none;
}
.clayton-prev-next-button.previous {
transform: translateX(50%);
margin-right: 36px;
}
.clayton-prev-next-button.previous:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
}
.clayton-prev-next-button.next {
transform: translateX(50%);
margin-right: -36px;
}
.clayton-prev-next-button.next:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
} .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-blog-l {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.clayton-blog-l .hentry {
width: 33.33333333%;
float: left;
}
@media screen and (max-width: 768px) {
.clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-l-ws .clayton-blog-l .hentry {
width: 50%;
}
@media screen and (max-width: 768px) {
.clayton-l-ws .clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-blog-2col .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.clayton-blog-2col .clayton-blog-l {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
}
.clayton-blog-2col .clayton-blog-l .hentry {
width: 50%;
float: left;
}
@media screen and (max-width: 768px) {
.clayton-blog-2col .clayton-blog-l .hentry {
width: 100%;
}
}
.clayton-blog-2col .clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-blog-l {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 0;
padding-bottom: 0;
}
.clayton-blog-full .clayton-blog-l .hentry {
width: 100%;
float: left;
}
.clayton-blog-full .clayton-blog-l .hentry .clayton-e-w_i {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-l-ws .clayton-blog-l {
margin-left: auto;
margin-right: auto;
}
.clayton-blog-full .clayton-l-ws .clayton-blog-l .hentry .clayton-e-w_i {
max-width: none;
}
.clayton-l-w + .clayton-page-navigation {
margin-top: 48px;
}
.clayton-l-w .hentry .entry-title a:hover,
.clayton-l-w .hentry .clayton-entry-cl a:hover {
border-color: transparent;
}
.hentry {
padding: 24px 45px;
padding-top: 48px;
padding-bottom: 48px;
opacity: 1;
position: relative;
transition: opacity .4s, background-color .4s;
}
@media screen and (max-width: 768px) {
.hentry {
padding: 24px 18px;
}
}
.hentry .evolvethemes-image > a {
cursor: pointer;
}
.hentry.sticky:before {
content: "";
display: block;
position: absolute;
top: 12px;
right: 11px;
bottom: 12px;
left: 11px;
border: 1px solid;
border-color: #cdb88d;
opacity: 0;
transition: opacity .2s;
z-index: -1;
}
@media screen and (max-width: 768px) {
.hentry.sticky:before {
display: none;
}
}
.hentry.sticky:hover:before {
opacity: 1;
}
.hentry.sticky:hover:after {
opacity: 0;
}
.hentry.sticky:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-animation: none;
-moz-animation: none;
animation: none;
transition: opacity .4s;
}
.hentry:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fafafa;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s cubic-bezier(.645, .045, .355, 1);
z-index: -2;
}
.hentry.format-quote header:after {
display: none;
}
.hentry.format-quote blockquote {
margin-top: 0;
margin-bottom: 0;
}
.hentry:hover header:after {
-webkit-animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
-moz-animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
animation: detail_post .4s cubic-bezier(.645, .045, .355, 1);
}
.hentry:hover:after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hentry.evolvethemes-ajax-in {
opacity: 0;
}
.hentry .clayton-e-m {
margin-bottom: 24px;
}
.hentry .clayton-e-m .evolvethemes-image {
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.hentry .clayton-e-m a {
border-bottom: none;
}
.hentry header::after {
clear: both;
content: "";
display: table;
}
.hentry header:after {
width: 45px;
height: 3px;
content: "";
display: inline-block;
background-color: #cdb88d;
margin-top: 16px;
float: left;
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.hentry .clayton-entry-cl {
margin-bottom: 6px;
font-size: 13px;
color: #6e757c;
}
.hentry .clayton-entry-cl a {
color: inherit;
font-weight: inherit;
}
.hentry .entry-title {
font-family: "IBM Plex Sans";
font-size: 17px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
word-break: break-all;
word-break: break-word;
-ms-word-wrap: break-word;
}
.hentry .entry-title a {
font-weight: inherit;
}
.hentry .clayton-e-c_w {
clear: both;
padding-top: 16px;
}
.hentry .clayton-e-c_w .entry-content + .entry-date {
margin-top: 16px;
}
.hentry .clayton-e-c_w .entry-content {
font-family: "IBM Plex Sans";
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
text-transform: none;
}
.hentry .clayton-e-c_w .entry-date {
display: inline-block;
font-size: 13px;
color: #6e757c;
}
.hentry .clayton-pfl {
margin-bottom: 12px;
background-color: #fafafa;
padding: .4em 1em;
font-size: 14px;
transition: background-color .2s;
}
.hentry:hover .clayton-pfl {
background-color: #fff;
}
.hentry.format-gallery:hover .clayton-e-m .evolvethemes-image:after {
opacity: 0;
}
.hentry.format-gallery .clayton-e-m .evolvethemes-image:after {
pointer-events: none;
cursor: pointer;
content: "";
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
left: 50%;
color: #fff;
height: 24px;
width: 24px;
font-size: 24px;
line-height: 1;
z-index: 2;
transition: opacity .2s;
}
.hentry.format-gallery .clayton-e-m .evolvethemes-image:before {
pointer-events: none;
cursor: pointer;
content: "";
display: block;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
background-color: #000;
border-radius: 50em;
height: 48px;
width: 48px;
box-shadow: 0 0 48px 24px #000;
opacity: .12;
z-index: 1;
}
.hentry.format-quote .entry-date {
font-weight: 300;
}
.search .clayton-blog-l {
position: relative;
padding-bottom: 48px;
}
.search .clayton-blog-l:after {
content: "";
display: block;
position: absolute;
right: 45px;
bottom: 0;
left: 45px;
border-bottom: 1px solid;
border-color: #fafafa;
}
.search .clayton-blog-l + .clayton-mc-w_i {
padding-top: 48px;
}
.search .clayton-blog-l + .clayton-mc-w_i > p {
text-align: center;
margin-bottom: 24px;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
}
.clayton-e-nothing-found {
text-align: center;
}
.clayton-sp-metas {
clear: both;
}
.clayton-sp-metas > div {
width: 100%;
}
.clayton-sp-metas > div > span {
display: block;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 8px;
}
.clayton-sp-metas a {
font-size: 13px;
color: #6e757c;
font-weight: inherit;
}
.clayton-sp-metas a + a {
margin-left: 6px;
}
.clayton-sp-metas .clayton-sp-tags a:before {
content: "#";
display: inline-block;
}
.clayton-sp-metas > div {
text-align: center;
width: 100%;
}
.clayton-sp-metas > div:first-child {
position: relative;
padding-top: 27px;
}
.clayton-sp-metas > div:first-child:before {
content: "";
display: block;
border-top: 3px solid;
border-color: #cdb88d;
height: 0;
width: 90px;
position: absolute;
top: 0;
right: 50%;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
.clayton-sp-metas > div + div {
padding-top: 24px;
text-align: center;
}
.clayton-sp-p {
top: 50%;
right: 30px;
left: 30px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: fixed;
margin-left: auto;
margin-right: auto;
padding: 0;
pointer-events: none;
z-index: 14;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: .2s;
}
.clayton-scrolled .clayton-sp-p {
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 768px) {
.clayton-sp-p {
position: relative;
left: auto;
right: auto;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 24px 18px;
}
}
.clayton-sp-p .clayton-sp-ni_w {
pointer-events: initial;
position: relative;
top: 0;
min-height: 100px;
width: 32px;
background-color: #cdb88d;
cursor: pointer;
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni_w {
position: relative;
width: 50%;
}
}
.clayton-sp-p .clayton-sp-ni_w:hover .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.clayton-sp-p .clayton-sp-ni_w:hover .clayton-sp-ni_w-i {
opacity: 1;
}
.clayton-sp-p .clayton-sp-ni_w-i {
position: relative;
z-index: 10;
opacity: 0;
transition: opacity .4s .2s;
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni_w-i {
opacity: 1;
width: 100%;
}
}
.clayton-sp-p .clayton-sp-p-w_i {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
justify-content: space-between;
}
.clayton-sp-p .clayton-sp-p-w_i.clayton-sp-p-first {
-webkit-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.clayton-sp-p .clayton-sp-ni {
font-weight: inherit;
position: absolute;
top: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
width: 100%;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: none;
line-height: 1.25;
border-bottom: 0;
padding: 12px 18px;
width: 260px;
min-height: 100px;
background-color: #cdb88d;
-webkit-transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
-moz-transition:    -moz-transform .4s cubic-bezier(.645, .045, .355, 1);
-o-transition:      -o-transform .4s cubic-bezier(.645, .045, .355, 1);
transition:         transform .4s cubic-bezier(.645, .045, .355, 1);
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-sp-ni {
width: 100%;
position: relative;
height: 100%;
}
}
.clayton-sp-p .clayton-sp-bg {
display: block;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.clayton-sp-p .clayton-sp-bg:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background-color: rgba(0, 0, 0, .4);
z-index: 1;
}
.clayton-sp-p .clayton-sp-bg span {
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.clayton-sp-p .clayton-sp-label {
display: block;
font-family: "decalotype";
font-size: 13px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
margin-bottom: 8px;
position: relative;
}
.clayton-sp-p .clayton-sp-title {
font-size: 13px;
word-break: break-word;
-ms-word-wrap: break-word;
}
.clayton-sp-p .clayton-previous-post {
left: 0;
}
.clayton-sp-p .clayton-previous-post .clayton-sp-ni {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding-left: 34px;
left: 0;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-previous-post .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.clayton-sp-p .clayton-previous-post:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
left: 8px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 15;
}
.clayton-sp-p .clayton-next-post {
right: 0;
}
.clayton-sp-p .clayton-next-post .clayton-sp-ni {
padding-right: 34px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-sp-p .clayton-next-post .clayton-sp-ni {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
text-align: right;
}
}
.clayton-sp-p .clayton-next-post:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 15;
}
form.post-password-form {
padding: 24px 45px;
border: 1px solid;
border-color: #cdb88d;
text-align: center;
}
@media screen and (max-width: 768px) {
form.post-password-form {
padding: 24px 18px;
}
}
.clayton-l-ws form.post-password-form {
text-align: left;
}
form.post-password-form p:first-of-type {
margin-bottom: 24px;
font-weight: bold;
}
form.post-password-form label {
width: 100%;
}
form.post-password-form input {
width: 100%;
margin-top: 12px;
}
form.post-password-form button {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
display: inline-block;
}
form.post-password-form button:focus {
outline: none;
} .clayton-c .clayton-404-d {
text-align: center;
}
.clayton-c .clayton-404-d a {
display: inline-block;
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
margin-top: 2em;
}
.clayton-c .clayton-404-d a:focus {
outline: none;
}
.page-template-template-about .clayton-c_w {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.page-template-template-about .clayton-c_w > * {
width: 33.33333333%;
}
.page-template-template-about .clayton-c_w > *:nth-child(1):nth-last-child(1) {
width: 50%;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w > *:nth-child(1):nth-last-child(1) {
width: 100%;
}
}
@media screen and (max-width: 1200px) {
.page-template-template-about .clayton-c_w > * {
width: 41.66666667%;
}
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-c_w > * {
width: 100%;
}
}
.page-template-template-about .clayton-c_w .clayton-mc {
width: 100%;
}
.page-template-template-about .clayton-about-fi {
padding: 24px 45px;
padding-right: 0;
}
@media screen and (max-width: 768px) {
.page-template-template-about .clayton-about-fi {
padding: 24px 18px;
}
}
.clayton-att-md {
text-align: center;
}
.clayton-att-md dt,
.clayton-att-md dd {
margin-left: 0;
}
.page-template-template-full .clayton-mc {
margin: 0 30px;
width: auto;
} .widget {
list-style-type: none;
color: currentColor;
}
.widget a {
color: currentColor;
}
.widget-title,
.widgettitle {
font-family: "decalotype";
font-size: 12px;
font-weight: 500;
line-height: 1.5;
letter-spacing: .3em;
text-transform: uppercase;
color: #cdb88d;
margin-bottom: 36px;
position: relative;
}
.clayton-sidebar_w-i {
position: relative;
font-size: 14px;
}
.clayton-sidebar_w-i:before {
content: "";
display: block;
position: absolute;
top: 24px;
bottom: 24px;
left: 0;
width: 1px;
height: 100%;
background-color: rgba(0, 0, 0, .06);
}
.clayton-l-c-sl .clayton-sidebar_w-i:before {
left: auto;
right: 0;
}
@media screen and (max-width: 768px) {
.clayton-sidebar_w-i:before {
display: none;
}
}
.clayton-sidebar_w-i .widget {
padding: 24px 45px;
}
@media screen and (max-width: 768px) {
.clayton-sidebar_w-i .widget {
padding: 24px 18px;
}
}
.widget_calendar table {
width: 100%;
border-spacing: 1px;
border-collapse: separate;
}
.widget_calendar table caption {
margin: 12px 0;
font-family: "decalotype";
font-size: 14px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .2em;
text-transform: uppercase;
color: currentColor;
}
.widget_calendar table thead th {
border-bottom: none;
padding-bottom: 12px;
}
.widget_calendar table tbody {
font-size: 14px;
}
.widget_calendar table tbody tr:first-child th,
.widget_calendar table tbody tr:first-child td {
padding-top: 12px;
}
.widget_calendar table tbody td {
border-bottom: none;
background-color: rgba(255, 255, 255, .05);
-webkit-transition: background-color .2s;
-moz-transition: background-color .2s;
transition: background-color .2s;
}
.widget_calendar table tbody td:hover {
background-color: rgba(255, 255, 255, 0);
}
.widget_calendar table tbody td.pad {
background-color: transparent;
}
.widget_calendar table tfoot {
font-size: 14px;
}
.widget_calendar table tfoot td {
border-bottom: none;
padding-top: 12px;
}
.widget_calendar table td,
.widget_calendar table th {
text-align: center;
}
.widget_calendar table td:after,
.widget_calendar table th:after {
display: none;
}
.widget_calendar table th {
text-transform: uppercase;
}
.widget_calendar table #prev {
text-align: left;
}
.widget_calendar table #next {
text-align: right;
}
.widget_recent_comments,
.widget_recent_entries {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget_recent_comments li,
.widget_recent_entries li {
list-style-type: none;
margin: 0;
position: relative;
padding: 6px 0;
}
.widget_rss li {
margin: 0;
list-style-type: none;
}
.widget_rss li + li {
margin-top: 36px;
}
.widget_rss li .rss-date {
display: block;
font-size: 13px;
margin-top: 6px;
}
.widget_rss li .rssSummary {
margin-top: 12px;
}
.widget_rss li cite {
display: inline-block;
margin-top: 12px;
font-style: italic;
font-size: 13px;
}
.tagcloud::after {
clear: both;
content: "";
display: table;
}
.tagcloud a {
font-size: .8em !important;
margin: 0 8px 8px 0;
float: left;
}
.widget_categories ul ul,
.widget_archive ul ul,
.widget_pages ul ul,
.widget_meta ul ul {
padding-left: 1rem;
}
.widget_categories li,
.widget_archive li,
.widget_pages li,
.widget_meta li {
list-style: none;
}
.widget_nav_menu ul li {
list-style-type: none;
}
.clayton-social-widget li {
list-style: none;
}    .pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 9999;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
} .pswp--animate_opacity { opacity: .001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor:    -moz-zoom-in;
cursor:         zoom-in;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor:    -moz-grab;
cursor:         grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
cursor:         grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition:         transform 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: rgba(0, 0, 0, .08);
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc;
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline;
}    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: .9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
} .pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: none;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: none;
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp__button--zoom {
display: none;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
} .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
} .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
mix-blend-mode: difference;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
} .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform .25s;
transition:         transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a;
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff;
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d;
}
a.pswp__share--download:hover {
background: #ddd;
} .pswp__counter {
position: fixed;
right: 0;
bottom: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px;
} .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
color: #fff;
mix-blend-mode: difference;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: opacity .2s;
}
.pswp__ui--idle .pswp__caption {
opacity: 0;
}
.pswp__caption small {
font-size: 11px;
}
.pswp__caption__center {
text-align: center;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
}
.pswp__caption--empty {
display: none;
} .pswp__caption--fake {
visibility: hidden;
} .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn { background: url(//docuimages.de/wp-content/themes/clayton/img/default-skin/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
} .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
mix-blend-mode: difference;
}
.admin-bar .pswp__top-bar {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .pswp__top-bar {
top: 46px;
}
}
.pswp--fs .pswp__top-bar {
top: 0 !important;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
} .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}  .pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
} .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: .001;
} .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.pswp__button {
line-height: 1;
text-align: center;
color: #fff;
}
.pswp__button:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
height: 16px;
width: 16px;
font-size: 16px;
}
.pswp__button.pswp__button--close:before {
content: "";
}
.pswp__button.pswp__button--share:before {
content: "";
}
.pswp__button.pswp__button--fs:before {
content: "";
}
.pswp--fs .pswp__button.pswp__button--fs:before {
content: "";
}
.pswp__button.pswp__button--zoom:before {
content: "";
}
.pswp--zoomed-in .pswp__button.pswp__button--zoom:before {
content: "";
}
.pswp__button.pswp__button--arrow--left:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.pswp__button.pswp__button--arrow--right:before {
content: "";
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
-moz-transform: translateX(50%) translateY(-50%);
-ms-transform: translateX(50%) translateY(-50%);
-o-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.clayton-lightbox-no-zoom .pswp--zoom-allowed .pswp__img {
cursor: default !important;
pointer-events: none !important;
}
.clayton-lightbox-no-zoom .pswp--zoom-allowed .pswp__button--zoom {
display: none !important;
} .clayton-collection-albums-cover {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
padding-top: 5px;
padding-bottom: 5px;
}
.clayton-collection-albums-cover::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-cover {
padding: 9px 18px;
margin-left: auto;
margin-right: auto;
}
}
.clayton-collection-cover-album_w {
margin-left: -14px;
margin-right: -14px;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album_w {
margin-left: -9px;
margin-right: -9px;
}
}
.clayton-collection-cover-album {
position: relative;
padding: 14px;
width: 33.33333333%;
float: left;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album {
padding: 9px;
}
}
.clayton-collection-cover-album a {
width: 100%;
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
color: #fff;
position: relative;
overflow: hidden;
font-weight: inherit;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album a {
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
color: #000;
}
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album a:hover .clayton-collection-cover-album-overlay {
opacity: 1;
}
.clayton-collection-cover-album a:hover .evolvethemes-image {
transform: scale(1.1);
}
}
.clayton-collection-cover-album .evolvethemes-image {
transition: transform .6s cubic-bezier(.215, .61, .355, 1);
transform: scale(1);
}
.clayton-collection-album-columns-2 .clayton-collection-cover-album {
width: 50%;
}
.clayton-collection-album-columns-3 .clayton-collection-cover-album {
width: 33.33333333%;
}
.clayton-collection-album-columns-4 .clayton-collection-cover-album {
width: 25%;
}
.clayton-collection-cover-album-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
z-index: 10;
transition: opacity .2s;
opacity: 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album-overlay {
opacity: 1;
position: relative;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
margin-top: 12px;
text-align: left;
}
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album-overlay:before {
content: "";
display: block;
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: .5;
}
}
.clayton-collection-cover-album-overlay > * + * {
margin-top: 4px;
}
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
z-index: 5;
}
@media screen and (min-width: 768px) {
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
font-family: "decalotype";
font-size: 20px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
}
}
@media screen and (max-width: 768px) {
.clayton-collection-cover-album-overlay .clayton-collection-album-cover-title {
font-family: "IBM Plex Sans";
font-size: 17px;
font-weight: 500;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
}
.clayton-collection-cover-album-overlay .clayton-collection-albums-cover-image-num {
font-size: 13px;
z-index: 5;
}
@media screen and (min-width: 769px) {
.clayton-collection-album-scattered .clayton-collection-cover-album_w {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-column-gap: 2vw;
grid-row-gap: 1vw;
margin-left: auto;
margin-right: auto;
}
.clayton-collection-album-scattered .clayton-collection-cover-album_w .clayton-collection-cover-album {
width: 100%;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.clayton-collection-album-scattered .clayton-collection-cover-album_w .clayton-collection-cover-album a {
width: auto;
}
.clayton-collection-album-scattered.clayton-collection-album-layout-full .clayton-collection-cover-album_w {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
}
}
@media screen and (min-width: 769px) and (max-width: 768px) {
.clayton-collection-album-scattered.clayton-collection-album-layout-full .clayton-collection-cover-album_w {
margin-left: 11px;
margin-right: 11px;
}
}
@media screen and (min-width: 769px) {
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+1) {
padding-bottom: 18%;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+2) {
padding: 36% 12% 0 18%;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+3) {
padding: 6% 0 0;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+4) {
padding: 0 0 12%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+5) {
padding: 14% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+6) {
padding: 30% 0 15% 10%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+7) {
padding: 24% 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+8) {
padding: 0 10% 0 4%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-a .clayton-collection-cover-album:nth-child(9n+9) {
padding: 28% 0 0;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+1) {
padding: 0 6% 18% 0;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+2) {
padding: 18% 18% 0 18%;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+3) {
padding: 0 12%;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+4) {
padding: 36% 12% 0 0;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+5) {
padding: 0 0 0 6%;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+6) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+7) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+8) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-b .clayton-collection-cover-album:nth-child(9n+9) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 8;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+2) {
grid-column-start: 9;
grid-column-end: 12;
padding: 36% 0 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+3) {
grid-column-start: 5;
grid-column-end: 11;
padding: 12% 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+4) {
grid-column-start: 2;
grid-column-end: 6;
padding: 12% 0 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+5) {
grid-column-start: 7;
grid-column-end: 12;
padding: 0 0 24% 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+6) {
grid-column-start: span 5;
padding: 24% 12% 0 0;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+7) {
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+8) {
grid-column-start: span 4;
padding: 6% 0 0 6%;
}
.clayton-collection-scattered-pattern-c .clayton-collection-cover-album:nth-child(9n+9) {
grid-column-start: 3;
grid-column-end: 10;
padding: 24% 0 24% 4%;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album {
grid-column-start: span 4;
text-align: center;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+1) {
grid-column-start: 2;
grid-column-end: 5;
padding: 38% 0 0 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+2) {
grid-column-start: 6;
grid-column-end: 12;
padding: 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+3) {
grid-column-start: 3;
grid-column-end: 9;
padding: 12% 0;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+4) {
padding: 0 9% 20% 0;
grid-column-start: span 5;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+5) {
padding: 28% 10% 0 4%;
grid-column-start: span 3;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+6) {
padding: 8% 0 0;
grid-column-start: span 4;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+7) {
padding: 9% 0 15% 10%;
grid-column-start: 3;
grid-column-end: 11;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+8) {
padding: 0 6% 12% 0;
grid-column-start: span 6;
}
.clayton-collection-scattered-pattern-d .clayton-collection-cover-album:nth-child(9n+9) {
padding: 18%;
grid-column-start: span 6;
}
}
.clayton-collection-albums-photo_wall .evolvethemes-image {
float: left;
padding: 7px;
}
.clayton-collection-albums-photo_wall .evolvethemes-image,
.clayton-collection-albums-photo_wall .evolvethemes-image .evolvethemes-image-wrapper {
display: block;
max-width: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-photo_wall .evolvethemes-image,
.clayton-collection-albums-photo_wall .evolvethemes-image .evolvethemes-image-wrapper {
height: auto;
max-width: 100%;
}
}
.clayton-collection-albums-photo_wall .evolvethemes-image a {
font-weight: inherit;
color: inherit;
border-bottom: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-photo_wall .evolvethemes-image a {
height: auto;
}
}
.clayton-collection-lw-boxed {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-lw-boxed {
padding-left: 18px;
padding-right: 18px;
margin-left: auto;
margin-right: auto;
}
}
.clayton-collection-lw-full {
margin-left: calc( 50% - 50vw + 30px );
margin-right: calc( 50% - 50vw + 30px );
padding-left: 0;
padding-right: 0;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-lw-full {
margin-left: 18px;
margin-right: 18px;
}
}
.clayton-collection-photo_wall-album_w {
clear: both;
}
.clayton-collection-photo_wall-album_w:last-of-type .clayton-collection-photo_wall-album {
margin-bottom: 0;
}
.clayton-collection-photo_wall-album-title {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
}
.clayton-collection-photo_wall-album-title p {
font-family: "decalotype";
font-size: 24px;
font-weight: 700;
line-height: 1.5;
letter-spacing: .1em;
text-transform: uppercase;
}
.clayton-collection-photo_wall-album-title a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
}
.clayton-collection-photo_wall-album {
margin-left: -7px;
margin-right: -7px;
margin-bottom: 96px;
}
.clayton-collection-photo_wall-album::after {
clear: both;
content: "";
display: table;
}
.clayton-collection-density-low.clayton-collection-lw-boxed .evolvethemes-image {
width: 25%;
}
.clayton-collection-density-low.clayton-collection-lw-full .evolvethemes-image {
width: 20%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-low .evolvethemes-image {
width: 25%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-low .evolvethemes-image {
width: 33.33333333%;
}
}
.clayton-collection-density-normal.clayton-collection-lw-boxed .evolvethemes-image {
width: 16.66666667%;
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-normal.clayton-collection-lw-boxed .evolvethemes-image {
width: 25%;
}
}
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 12.5%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 16.66666667%;
}
}
@media screen and (max-width: 1200px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 20%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-normal.clayton-collection-lw-full .evolvethemes-image {
width: 25%;
}
}
.clayton-collection-density-high.clayton-collection-lw-boxed .evolvethemes-image {
width: 12.5%;
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-high.clayton-collection-lw-boxed .evolvethemes-image {
width: 16.66666667%;
}
}
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 8.33333333%;
}
@media screen and (max-width: 1600px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 10%;
}
}
@media screen and (max-width: 1200px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 12.5%;
}
}
@media screen and (max-width: 1024px) {
.clayton-collection-density-high.clayton-collection-lw-full .evolvethemes-image {
width: 16.66666667%;
}
}
.clayton-collection-photo_wall-albums-mobile-nav {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-photo_wall-albums-mobile-nav {
width: 100%;
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 9990;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
display: block;
}
.clayton-collection-photo_wall-albums-mobile-nav.clayton-collection-nav-open ul {
display: block;
}
.clayton-collection-photo_wall-albums-mobile-nav ul {
display: none;
list-style-type: none;
padding-left: 18px;
padding-right: 18px;
max-height: 300px;
overflow-y: auto;
}
.clayton-collection-photo_wall-albums-mobile-nav ul li {
padding: 12px 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
}
}
.clayton-collection-albums {
margin-left: calc( 50% - 100% );
margin-right: calc( 50% - 100% );
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums {
padding-left: 9px;
padding-right: 9px;
margin-left: auto;
margin-right: auto;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
}
.clayton-collection-albums-nav {
width: 25%;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav {
width: 100%;
position: fixed;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 9990;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
}
}
.clayton-collection-albums-nav .clayton-collection-active {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav .clayton-collection-active {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding: 12px 18px;
position: relative;
}
.clayton-collection-albums-nav .clayton-collection-active a + a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
}
.clayton-collection-albums-nav .clayton-collection-active .clayton-collection-nav-trigger {
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding-right: 18px;
padding-left: 18px;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
}
.clayton-collection-albums-nav .clayton-collection-active .clayton-collection-nav-trigger:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
content: "";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 24px;
width: 24px;
}
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-active {
background-color: #cdb88d;
color: #fff;
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-active a {
color: #fff;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav.clayton-collection-nav-open ul {
display: block;
}
}
.clayton-collection-albums-nav.clayton-collection-nav-open .clayton-collection-nav-trigger:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.clayton-collection-albums-nav ul {
list-style-type: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav ul {
padding-left: 18px;
padding-right: 18px;
max-height: 300px;
overflow-y: auto;
display: none;
}
}
.clayton-collection-albums-nav li {
padding: 12px 0;
margin: 0;
font-size: 16px;
line-height: 1.5;
font-family: "IBM Plex Sans";
font-weight: 300;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow-x: hidden;
}
.clayton-collection-albums-nav li a:after {
content: "";
display: block;
width: 20vw;
height: 2px;
margin-top: -1px;
margin-left: 12px;
background-color: #cdb88d;
position: absolute;
top: 50%;
left: 100%;
transform-origin: left center;
transform: scale3d(0, 1, 1);
transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}
.clayton-collection-albums-nav li a + a {
font-size: 13px;
color: #6e757c;
clear: both;
font-weight: inherit;
display: none;
}
.clayton-collection-albums-nav li.clayton-current a {
position: relative;
}
.clayton-collection-albums-nav li.clayton-current a:first-child {
font-style: italic;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a:first-child {
font-weight: 300;
color: #6e757c;
}
}
.clayton-collection-albums-nav li.clayton-current a:first-child:after {
transform: scale3d(1, 1, 1);
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a:first-child:after {
display: none;
}
}
.clayton-collection-albums-nav li.clayton-current a + a {
display: inline-block;
}
@media screen and (max-width: 768px) {
.clayton-collection-albums-nav li.clayton-current a + a {
margin-top: 6px;
}
}
.clayton-empty-album {
display: block;
width: 100%;
text-align: center;
padding: 24px 45px;
background-color: #fafafa;
}
.clayton-collection-album_w {
width: 75%;
padding-left: 45px;
}
@media screen and (max-width: 768px) {
.clayton-collection-album_w {
width: 100%;
padding-left: 0;
}
}
.clayton-collection-album {
margin-left: -6px;
margin-right: -6px;
}
.clayton-collection-album.clayton-fetching:before {
z-index: 100000;
content: "";
display: block;
margin-left: -10px;
margin-top: -10px;
height: 16px;
width: 16px;
border-top-width: 2px;
border-top-style: solid;
border-right-width: 2px;
border-right-style: solid;
border-right-color: transparent !important;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: transparent !important;
border-left-width: 2px;
border-left-style: solid;
border-top-color: #000;
border-left-color: #000;
border-radius: 50%;
position: absolute;
top: 24px;
left: 50%;
}
@media screen and (max-width: 768px) {
.clayton-collection-album {
margin-left: 0;
margin-right: 0;
}
}
.clayton-collection-album .evolvethemes-image {
width: 33.33333333%;
padding: 6px;
}
.clayton-collection-album .evolvethemes-image figcaption {
display: none;
}
.clayton-collection-album .evolvethemes-image a {
border-bottom: none;
display: -webkit-inline-box;
display:         inline-box;
display: -webkit-inline-flex;
display:         inline-flex;
-webkit-box-align: start;
box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.clayton-collection-album .evolvethemes-image a,
.clayton-collection-album .evolvethemes-image .evolvethemes-image-wrapper {
width: 100%;
}
.clayton-collection-album .evolvethemes-image .evolvethemes-image-wrapper b {
width: 100% !important;
}
.clayton-collection-album .evolvethemes-image img {
width: 100%;
}
@media screen and (max-width: 768px) {
.clayton-collection-album .evolvethemes-image {
padding: 9px;
}
}
.clayton-collection-album.clayton-collection-album-columns-2 .evolvethemes-image {
width: 50%;
}
.clayton-collection-album.clayton-collection-album-columns-3 .evolvethemes-image {
width: 33.33333333%;
}
.clayton-collection-album.clayton-collection-album-columns-4 .evolvethemes-image {
width: 25%;
}
.clayton-collection-mobile-trigger {
display: none;
}
@media screen and (max-width: 768px) {
.clayton-collection-mobile-trigger {
padding: 12px 18px;
position: relative;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #000;
cursor: pointer;
}
.clayton-collection-mobile-trigger span:first-child {
display: block;
}
.clayton-collection-mobile-trigger span:last-child {
display: none;
}
.clayton-collection-mobile-trigger:after {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
content: "";
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 24px;
width: 24px;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger {
background-color: #cdb88d;
color: #fff;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger span:first-child {
display: none;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger span:last-child {
display: block;
}
.clayton-collection-nav-open .clayton-collection-mobile-trigger:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
} .wpcf7-submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.wpcf7-submit:focus {
outline: none;
}
* + div.wpcf7 {
margin-top: 48px;
}
.wpcf7-form .wpcf7-response-output {
margin-left: auto;
margin-right: auto;
padding: 12px 45px;
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 12px;
}
.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea {
width: 100%;
}
.wpcf7-form .wpcf7-not-valid {
border-color: red;
}
.wpcf7-form .wpcf7-not-valid-tip {
font-size: 13px;
margin-top: 6px;
}
.clayton-c a.envira-gallery-link {
position: static;
}
.sd-social-official .share-linkedin .linkedin_button > span {
float: left;
}
.sd-social-official .share-pinterest .pinterest_button > a {
float: left;
}
.clayton-pll-switcher {
position: relative;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher {
display: none;
padding-left: 18px;
padding-right: 18px;
margin-left: 0;
margin-right: 0;
}
.clayton-menu-open .clayton-pll-switcher {
display: block;
}
}
.clayton-pll-switcher .clayton-pll-trigger {
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
text-transform: uppercase;
padding: 24px 6px;
margin: 0 6px;
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
transition: opacity .2s;
}
.clayton-ft .clayton-pll-switcher .clayton-pll-trigger {
opacity: 0;
transition: opacity .4s;
}
.clayton-ft.clayton-p-reveal .clayton-pll-switcher .clayton-pll-trigger {
opacity: 1;
}
.clayton-ft.clayton-p-reveal .clayton-pll-switcher .clayton-pll-trigger:hover {
opacity: .6;
}
.clayton-pll-switcher .clayton-pll-trigger:after {
margin-left: .3em;
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher .clayton-pll-trigger:after {
height: 14px;
width: 14px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher .clayton-pll-trigger {
margin: 0;
padding: 12px 0;
width: 100%;
font-family: "decalotype";
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-pll-switcher div {
top: 100%;
position: absolute;
right: 0;
z-index: 1000;
visibility: hidden;
opacity: 0;
background-color: #fff;
min-width: 240px;
box-shadow: 0 6px 20px -3px rgba(0, 0, 0, .2);
text-align: left;
border: 1px solid;
border-color: #cdb88d;
padding-top: 4px;
padding-bottom: 4px;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
-moz-transition: opacity .2s ease, visibility .2s ease, -moz-transform .2s ease;
-o-transition: opacity .2s ease, visibility .2s ease, -o-transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher div {
position: relative;
border: none;
top: auto;
min-width: 0;
box-shadow: none;
clear: both;
display: none;
padding-top: 0;
padding-bottom: 0;
}
}
.clayton-pll-switcher:hover div {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher:hover div {
display: block;
}
}
.clayton-pll-switcher ul {
padding: 0;
margin: 0;
display: block;
}
.clayton-pll-switcher ul li {
list-style: none;
position: relative;
display: block;
margin: 0 6px;
padding: 12px 6px;
}
.clayton-pll-switcher ul li::after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
}
.clayton-pll-switcher ul a {
color: currentColor;
position: relative;
font-weight: inherit;
cursor: pointer;
font-family: "decalotype";
font-size: 10px;
font-weight: 500;
line-height: 1;
letter-spacing: .2em;
text-transform: uppercase;
color: #000;
float: left;
transition: opacity .2s;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul a {
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .2em;
text-transform: uppercase;
}
}
.clayton-pll-switcher ul a img {
position: relative;
top: -1px;
margin-right: 6px;
}
.clayton-pll-switcher ul a:hover {
opacity: .6;
}
@media screen and (max-width: 768px) {
.clayton-pll-switcher ul a:hover {
opacity: 1;
}
}
.widget_polylang ul li {
display: inline-block;
list-style-type: none;
margin: 0 6px;
}
.widget_polylang ul li a {
display: inline;
position: relative;
transition: border-color .2s;
padding: 0;
font-weight: 500;
border-width: 0 0 2px 0;
border-style: none none solid none;
border-color: transparent;
}
.widget_polylang ul li a:hover {
border-color: #cdb88d;
}
.widget_polylang ul li a img {
margin-right: .3em;
}
.widget.null-instagram-feed {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: normal;
box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
}
.widget.null-instagram-feed p {
-webkit-box-ordinal-group: -1;
-webkit-order: -1;
order: -1;
margin-bottom: 24px;
font-family: "decalotype";
font-size: 14px;
font-weight: 500;
line-height: 1.25;
letter-spacing: .3em;
text-transform: uppercase;
}
.widget.null-instagram-feed .instagram-pics {
display: -webkit-box;
display:         box;
display: -webkit-flex;
display:         flex;
-webkit-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget.null-instagram-feed .instagram-pics li {
list-style-type: none;
margin: 0;
}
@media screen and (max-width: 767px) {
.widget.null-instagram-feed .instagram-pics li {
width: 33.33333333%;
}
.widget.null-instagram-feed .instagram-pics li img {
width: 100%;
}
}
#wpmem_login .buttons {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
#wpmem_login .buttons:focus {
outline: none;
}
#wpmem_login .req-text {
font-size: 14px;
}
#wpmem_login .button_div {
text-align: right;
margin-top: 24px;
}
#wpmem_login .div_text input {
width: 100%;
}
#wpmem_reg .buttons {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
#wpmem_reg .buttons:focus {
outline: none;
}
#wpmem_reg .req-text {
font-size: 14px;
color: #6e757c;
margin-top: 12px;
}
#wpmem_reg .button_div {
text-align: right;
margin-top: 24px;
}
#wpmem_reg .div_text input {
width: 100%;
}
.wpforms-submit {
border: 2px solid;
border-color: #cdb88d;
color: #cdb88d;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
}
.wpforms-submit:focus {
outline: none;
}
.wpforms-container .wpforms-field input.wpforms-error,
.wpforms-container .wpforms-field input.user-invalid,
.wpforms-container .wpforms-field textarea.wpforms-error,
.wpforms-container .wpforms-field textarea.user-invalid,
.wpforms-container .wpforms-field select.wpforms-error,
.wpforms-container .wpforms-field select.user-invalid {
border-color: #db504a;
}
.wpforms-container .wpforms-required-label,
.wpforms-container label.wpforms-error {
color: #db504a;
} p.has-drop-cap:not(:focus):first-letter {
font-family: inherit;
font-weight: inherit;
text-transform: uppercase;
font-style: inherit;
font-size: 5.6em;
}
.wp-block-quote {
clear: both;
}
a.has-text-color:hover {
border-color: inherit;
}
.wp-block-gallery {
margin-left: -8px;
margin-right: -8px;
}
.wp-block-gallery.alignfull {
max-width: none;
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-gallery.alignfull {
padding-left: 18px;
padding-right: 18px;
}
}
.wp-block-gallery li {
padding-left: 0 !important;
}
.wp-block-gallery li:before {
display: none !important;
}
.wp-block-jetpack-tiled-gallery.alignfull {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.wp-block-jetpack-tiled-gallery.alignwide {
margin-right: -45px;
margin-left: -45px;
}
.wp-block-separator {
clear: both;
}
.wp-block-separator.is-style-wide {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.clayton-sidebar-active .wp-block-separator.is-style-wide {
margin-left: calc( ( 75% + (22.5px * 1.5) ) - 50vw );
margin-right: -90px;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-image figcaption {
color: #6e757c;
}
.alignwide,
.alignfull {
width: auto;
max-width: none;
}
.alignwide {
margin-right: -45px;
margin-left: -45px;
}
@media screen and (max-width: 768px) {
.alignwide {
margin-left: -18px;
margin-right: -18px;
}
}
.alignright {
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.alignright {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.alignleft {
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.alignleft {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.alignfull {
max-width: none;
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
padding-left: 30px;
padding-right: 30px;
}
@media screen and (max-width: 768px) {
.alignfull {
padding-left: 0;
padding-right: 0;
}
}
.alignfull img,
.alignfull iframe {
width: 100%;
max-width: none;
}
.wp-block-image .alignright {
margin-left: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-image .alignright {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.wp-block-image .alignleft {
margin-right: 30px;
}
@media screen and (max-width: 768px) {
.wp-block-image .alignleft {
margin-left: auto;
margin-right: auto;
float: none;
}
}
.wp-block-button .wp-block-button__link {
border: 2px solid;
padding: 11px 24px;
font-weight: 500;
font-family: inherit;
display: inline-block !important;
border-radius: 0 !important;
line-height: inherit;
transition-property: background-color, color, border-color;
transition-duration: .2s;
}
.wp-block-button .wp-block-button__link:not(.has-text-color) {
border-color: #cdb88d;
color: #cdb88d;
}
.wp-block-button .wp-block-button__link:not(.has-text-color):hover {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button .wp-block-button__link:hover {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link {
background-color: #cdb88d;
color: #fff;
}
.wp-block-button.is-style-squared .wp-block-button__link:hover {
background-color: transparent;
color: #cdb88d;
}
.wp-block-button__link:not(.has-background),
.wp-block-button__link:not(.has-background):active,
.wp-block-button__link:not(.has-background):focus,
.wp-block-button__link:not(.has-background):hover {
background-color: inherit;
}
.clayton-mc-content .aligncenter,
.clayton-mc-content .alignwide,
.clayton-mc-content .alignnone,
.clayton-mc-content .alignfull {
margin-bottom: 3em;
}
.clayton-mc-content .aligncenter:not(:first-child),
.clayton-mc-content .alignwide:not(:first-child),
.clayton-mc-content .alignnone:not(:first-child),
.clayton-mc-content .alignfull:not(:first-child) {
margin-top: 3em !important;
}
.clayton-mc-content .aligncenter {
margin-left: auto;
margin-right: auto;
}
.clayton-mc-content > .aligncenter:first-child,
.clayton-mc-content > .alignwide:first-child,
.clayton-mc-content > .alignnone:first-child,
.clayton-mc-content > .alignfull:first-child {
margin-top: 0;
}
.wp-block-separator {
clear: both;
}
.wp-block-separator.is-style-wide {
margin-left: calc( 50% - 50vw );
margin-right: calc( 50% - 50vw );
}
.clayton-sidebar-active .wp-block-separator.is-style-wide {
margin-left: calc( ( 75% + 22.5px ) - 50vw );
margin-right: -90px;
}
.wp-block-pullquote.aligncenter,
.wp-block-pullquote.alignnone,
.wp-block-pullquote.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote {
position: relative;
text-align: left;
max-width: 50%;
padding-left: 30px;
margin-left: 0;
border-left: 3px solid;
border-color: #cdb88d;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter,
.wp-block-pullquote.alignnone,
.wp-block-pullquote.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote {
max-width: none;
}
}
.wp-block-pullquote.aligncenter p,
.wp-block-pullquote.alignnone p,
.wp-block-pullquote.alignright p,
.wp-block-pullquote.alignleft p,
.wp-block-pullquote p {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
.wp-block-pullquote.aligncenter:before,
.wp-block-pullquote.alignnone:before,
.wp-block-pullquote.alignright:before,
.wp-block-pullquote.alignleft:before,
.wp-block-pullquote:before {
font-family: "clayton";
font-weight: 400;
line-height: 1;
text-rendering: auto;
text-transform: none;
text-indent: 0;
display: inline-block;
speak: none;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: inherit;
content: "";
position: absolute;
top: 0;
left: -48px;
font-style: normal;
color: #cdb88d;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter:before,
.wp-block-pullquote.alignnone:before,
.wp-block-pullquote.alignright:before,
.wp-block-pullquote.alignleft:before,
.wp-block-pullquote:before {
display: none;
}
}
.wp-block-pullquote.aligncenter cite,
.wp-block-pullquote.alignnone cite,
.wp-block-pullquote.alignright cite,
.wp-block-pullquote.alignleft cite,
.wp-block-pullquote cite {
margin-top: 12px;
color: #6e757c;
}
.wp-block-pullquote.aligncenter blockquote,
.wp-block-pullquote.alignnone blockquote,
.wp-block-pullquote.alignright blockquote,
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote blockquote {
border: none;
padding-left: 0;
margin-left: 0;
margin-top: 0;
margin-bottom: 0;
}
.wp-block-pullquote.aligncenter blockquote:before,
.wp-block-pullquote.alignnone blockquote:before,
.wp-block-pullquote.alignright blockquote:before,
.wp-block-pullquote.alignleft blockquote:before,
.wp-block-pullquote blockquote:before {
display: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color,
.wp-block-pullquote.alignnone.is-style-solid-color,
.wp-block-pullquote.alignright.is-style-solid-color,
.wp-block-pullquote.alignleft.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
padding: 30px;
border-left: 3px solid;
border-color: #cdb88d;
display: inline-block;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.aligncenter.is-style-solid-color,
.wp-block-pullquote.alignnone.is-style-solid-color,
.wp-block-pullquote.alignright.is-style-solid-color,
.wp-block-pullquote.alignleft.is-style-solid-color,
.wp-block-pullquote.is-style-solid-color {
display: block;
}
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote,
.wp-block-pullquote.alignright.is-style-solid-color blockquote,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote,
.wp-block-pullquote.is-style-solid-color blockquote {
margin-top: 0;
margin-bottom: 0;
max-width: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote p,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote p,
.wp-block-pullquote.alignright.is-style-solid-color blockquote p,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-family: "IBM Plex Sans";
font-size: 20px;
font-weight: normal;
font-style: italic;
line-height: 1.25;
letter-spacing: 0;
text-transform: none;
}
.wp-block-pullquote.aligncenter.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignnone.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignright.is-style-solid-color blockquote cite,
.wp-block-pullquote.alignleft.is-style-solid-color blockquote cite,
.wp-block-pullquote.is-style-solid-color blockquote cite {
font-style: inherit;
}
.wp-block-pullquote.alignright {
float: right;
margin-right: -45px;
margin-left: 54px;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.alignright {
margin-right: 0;
margin-left: 0;
float: none;
}
}
.wp-block-pullquote.alignwide,
.wp-block-pullquote.alignfull {
max-width: none;
}
.wp-block-pullquote.alignleft {
float: left;
padding-left: 30px;
margin-left: -45px;
}
@media screen and (max-width: 768px) {
.wp-block-pullquote.alignleft {
margin-left: 0;
padding-left: 24px;
}
}
.wp-block-quote,
.wp-block-pullquote {
padding-top: 0;
padding-bottom: 0;
}
.wp-block-pullquote {
margin-top: 1.5em;
margin-bottom: 1.5em;
}
.wp-block-quote {
margin-top: 2em;
margin-bottom: 2em;
}
.wp-block-quote p {
font-size: inherit !important;
line-height: inherit !important;
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 3em 0 3em 48px;
}
.wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: 22.5px;
}
.wp-block-columns .wp-block-column:nth-child(even) {
margin-left: 22.5px;
}
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 22.5px;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 22.5px;
}
@media screen and (max-width: 768px) {
.wp-block-columns {
flex-wrap: nowrap;
}
.wp-block-columns.alignwide {
margin-left: 0;
margin-right: 0;
}
.wp-block-columns.alignfull {
padding-left: 18px;
padding-right: 18px;
}
}
@media screen and (max-width: 480px) {
.wp-block-columns {
flex-wrap: wrap;
}
.wp-block-columns .wp-block-column {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.wp-block-columns .wp-block-column:nth-child(odd) {
margin-right: 0;
}
.wp-block-columns .wp-block-column:nth-child(even) {
margin-left: 0;
}
.wp-block-columns .wp-block-column:not(:first-child) {
margin-left: 0;
}
.wp-block-columns .wp-block-column:not(:last-child) {
margin-right: 0;
}
}
.wp-block-audio {
margin-bottom: 24px;
}
.wp-block-audio audio {
width: 100%;
}
.wp-block-media-text .wp-block-media-text__content {
padding-top: 24px;
padding-bottom: 24px;
}
.wp-block-media-text .wp-block-media-text__content h1 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h1 + *,
.wp-block-media-text .wp-block-media-text__content h2 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h2 + * {
margin-top: 2.5em;
}
.wp-block-media-text .wp-block-media-text__content h3 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h3 + *,
.wp-block-media-text .wp-block-media-text__content h4 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h4 + *,
.wp-block-media-text .wp-block-media-text__content h5 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h5 + *,
.wp-block-media-text .wp-block-media-text__content h6 + *,
.wp-block-media-text .wp-block-media-text__content .clayton-h6 + * {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content > * + h1,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h1,
.wp-block-media-text .wp-block-media-text__content > * + h2,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h2,
.wp-block-media-text .wp-block-media-text__content > * + h3,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h3,
.wp-block-media-text .wp-block-media-text__content > * + h4,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h4,
.wp-block-media-text .wp-block-media-text__content > * + h5,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h5,
.wp-block-media-text .wp-block-media-text__content > * + h6,
.wp-block-media-text .wp-block-media-text__content > * + .clayton-h6 {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content > *:not(.alignleft):not(.alignright) + * {
margin-top: 1.5em;
}
.wp-block-media-text .wp-block-media-text__content > *:not(.alignleft):not(.alignright) + *.gallery {
margin-top: 2.5em;
}
.wp-block-media-text .wp-block-media-text__content img.alignnone {
margin-bottom: 1.5em;
}
.wp-block-media-text .wp-block-media-text__content h1 + h1,
.wp-block-media-text .wp-block-media-text__content h1 + h2,
.wp-block-media-text .wp-block-media-text__content h1 + h3,
.wp-block-media-text .wp-block-media-text__content h1 + h4,
.wp-block-media-text .wp-block-media-text__content h1 + h5,
.wp-block-media-text .wp-block-media-text__content h1 + h6,
.wp-block-media-text .wp-block-media-text__content h1 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h2 + h1,
.wp-block-media-text .wp-block-media-text__content h2 + h2,
.wp-block-media-text .wp-block-media-text__content h2 + h3,
.wp-block-media-text .wp-block-media-text__content h2 + h4,
.wp-block-media-text .wp-block-media-text__content h2 + h5,
.wp-block-media-text .wp-block-media-text__content h2 + h6,
.wp-block-media-text .wp-block-media-text__content h2 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h3 + h1,
.wp-block-media-text .wp-block-media-text__content h3 + h2,
.wp-block-media-text .wp-block-media-text__content h3 + h3,
.wp-block-media-text .wp-block-media-text__content h3 + h4,
.wp-block-media-text .wp-block-media-text__content h3 + h5,
.wp-block-media-text .wp-block-media-text__content h3 + h6,
.wp-block-media-text .wp-block-media-text__content h3 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h4 + h1,
.wp-block-media-text .wp-block-media-text__content h4 + h2,
.wp-block-media-text .wp-block-media-text__content h4 + h3,
.wp-block-media-text .wp-block-media-text__content h4 + h4,
.wp-block-media-text .wp-block-media-text__content h4 + h5,
.wp-block-media-text .wp-block-media-text__content h4 + h6,
.wp-block-media-text .wp-block-media-text__content h4 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h5 + h1,
.wp-block-media-text .wp-block-media-text__content h5 + h2,
.wp-block-media-text .wp-block-media-text__content h5 + h3,
.wp-block-media-text .wp-block-media-text__content h5 + h4,
.wp-block-media-text .wp-block-media-text__content h5 + h5,
.wp-block-media-text .wp-block-media-text__content h5 + h6,
.wp-block-media-text .wp-block-media-text__content h5 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content h6 + h1,
.wp-block-media-text .wp-block-media-text__content h6 + h2,
.wp-block-media-text .wp-block-media-text__content h6 + h3,
.wp-block-media-text .wp-block-media-text__content h6 + h4,
.wp-block-media-text .wp-block-media-text__content h6 + h5,
.wp-block-media-text .wp-block-media-text__content h6 + h6,
.wp-block-media-text .wp-block-media-text__content h6 + [class*="clayton-h"],
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h1,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h2,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h3,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h4,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h5,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + h6,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] + [class*="clayton-h"] {
margin-top: .5em;
}
.wp-block-media-text .wp-block-media-text__content > * + hr {
margin-top: 2em;
}
.wp-block-media-text .wp-block-media-text__content hr:first-child {
margin-top: 0;
}
.wp-block-media-text .wp-block-media-text__content h1,
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h3,
.wp-block-media-text .wp-block-media-text__content h4,
.wp-block-media-text .wp-block-media-text__content h5,
.wp-block-media-text .wp-block-media-text__content h6,
.wp-block-media-text .wp-block-media-text__content [class*="clayton-h"] {
clear: both;
}
.wp-block-latest-comments {
padding-left: 0;
}
.wp-block-cover {
clear: both;
}
.wp-block-cover .wp-block-cover-text {
position: relative;
}.grids-section{position:relative;z-index:var(--_gs-zi, var(--_gs-zi-desktop, auto));display:var(--_gs-d, var(--_gs-d-desktop, block))}.grids-s-w_i{display:grid;position:relative;grid-template-columns:repeat(var(--_gs-columns, 12), minmax(0, 1fr));grid-template-rows:repeat(var(--_gs-rows, 6), auto);gap:var(--_gs-gap, var(--_gs-gap-desktop, 0));margin:var(--_gs-m, var(--_gs-m-desktop, 0));padding:var(--_gs-p, var(--_gs-p-desktop, 0));min-width:var(--_gs-mw, var(--_gs-mw-desktop, 100%));height:var(--_gs-height, var(--_gs-height-desktop, auto));min-height:var(--_gs-min-height, var(--_gs-min-height-desktop, 0))}.grids-s-w_i:before{content:"";display:block;position:absolute;top:0;right:var(--_gs-bg-xp, var(--_gs-bg-xp-desktop, 0));bottom:0;left:var(--_gs-bg-xp, var(--_gs-bg-xp-desktop, 0));background:var(--_gs-bg, var(--_gs-bg-desktop, none))}@media screen and (max-width: 768px){.grids-s-w_i{display:flex;flex-direction:column;height:100%}}.grids-area{display:var(--_ga-d, var(--_ga-d-desktop, flex));flex-direction:column;position:relative;grid-column:var(--_ga-column);grid-row:var(--_ga-row);background:var(--_ga-bg, var(--_ga-bg-desktop, none));margin:var(--_ga-m, var(--_ga-m-desktop, 0));padding:var(--_ga-p, var(--_ga-p-desktop, 0));max-width:var(--_ga-mw, var(--_ga-mw-desktop, 100%));z-index:var(--_ga-zi, var(--_ga-zi-desktop, auto));align-self:var(--_ga-va, flex-start);justify-content:var(--_ga-va)}.grids-is-stretch>.grids-s-w_i>.grids-area{align-self:stretch}.grids-is-advanced>.grids-s-w_i>.grids-area{height:100%}@media screen and (max-width: 768px){.grids-area{width:100%}}