customizer.css (38550B)
1 /*WP DEVICES CHANGER WIDTH*/ 2 3 .preview-tablet .wp-full-overlay-main { 4 margin: auto 0 auto -384px; 5 width: 768px; 6 height: 1024px; 7 8 } 9 10 .preview-mobile .wp-full-overlay-main { 11 margin: auto 0 auto -206px; 12 width: 412px; 13 height: 732px; 14 } 15 16 /* END - WP DEVICES CHANGER WIDTH*/ 17 18 div#TB_window.data-edit-popup { 19 width: 620px !important; 20 margin-left: -310px !important; 21 } 22 23 div#TB_window.data-edit-popup { 24 width: 620px !important; 25 margin-left: -310px !important; 26 } 27 28 div#TB_window.popup-400 { 29 width: 430px !important; 30 margin-left: -215px !important; 31 } 32 33 /* CSS LOADER START*/ 34 35 div#cp-full-screen-loader { 36 position: fixed; 37 z-index: 1000000000; 38 width: 0px; 39 height: 0px; 40 max-width: 0px; 41 max-height: 0px; 42 top: 0px; 43 left: 0px; 44 background: rgba(255, 255, 255, 0.9); 45 opacity: 0; 46 overflow: hidden; 47 transition: opacity 0.2s; 48 } 49 50 div#cp-full-screen-loader.active { 51 width: 100%; 52 height: 100%; 53 max-width: 100%; 54 max-height: 100%; 55 opacity: 1; 56 } 57 58 div#cp-full-screen-loader .wrapper { 59 width: 100%; 60 height: 180px; 61 position: absolute; 62 margin-top: -90px; 63 display: block; 64 text-align: center; 65 top: 50%; 66 } 67 68 div#cp-full-screen-loader .wrapper p { 69 font-size: 16px; 70 margin: 0px; 71 color: #0880b4; 72 font-family: inherit; 73 line-height: 1.4; 74 } 75 76 #floatingCirclesG { 77 position: relative; 78 width: 106px; 79 height: 106px; 80 margin: auto; 81 transform: scale(0.6); 82 -o-transform: scale(0.6); 83 -ms-transform: scale(0.6); 84 -webkit-transform: scale(0.6); 85 display: inline-block; 86 -moz-transform: scale(0.6); 87 } 88 89 .f_circleG { 90 position: absolute; 91 background-color: rgb(36, 159, 212); 92 height: 19px; 93 width: 19px; 94 border-radius: 10px; 95 -o-border-radius: 10px; 96 -ms-border-radius: 10px; 97 -webkit-border-radius: 10px; 98 -moz-border-radius: 10px; 99 animation-name: f_fadeG; 100 -o-animation-name: f_fadeG; 101 -ms-animation-name: f_fadeG; 102 -webkit-animation-name: f_fadeG; 103 -moz-animation-name: f_fadeG; 104 animation-duration: 1.2s; 105 -o-animation-duration: 1.2s; 106 -ms-animation-duration: 1.2s; 107 -webkit-animation-duration: 1.2s; 108 -moz-animation-duration: 1.2s; 109 animation-iteration-count: infinite; 110 -o-animation-iteration-count: infinite; 111 -ms-animation-iteration-count: infinite; 112 -webkit-animation-iteration-count: infinite; 113 -moz-animation-iteration-count: infinite; 114 animation-direction: normal; 115 -o-animation-direction: normal; 116 -ms-animation-direction: normal; 117 -webkit-animation-direction: normal; 118 -moz-animation-direction: normal; 119 } 120 121 #frotateG_01 { 122 left: 0; 123 top: 43px; 124 animation-delay: 0.45s; 125 -o-animation-delay: 0.45s; 126 -ms-animation-delay: 0.45s; 127 -webkit-animation-delay: 0.45s; 128 -moz-animation-delay: 0.45s; 129 } 130 131 #frotateG_02 { 132 left: 12px; 133 top: 12px; 134 animation-delay: 0.6s; 135 -o-animation-delay: 0.6s; 136 -ms-animation-delay: 0.6s; 137 -webkit-animation-delay: 0.6s; 138 -moz-animation-delay: 0.6s; 139 } 140 141 #frotateG_03 { 142 left: 43px; 143 top: 0; 144 animation-delay: 0.75s; 145 -o-animation-delay: 0.75s; 146 -ms-animation-delay: 0.75s; 147 -webkit-animation-delay: 0.75s; 148 -moz-animation-delay: 0.75s; 149 } 150 151 #frotateG_04 { 152 right: 12px; 153 top: 12px; 154 animation-delay: 0.9s; 155 -o-animation-delay: 0.9s; 156 -ms-animation-delay: 0.9s; 157 -webkit-animation-delay: 0.9s; 158 -moz-animation-delay: 0.9s; 159 } 160 161 #frotateG_05 { 162 right: 0; 163 top: 43px; 164 animation-delay: 1.05s; 165 -o-animation-delay: 1.05s; 166 -ms-animation-delay: 1.05s; 167 -webkit-animation-delay: 1.05s; 168 -moz-animation-delay: 1.05s; 169 } 170 171 #frotateG_06 { 172 right: 12px; 173 bottom: 12px; 174 animation-delay: 1.2s; 175 -o-animation-delay: 1.2s; 176 -ms-animation-delay: 1.2s; 177 -webkit-animation-delay: 1.2s; 178 -moz-animation-delay: 1.2s; 179 } 180 181 #frotateG_07 { 182 left: 43px; 183 bottom: 0; 184 animation-delay: 1.35s; 185 -o-animation-delay: 1.35s; 186 -ms-animation-delay: 1.35s; 187 -webkit-animation-delay: 1.35s; 188 -moz-animation-delay: 1.35s; 189 } 190 191 #frotateG_08 { 192 left: 12px; 193 bottom: 12px; 194 animation-delay: 1.5s; 195 -o-animation-delay: 1.5s; 196 -ms-animation-delay: 1.5s; 197 -webkit-animation-delay: 1.5s; 198 -moz-animation-delay: 1.5s; 199 } 200 201 @keyframes f_fadeG { 202 0% { 203 background-color: rgb(6, 127, 179); 204 } 205 206 100% { 207 background-color: rgb(198, 232, 247); 208 } 209 } 210 211 @-o-keyframes f_fadeG { 212 0% { 213 background-color: rgb(6, 127, 179); 214 } 215 216 100% { 217 background-color: rgb(198, 232, 247); 218 } 219 } 220 221 @-ms-keyframes f_fadeG { 222 0% { 223 background-color: rgb(6, 127, 179); 224 } 225 226 100% { 227 background-color: rgb(198, 232, 247); 228 } 229 } 230 231 @-webkit-keyframes f_fadeG { 232 0% { 233 background-color: rgb(6, 127, 179); 234 } 235 236 100% { 237 background-color: rgb(198, 232, 247); 238 } 239 } 240 241 @-moz-keyframes f_fadeG { 242 0% { 243 background-color: rgb(6, 127, 179); 244 } 245 246 100% { 247 background-color: rgb(198, 232, 247); 248 } 249 } 250 251 252 253 /*CSS LOADER END*/ 254 255 #customize-preview iframe { 256 width: 100%; 257 height: 100%; 258 background: white; 259 } 260 261 .accordion-section-title.reiki-customizer-content-title:after { 262 display: none; 263 } 264 265 #reiki_section_preview { 266 position: absolute; 267 width: 920px; 268 height: 400px; 269 background-color: #fff; 270 z-index: 999999; 271 border: 2px solid #c1c1c1; 272 border-radius: 4px; 273 background-size: contain; 274 background-repeat: no-repeat; 275 background-position: center; 276 } 277 278 #cp-items { 279 padding: 0px 40px; 280 overflow: auto; 281 } 282 283 #cp-items .customize-control-title { 284 font-size: 12px; 285 font-weight: bold; 286 line-height: 120%; 287 color: rgb(129, 129, 129); 288 text-align: left; 289 margin: 10px 0px; 290 text-transform: capitalize; 291 } 292 293 #cp-items .image-controls span.customize-control-title { 294 margin: 0px; 295 padding: 0px; 296 } 297 298 #cp-items input[type="text"], #cp-items select { 299 background-color: rgb(255, 255, 255); 300 width: 482px; 301 height: 36px; 302 border-color: rgb(221, 221, 221); 303 border-width: 1px; 304 -moz-border-radius: 1px; 305 -webkit-border-radius: 1px; 306 border-radius: 1px; 307 border-style: solid; 308 margin: 0px 0px 4px 0px; 309 max-width: initial; 310 } 311 312 .cp-multi-image-item .thumbnail.thumbnail-image, 313 #cp-items .image-wrapper { 314 float: left; 315 width: 25%; 316 padding: 30px 12px; 317 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMjAvMTbGXQ/TAAAAIElEQVQImWP8/////3v37jEwMDAwMDEgAcb/////h3EAEbwKl/+GO+wAAAAASUVORK5CYII='); 318 text-align: center; 319 margin-right: 10px; 320 box-sizing: border-box; 321 } 322 323 #cp-items .image-wrapper img { 324 max-width: 100px; 325 max-height: 100px; 326 } 327 328 #cp-items .image-controls { 329 float: left; 330 width: calc(75% - 10px); 331 box-sizing: border-box; 332 } 333 334 #cp-items .image-controls input, #cp-items .image-controls select { 335 width: 100%; 336 /*height: 25px;*/ 337 margin-bottom: 14px; 338 font-size: 13px; 339 } 340 341 button#cp-item-cancel:hover { 342 background-color: rgba(220, 220, 220, 1); 343 } 344 345 button#cp-item-ok.full, button#cp-item-section-ok.full { 346 width: 100%; 347 border-radius: 0px 0px 10px 10px; 348 } 349 350 button#cp-item-ok:hover, button#cp-item-section-ok:hover { 351 background-color: #0088EE; 352 } 353 354 span.reiki_btn { 355 padding: 10px 20px; 356 display: block; 357 color: white; 358 font-size: 14px; 359 border-radius: 10px; 360 text-align: center; 361 } 362 363 input.reiki_hidden { 364 display: none; 365 } 366 367 span.reiki_btn.blue { 368 background-color: #09F; 369 } 370 371 span.reiki_btn.active { 372 background-color: #76C13B; 373 } 374 375 .list { 376 display: list-item; 377 } 378 379 .list .item { 380 clear: both; 381 line-height: 1.5em; 382 position: relative; 383 margin: 12px 0 0; 384 } 385 386 #page_full_rows li.item { 387 padding: 4px 0px; 388 } 389 390 #page_full_rows li.item.focused { 391 background-color: #d3ffcd; 392 } 393 394 #page_full_rows li.item.focused input { 395 background-color: #d3ffcd; 396 border-bottom: 1px solid #18cc00; 397 } 398 399 #page_full_rows li.item.focused input:hover, #page_full_rows li.item.focused input:focus { 400 border-bottom: 1px solid rgb(0, 133, 186); 401 } 402 403 .list .item-hover { 404 display: block; 405 text-align: right; 406 margin-top: 8px; 407 float: right; 408 margin-right: 14px; 409 vertical-align: middle; 410 height: 20px; 411 } 412 413 .list .item-preview { 414 position: absolute; 415 right: 0px; 416 top: 0px; 417 display: none; 418 width: 40px; 419 height: 100%; 420 background-color: rgba(69, 54, 46, 0.3); 421 line-height: 31px; 422 text-indent: 10px; 423 text-transform: uppercase; 424 font-size: 10px; 425 font-weight: bold; 426 color: rgb(255, 255, 255); 427 text-align: left; 428 } 429 430 .list .item:hover, .list .already-in-page { 431 border-color: #cccccc; 432 position: relative; 433 color: #0073aa; 434 } 435 436 .list .item:hover .item-preview, .list .item:hover .available-item-hover-button { 437 display: block; 438 } 439 440 .list .item-preview i.icon { 441 display: block; 442 width: 31px; 443 height: 31px; 444 left: 5px; 445 position: absolute; 446 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yOC8xNW6vUpUAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAnUlEQVQokX2QsQ3CMBBFP1mAEbwEJXtkjWzBEuyE6NNQpbRoaJDyKPiHDsfKl06Wv+/57C9ArgLM/GsBxtQjQBl4u3EFarMfe1BMmH1B+Df7tQetrgxEVYPn8AZ9dZD0lPTQVnevpzCGTlOr48bxyPh0m1Txs8lPj8NLSuoKTPbisoi/ZCgn1WpJ015AaZMaDVfHPyX/B7bQXhVP4gMO0pYjkjGs/QAAAABJRU5ErkJggg=='); 447 background-repeat: no-repeat; 448 background-position: center; 449 top: 50%; 450 margin-top: -15px; 451 } 452 453 .list .item-remove { 454 cursor: pointer; 455 background-repeat: no-repeat; 456 width: 20px; 457 height: 20px; 458 transition: background 0.3s; 459 display: inline-block; 460 background-color: #f3674a; 461 border-radius: 100%; 462 text-align: center; 463 text-rendering: optimizeLegibility; 464 line-height: 19px; 465 font-size: 17px; 466 color: #ffffff; 467 font-family: sans-serif; 468 background-image: url(../images/trash-o.png); 469 background-size: 60%; 470 background-position: center; 471 image-rendering: pixelated; 472 box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); 473 } 474 475 .list .item-remove:hover { 476 background-color: #f93f1a; 477 } 478 479 span.item-menu-visible { 480 cursor: pointer; 481 background-repeat: no-repeat; 482 width: 20px; 483 height: 20px; 484 transition: background 0.3s; 485 display: inline-block; 486 background-color: #0aa9e8; 487 border-radius: 100%; 488 background-position: center; 489 text-align: center; 490 text-rendering: optimizeLegibility; 491 line-height: 19px; 492 font-size: 17px; 493 color: #ffffff; 494 font-family: sans-serif; 495 background-image: url(../images/toggle-menu.png); 496 box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); 497 } 498 499 span.item-menu-visible:hover { 500 background-color: #088fc4; 501 } 502 503 span.item-menu-visible.active { 504 background-image: url(../images/toggle-menu-active.png); 505 background-color: #05597a; 506 } 507 508 span.item-settings { 509 cursor: pointer; 510 background-repeat: no-repeat; 511 width: 20px; 512 height: 20px; 513 transition: background 0.3s; 514 display: inline-block; 515 background-color: #6fc408; 516 border-radius: 100%; 517 background-position: center; 518 text-align: center; 519 text-rendering: optimizeLegibility; 520 line-height: 19px; 521 font-size: 17px; 522 color: #ffffff; 523 font-family: sans-serif; 524 background-size: cover; 525 background-image: url(../images/cog-white.png); 526 box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); 527 } 528 529 span.item-settings:hover { 530 background-color: hsla(87, 92%, 35%, 1); 531 } 532 533 li.item.available-item.already-in-page, li.item.available-item.pro-only { 534 position: relative; 535 } 536 537 .reiki-logo { 538 background-image: url('data:image/png;base64,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'); 539 width: 122px; 540 height: 47px; 541 background-position: center; 542 background-repeat: no-repeat; 543 } 544 545 .checked-icon { 546 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMDIvMTYnfI6lAAAC2klEQVRogd3Yz0sUYRjA8e/s7EZiKFJUCqUXPRR22NybkYJastih0LsXw8WC6NYxAjGjDl38A2L7gRB0ELqn7WoULmLaIpZtRUv4I3fV2s3pIKwMu+o7szO78+5zfOZ9n/f9zMu878wovGrUKK0YcRV7BhbHCBAoJdQIENC6IlqpoDIggFJA6UAgPyoLBHKjcoJAXtSeIJATtS8I5EMdCAK5UEIgkAclDAI5UIZAYBPqkKISvhBE64qwenmC1mM+s6UMg8AGlKqoPPEO0VR5FoBKzxEeN94xU8oUCMBtZrS9QlVcvPQ9outESyanAbPrC0ZLmQaBhSvlVlRenH+gAwG8jo9zffqukVJ5gUBgpU6VnaS7uoPvW3GefR0DNfs+qIpK0Hufq9Vtunx4JcK1d7fY+LclOp+8QSCAmr44SpWngpSWpvmol4HIPVB2YS7FRdA7SHdNu67f1OoMneFAwUEggKryVADgUdz01/awrWncnBncubgNT31D9NRc0vX5sDZHe6iPtVRCdB6WgUDgmfqdTu42VlwE6noYPnObMvUwz33DWaD3ax9pmegtGghAOejHS335aUabHnKuoiGTS22nWdyM0VBep2sbWf9E65teltProuNbDgKBlYoml/CHA8wnP2dyHpc7G/Q7Ssd4X9FBILilx7bi+EMB5hKLOa/PJhbwh/r5mVoWHdc2EBg4pxY2YlyZvEE08UWXn08u0hkKEPsTFy1lKwgMHr7R5BL+yYHMG8LU6gxtb/tY2vwhWsJ2EAhsFLmivryWzuPNBL+N8evvimi3goDAJMpEFAwEhfmeKigI7EcVHAT2oooCAvtQRQOBPaiigsB6VNFBYC3KESCwDuUYEFiDchQI8kc5DgT5oRwJAvMox4LAHMrRIDCOcjwIjKGkAIE4ShoQiKGkAsHBKOlAsD9KShDsjZIWBLlRUoMgGyU9CPSokgDBLqpkQLCDKikQwH9CLnrcJy4axQAAAABJRU5ErkJggg=='); 547 width: 53px; 548 height: 53px; 549 margin: auto; 550 background-repeat: no-repeat; 551 background-position: center; 552 z-index: 1000; 553 position: absolute; 554 top: 0px; 555 left: 0px; 556 display: none; 557 } 558 559 .already-in-page .checked-icon { 560 display: block; 561 } 562 563 .pro-icon { 564 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA1CAYAAADh5qNwAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMDIvMTYnfI6lAAACq0lEQVRogd3YLVPrQBSA4bf3XtWgg8FQU1WPAUE0/AUMmApApwYDOrjOgK9vDaYedDEYojDRJLZXnNm2KaVNNpvPM9PZ2e20u0/PfqWt+dnZnGbF8E/ZIzAcQ6DfJNQQ6DMez5uCWoAAmoCKgaD+qB8gqDdqIwjgXy7d2TY4DoQhTKdSmo1fQQAt4+eU48DNzbIeReB58PpqqoetIDA9/Y6OBBQEMJlI2W6D60KvZ6KHnSAwjbq8lNJ14elJgL4vbavZ04tEIDCNsu14PQzh/n75Xqej+82JQWAaFQRSXl3F21T797fOt6YCAfy963bvdHoC5Jfv9+HkBL6+4OMDjo/h4EDWUBjCxQV0u/D2Bi8vaXtIDYIsu9/6LhcEsqbW20HWleum3dq1QKB7TqmB+z6MRoKxbcnOdCpAx5G22QzG48JAoIOyrPiamc0Epw5c25a65+mMBzKCQHf6dTrw8CBnUBRJuR6+r7ONZwZBGtT5ubzCEB4fpW0Vdn0t06/Xk2x6XqFTbjWSoW5v4fR0WVeIvb0lTG8zUDEE+q3JZD6fZ7+17T6nFMj3YTCQst2W9fP5KZAogsPD+FpLHguQzoc3xXaUZclgAfb3JQsqE+pAVbD3d7kapQvjIEgy/SxLppjCge4msB4bQcVMvzCUTKiLKcDzc9Z+c8mQimR3v3XYYJD5cpoXCNJcaFdhaqNIH7mDQOfwtSw5r0ajtH0lAplYU+Yf5zdH4gwVs1Fkj0Km3GrkjSocBPmiSgFBfqjSQJAPqlQQmEeVDgKzqEqAwNx/6YsHvNJFmMmUsSdWU5EVVTkQZENVEgT6qMqCQA9VaRCkR1UeBOlQtQBBclRtQJAMVSsQ7EbVDgTbUbUEwe+o2oJgM6rWIPiJqj0I4qhGgGCJagwIBNUoEMB/ucNyXtcjxMkAAAAASUVORK5CYII='); 565 width: 53px; 566 height: 53px; 567 margin: auto; 568 background-repeat: no-repeat; 569 background-position: center; 570 left: 0px; 571 position: absolute; 572 z-index: 1000; 573 top: 0px; 574 } 575 576 .available-item-hover-button { 577 background-color: rgb(0, 133, 186); 578 /* height: 31px; */ 579 -moz-border-radius: 3px; 580 -webkit-border-radius: 3px; 581 border-radius: 3px; 582 line-height: 31px; 583 text-align: center; 584 top: 50%; 585 position: absolute; 586 margin-top: -16px; 587 margin-left: -70px; 588 cursor: pointer; 589 left: 50%; 590 width: 140px; 591 box-shadow: 0 1px 0 #006799; 592 color: white; 593 display: none; 594 } 595 596 .already-in-page span.available-item-hover-button, 597 .already-in-page:hover span.available-item-hover-button { 598 display: none !important; 599 } 600 601 .available-item-hover { 602 display: none; 603 top: 0; 604 bottom: 0; 605 left: 0; 606 right: 0; 607 position: absolute; 608 } 609 610 .list .already-in-page { 611 } 612 613 a.reiki-needed { 614 display: block; 615 margin-top: 4px; 616 max-width: 250px; 617 margin: auto; 618 position: static; 619 white-space: pre-wrap; 620 height: auto; 621 margin: auto; 622 width: auto; 623 } 624 625 a.reiki-needed:hover { 626 color: white; 627 } 628 629 .reiki-needed-container { 630 width: 100%; 631 background: #fff; 632 box-sizing: border-box; 633 border: 1px solid #dfdfdf; 634 position: relative; 635 padding: 15px; 636 height: auto; 637 min-height: 20px; 638 line-height: 30px; 639 overflow: hidden; 640 word-wrap: break-word; 641 margin-bottom: 15px; 642 margin-top: 15px; 643 display: none; 644 } 645 646 .reiki-needed-container .description.customize-section-description { 647 margin-top: 0px; 648 } 649 650 .reiki-needed-container span { 651 display: block; 652 margin-bottom: 10px; 653 line-height: 170%; 654 text-align: center; 655 } 656 657 ul.disabled { 658 opacity: 0.2; 659 } 660 661 .reiki-cutsomizer-header { 662 background: white; 663 padding: 15px 15px; 664 display: block; 665 height: 155px; 666 } 667 668 span.reiki-by-cp { 669 display: block; 670 font-size: 12px; 671 font-style: italic; 672 line-height: 120%; 673 color: rgb(102, 102, 102); 674 text-align: left; 675 margin: 5px 1px; 676 } 677 678 span.reiki-by-cp span, span.reiki-by-cp a { 679 color: #FF4C4C; 680 } 681 682 span.reiki-about-cp { 683 font-size: 13px; 684 line-height: 130%; 685 color: rgb(102, 102, 102); 686 text-align: left; 687 display: block; 688 margin-bottom: 10px; 689 } 690 691 a.reiki-cp-button { 692 background-color: rgb(255, 77, 77); 693 width: 213px; 694 height: 31px; 695 color: #fff; 696 border-radius: 4px; 697 display: block; 698 text-align: center; 699 line-height: 31px; 700 margin-bottom: 10px; 701 cursor: pointer; 702 text-decoration: none; 703 } 704 705 a.reiki-cp-button:hover { 706 background-color: rgb(255, 48, 48); 707 } 708 709 #customize-controls .more-sections h3 { 710 font-size: 52px; 711 font-weight: bold; 712 line-height: 120%; 713 color: rgb(172, 172, 172); 714 text-align: center; 715 margin-bottom: 10px; 716 } 717 718 #customize-controls .more-sections span { 719 font-size: 15px; 720 font-weight: bold; 721 line-height: 130%; 722 color: rgb(149, 149, 149); 723 text-align: left; 724 display: block; 725 text-align: center; 726 margin-bottom: 10px; 727 } 728 729 #customize-controls .more-sections span.menu-link { 730 color: #555; 731 font-size: 12px; 732 font-weight: 500; 733 text-align: left; 734 margin-top: 20px; 735 padding: 10px 6px; 736 border: 1px solid #DCDCDC; 737 background-color: #F3F3F3; 738 } 739 740 #customize-controls .more-sections a { 741 margin: auto; 742 } 743 744 .reiki_cp_column { 745 width: 50%; 746 float: left; 747 padding: 20px; 748 box-sizing: border-box; 749 } 750 751 .scrn_wrapper { 752 padding: 6px; 753 background-color: #EEEEEE; 754 } 755 756 .scrn_wrapper img { 757 max-width: 100%; 758 } 759 760 .reiki_cp_column h3 { 761 font-size: 18px; 762 line-height: 120%; 763 color: rgb(51, 51, 51); 764 text-align: left; 765 } 766 767 .reiki_cp_column span { 768 font-size: 15px; 769 line-height: 157%; 770 color: rgb(102, 102, 102); 771 text-align: left; 772 } 773 774 #customize-control-header_image .container { 775 height: auto !important; 776 } 777 778 iframe.reiki-feedback-form { 779 position: absolute; 780 width: 622px; 781 margin-left: -11px; 782 height: 682px; 783 overflow: hidden; 784 } 785 786 a.reiki-feedback-button { 787 margin: 20px 0px; 788 display: block; 789 background-color: white; 790 font-size: 14px; 791 } 792 793 a.reiki-feedback-button h3:after { 794 display: none; 795 } 796 797 a.reiki-feedback-button h3.accordion-section-title { 798 padding: 12px 15px 12px 12px; 799 } 800 801 ul.layout-type-list { 802 text-align: center; 803 font-size: 0; 804 margin: 16px 0px; 805 } 806 807 li.layout-type { 808 display: inline-block; 809 padding: 6px 20px; 810 margin: 0px; 811 background-color: rgb(238, 238, 238); 812 text-transform: uppercase; 813 min-width: 80px; 814 letter-spacing: 1px; 815 font-size: 12px; 816 cursor: pointer; 817 } 818 819 li.layout-type:first-of-type { 820 border-radius: 4px 0px 0px 4px; 821 } 822 823 li.layout-type:last-of-type { 824 border-radius: 0px 4px 4px 0px; 825 } 826 827 li.layout-type:hover, li.layout-type.selected { 828 background-color: #09f; 829 color: #fff; 830 } 831 832 ul.layout-strucuture-list { 833 font-size: 0; 834 margin: 46px 0px; 835 text-align: center; 836 letter-spacing: 30px; 837 } 838 839 li.layout-structure { 840 display: inline-block; 841 width: 80px; 842 height: 80px; 843 border-radius: 4px; 844 border: 2px dashed #f1f2f3; 845 background-repeat: no-repeat; 846 background-position: center; 847 background-size: 62%; 848 image-rendering: pixelated; 849 cursor: pointer; 850 } 851 852 li.layout-structure:hover, li.layout-structure.selected { 853 background-color: #09f; 854 border-color: #09f; 855 } 856 857 li.layout-structure[data-type="1"] { 858 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/1column.png"); 859 } 860 861 li.layout-structure[data-type="2"] { 862 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/2columns.png"); 863 } 864 865 li.layout-structure[data-type="3"] { 866 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/3columns.png"); 867 } 868 869 li.layout-structure[data-type="4"] { 870 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/4columns.png"); 871 } 872 873 li.layout-structure[data-type="1"]:hover, li.layout-structure[data-type="1"].selected { 874 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/1column-hover.png"); 875 } 876 877 li.layout-structure[data-type="2"]:hover, li.layout-structure[data-type="2"].selected { 878 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/2columns-hover.png"); 879 } 880 881 li.layout-structure[data-type="3"]:hover, li.layout-structure[data-type="3"].selected { 882 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/3columns-hover.png"); 883 } 884 885 li.layout-structure[data-type="4"]:hover, li.layout-structure[data-type="4"].selected { 886 background-image: url("http://static.cloud-press.net/libraries/layouts/panels/basicCss/assets/change_layout/4columns-hover.png"); 887 } 888 889 button#cp-item-ok.full.insert-section, button#cp-item-section-ok.insert-section { 890 width: 100%; 891 border-bottom-left-radius: 10px; 892 } 893 894 .reiki-well { 895 width: 100%; 896 background: #fff; 897 border: 1px solid #dfdfdf; 898 position: relative; 899 height: auto; 900 min-height: 20px; 901 line-height: 30px; 902 overflow: hidden; 903 word-wrap: break-word; 904 padding: 2px 6px; 905 box-sizing: border-box; 906 } 907 908 ul.content-list { 909 margin: 46px 0px; 910 text-align: center; 911 letter-spacing: 30px; 912 } 913 914 li.content-type { 915 display: inline-block; 916 width: 80px; 917 height: 80px; 918 border-radius: 4px; 919 border: 2px dashed #f1f2f3; 920 background-repeat: no-repeat; 921 background-position: center; 922 background-size: 62%; 923 image-rendering: pixelated; 924 cursor: pointer; 925 position: relative; 926 } 927 928 ul.content-list .title { 929 font-size: 8px; 930 margin: 0; 931 position: absolute; 932 bottom: 4px; 933 text-align: center; 934 text-transform: uppercase; 935 font-weight: bold; 936 color: #4F4E51; 937 -webkit-transition: color 0.3s; 938 transition: color 0.3s; 939 width: 86px; 940 display: block; 941 line-height: 10px; 942 min-height: 15px; 943 letter-spacing: normal; 944 } 945 946 li.content-type:hover, li.content-type.selected { 947 background-color: #09f; 948 border-color: #09f; 949 } 950 951 li.content-type[data-type="h1"] { 952 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/heading_icon.png"); 953 } 954 955 li.content-type[data-type="h4"] { 956 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/heading_icon.png"); 957 } 958 959 li.content-type[data-type="image"] { 960 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/image_icon.png"); 961 } 962 963 li.content-type[data-type="button"] { 964 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/button_icon.png"); 965 } 966 967 li.content-type[data-type="link"] { 968 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/link_icon.png"); 969 } 970 971 li.content-type[data-type="p"] { 972 background-image: url("http://static.cloud-press.net/libraries/layouts//panels/common/insertion-assets/paragraph_icon.png"); 973 } 974 975 #cp-items-footer button#cp-item-content-ok { 976 width: 100%; 977 border-bottom-left-radius: 10px; 978 } 979 980 #accordion-panel-reiki-customize-frontpage-panel .accordion-section-title:after, #accordion-panel-reiki-customize-header-panel .accordion-section-title:after { 981 content: ''; 982 } 983 984 .customizer-right-section { 985 position: fixed; 986 left: 300px; 987 top: 0px; 988 width: 300px; 989 background: #eeeeee; 990 height: 100%; 991 display: block; 992 width: 310px; 993 transition: width 0.2s; 994 height: 0px; 995 opacity: 0; 996 visibility: hidden; 997 } 998 999 .customizer-right-section.active { 1000 width: 310px; 1001 height: 100%; 1002 opacity: 1; 1003 visibility: visible; 1004 border-right: 1px solid #bdbdbd; 1005 } 1006 1007 .customizer-right-section > ul { 1008 display: block; 1009 left: 0px !important; 1010 height: calc(100% - 66px); 1011 overflow-y: auto; 1012 width: 270px; 1013 padding-top: 0px; 1014 } 1015 1016 .customizer-right-section > ul .customize-section-description-container { 1017 display: none; 1018 } 1019 1020 .section-icon { 1021 width: 24px; 1022 height: 24px; 1023 float: right; 1024 opacity: 0.4; 1025 background-repeat: no-repeat; 1026 border-radius: 50%; 1027 transition: all .4s; 1028 background-position: center; 1029 } 1030 1031 .open-right { 1032 background-image: url('../images/swap.png'); 1033 } 1034 1035 span.setting.section-icon { 1036 background-image: url('../images/cog.png'); 1037 } 1038 1039 span.add-section-plus { 1040 background-image: url('../images/plus-black.png'); 1041 } 1042 1043 h3:hover .section-icon { 1044 opacity: 0.8; 1045 } 1046 1047 .section-icon:hover { 1048 opacity: 1; 1049 background-color: #d1d1d1; 1050 } 1051 1052 #customize-theme-controls .reiki-reorder-list { 1053 display: block; 1054 left: 0px; 1055 position: static; 1056 height: auto; 1057 transform: translate(0); 1058 visibility: visible; 1059 } 1060 1061 #customize-theme-controls .reiki-reorder-list .customize-section-description-container { 1062 display: none; 1063 } 1064 1065 .sections-list-reorder { 1066 padding: 20px; 1067 } 1068 1069 .add-section-container { 1070 margin: auto; 1071 padding: 20px 0px; 1072 clear: both; 1073 } 1074 1075 a.button-primary.cp-add-section { 1076 font-size: 14px; 1077 height: 40px; 1078 line-height: 40px; 1079 width: 100%; 1080 text-transform: uppercase; 1081 position: static; 1082 margin: auto; 1083 text-align: center; 1084 } 1085 1086 span.close-panel:hover { 1087 background-color: #4d4d4d; 1088 } 1089 1090 li#customize-control-reiki_dummy_title_control_header { 1091 border-top: 1px solid #c1c1c1; 1092 padding-top: 20px; 1093 } 1094 1095 li#customize-control-reiki_dummy_title_control_header > label > span { 1096 text-transform: uppercase; 1097 margin-bottom: 10px 1098 } 1099 1100 .reorder-handler { 1101 float: left; 1102 width: 20px; 1103 height: 45px; 1104 background: url(../images/reorder-handler.png?x=3); 1105 background-position: center; 1106 background-repeat: no-repeat; 1107 margin-top: -4px; 1108 margin-bottom: -4px; 1109 margin-right: 4px; 1110 cursor: ns-resize; 1111 background-color: #f0f0f0; 1112 } 1113 1114 .full_row.item:hover .reorder-handler:hover { 1115 background-color: hsl(0, 0%, 93%); 1116 } 1117 1118 .label-wrapper { 1119 float: left; 1120 width: calc(100% - 120px); 1121 max-width: calc(100% - 120px); 1122 } 1123 1124 .full_row.item input.item-label { 1125 border: none; 1126 padding: 0px; 1127 margin: 0px 0px 2px 0px; 1128 padding: 3px 4px 2px 1px; 1129 border: none; 1130 background-color: transparent; 1131 font-size: 12px; 1132 display: block; 1133 border-bottom: 1px solid hsla(0, 0%, 88%, 1); 1134 outline: none; 1135 box-sizing: border-box; 1136 font-weight: normal; 1137 cursor: pointer; 1138 width: 100%; 1139 } 1140 1141 .full_row.item input.item-label:hover, .full_row.item input.item-label:focus { 1142 background-color: #ffffff; 1143 border-bottom: 1px solid #0085ba; 1144 cursor: text; 1145 box-shadow: 0px 1px 0px rgb(0, 133, 186); 1146 color: #0083b7; 1147 } 1148 1149 .anchor-info { 1150 font-size: 8px; 1151 height: 12px; 1152 line-height: 10px; 1153 padding-left: 4px; 1154 margin: 0px; 1155 display: block; 1156 letter-spacing: 0.4px; 1157 float: none; 1158 clear: both; 1159 padding-top: 1px; 1160 cursor: default; 1161 color: #000000; 1162 } 1163 1164 li.full_row.item:hover .anchor-info { 1165 color: #000000; 1166 } 1167 1168 ul#cp-items .mdi { 1169 font-size: 40px; 1170 } 1171 1172 button.button.cp-mdi-visible { 1173 margin-left: 20px; 1174 } 1175 1176 #cp-items .image-controls input[type=checkbox], #cp-items .image-wrapper input[type=checkbox] { 1177 display: inline-block; 1178 width: auto; 1179 padding: 2px !important; 1180 height: 20px; 1181 vertical-align: top; 1182 width: 20px; 1183 margin-right: 10px; 1184 } 1185 1186 #cp-items .image-controls label, #cp-items .image-wrapper label { 1187 font-size: 11px; 1188 font-weight: 500; 1189 color: rgb(68, 68, 68); 1190 letter-spacing: 1px; 1191 clear: both; 1192 float: none; 1193 display: block; 1194 margin-top: 10px; 1195 margin-bottom: -30px; 1196 background: white; 1197 margin-right: -10px; 1198 margin-left: -10px; 1199 border: none; 1200 padding-top: 10px; 1201 line-height: 19px; 1202 } 1203 1204 h3.accordion-section-title.no-chevron:after { 1205 content: none; 1206 display: none; 1207 } 1208 1209 ul#available_footers { 1210 padding: 20px; 1211 background: #ffffff; 1212 } 1213 1214 .customizer-right-section.active.floating { 1215 height: auto; 1216 transform: translateY(-50%); 1217 border-bottom: 1px solid #bdbdbd; 1218 } 1219 1220 .control-wrapper { 1221 padding: 20px 20px; 1222 overflow: hidden; 1223 background: #fff; 1224 display: block; 1225 left: 0px !important; 1226 height: calc(100% - 66px); 1227 overflow-y: auto; 1228 width: 270px; 1229 } 1230 1231 #reiki_footer_insert-popup .control-wrapper { 1232 padding: 0px; 1233 width: auto; 1234 } 1235 1236 .control-wrapper input { 1237 width: 100%; 1238 } 1239 1240 /*// colors*/ 1241 1242 .cp-color-boxes .color-container, 1243 .cp-color-boxes input[data-customize-setting-link] { 1244 float: left; 1245 display: inline-block; 1246 width: 60px; 1247 height: 40px; 1248 margin: 0px 4px; 1249 border-radius: 4px; 1250 position: relative; 1251 font-size: 10px; 1252 } 1253 1254 .cp-color-boxes input[data-customize-setting-link] { 1255 visibility: hidden; 1256 } 1257 1258 .cp-color-boxes input.big[data-customize-setting-link] { 1259 width: 100px; 1260 height: 80px; 1261 appearance: none !important; 1262 } 1263 1264 .cp-color-boxes input[data-customize-setting-link]:checked + .check-icon { 1265 position: absolute !important; 1266 width: 20px !important; 1267 height: 20px !important; 1268 right: -10px !important; 1269 top: -8px !important; 1270 color: #ffffff; 1271 background-color: #38d638; 1272 background-image: url('../images/check.png'); 1273 content: " "; 1274 background-position: center; 1275 background-repeat: no-repeat; 1276 border-radius: 50%; 1277 } 1278 1279 .cp-color-boxes input.big[data-customize-setting-link]:checked + .check-icon { 1280 width: 30px !important; 1281 height: 30px !important; 1282 right: -14px !important; 1283 top: -14px !important; 1284 background-size: 20px; 1285 } 1286 1287 .cp-color-boxes label { 1288 float: left; 1289 padding: 8px; 1290 height: auto; 1291 margin: auto; 1292 } 1293 1294 .cp-color-boxes label .css-class-container { 1295 display: inline-block; 1296 border: 1px solid #c3c3c3; 1297 box-sizing: border-box; 1298 box-shadow: 2px 1px 5px -1px rgba(46, 68, 83, 0.44); 1299 position: relative; 1300 } 1301 1302 .cp-color-boxes label .css-class-container input { 1303 background: transparent; 1304 border: none; 1305 outline: none; 1306 box-shadow: none; 1307 } 1308 1309 .cp-color-boxes label:first-of-type { 1310 /* margin-left:24px; */ 1311 } 1312 1313 label[for=reiki_homepage_header-button] { 1314 text-transform: uppercase; 1315 } 1316 1317 #page_full_rows li.item.full_row + .empty { 1318 display: none; 1319 } 1320 1321 #page_full_rows li.empty { 1322 padding: 40px 20px 20px 20px; 1323 text-align: center; 1324 font-size: 18px; 1325 text-transform: uppercase; 1326 color: rgb(187, 187, 187); 1327 } 1328 1329 .cp-multi-image-item { 1330 clear: both; 1331 margin-bottom: 10px; 1332 display: block; 1333 width: 100%; 1334 padding: 4px; 1335 border: 1px solid #eeeeee; 1336 box-shadow: 0 2px 1px rgba(46, 68, 83, 0.15); 1337 position: relative; 1338 } 1339 1340 .cp-multi-image-item .thumbnail.thumbnail-image { 1341 width: 100%; 1342 padding-right: 10px; 1343 min-height: 100px; 1344 box-sizing: border-box; 1345 margin: 0px; 1346 display: block; 1347 float: none; 1348 vertical-align: middle; 1349 } 1350 1351 .cp-multi-image-item .thumbnail.thumbnail-image img { 1352 margin: auto; 1353 display: inline-block; 1354 } 1355 1356 .cp-multi-image-item .actions { 1357 width: auto; 1358 box-sizing: border-box; 1359 position: absolute; 1360 background-color: rgb(255, 255, 255); 1361 padding: 4px 8px; 1362 bottom: 20px; 1363 border: 1px solid hsla(0, 0%, 73%, 1); 1364 border-right: none; 1365 border-bottom: none; 1366 right: 14px; 1367 } 1368 1369 .cp-multi-image-item .actions span.open-right { 1370 /* background-color:#ffffff; */ 1371 opacity: 1; 1372 } 1373 1374 .cp-multi-image-item .actions span { 1375 float: none; 1376 display: inline-block; 1377 clear: both; 1378 } 1379 1380 .cp-multi-image-item .actions .button { 1381 display: block !important; 1382 float: none !important; 1383 margin: 4px !important; 1384 clear: both !important; 1385 width: auto !important; 1386 } 1387 1388 li#customize-control-onepage_builder_header_overlay_color { 1389 margin-top: 10px; 1390 border-top: 2px solid #c3c3c3; 1391 padding-top: 20px; 1392 } 1393 1394 #customize-theme-controls .cp-label-control { 1395 margin-top: 10px; 1396 padding-top: 20px; 1397 margin-bottom: 3px; 1398 border-top: 2px solid hsla(0, 0%, 75%, 1); 1399 text-align: center; 1400 } 1401 1402 .cp-label-control .customize-control-title { 1403 font-size: 16px; 1404 text-transform: uppercase; 1405 } 1406 1407 #customize-header-actions .button.button-green { 1408 float: right; 1409 margin-top: 9px; 1410 margin-right: 10px; 1411 } 1412 1413 .button.button-green { 1414 background-color: #7CB342; 1415 border-color: #689F38; 1416 -webkit-box-shadow: 0 1px 0 #689F38; 1417 box-shadow: 0 1px 0 #689F38; 1418 color: #fff; 1419 text-decoration: none; 1420 text-shadow: none; 1421 outline: none; 1422 } 1423 1424 .button.button-green:hover, 1425 .button.button-green:focus { 1426 background-color: #91c25b; 1427 border-color: #689F38; 1428 color: #ffffff; 1429 outline: none; 1430 } 1431 1432 .cp-tinymce-inline:before { 1433 content: ' '; 1434 background: transparent; 1435 position: absolute; 1436 top: -7px; 1437 width: 100vw; 1438 height: 48px; 1439 left: calc(-50vw + 50%); 1440 } 1441 1442 ul.list.rows-list .category-title { 1443 text-transform: uppercase; 1444 font-size: 14px; 1445 text-align: center; 1446 margin-top: 0px; 1447 margin-left: -20px; 1448 margin-right: -20px; 1449 border-bottom: 1px #000000 solid; 1450 padding: 7px 12px; 1451 width: auto; 1452 display: block; 1453 border-top: 1px #000000 solid; 1454 margin-bottom: -1px; 1455 background-color: #55616d; 1456 color: #ffffff; 1457 } 1458 1459 li.category-title + li.available-item { 1460 margin-top: 40px; 1461 } 1462 1463 ul.list.rows-list li.available-item:not([style*="display: none"]) + li.category-title { 1464 margin-top: 20px; 1465 } 1466 1467 ul.list.row-list .category-title.closeable { 1468 1469 } 1470 1471 ul.list.rows-list .category-title:first-of-type { 1472 margin-top: 0px; 1473 } 1474 1475 .list-control { 1476 max-height: 300px; 1477 overflow-y: auto; 1478 } 1479 1480 .list-control .item-actions { 1481 float: left; 1482 padding: 0 4px 0 10px; 1483 } 1484 1485 .list-control .handle.reorder-handler { 1486 height: 58px !important; 1487 } 1488 1489 .list-control .item-editor { 1490 width: 86% !important; 1491 margin-top: 7px !important; 1492 float: left; 1493 } 1494 1495 .list-control .item-remove { 1496 margin-top: 17px; 1497 margin-left: 2px; 1498 } 1499 1500 label.link-options-group > div > select, 1501 label.link-options-group > div > input { 1502 width: 100% !important; 1503 } 1504 1505 label.link-options-group .link-option { 1506 width: calc(100% - 118px); 1507 float: left; 1508 margin-right: 18px; 1509 display: block; 1510 } 1511 1512 label.link-options-group .target-option { 1513 width: 100px; 1514 float: left; 1515 box-sizing: border-box; 1516 display: block; 1517 } 1518 1519 .customize-control-sidebar-button-group label button { 1520 width: 100%; 1521 min-height: 30px; 1522 } 1523 1524 .already-in-page.pro-only:hover span.available-item-hover-button { 1525 display: block !important; 1526 } 1527 1528 .anchor-info[contenteditable=true] { 1529 border: 2px solid #0085ba; 1530 font-size: 12px; 1531 } 1532 1533 .prompt-wrapper { 1534 width: 400px; 1535 } 1536 1537 .prompt-content input, 1538 .prompt-content select { 1539 width: 100%; 1540 line-height: 160%; 1541 margin: 0em 0em 1em 0em; 1542 } 1543 1544 .prompt-footer { 1545 padding-top: 10px; 1546 border-top: 1px solid #dddddd; 1547 padding: 10px 15px 0px 15px; 1548 margin: 10px -15px 0px -15px; 1549 } 1550 1551 #cp-items .selectize-control input[type="text"], 1552 #cp-items .selectize-control select { 1553 height: auto; 1554 } 1555 1556 #cp-items .selectize-control > div { 1557 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1558 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); 1559 } 1560 1561 .customize-control-kirki-typography .color.customize-control-kirki-color .sp-replacer { 1562 position: relative; 1563 margin-top: -26px; 1564 z-index: 1; 1565 } 1566 1567 .cp-tinymce-inline button:hover { 1568 background-color: inherit !important; 1569 } 1570 1571 #customize-controls .customize-control-color .wp-picker-active input, 1572 #customize-controls .customize-control-kirki .wp-picker-active input{ 1573 display: inline-block !important; 1574 }