editor.css
7 years ago
elementor-editor.css
6 months ago
elementor-widgets.css
7 years ago
index.php
9 years ago
elementor-editor.css
391 lines
| 1 | |
| 2 | /* visual selector |
| 3 | --------------------------*/ |
| 4 | .axi-visual-select { height: auto; display: inline-block; width: 100%; max-width: 900px; } |
| 5 | .axi-visual-select:after { content: ""; display: table; clear: both; } |
| 6 | .axi-visual-select .axi-select-item { float: left; border: 3px solid #d8d8d8; margin: 0 5px 5px 0; cursor: pointer; } |
| 7 | .axi-visual-select .axi-select-item.axi-selected { border-color: #0077a3; } |
| 8 | .axi-visual-select .axi-select-item.axi-selected img[src*="svg"] { -webkit-filter: brightness(40%) sepia(100%) hue-rotate(170deg) saturate(250%); filter: brightness(40%) sepia(100%) hue-rotate(170deg) saturate(250%); } |
| 9 | .axi-visual-select .axi-select-item img { display: block; clear: both; } |
| 10 | .axi-visual-select .axi-select-item video { display: block; } |
| 11 | .axi-visual-select .axi-select-item.aux-small-height img, .axi-visual-select .axi-select-item.aux-small-height video { max-height: 82px; height: 82px; } |
| 12 | .axi-visual-select .axi-select-item.aux-medium-height img, .axi-visual-select .axi-select-item.aux-medium-height video { max-height: 100px; height: 100px; } |
| 13 | .axi-visual-select .axi-select-caption { display: block; font-size: 11px; padding: 2px 5px; background: #eee; margin-top: 2px; } |
| 14 | |
| 15 | /* visual selector color |
| 16 | --------------------------*/ |
| 17 | .axi-visual-select .aux-color-selector { width: 22px; height: 22px; border: 2px solid #d8d8d8; } |
| 18 | |
| 19 | .aux-visual-selector-black { background-color: #3D3D3D; } |
| 20 | |
| 21 | .aux-visual-selector-white { background-color: #FFFFFF; } |
| 22 | |
| 23 | .aux-visual-selector-masala { background-color: #3D3D3D; } |
| 24 | |
| 25 | .aux-visual-selector-dark-gray { background-color: #AAAAAA; } |
| 26 | |
| 27 | .aux-visual-selector-ball-blue { background-color: #1BB0CE; } |
| 28 | |
| 29 | .aux-visual-selector-fountain-blue { background-color: #5BACBA; } |
| 30 | |
| 31 | .aux-visual-selector-shamrock { background-color: #2CC990; } |
| 32 | |
| 33 | .aux-visual-selector-curios-blue { background-color: #2C82C9; } |
| 34 | |
| 35 | .aux-visual-selector-light-sea-green { background-color: #1ABC9C; } |
| 36 | |
| 37 | .aux-visual-selector-emerald { background-color: #4EBA6F; } |
| 38 | |
| 39 | .aux-visual-selector-energy-yellow { background-color: #EEE657; } |
| 40 | |
| 41 | .aux-visual-selector-mikado-yellow { background-color: #FCCD0F; } |
| 42 | |
| 43 | .aux-visual-selector-pink-salmon { background-color: #FF91A9; } |
| 44 | |
| 45 | .aux-visual-selector-wisteria { background-color: #9E69AF; } |
| 46 | |
| 47 | .aux-visual-selector-lilac { background-color: #CEACD2; } |
| 48 | |
| 49 | .aux-visual-selector-pale-sky { background-color: #5F7487; } |
| 50 | |
| 51 | .aux-visual-selector-tower-gray { background-color: #ADBCC3; } |
| 52 | |
| 53 | .aux-visual-selector-william { background-color: #3A5F6F; } |
| 54 | |
| 55 | .aux-visual-selector-carmine-pink { background-color: #E74C3C; } |
| 56 | |
| 57 | .aux-visual-selector-persimmon { background-color: #FF6A55; } |
| 58 | |
| 59 | .aux-visual-selector-tan-hide { background-color: #FF9F55; } |
| 60 | |
| 61 | .aux-visual-selector-wild-watermelon { background-color: #FF6E78; } |
| 62 | |
| 63 | .aux-visual-selector-iceberg { background-color: #73B1D6; } |
| 64 | |
| 65 | .aux-visual-selector-dark-lavender { background-color: #745A90; } |
| 66 | |
| 67 | .aux-visual-selector-viking { background-color: #5CD5E6; } |
| 68 | |
| 69 | .aux-visual-selector-tiffany-blue { background-color: #00B5B5; } |
| 70 | |
| 71 | .aux-visual-selector-pastel-orange { background-color: #FCB941; } |
| 72 | |
| 73 | .aux-visual-selector-east-bay { background-color: #395781; } |
| 74 | |
| 75 | .aux-visual-selector-steel-blue { background-color: #4589B0; } |
| 76 | |
| 77 | .aux-visual-selector-half-backed { background-color: #84CCD1; } |
| 78 | |
| 79 | .aux-visual-selector-tapestry { background-color: #B95A84; } |
| 80 | |
| 81 | .aux-visual-selector-fire-engine-red { background-color: #CD2C24; } |
| 82 | |
| 83 | .aux-visual-selector-dark-orange { background-color: #FF8C00; } |
| 84 | |
| 85 | .aux-visual-selector-brick-red { background-color: #CC4452; } |
| 86 | |
| 87 | .aux-visual-selector-khaki { background-color: khaki; } |
| 88 | |
| 89 | /* Control media |
| 90 | --------------------------*/ |
| 91 | .aux-elementor-control-media { |
| 92 | padding: 7px; |
| 93 | border: 1px solid; |
| 94 | height: 150px; } |
| 95 | .aux-elementor-control-media:not(:hover) { |
| 96 | border-color: #d5dadf; } |
| 97 | .aux-elementor-control-media:not(:hover) .aux-elementor-control-media-upload-button { |
| 98 | background-color: #d5dadf; } |
| 99 | .aux-elementor-control-media:hover { |
| 100 | border-color: #a4afb7; } |
| 101 | .aux-elementor-control-media:hover .aux-elementor-control-media-upload-button { |
| 102 | background-color: #a4afb7; } |
| 103 | .aux-elementor-control-media.elementor-media-empty .aux-elementor-control-media-attachment-area { |
| 104 | display: none; } |
| 105 | .aux-elementor-control-media:not(.elementor-media-empty) .aux-elementor-control-media-upload-button { |
| 106 | display: none; } |
| 107 | .aux-elementor-control-media > * { |
| 108 | height: 100%; |
| 109 | cursor: pointer; |
| 110 | position: relative; } |
| 111 | |
| 112 | .aux-elementor-control-media .fa-plus-circle { |
| 113 | position: absolute; |
| 114 | top: 50%; |
| 115 | left: 50%; |
| 116 | -webkit-transform: translateX(-50%) translateY(-50%); |
| 117 | -ms-transform: translateX(-50%) translateY(-50%); |
| 118 | transform: translateX(-50%) translateY(-50%); |
| 119 | color: #fff; |
| 120 | font-size: 20px; } |
| 121 | |
| 122 | .aux-elementor-control-media-attachment-area:not(:hover) .aux-elementor-control-media-delete { |
| 123 | display: none; } |
| 124 | |
| 125 | .aux-elementor-control-media-attachment-area:hover .aux-elementor-control-media-attachment { |
| 126 | opacity: .5; } |
| 127 | |
| 128 | .aux-elementor-control-media-delete { |
| 129 | position: absolute; |
| 130 | bottom: 0; |
| 131 | left: 0; |
| 132 | right: 0; |
| 133 | text-align: center; |
| 134 | padding: 9.5px; |
| 135 | font-size: 11px; |
| 136 | color: #fff; |
| 137 | background-color: #a4afb7; |
| 138 | text-transform: uppercase; } |
| 139 | |
| 140 | .aux-elementor-control-media-attachment { |
| 141 | height: 100%; |
| 142 | -webkit-background-size: auto; |
| 143 | background-size: auto; |
| 144 | background-position: center; |
| 145 | background-repeat: no-repeat; |
| 146 | } |
| 147 | |
| 148 | /* Select2 Empty Issue */ |
| 149 | .select2-container { |
| 150 | min-width: 100px; |
| 151 | } |
| 152 | |
| 153 | /* Select2 icons issue |
| 154 | --------------------------*/ |
| 155 | .select2-container [class^="auxicon-"]::before, .select2-container [class*=" auxicon-"]::before { |
| 156 | font-size: inherit; |
| 157 | padding-top: 0; |
| 158 | } |
| 159 | |
| 160 | |
| 161 | /* Badge for auxin elementor elements |
| 162 | --------------------------*/ |
| 163 | .elementor-element{ |
| 164 | position: relative; |
| 165 | } |
| 166 | .elementor-element .auxin-badge:after, |
| 167 | .elementor-element .auxin-badge-pro:after, |
| 168 | .auxin .elementor-element .icon .bdt-widget-icon:after{ |
| 169 | position: absolute; |
| 170 | top: 0; |
| 171 | right: 0; |
| 172 | z-index: 1; |
| 173 | padding: 3px 4px 2px; |
| 174 | border-style: solid; |
| 175 | font-weight: 600; |
| 176 | font-size: 9px; |
| 177 | text-align: right; |
| 178 | border-width: 0 0 1px 1px; |
| 179 | border-color: #eee; |
| 180 | border-bottom-left-radius: 2px; |
| 181 | text-transform: uppercase; |
| 182 | font-family: "Open Sans",Roboto,Helvetica,Arial,sans-serif; |
| 183 | } |
| 184 | .elementor-element .auxin-badge:after{ |
| 185 | content: "Phlox"; |
| 186 | } |
| 187 | |
| 188 | .elementor-element .auxin-badge-pro{ |
| 189 | color: #b7084e; |
| 190 | } |
| 191 | .elementor-element .auxin-badge-pro:after{ |
| 192 | content: "Phlox Pro"; |
| 193 | padding-bottom: 1px; |
| 194 | border-color: rgba(183, 8, 78, 0.2); |
| 195 | } |
| 196 | |
| 197 | .elementor-tags-list [data-tag-name^="aux-"]:after { |
| 198 | content: "PHLOX"; |
| 199 | border-color: rgba(20, 171, 244, 0.2); |
| 200 | border: 1px solid; |
| 201 | border-radius: 2px; |
| 202 | position: relative; |
| 203 | top: -7px; |
| 204 | left: 3px; |
| 205 | padding: 1px 2px; |
| 206 | font-size: 8px; |
| 207 | letter-spacing: 1px; |
| 208 | } |
| 209 | |
| 210 | /* '.auxin-pro' is available when pro plugin is activated */ |
| 211 | .auxin-pro .elementor-element .auxin-badge-pro:after{ |
| 212 | content: "Phlox"; |
| 213 | } |
| 214 | |
| 215 | .auxin-pro .elementor-element .auxin-badge-pro, |
| 216 | div[id*="elementor-panel-category-auxin-"] .elementor-element .icon, |
| 217 | div[id*="elementor-panel-category-auxin-"] .elementor-element .title { |
| 218 | color: #888; |
| 219 | } |
| 220 | |
| 221 | .auxin-pro .elementor-element:hover .auxin-badge-pro, |
| 222 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .icon, |
| 223 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .title { |
| 224 | color: #4599c1 !important; |
| 225 | } |
| 226 | |
| 227 | div[id*="elementor-panel-category-auxin-"] .elementor-element:hover .icon > i:after { |
| 228 | border-color: rgba(20, 171, 244, 0.2); |
| 229 | } |
| 230 | |
| 231 | |
| 232 | .auxin #elementor-panel-category-element-pack .elementor-element .icon{ |
| 233 | color: #000; |
| 234 | } |
| 235 | .auxin #elementor-panel-category-element-pack .elementor-element:hover .icon, |
| 236 | .auxin #elementor-panel-category-element-pack .elementor-element:hover .title{ |
| 237 | color: #4599c1; |
| 238 | } |
| 239 | .auxin .elementor-element .icon .bdt-widget-icon:after{ |
| 240 | content: "Phlox EP"; |
| 241 | opacity:1; |
| 242 | } |
| 243 | |
| 244 | |
| 245 | /* Changing the featured color of Elementor |
| 246 | --------------------------*/ |
| 247 | .auxin-pro .elementor-panel .elementor-panel-navigation .elementor-panel-navigation-tab.elementor-active, |
| 248 | .auxin-pro .elementor-template-library-menu-item.elementor-active{ |
| 249 | border-bottom-color: #4599c1; |
| 250 | } |
| 251 | .auxin-pro .elementor-panel #elementor-panel-header{ |
| 252 | background-color: #4599c1; |
| 253 | } |
| 254 | |
| 255 | /* Badge on auxin global sections |
| 256 | --------------------------*/ |
| 257 | div[class*="elementor-control-aux_"]:before{ |
| 258 | position: absolute; |
| 259 | top: 13px; |
| 260 | right: 8px; |
| 261 | text-transform: uppercase; |
| 262 | font-size: 9px; |
| 263 | padding: 2px 2px 1px; |
| 264 | border: 1px solid #ddd; |
| 265 | font-weight: 400; |
| 266 | letter-spacing: 0.1em; |
| 267 | color: #aaa; |
| 268 | } |
| 269 | |
| 270 | div[class*="elementor-control-aux_core"]:before{ |
| 271 | content: 'Phlox'; |
| 272 | } |
| 273 | div[class*="elementor-control-aux_pro"]:before{ |
| 274 | content: 'Phlox Pro'; |
| 275 | color: #b7084e; |
| 276 | } |
| 277 | |
| 278 | .auxin-pro div[class*="elementor-control-aux_core"]:before, |
| 279 | .auxin-pro div[class*="elementor-control-aux_pro"]:before{ |
| 280 | content: 'Phlox'; |
| 281 | letter-spacing: 0.1em; |
| 282 | color: #aaa; |
| 283 | } |
| 284 | |
| 285 | @media (prefers-color-scheme: dark) { |
| 286 | .elementor-element .auxin-badge:after, |
| 287 | .elementor-element .auxin-badge-pro:after, |
| 288 | .auxin .elementor-element .icon .bdt-widget-icon:after, |
| 289 | .auxin-pro div[class*="elementor-control-aux_core"]:before, |
| 290 | .auxin-pro div[class*="elementor-control-aux_pro"]:before{ |
| 291 | border-color:#555; |
| 292 | color: #999; |
| 293 | } |
| 294 | |
| 295 | .auxin-pro .elementor-element .auxin-badge-pro, |
| 296 | div[id*="elementor-panel-category-auxin-"] .elementor-element .icon, |
| 297 | div[id*="elementor-panel-category-auxin-"] .elementor-element .title { |
| 298 | color: #e0e1e3; |
| 299 | } |
| 300 | } |
| 301 | |
| 302 | /* Go pro notice in pro control sections |
| 303 | --------------------------*/ |
| 304 | .auxin-elementor-panel-notice{ |
| 305 | text-align:center; |
| 306 | color:#3d3d3d; |
| 307 | font-style:normal; |
| 308 | } |
| 309 | .auxin-elementor-upgrade-notice-icon{ |
| 310 | font-size:60px !important; |
| 311 | color:#6e90bb; |
| 312 | margin-bottom:12px; |
| 313 | } |
| 314 | .auxin-elementor-panel-notice-title{ |
| 315 | font-weight:500; |
| 316 | font-size:16px; |
| 317 | margin-bottom:12px; |
| 318 | } |
| 319 | .auxin-elementor-panel-notice-message{ |
| 320 | font-size:13px; |
| 321 | } |
| 322 | .auxin-elementor-panel-notice-link{ |
| 323 | font-size:14px; |
| 324 | height: 35px; |
| 325 | line-height: 23px; |
| 326 | margin-top: 15px; |
| 327 | letter-spacing: 0.05em; |
| 328 | } |
| 329 | .auxin-elementor-go-pro-link{ |
| 330 | background-color: #0089ff !important; |
| 331 | } |
| 332 | |
| 333 | /*Featured Color */ |
| 334 | .aux-featured-color-item-wrapper { |
| 335 | position: relative; |
| 336 | display: flex; |
| 337 | justify-content: space-between; |
| 338 | align-items: center; |
| 339 | padding-right: 14px; |
| 340 | } |
| 341 | |
| 342 | .select2-selection__rendered .aux-featured-color-item-wrapper { |
| 343 | padding-right: 0; |
| 344 | } |
| 345 | .aux-featured-color-item { |
| 346 | display: flex; |
| 347 | align-items: center; |
| 348 | } |
| 349 | .aux-featured-color-shape { |
| 350 | display: inline-block; |
| 351 | width: 20px; |
| 352 | height: 15px; |
| 353 | margin-right: 7px; |
| 354 | border: 1px solid #d5dadf; |
| 355 | border-radius: 3px; |
| 356 | overflow: hidden; |
| 357 | } |
| 358 | |
| 359 | .aux-featured-color-shape.aux-featured-color-empty{ |
| 360 | background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=='); |
| 361 | background-size: 9px 9px; |
| 362 | } |
| 363 | |
| 364 | .aux-featured-color-dropdown .select2-results__options { |
| 365 | max-height: none; |
| 366 | } |
| 367 | |
| 368 | .aux-featured-color-dropdown .select2-results__option[aria-selected="true"] .aux-featured-color-item-wrapper:after { |
| 369 | content: ''; |
| 370 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.364' height='4.949' viewBox='0 0 6.364 4.949'%3E%3Cpath id='Rectangle_2' data-name='Rectangle 2' d='M386.818,237.56l.688-.688,1.414,1.414,3.555-3.555.707.706-3.555,3.555-.688.688Z' transform='translate(-386.818 -234.733)' fill='%23e0e1e3'/%3E%3C/svg%3E"); |
| 371 | position: absolute; |
| 372 | right: 0px; |
| 373 | top: 5px; |
| 374 | width: 6.4px; |
| 375 | height: 5px; |
| 376 | } |
| 377 | /* Hide Svg Upload Button in some elements |
| 378 | --------------------------*/ |
| 379 | |
| 380 | .elementor-control-aux_button_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 381 | .elementor-control-aux_price_list_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 382 | .elementor-control-aux_price_table_feature_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 383 | .elementor-control-aux_progressbar_text_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 384 | .elementor-control-aux_post_info_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 385 | /* .elementor-control-aux_new_icon .elementor-control-media__tool.elementor-control-svg-uploader, */ |
| 386 | .elementor-control-aux_text_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 387 | .elementor-control-aux_text_btn_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 388 | .elementor-control-aux_search_icon .elementor-control-media__tool.elementor-control-svg-uploader, |
| 389 | .elementor-control-aux_shopping_cart_icon .elementor-control-media__tool.elementor-control-svg-uploader { |
| 390 | display: none; |
| 391 | } |