.templates-browser .templates{clear:both}.templates-browser .template{border-radius:2px;cursor:pointer;float:left;margin:0 3% 3% 0;position:relative;width:31.3%;border:1px solid #ddd;box-shadow:0 1px 1px -1px rgba(0,0,0,.1);box-sizing:border-box;background-color:#fff}.templates-browser .template.design-request .inner{background-image:url(icons/responsive-suggestion.png);background-position:top;background-repeat:no-repeat;border:5px dotted #ddd;font-size:17px;padding:20px;padding-top:60%;text-align:center}.responsive-templates-no-sites{text-align:center}.responsive-templates-no-sites *{margin-bottom:5px}.templates-browser .template:hover{box-shadow:0 5px 20px 0 rgba(88,42,212,.15);transform:translateY(-1px)}#responsive-templates{padding-top:35px}.ie8 .templates-browser .template{width:30%;margin:0 3% 4% 0}.templates-browser .template:nth-child(3n){margin-right:0}.templates-browser .template:hover,.templates-browser .template:focus{cursor:pointer}.templates-browser .template .template-name{font-size:15px;font-weight:600;min-height:18px;margin:0;padding:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.templates-browser .template .template-id-container{background:#f5f4f1;margin:-2px;border-top:1px solid #ddd;border-radius:2px}.templates-browser .template:hover .template-id-container{border-top:none;background:#fff;min-width:100%;margin:0}.templates-browser .template .template-name .view-details{display:none;margin:0 auto;transition:all 1s ease}.templates-browser .template:hover .template-name .view-details{display:block}.templates-browser .template .template-name .site-title{font-size:16px}.templates-browser .template:hover .template-name .site-title{display:none}@media(max-width:768px){.templates-browser .template .template-name{background:#fff}.templates-browser .template .template-name .view-details{display:block}.templates-browser .template .template-name .site-title{margin-bottom:10px}.templates-browser .template .template-id-container{border-top:none;background:#fff;min-width:100%;margin:0}.templates-browser .template{margin:0 4% 5% 0}}@media(max-width:480px){.templates-browser .template{margin:0 4% 10% 0}}.templates-browser .template .template-actions{-ms-filter:"alpha(opacity=0)";opacity:0;transition:opacity .1s ease-in-out;height:auto;background:rgba(244,244,244,.7);border-left:1px solid rgba(0,0,0,.05)}.templates-browser .template:hover .template-actions,.templates-browser .template.focus .template-actions,.templates-browser .template:focus .template-actions{-ms-filter:"alpha(opacity=100)";opacity:1}.templates-browser .template .template-actions .button-primary{margin-right:3px}.templates-browser .template .template-actions .button{float:none;margin-left:3px}.templates-browser .template .template-screenshot{display:block;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;transition:opacity .2s ease-in-out}.templates-browser .template .template-screenshot:after{content:"";display:block;padding-top:66.66666%}.templates-browser .template .template-screenshot img{height:auto;position:absolute;left:0;top:0;width:100%;transition:opacity .2s ease-in-out}.templates-browser .template .inner-container{padding:15px;transition:all .5s ease}.templates-browser .template:hover .template-name{padding:10px}.templates-browser .template .inner{min-height:450px;transition:all .5s ease}.templates-browser .template:hover .inner{transform:scale(1.03)}.templates-browser .template .demo-type{border-radius:2px;color:#fff;font-weight:700;padding:0 5px;position:absolute;right:-10px;top:-10px;text-transform:uppercase;font-size:12px}.templates-browser .template .demo-type-premium{background:#ff793f}.templates-browser .template .demo-type-free{background:#2ecc71}.templates-browser .template .inner .demo-type{background:0 0;color:transparent}.templates-browser .template:hover .template-screenshot,.templates-browser .template:focus .template-screenshot{background:#fff}.templates-browser.rendered .template:hover .template-screenshot img,.templates-browser.rendered .template:focus .template-screenshot img{opacity:.4}.templates-browser .template .more-details{-ms-filter:"alpha(opacity=0)";opacity:0;position:absolute;top:35%;right:20%;left:20%;background:#23282d;background:rgba(0,0,0,.7);color:#fff;font-size:15px;text-shadow:0 1px 0 rgba(0,0,0,.6);-webkit-font-smoothing:antialiased;font-weight:600;padding:15px 12px;text-align:center;border-radius:3px;transition:opacity .1s ease-in-out}.templates-browser .template:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}.templates-browser .template:focus .more-details{opacity:1}.templates-browser .template.active:focus .template-actions{display:block}.responsive-templates-showcase-search-wrap{text-align:center}.responsive-templates-showcase-search-box{position:relative}.responsive-templates-showcase-search-box{padding:5em 0 2em;text-align:center;display:flex;justify-content:center}.responsive-templates-showcase-search-box .button{padding:.5em 1em;background:0 0;color:#a9a9a9;border:1px solid #eaeaea;position:absolute;right:0;bottom:0;top:0}.responsive-templates-showcase-search-box .dashicons{vertical-align:middle}.responsive-templates-showcase-search-box .dashicons-arrow-down{height:21px}.responsive-templates-showcase-search-box:hover{background:#fff}.responsive-templates-showcase-search-box{background:#f8f8f8;padding:10px;width:auto;display:inline-flex;margin:0 auto;border-radius:5px}.responsive-templates-showcase-search-box .button{border:none;padding:5px 15px;line-height:0;font-size:20px;background:0 0}.responsive-templates-showcase-search-box .button:hover{background:0 0}.searching .responsive-templates-showcase-search-box{border-bottom-left-radius:0;border-bottom-right-radius:0}.responsive-templates-showcase-search-box .filter-page-builder img{height:18px;width:18px;border-radius:50%;vertical-align:text-top;margin-right:8px}.search-form{position:relative;text-align:left}.selected-page-builder{font-size:15px;flex:1}.dashicons-arrow-down:before{content:"\25BE"}#responsive-templates-showcase-search-input:hover,#responsive-templates-showcase-search-input:focus{outline:none;box-shadow:none;border-color:#eaeaea}#responsive-templates-showcase-search-input{border-right:0;height:100%}#responsive-templates:not(.has-default-page-builder) #responsive-templates-showcase-search-input{border-left:0}#responsive-templates-showcase-search-input{border:none;background:0 0;padding:0 20px}.filters-list:after{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:0;width:0;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;margin:6px 0 0;content:"";top:-10px}.filters-list ul:last-child{margin:0;border:none}.filters-list{right:0;border-radius:5px;position:absolute;left:0;max-width:140px;top:60px;z-index:99;padding:0;background:#fff;box-shadow:1px 2px 5px 1px rgba(0,0,0,.15)}.filters-list ul{padding:.4em 0;list-style:none;margin:0 0 10px;border-bottom:1px solid #eaeaea}.selected-filter{cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:5px;padding:5px 10px 5px 5px;position:relative;min-width:135px}.selected-filter:after{position:absolute;top:50%;right:0;width:1px;height:80%;transform:translateY(-50%);background-color:#dfdfdf;content:''}.selected-page-builder{font-size:15px;flex:1}.filters-wrap.open{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.selected-filter.open{border-bottom:none}#responsive-templates-showcase .template-type{background:#ffc107;padding:4px 10px;color:#000;border-radius:2px;position:absolute;top:-6px;z-index:999;right:17px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.responsive-templates-type{position:relative;right:0;top:0;z-index:99999}.responsive-templates-type .filter-type{list-style-type:none;margin:0;padding:0;background:#fff;padding:15px;border-radius:5px;position:absolute;top:47px;z-index:99;padding:12px 5px;background:#fff;box-shadow:1px 2px 5px 1px rgba(0,0,0,.15);width:125px;left:50%;margin-left:-74px}.responsive-templates-type .dashicons-arrow-down{height:22px}.selected-template-type{border:1px solid #c1c1c1;background:#fff;padding:6px 10px;width:100px;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:15px;line-height:16px;color:#58565d;margin-left:auto;margin-right:auto}.responsive-templates-type .filter-type:after{position:absolute;top:100%;left:76%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:0;width:0;border-bottom:4px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;margin:6px 0 0;content:"";top:-10px}.responsive-templates-type .control{padding-bottom:0}.responsive-templates-type .control{padding-bottom:0}.control-group{display:inline-block;vertical-align:top;background:#fff;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:30px;width:200px;height:210px;margin:10px}.control{display:block;position:relative;padding-left:40px;padding-bottom:5px;cursor:pointer;font-size:15px;width:100%}.control input{position:absolute;z-index:-1;opacity:0}.control__indicator{position:absolute;top:2px;left:0;height:18px;width:18px;border:1px solid #e6e6e6;border-radius:18px;margin-left:10px}.control--radio .control__indicator{border-radius:50%}.responsive-templates-showcase-search-box .dashicons-arrow-down{height:21px;margin-top:-10px}.control input:checked~.control__indicator{background:#fff;border:4px solid #2196f3}.control:hover input:not([disabled]):checked~.control__indicator,.control input:checked:focus~.control__indicator{background:#fff;border-color:#176caf}.control input:disabled~.control__indicator{background:#e6e6e6;border-color:#e6e6e6;opacity:.6;pointer-events:none}.control__indicator:after{content:'';position:absolute;display:none}.control input:checked~.control__indicator:after{display:block}.control--checkbox .control__indicator:after{left:4px;top:4px;width:8px;height:8px;transform:rotate(45deg);border-radius:10px}.control--checkbox input:disabled~.control__indicator:after{border-color:#7b7b7b}.filter-page-builder .control input:checked~.control__indicator{border:none}.filter-page-builder li:first-child .control input:checked~.control__indicator,.filter-page-builder li:first-child .control--checkbox .control__indicator{background-image:url(icons/elementor.jpg);background-size:cover;background-repeat:no-repeat}.filter-page-builder li:nth-child(2) .control input:checked~.control__indicator,.filter-page-builder li:nth-child(2) .control--checkbox .control__indicator{background-image:url(icons/gutenberg.jpg);background-size:cover;background-repeat:no-repeat}.responsive-templates-showcase-autocomplete-result{position:absolute;left:0;right:0;bottom:0}.responsive-templates-showcase-autocomplete-result .ui-autocomplete{background:#fff;border-top:1px solid #ddd;text-align:left;left:0!important;list-style:none;right:0;width:calc(100% - 1px);z-index:999999}.has-input~.responsive-templates-showcase-search-button{display:none}.responsive-templates-showcase-autocomplete-result .ui-menu-item{padding:0 20px}.filter-page-builder li:hover,.responsive-templates-showcase-autocomplete-result .ui-menu-item:hover{background:#f8f8f8}.responsive-templates-showcase-autocomplete-result .ui-autocomplete{margin:0}.filter-page-builder .control__indicator{height:25px;width:25px}.control--radio .control__indicator:after{left:7px;top:7px;height:6px;width:6px;border-radius:50%;background:#fff}.control--radio input:disabled~.control__indicator:after{background:#7b7b7b}@media only screen and (min-width:2000px){#wpwrap .templates-browser .template{width:17.6%;margin:0 3% 3% 0}#wpwrap .templates-browser .template:nth-child(3n),#wpwrap .templates-browser .template:nth-child(4n){margin-right:3%}#wpwrap .templates-browser .template:nth-child(5n){margin-right:0}}@media only screen and (min-width:1680px){.template-overlay .template-wrap{width:1450px;margin:0 auto}}@media only screen and (max-width:1120px){.templates-browser .template{width:47.5%;margin-right:0}.templates-browser .template:nth-child(even){margin-right:0}.templates-browser .template:nth-child(odd){margin-right:5%}}@media all and (min-width:768px){#responsive-templates-showcase-search-input{width:500px;height:100%}}@media(max-width:768px){#responsive-templates-showcase-search-input{width:100%}}@media all and (min-width:480px) and (max-width:768px){.responsive-templates-showcase-search-box{display:flex;margin:0 60px;justify-content:space-between}.search-form{flex:1}}@media all and (max-width:480px){.templates-browser .template{max-width:100%;width:100%;margin-right:0}.templates-browser .template:nth-child(odd){margin-right:0}.templates-browser .template:nth-child(2n),.templates-browser .template:nth-child(3n){margin-right:0}.responsive-templates-showcase-search-box{display:block}.selected-filter:after{background:0 0}.selected-filter{width:auto}.filters-list{right:-10px;top:50px}.responsive-templates-showcase-search-box .button{padding:5px 15px 0}.search-form{margin-top:10px}.responsive-templates-showcase-autocomplete-result .ui-menu-item{font-size:13px}#responsive-templates-showcase-search-input::-webkit-search-cancel-button{font-size:larger}.search-label,.responsive-templates-showcase-search-box .filters-wrap{position:absolute;left:0;bottom:-117px;background:#fff;border:1px solid #ddd;border-radius:4px;z-index:9999999}.responsive-templates-showcase-search-box .search-form{margin:0}.secondary-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.responsive-templates-type{position:relative;margin-left:auto}#responsive-templates{padding-top:0}.secondary-filters .filters-wrap{border:1px solid #c1c1c1;background:#fff;padding:2px 5px 2px 10px;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;line-height:16px;color:#58565d}.secondary-filters .filters-list{background:#ffff;top:44px;right:-20px;left:0;width:170px}.secondary-filters .filter-page-builder img{height:auto;width:20px;border-radius:50%;margin-right:8px}#responsive-templates .template-type{right:4px}.selected-template-type{margin:0}.responsive-templates-type .filter-type{right:0;left:auto;margin-left:0}}