Edit File by line

@import "variables";

[0] Fix | Delete

[1] Fix | Delete

.sgpb {

[2] Fix | Delete

&-options {

[3] Fix | Delete

width: 100%;

[4] Fix | Delete

display: flex;

[5] Fix | Delete

position: relative;

[6] Fix | Delete

flex-direction: column;

[7] Fix | Delete

&-menu {

[8] Fix | Delete

width: 23%;

[9] Fix | Delete

padding: 20px;

[10] Fix | Delete

background: $white_light;

[11] Fix | Delete

margin-bottom: 10px;

[12] Fix | Delete

position: relative;

[13] Fix | Delete

cursor: pointer;

[14] Fix | Delete

&:before {

[15] Fix | Delete

content: '';

[16] Fix | Delete

position: absolute;

[17] Fix | Delete

top: 0;

[18] Fix | Delete

bottom: 0;

[19] Fix | Delete

left: 0;

[20] Fix | Delete

width: 3px;

[21] Fix | Delete

background: transparent;

[22] Fix | Delete

}

[23] Fix | Delete

&-header {

[24] Fix | Delete

&__sub {

[25] Fix | Delete

display: none;

[26] Fix | Delete

color: $gray_75;

[27] Fix | Delete

}

[28] Fix | Delete

}

[29] Fix | Delete

&-active {

[30] Fix | Delete

background: $white;

[31] Fix | Delete

box-shadow: 0 0 10px $blue_light_opacity_3;

[32] Fix | Delete

&:before {

[33] Fix | Delete

background: $blue_light;

[34] Fix | Delete

}

[35] Fix | Delete

.sgpb-options-menu-header {

[36] Fix | Delete

color: $blue_light;

[37] Fix | Delete

margin-bottom: 10px;

[38] Fix | Delete

}

[39] Fix | Delete

.sgpb-options-menu-header__sub {

[40] Fix | Delete

display: block;

[41] Fix | Delete

}

[42] Fix | Delete

+ .sgpb-options-content {

[43] Fix | Delete

display: block;

[44] Fix | Delete

}

[45] Fix | Delete

}

[46] Fix | Delete

}

[47] Fix | Delete

&-content {

[48] Fix | Delete

display: none;

[49] Fix | Delete

position: absolute;

[50] Fix | Delete

top: 0;

[51] Fix | Delete

right: 0;

[52] Fix | Delete

width: 77%;

[53] Fix | Delete

padding: 0 40px;

[54] Fix | Delete

.sgpb-header-h1 {

[55] Fix | Delete

line-height: 1.2;

[56] Fix | Delete

}

[57] Fix | Delete

.sgpb{

[58] Fix | Delete

&-wrapper {

[59] Fix | Delete

.text {

[60] Fix | Delete

display: flex;

[61] Fix | Delete

align-items: center;

[62] Fix | Delete

color: $black;

[63] Fix | Delete

margin-top: -30px;

[64] Fix | Delete

margin-bottom: 10px;

[65] Fix | Delete

.inputBlock__title {

[66] Fix | Delete

font-weight: 600;

[67] Fix | Delete

font-size: 17px;

[68] Fix | Delete

}

[69] Fix | Delete

}

[70] Fix | Delete

.sgpb {

[71] Fix | Delete

&-icons {

[72] Fix | Delete

margin-right: 10px;

[73] Fix | Delete

}

[74] Fix | Delete

&-btn {

[75] Fix | Delete

width: 80%;

[76] Fix | Delete

text-align: center;

[77] Fix | Delete

font-size: 20px;

[78] Fix | Delete

}

[79] Fix | Delete

&-pro-conditions {

[80] Fix | Delete

* {

[81] Fix | Delete

font-family: "Segoe UI Regular";

[82] Fix | Delete

}

[83] Fix | Delete

&-box {

[84] Fix | Delete

max-width: 349px;

[85] Fix | Delete

display: flex;

[86] Fix | Delete

align-items: center;

[87] Fix | Delete

flex-direction: column;

[88] Fix | Delete

padding: 13px 10px;

[89] Fix | Delete

border: 1px solid $gray_opacity_1;

[90] Fix | Delete

background: $gray_e8_opacity_1;

[91] Fix | Delete

border-radius: 10px;

[92] Fix | Delete

}

[93] Fix | Delete

&-main-wrapper {

[94] Fix | Delete

align-items: flex-start;

[95] Fix | Delete

}

[96] Fix | Delete

&-title {

[97] Fix | Delete

font-size: 30px;

[98] Fix | Delete

font-weight: 600;

[99] Fix | Delete

color: $black;

[100] Fix | Delete

}

[101] Fix | Delete

&-text {

[102] Fix | Delete

font-size: 15px;

[103] Fix | Delete

color: $gray_75;

[104] Fix | Delete

padding: 0 25px;

[105] Fix | Delete

}

[106] Fix | Delete

&-pro-url {

[107] Fix | Delete

font-family: "Segoe UI Regular";

[108] Fix | Delete

color: $blue;

[109] Fix | Delete

font-size: 15px;

[110] Fix | Delete

}

[111] Fix | Delete

&-inline-border {

[112] Fix | Delete

width: 80%;

[113] Fix | Delete

height: 2px;

[114] Fix | Delete

background: $gray_opacity_1;

[115] Fix | Delete

}

[116] Fix | Delete

&-list {

[117] Fix | Delete

width: 80%;

[118] Fix | Delete

text-align: center;

[119] Fix | Delete

.sgpb-pro-conditions-inline-border {

[120] Fix | Delete

width: 100%;

[121] Fix | Delete

}

[122] Fix | Delete

.sgpb-pro-conditions-inline-border:last-child {

[123] Fix | Delete

display: none;

[124] Fix | Delete

}

[125] Fix | Delete

* {

[126] Fix | Delete

color: $gray_75;

[127] Fix | Delete

font-size: 15px;

[128] Fix | Delete

}

[129] Fix | Delete

}

[130] Fix | Delete

}

[131] Fix | Delete

[132] Fix | Delete

&-design {

[133] Fix | Delete

.formItem {

[134] Fix | Delete

label {

[135] Fix | Delete

position: relative;

[136] Fix | Delete

.sgpb-popup-theme {

[137] Fix | Delete

&-img {

[138] Fix | Delete

display: block;

[139] Fix | Delete

width: 105px;

[140] Fix | Delete

height: 70px;

[141] Fix | Delete

background-size: 100px;

[142] Fix | Delete

background-repeat: no-repeat;

[143] Fix | Delete

background-position: center;

[144] Fix | Delete

}

[145] Fix | Delete

&-1 {

[146] Fix | Delete

+ .sgpb-popup-theme-img {

[147] Fix | Delete

[148] Fix | Delete

}

[149] Fix | Delete

}

[150] Fix | Delete

&-2 {

[151] Fix | Delete

+ .sgpb-popup-theme-img {

[152] Fix | Delete

[153] Fix | Delete

}

[154] Fix | Delete

}

[155] Fix | Delete

&-3 {

[156] Fix | Delete

+ .sgpb-popup-theme-img {

[157] Fix | Delete

[158] Fix | Delete

}

[159] Fix | Delete

}

[160] Fix | Delete

&-4 {

[161] Fix | Delete

+ .sgpb-popup-theme-img {

[162] Fix | Delete

[163] Fix | Delete

}

[164] Fix | Delete

}

[165] Fix | Delete

&-5 {

[166] Fix | Delete

+ .sgpb-popup-theme-img {

[167] Fix | Delete

[168] Fix | Delete

}

[169] Fix | Delete

}

[170] Fix | Delete

&-6 {

[171] Fix | Delete

+ .sgpb-popup-theme-img {

[172] Fix | Delete

[173] Fix | Delete

}

[174] Fix | Delete

}

[175] Fix | Delete

}

[176] Fix | Delete

input[type="radio"] {

[177] Fix | Delete

width: 100%;

[178] Fix | Delete

height: 100%;

[179] Fix | Delete

visibility: hidden;

[180] Fix | Delete

position: absolute;

[181] Fix | Delete

&:checked {

[182] Fix | Delete

+ .sgpb-popup-theme-img {

[183] Fix | Delete

width: 140px;

[184] Fix | Delete

height: 110px;

[185] Fix | Delete

background-size: 130px;

[186] Fix | Delete

box-shadow: 0 0 10px $blue_light_opacity_3;

[187] Fix | Delete

}

[188] Fix | Delete

}

[189] Fix | Delete

}

[190] Fix | Delete

}

[191] Fix | Delete

.subForm {

[192] Fix | Delete

&Item {

[193] Fix | Delete

.sgpb-range-wrap {

[194] Fix | Delete

input[type="range"] {

[195] Fix | Delete

cursor: pointer;

[196] Fix | Delete

width: 200px;

[197] Fix | Delete

}

[198] Fix | Delete

input[type="text"] {

[199] Fix | Delete

width: 52px;

[200] Fix | Delete

padding: 0 0 0 10px!important;

[201] Fix | Delete

}

[202] Fix | Delete

}

[203] Fix | Delete

.subFormBackground {

[204] Fix | Delete

background: $light;

[205] Fix | Delete

border-radius: 5px;

[206] Fix | Delete

.subFormItemIcons {

[207] Fix | Delete

display: inline-flex;

[208] Fix | Delete

flex-direction: column;

[209] Fix | Delete

justify-content: space-around;

[210] Fix | Delete

}

[211] Fix | Delete

.icons__item {

[212] Fix | Delete

background: $blue_whiten;

[213] Fix | Delete

width: 60px;

[214] Fix | Delete

height: 60px;

[215] Fix | Delete

display: inline-flex;

[216] Fix | Delete

align-items: center;

[217] Fix | Delete

justify-content: center;

[218] Fix | Delete

border-radius: 50%;

[219] Fix | Delete

cursor: pointer;

[220] Fix | Delete

+ img {

[221] Fix | Delete

width: 200px;

[222] Fix | Delete

}

[223] Fix | Delete

&.icons_pink {

[224] Fix | Delete

background: $red_whiten;

[225] Fix | Delete

}

[226] Fix | Delete

&:hover {

[227] Fix | Delete

cursor: pointer;

[228] Fix | Delete

}

[229] Fix | Delete

}

[230] Fix | Delete

}

[231] Fix | Delete

}

[232] Fix | Delete

}

[233] Fix | Delete

}

[234] Fix | Delete

}

[235] Fix | Delete

&-close-settings {

[236] Fix | Delete

input {

[237] Fix | Delete

max-width: 100px;

[238] Fix | Delete

}

[239] Fix | Delete

.sgpb-close-button-image-option-wrapper {

[240] Fix | Delete

.subFormItem__x {

[241] Fix | Delete

width: 60px;

[242] Fix | Delete

height: 60px;

[243] Fix | Delete

div {

[244] Fix | Delete

width: 100%;

[245] Fix | Delete

height: 100%;

[246] Fix | Delete

}

[247] Fix | Delete

}

[248] Fix | Delete

.icons__item {

[249] Fix | Delete

-webkit-border-radius: $percentage_50;

[250] Fix | Delete

-moz-border-radius: $percentage_50;

[251] Fix | Delete

border-radius: $percentage_50;

[252] Fix | Delete

img {

[253] Fix | Delete

width: 45px;

[254] Fix | Delete

height: 45px;

[255] Fix | Delete

}

[256] Fix | Delete

&.icons_blue {

[257] Fix | Delete

background: $blue_whiten;

[258] Fix | Delete

}

[259] Fix | Delete

&.icons_pink {

[260] Fix | Delete

background: $red_whiten;

[261] Fix | Delete

}

[262] Fix | Delete

}

[263] Fix | Delete

}

[264] Fix | Delete

}

[265] Fix | Delete

}

[266] Fix | Delete

}

[267] Fix | Delete

&-media-upload {

[268] Fix | Delete

width: 100%;

[269] Fix | Delete

height: 70%;

[270] Fix | Delete

min-height: 50vh;

[271] Fix | Delete

.formItem_last {

[272] Fix | Delete

width: 400px;

[273] Fix | Delete

height: 400px;

[274] Fix | Delete

position: relative;

[275] Fix | Delete

margin: 0;

[276] Fix | Delete

box-shadow: 0 0 20px $black_opacity_3;

[277] Fix | Delete

display: flex;

[278] Fix | Delete

align-items: center;

[279] Fix | Delete

justify-content: center;

[280] Fix | Delete

.sgpb-icons {

[281] Fix | Delete

position: absolute;

[282] Fix | Delete

left: -10%;

[283] Fix | Delete

width: 80px;

[284] Fix | Delete

height: 80px;

[285] Fix | Delete

font-size: 50px;

[286] Fix | Delete

margin: 0;

[287] Fix | Delete

}

[288] Fix | Delete

}

[289] Fix | Delete

.sgpb-show-image-container {

[290] Fix | Delete

[291] Fix | Delete

width: 70%;

[292] Fix | Delete

height: 70%;

[293] Fix | Delete

min-height: 40vh;

[294] Fix | Delete

background-repeat: no-repeat;

[295] Fix | Delete

background-size: contain;

[296] Fix | Delete

background-position: center;

[297] Fix | Delete

}

[298] Fix | Delete

}

[299] Fix | Delete

&-squares {

[300] Fix | Delete

display: flex;

[301] Fix | Delete

flex-wrap: wrap;

[302] Fix | Delete

justify-content: space-around;

[303] Fix | Delete

margin-left: 8.750vw;

[304] Fix | Delete

width: 350px;

[305] Fix | Delete

height: 350px;

[306] Fix | Delete

&__square {

[307] Fix | Delete

background: $blue 0 0 no-repeat padding-box;

[308] Fix | Delete

opacity: 0.4;

[309] Fix | Delete

width: 100px;

[310] Fix | Delete

height: 100px;

[311] Fix | Delete

&:hover {

[312] Fix | Delete

cursor: pointer;

[313] Fix | Delete

}

[314] Fix | Delete

&_leftRounded {

[315] Fix | Delete

border-radius: 5px 0 0 5px;

[316] Fix | Delete

}

[317] Fix | Delete

&_rightRounded {

[318] Fix | Delete

border-radius: 0 5px 5px 0;

[319] Fix | Delete

}

[320] Fix | Delete

&.active, &:hover {

[321] Fix | Delete

background: $blue 0 0 no-repeat padding-box;

[322] Fix | Delete

box-shadow: 0 3px 10px $blue_opacity_8;

[323] Fix | Delete

opacity: 1;

[324] Fix | Delete

}

[325] Fix | Delete

}

[326] Fix | Delete

}

[327] Fix | Delete

&-customJsOrCss {

[328] Fix | Delete

&_text {

[329] Fix | Delete

font-size: 15px;

[330] Fix | Delete

}

[331] Fix | Delete

.formItem__title {

[332] Fix | Delete

font-size: 15px;

[333] Fix | Delete

}

[334] Fix | Delete

}

[335] Fix | Delete

&-floating-btn-wrapper {

[336] Fix | Delete

* {

[337] Fix | Delete

font-family: "Segoe UI Regular";

[338] Fix | Delete

}

[339] Fix | Delete

.subFormItem {

[340] Fix | Delete

&__title {

[341] Fix | Delete

font-size: 20px;

[342] Fix | Delete

color: $black;

[343] Fix | Delete

}

[344] Fix | Delete

}

[345] Fix | Delete

input[type="button"].sgpb-input-button, .sgpb-input-button {

[346] Fix | Delete

background: $blue_d8;

[347] Fix | Delete

border-radius: 3px;

[348] Fix | Delete

color: $blue;

[349] Fix | Delete

border-color: transparent;

[350] Fix | Delete

width: 120px;

[351] Fix | Delete

height: 47px;

[352] Fix | Delete

display: inline-flex;

[353] Fix | Delete

justify-content: center;

[354] Fix | Delete

align-items: center;

[355] Fix | Delete

font-size: 16px;

[356] Fix | Delete

font-weight: bold;

[357] Fix | Delete

&:hover, &:focus, &.active {

[358] Fix | Delete

color: $white;

[359] Fix | Delete

background-color: $blue;

[360] Fix | Delete

box-shadow: none;

[361] Fix | Delete

}

[362] Fix | Delete

&-disabled {

[363] Fix | Delete

background-color: $blue_d8 !important;

[364] Fix | Delete

opacity: 0.34 !important;

[365] Fix | Delete

cursor: default !important;

[366] Fix | Delete

color: $blue !important;

[367] Fix | Delete

}

[368] Fix | Delete

&-bg-arrows {

[369] Fix | Delete

[370] Fix | Delete

background-color: $blue_d8_opacity_034!important;

[371] Fix | Delete

background-repeat: no-repeat;

[372] Fix | Delete

background-position: center;

[373] Fix | Delete

opacity: 1!important;

[374] Fix | Delete

}

[375] Fix | Delete

}

[376] Fix | Delete

.wp-picker-container {

[377] Fix | Delete

button {

[378] Fix | Delete

margin: 0 10px 0 0;

[379] Fix | Delete

}

[380] Fix | Delete

.wp-picker-holder {

[381] Fix | Delete

position: absolute;

[382] Fix | Delete

}

[383] Fix | Delete

.wp-picker-input-wrap {

[384] Fix | Delete

.sgpb-color-picker {

[385] Fix | Delete

padding: 0 5px!important;

[386] Fix | Delete

line-height: 2.1!important;

[387] Fix | Delete

}

[388] Fix | Delete

}

[389] Fix | Delete

}

[390] Fix | Delete

}

[391] Fix | Delete

}

[392] Fix | Delete

.icons__item {

[393] Fix | Delete

&:hover {

[394] Fix | Delete

cursor: pointer;

[395] Fix | Delete

}

[396] Fix | Delete

}

[397] Fix | Delete

.icons_blue {

[398] Fix | Delete

background: $blue_whiten!important;

[399] Fix | Delete

color: $blue!important;

[400] Fix | Delete

}

[401] Fix | Delete

.icons_pink {

[402] Fix | Delete

background: $red_light!important;

[403] Fix | Delete

color: $red!important;

[404] Fix | Delete

}

[405] Fix | Delete

.icons_gray {

[406] Fix | Delete

background: $gray_c7!important;

[407] Fix | Delete

color: $black_3!important;

[408] Fix | Delete

}

[409] Fix | Delete

}

[410] Fix | Delete

[411] Fix | Delete

}

[412] Fix | Delete

}

[413] Fix | Delete

[414] Fix | Delete