| 1 |
.components-placeholder.bs-layout-selector-placeholder,.components-placeholder.bs-column-selector-placeholder{align-items:center}.components-placeholder.bs-layout-selector-placeholder .components-placeholder__fieldset,.components-placeholder.bs-column-selector-placeholder .components-placeholder__fieldset{width:auto;justify-content:center}.bs-popup-headings{display:flex;align-items:center;gap:.5em}.bs-popup-headings svg.blockspare-svg{height:30px;width:30px}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button{height:32px;min-height:32px;margin-right:8px;font-size:13px;font-weight:400;display:flex;align-items:center;justify-content:center;background:#2271b1;color:#fff;padding:6px 12px;cursor:pointer;border-radius:2px;white-space:nowrap;box-sizing:border-box}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button:hover,.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button:active{background:#135e96;color:#fff}.bs-toolbar-insert-layout .bs-toolbar-prebuilt-button .blockspare-svg{background:#fff !important;padding:3px;border-radius:50%;width:18px;height:18px}.bs-layout-selector-placeholder .components-placeholder__label>svg{margin-right:5px}.bs-layout-selector-placeholder .components-placeholder__instructions{margin-bottom:1.4em}.bs-layout-selector-placeholder .bs-layout-modal-button{font-size:16px;height:auto;padding:6px 18px}.bs-layout-modal{width:100%;max-width:1200px;overflow-y:hidden;min-height:90vh}.bs-layout-modal .components-modal__header{padding:24px 40px 8px}.bs-layout-modal .components-modal__header h1{font-weight:bold;font-size:1rem}.bs-layout-modal .components-modal__header .components-button{left:0}.bs-layout-modal .components-modal__content{background:#fff;padding:0;overflow-x:hidden}.bs-layout-modal .components-tab-panel__tabs{background:#3c1a5b;padding:0 40px;margin-bottom:-1px;overflow-x:auto}.bs-layout-modal .components-tab-panel__tabs button{padding:15px 20px;background:none;border:none;font-size:16px;height:auto;color:#fff}.bs-layout-modal .components-tab-panel__tabs button:hover{background:#fff;cursor:pointer}.bs-layout-modal .components-tab-panel__tabs .components-tab-panel__tabs-item{font-weight:600;border:1.5px solid transparent;box-shadow:inset 0 2px #3c1a5b}.bs-layout-modal .components-tab-panel__tabs .components-tab-panel__tabs-item:hover{border:1.5px solid #3c1a5b;border-bottom:none;color:#3c1a5b}.bs-layout-modal .components-tab-panel__tabs .bs-layout-modal-active-tab{background:#fff;color:#3c1a5b;border:1.5px solid #3c1a5b;border-bottom:none}.bs-layout-modal .components-tab-panel__tab-content{background:#fff;padding:40px;border-top:1px solid #3c1a5b}.bs-layout-modal .bs-layout-modal-header-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:rgba(138,37,156,.1);padding:20px;margin-bottom:40px;border:solid 1px rgba(138,37,156,.1)}.bs-layout-modal .bs-layout-modal-header-wrap .components-base-control:last-child{align-self:flex-end;margin:0}.bs-layout-modal .bs-layout-modal-header-wrap .components-base-control__field{margin-bottom:0}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-search-wrapper{position:relative;flex:1}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-search-wrapper .bs-layout-search-icon{position:absolute;right:0px;top:50%;transform:translateY(-50%);display:flex;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-search-wrapper .bs-layout-search-icon svg{fill:#8b259c}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-search{background:rgba(255,255,255,.7);width:100%;border:solid 1px rgba(138,37,156,.1)}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories{min-width:250px}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories .components-input-control__container{background:rgba(255,255,255,.7);border-radius:0;border:solid 1px rgba(138,37,156,.1)}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories .components-input-control__backdrop{border:none}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories select{height:50px;color:#8b259c;font-size:16px;padding:0px 26px 0px 16px;border-radius:0}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories>div>span>div{right:5px}.bs-layout-modal .bs-layout-modal-header-wrap .bs-layout-categories svg{height:28px;width:28px;fill:#8b259c}.bs-layout-modal .bs-layout-modal-header-wrap input{font-size:16px;background:transparent;min-width:300px;color:#8b259c;font-weight:400;padding:0 50px 0 16px;box-shadow:none !important;height:50px;border:none}.bs-layout-modal .bs-layout-modal-header-wrap input::-moz-placeholder{font-size:16px;color:rgba(138,37,156,.6)}.bs-layout-modal .bs-layout-modal-header-wrap input:-ms-input-placeholder{font-size:16px;color:rgba(138,37,156,.6)}.bs-layout-modal .bs-layout-modal-header-wrap input::placeholder{font-size:16px;color:rgba(138,37,156,.6)}.bs-layout-modal .bs-layout-choices{margin:-20px}.bs-layout-modal .bs-layout-view{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:2em}.bs-layout-modal .bs-layout-view-left p{margin:0;line-height:2.2em}.bs-layout-modal .bs-layout-view-left a{font-weight:bold;color:#027bba}.bs-layout-modal .bs-layout-view-right{text-align:right;display:flex;align-items:center}.bs-layout-modal .bs-layout-view-right button{display:flex;align-items:center;justify-content:center;height:50px;width:50px;color:#8b259c;padding:0;border-radius:0}.bs-layout-modal .bs-layout-view-right button:active{color:#8b259c}.bs-layout-modal .bs-layout-view-right button.is-primary:hover,.bs-layout-modal .bs-layout-view-right button.is-primary{background-color:rgba(255,255,255,.7);color:#8b259c;border:solid 1px rgba(138,37,156,.1)}.bs-layout-modal .bs-layout-view-right button:focus:not(:disabled){box-shadow:none}.bs-layout-modal .bs-layout-zoom-layout{grid-column:1/-1}.current-tab-bs-layout-tab-reusable-blocks.bs-layout-choices{display:block}.current-tab-bs-layout-tab-reusable-blocks.bs-layout-choices a{text-decoration:none}.bs-layout-modal .bs-layout-design{width:calc(33.3333333333% - 40px);margin:20px}.bs-layout-modal .bs-layout-design img{width:100%;height:100%;display:block}.bs-layout-modal .bs-layout-design .bs-layout-insert-button{height:auto;background:none;border:none;box-shadow:none;border-bottom:none;padding:0;z-index:5;position:relative;display:flex;width:100%}.bs-layout-modal .bs-layout-design .bs-layout-insert-button .is-visible{width:100%}.bs-layout-modal .bs-layout-view-full .bs-layout-design{width:calc(100% - 40px)}.bs-layout-modal .bs-layout-view-full .bs-layout-design-inside{max-width:576px;margin:0 auto}.bs-layout-modal .bs-layout-design-inside{transition:.2s ease;border:solid 1px #e8e8e8;transition:all .3s ease-in-out}.bs-layout-modal .bs-layout-design-inside:hover{transform:translateY(-5px);box-shadow:0 6px 25px rgba(153,153,153,.3)}.bs-layout-modal .bs-layout-design-item{position:relative}.bs-layout-modal .bs-layout-design-item .bs-post-image-link{position:absolute;left:0;top:0;width:100%;height:100%}.bs-layout-modal .bs-layout-design-item .bs-post-image-link:focus{outline:none;box-shadow:none}.bs-layout-modal .bs-pro-badge{z-index:99;position:absolute;right:7px;top:7px;background-color:#8b259c;color:#fff;padding:5px 8px;line-height:1;text-transform:uppercase;border-radius:3px;letter-spacing:1px;font-size:11px;opacity:0;transition:all .3s ease-in}.bs-layout-modal .bs-layout-design-info{border-top:solid 1px #e8e8e8;line-height:normal;display:flex;justify-content:space-between;align-items:center;position:relative;height:51px;padding:0 8px}.bs-layout-modal .bs-layout-design-title{font-weight:bold;transition:all .1s ease-in-out}.bs-layout-modal .bs-layout-action-buttons{position:absolute;opacity:0;transition:all .3s ease-in-out}.bs-layout-modal .bs-layout-button{display:flex;align-items:center;justify-content:center;gap:8px;height:35px;color:#fff;border-radius:3px;text-align:center;padding:8px 16px;text-decoration:none;transition:all .3s ease-in}.bs-layout-modal .bs-layout-button svg{fill:#fff}.bs-layout-modal .bs-layout-button:focus{outline:none;box-shadow:none}.bs-layout-modal .bs-layout-button:active{color:#fff}.bs-layout-modal .bs-import-button{background-color:#8b249c}.bs-layout-modal .bs-premium-button{background-color:#3c1a5b}.bs-layout-modal .bs-import-button-icon{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.bs-layout-modal .bs-import-button-icon .bs-import-loader{position:absolute}.bs-layout-modal .bs-layout-favorite-button{background:none;border:none;box-shadow:none;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.bs-layout-modal .components-button-group .components-button.bs-layout-favorite-button{border-radius:3px;padding:0 8px 0px}.bs-layout-modal .components-button.bs-layout-favorite-button:focus{box-shadow:none}.bs-layout-modal .components-button.is-default:active:enabled{box-shadow:inset 0 0 0 1px #ccd0d4,inset 0 0 0 2px #fff}.bs-layout-modal .bs-layout-icon-favorite{color:#fff;-webkit-text-stroke:1px #8b249c}@media all and (-ms-high-contrast: none){.bs-layout-modal .bs-layout-icon-favorite{box-shadow:0 0 2px #8b249c}}.bs-layout-modal .bs-layout-icon-favorite-active{color:#8b249c}.bs-layout-modal .bs-favorite-loader{position:absolute}.bs-layout-modal .bs-layout-zoom-button{position:absolute;top:15px;right:15px;background:#fff;border-radius:5px !important;transition:.2s ease;z-index:10;border-radius:5px;padding:5px;height:auto;opacity:0;display:none}.bs-layout-modal .bs-layout-design:hover .bs-layout-zoom-button{opacity:1}.bs-layout-modal .bs-layout-design:hover .bs-layout-design-title{opacity:0}.bs-layout-modal .bs-layout-design:hover .bs-layout-action-buttons{opacity:1}.bs-layout-modal .bs-layout-design:hover .bs-pro-badge{opacity:1}.bs-layout-modal .bs-layout-design-importing .bs-layout-design-title{opacity:0}.bs-layout-modal .bs-layout-design-importing .bs-layout-action-buttons{opacity:1}[data-type="blockspare/bs-layouts"]{-webkit-animation:2s ease 0s normal forwards 1 fadein;animation:2s ease 0s normal forwards 1 fadein}@keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}66%{opacity:0}100%{opacity:1}}.bs-layout-reusable{display:flex;flex-flow:row wrap;justify-content:space-around;font-size:14px;font-weight:600;padding:18px}.bs-layout-reusable:nth-child(even){background:#f2f2f2}.bs-layout-reusable>div{display:inline;flex:1 0 0}.bs-layout-reusable a:hover{cursor:pointer}.bs-layout-reusable:hover .bs-layout-reusable-actions{opacity:1}.bs-layout-reusable-actions{text-align:right;font-size:14px;font-weight:normal;opacity:1;transition:.1s ease}.bs-layout-reusable-actions span{padding-left:15px}.bs-layout-reusable-actions i{font-size:17px;margin-right:2px}.bs-layout-modal .bs-layout-modal-header-reusable{margin-bottom:0;font-weight:bold}.bs-layout-modal .bs-layout-modal-header-reusable a{text-decoration:none}.bs-layout-modal-header-reusable-actions{text-align:right}.bs-layout-modal-footer{position:absolute;bottom:-1px;width:100%;background:#3c3b3b;border-top:solid 1px #e0e0e0;z-index:50;padding:10px 10px 10px 32px;height:auto;font-size:11px;color:#fff}.bs-layout-modal-footer svg{position:absolute;left:10px;width:18px;color:#fff}.bs-layout-modal-footer a{text-decoration:none;color:#fff}.bs-layout-modal-footer a:hover{text-decoration:underline}.bs-layout-modal-footer a:focus{color:#fff;text-decoration:underline}.bs-layout-modal-footer span{margin:0 5px}.bs-layout-modal-footer .bs-pro-feedback{float:right;font-weight:bold;position:relative}.bs-layout-modal-footer .bs-pro-feedback svg{left:-22px}.bs-circular-loader{width:35px;height:35px;display:inline-block;padding:0px;border-radius:100%;border:1px solid;border-top-color:#8b249c;border-bottom-color:rgba(0,0,0,.1);border-left-color:#8b249c;border-right-color:rgba(0,0,0,.1);-webkit-animation:bs-circular-loader 1s ease-in-out infinite;animation:bs-circular-loader 1s ease-in-out infinite}.bs-import-loader.bs-circular-loader{width:25px;height:25px;border-top-color:#fff;border-bottom-color:rgba(255,255,255,.1);border-left-color:#fff;border-right-color:rgba(255,255,255,.1)}@keyframes bs-circular-loader{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes bs-circular-loader{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@media screen and (max-width: 992px){.bs-layout-modal .bs-layout-design{width:calc(50% - 40px)}}@media screen and (max-width: 768px){.bs-layout-modal .bs-layout-modal-header-wrap{flex-wrap:wrap}.bs-layout-modal .bs-layout-view-right button{margin-left:0}}@media screen and (max-width: 576px){.bs-layout-modal .bs-layout-design{width:calc(100% - 30px)}} |
