style.css (4752B)
1 .redux-templates-two-sections { 2 position: absolute; 3 width: 85.9375%; 4 height: 89.537037%; 5 max-width: 1650px; 6 max-height: 967px; 7 top: 0; 8 right: 0; 9 bottom: 0; 10 left: 0; 11 margin: auto; 12 border-radius: 5px; 13 overflow: hidden; 14 -webkit-box-shadow: 0 45px 10px rgba(3, 8, 15, 0.2); 15 box-shadow: 0 0 45px 10px rgba(3, 8, 15, 0.2); } 16 17 .redux-templates-two-sections__grid { 18 width: 100%; 19 height: 100%; 20 padding: 40px 22.5px; 21 position: relative; 22 display: -webkit-box; 23 display: -ms-flexbox; 24 display: flex; } 25 26 .redux-templates-two-sections__grid__column { 27 width: 100%; } 28 29 .redux-templates-two-sections__grid-clear { 30 -webkit-box-orient: vertical; 31 -webkit-box-direction: normal; 32 -ms-flex-direction: column; 33 flex-direction: column; 34 -webkit-box-align: center; 35 -ms-flex-align: center; 36 align-items: center; 37 -webkit-box-pack: center; 38 -ms-flex-pack: center; 39 justify-content: center; 40 height: 100%; } 41 42 .redux-templates-two-sections__grid-clear-text { 43 opacity: 0.9; 44 color: #818a91; 45 font-family: pn, "Open Sans", Arial, sans-serif; 46 font-size: 14px; 47 font-weight: 600; 48 line-height: 17px; 49 margin: 0 0 20px; } 50 51 .redux-templates-two-sections__grid-clear-image-saved { 52 width: 322px; 53 height: 145px; 54 margin-top: -21px; 55 pointer-events: none; } 56 57 .redux-templates-two-sections__grid-clear-image-global { 58 width: 524px; 59 height: 207px; 60 margin-top: -28px; 61 pointer-events: none; } 62 63 .redux-templates-two-section { 64 position: relative; 65 margin: 0 17.5px 35px; 66 cursor: pointer; 67 outline: 3px solid transparent; 68 -webkit-transition: outline 0.3s ease-in-out; 69 transition: outline 0.3s ease-in-out; 70 -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); 71 box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); 72 border-radius: 3px; } 73 .redux-templates-two-section:last-child { 74 margin-bottom: 0; } 75 .redux-templates-two-section .redux-templates-two-section-remove { 76 position: absolute; 77 z-index: 4; 78 top: -7px; 79 right: -7px; 80 opacity: 0; 81 -webkit-transform: scale(0.7); 82 transform: scale(0.7); 83 -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 84 transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 85 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; 86 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 87 width: 28px; 88 height: 28px; 89 display: -webkit-box; 90 display: -ms-flexbox; 91 display: flex; 92 -webkit-box-align: center; 93 -ms-flex-align: center; 94 align-items: center; 95 -webkit-box-pack: center; 96 -ms-flex-pack: center; 97 justify-content: center; 98 font-size: 12px; 99 border-radius: 28px; 100 background-color: #fff; 101 color: #03080f; 102 -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); 103 box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25); 104 cursor: pointer; } 105 .redux-templates-two-section:hover .redux-templates-two-section-remove { 106 opacity: 1; 107 -webkit-transform: scale(1); 108 transform: scale(1); 109 -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 110 transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; 111 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; 112 transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } 113 .redux-templates-two-section:hover .redux-templates-two-section-remove:hover { 114 color: #f00; } 115 .redux-templates-two-section:hover .redux-templates-two-section-item::before { 116 border-color: #3dbfe8; } 117 .redux-templates-two-section:hover .redux-templates-two-section-item::after { 118 border-color: #ececec; } 119 120 .redux-templates-two-section .preview-image-wrapper { 121 transition: all 0.05s ease-in-out; 122 width: 100%; 123 min-height: 130px; 124 max-height: 300px; 125 overflow: hidden; } 126 .redux-templates-two-section .preview-image-wrapper img { 127 animation-name: fadeIn; 128 animation-fill-mode: both; 129 animation-delay: 200ms; 130 animation-duration: 200ms; 131 width: 100%; 132 height: auto; } 133 .redux-templates-two-section .saved-section-title { 134 border-top: 1px solid #f2f4f7; 135 background: rgba(255, 255, 255, 0.9); 136 position: absolute; 137 bottom: 0; 138 width: 100%; 139 margin: 0; 140 color: #23282d; 141 padding: 13px 15px; 142 font-size: 15px; 143 text-align: center; 144 display: flex; 145 justify-content: center; 146 align-items: center; } 147 148 .no-section { 149 display: flex; 150 width: 100%; 151 align-items: center; 152 justify-content: center; 153 font-size: 16px; } 154 155 .preview-image-wrapper .block-editor-block-preview__container { 156 transition: all 0.05s ease-in-out; 157 background: #fff; 158 margin: 0 auto; 159 min-height: 130px; } 160 161 /*# sourceMappingURL=style.css.map */